/* Личный кабинет — вариант B («как приложение»).
   Подключается дополнением account_design_b через common/header.twig.
   Все правила привязаны к элементам кабинета: остальной сайт не затрагивается. */

/* ── шапка кабинета: заголовок и приветствие ───────────────────────── */
.breadcrumb-h1 h1{font-weight:600;color:#14343a;letter-spacing:-0.2px}
.breadcrumb-h1{background:transparent}

/* ── приветствие ──────────────────────────────────────────────────── */
.mbk-hello{background:#fff;border:1px solid #e3eaeb;border-radius:12px;padding:18px 22px;margin:0 0 14px}
.mbk-hello__t{font-size:23px;font-weight:600;color:#14343a;line-height:1.25}
.mbk-hello__s{font-size:13.5px;color:#5c7a7e;margin-top:4px}

/* ── показатели ───────────────────────────────────────────────────── */
.mbk-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.mbk-kpi__c{background:#fff;border:1px solid #e3eaeb;border-radius:12px;padding:14px 16px;
  box-sizing:border-box;min-width:0}
.mbk-kpi__n{font-size:26px;font-weight:700;color:#127b7b;line-height:1.1;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mbk-kpi__n_small{font-size:16px;font-weight:600}
.mbk-kpi__l{font-size:12.5px;color:#6b868a;margin-top:6px}

/* ── плитки разделов кабинета: три в ряд, иконка слева ────────────── */
.account-index > .uni-wrapper > .row.row-flex{display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
.account-index > .uni-wrapper > .row.row-flex > div{width:auto!important;max-width:none!important;
  padding:0!important;float:none!important;flex:none!important}
.account-index__item{display:flex!important;flex-direction:row!important;align-items:center!important;
  text-align:left!important;gap:11px;background:#fff;border:1px solid #e3eaeb;border-radius:12px;
  padding:13px 15px;min-height:70px;width:100%!important;box-sizing:border-box}
.account-index__item:hover{border-color:#219c9c;background:#fbfefe}
.account-index__icon{flex:0 0 36px;height:36px;border-radius:10px;background:#eef7f7;color:#1f8a8a;
  display:flex;align-items:center;justify-content:center;font-size:16px;margin:0}
.account-index__text{font-size:13.5px;color:#22383c;text-align:left!important;line-height:1.3}

/* ── меню кабинета: тёмная панель ─────────────────────────────────── */
aside#column-right .list-group{background:#123f42;border-radius:12px;padding:10px 8px;
  display:flex;flex-direction:column;gap:2px;overflow:hidden}
aside#column-right .list-group-item{background:transparent;border:0;color:#dceeef;padding:11px 14px;
  border-radius:8px;font-size:14px;text-decoration:none}
aside#column-right .list-group-item:hover{background:rgba(255,255,255,.09);color:#fff}
aside#column-right .list-group-item.active{background:rgba(255,255,255,.16);color:#fff;font-weight:600;
  box-shadow:inset 3px 0 0 #4ec9c9}

/* ── история заказов: карточки в две колонки ──────────────────────── */
.account-order-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.account-order-list__item{background:#fff;border:1px solid #e3eaeb;border-radius:12px;padding:16px 18px;
  display:block;box-sizing:border-box}
.account-order-list__item:hover{box-shadow:0 3px 14px rgba(20,52,58,.09);border-color:#cfe3e3}
.account-order-list__order-id{font-size:15px;font-weight:700;color:#127b7b;display:block;margin-bottom:8px}
.account-order-list__description{font-size:13.5px;color:#5c7a7e}
.account-order-list__description-item{display:flex;justify-content:space-between;padding:5px 0;
  border-bottom:1px dashed #e8eff0;white-space:nowrap;gap:12px}
.account-order-list__description-span{color:#14343a;font-weight:600}
.account-order-list .btn{background:#219c9c;border:0;color:#fff;border-radius:9px;padding:9px 18px;
  font-size:13.5px;margin-top:10px}
.account-order-list .btn:hover{background:#1a8585;color:#fff}

/* ── формы кабинета ───────────────────────────────────────────────── */
.account-edit__btn,.account-form .btn-primary{background:#219c9c;border-color:#219c9c;border-radius:9px;
  padding:10px 22px}
.uni-wrapper .form-control,.account-index .form-control{border:1px solid #d8e2e3;border-radius:9px;
  padding:10px 12px;font-size:14px}
.uni-wrapper .form-control:focus,.account-index .form-control:focus{border-color:#219c9c;
  box-shadow:0 0 0 3px rgba(33,156,156,.14)}
.uni-wrapper label.control-label,.account-index label.control-label{font-size:13px;color:#516b6f;
  font-weight:500;padding-top:11px}

/* ── телефон: показатели и плитки по одной в ряд ──────────────────── */
@media (max-width:767px){
  .mbk-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .account-index > .uni-wrapper > .row.row-flex{grid-template-columns:1fr!important}
  .account-order-list{grid-template-columns:1fr}
}