/* ============================================================
   ЛИЧНЫЙ КАБИНЕТ — общая раскладка (сайдбар + контент) и
   компоненты, переиспользуемые на всех страницах кабинета.
   Базовые токены .vf/.vf-wrap/.vf-btn и общие vf-компоненты
   (слайдер товаров, "Почему выбирают нас") — в общем vf-ui.css.
   ============================================================ */

h1.vf-acc-h1{ font-size:44px; margin-bottom:24px; padding:20px 0; }

.vf-acc-layout{ display:grid; grid-template-columns:270px 1fr; gap:20px; align-items:start; }
.vf-acc-content{ min-width:0; }
@media(max-width:900px){ .vf-acc-layout{ grid-template-columns:1fr; } }

.vf-acc-table-wrap{ overflow-x:auto; }
.vf-acc-table{ min-width:560px; }

/* ── САЙДБАР ── */
.vf-acc-aside{ display:flex; flex-direction:column; gap:16px; }
.vf-acc-nav{ position:relative; background:#fdfdfd; border:1px solid var(--vf-border); border-radius:14px; padding:8px; }
.vf-acc-nav-item{ position:relative; display:flex; align-items:center; gap:11px; padding:13px 14px;
    font-family:'Manrope',sans-serif; font-size:14px; color:#575757; text-decoration:none;
    transition:color .15s; }
.vf-acc-nav-item svg{ flex-shrink:0; color:#575757; }
.vf-acc-nav-item:hover{ color:#2e2e2e; }
.vf-acc-nav-item.is-active{ color:var(--vf-accent); }
.vf-acc-nav-item.is-active svg{ color:var(--vf-accent); }
.vf-acc-nav-item.is-active::before{ content:""; position:absolute; left:-9px; top:0; bottom:0;
    width:3px; background:var(--vf-accent); border-radius:0; }
.vf-acc-help{ background:#fdfdfd; border:1px solid var(--vf-border); border-radius:14px; padding:20px; }
.vf-acc-help h3{ font-family:'Manrope',sans-serif; font-weight:700; font-size:15px; text-transform:none;
    color:#2e2e2e; margin:0 0 6px; }
.vf-acc-help p{ font-family:'Manrope',sans-serif; font-size:13px; color:#5a5a5a; line-height:1.5; margin:0 0 16px; }
.vf-acc-help .vf-btn{ width:100%; justify-content:flex-start; }

/* ── ОБЩИЕ КАРТОЧКИ ── */
.vf-acc-card{ background:#fdfdfd; border:1px solid var(--vf-border); border-radius:14px; padding:24px; }
h2.vf-acc-sec-title{ font-size:26px; margin:32px 0 16px; padding:20px 0; }
.vf-acc-sec-title:first-child{ margin-top:0; }

/* ── ОБЗОР: статистика ── */
.vf-acc-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:32px; }
.vf-acc-stat{ background:#fdfdfd; border:1px solid var(--vf-border); border-radius:14px; padding:20px; }
.vf-acc-stat .lbl{ font-family:'Manrope',sans-serif; font-size:13px; color:#5a5a5a; margin-bottom:10px; }
.vf-acc-stat .val{ font-family:'Bebas Neue Cyrillic','Oswald',sans-serif; font-size:32px; color:#2e2e2e; line-height:1; margin-bottom:6px; }
.vf-acc-stat .sub{ font-family:'Manrope',sans-serif; font-size:12px; color:#9d9d9d; }
@media(max-width:760px){ .vf-acc-stats{ grid-template-columns:1fr; } }

/* ── ОБЗОР: профиль ── */
.vf-acc-profile{ display:flex; gap:28px; align-items:flex-start; }
.vf-acc-avatar{ flex:0 0 80px; width:80px; height:80px; border-radius:50%; background:#e4e4e4; display:flex; flex-direction:column; align-items:center; gap:10px; }
.vf-acc-avatar-circle{ width:80px; height:80px; border-radius:50%; background:#e4e4e4; }
.vf-acc-avatar-wrap{ flex:0 0 80px; display:flex; flex-direction:column; align-items:center; gap:12px; }
.vf-acc-badge{ display:inline-block; background:var(--vf-accent); color:#fdfdfd; font-family:'Manrope',sans-serif;
    font-size:12px; font-weight:600; padding:5px 12px; border-radius:7px; white-space:nowrap; }
.vf-acc-info-grid{ flex:1; display:grid; grid-template-columns:1fr 1fr; gap:18px 40px; min-width:0; }
.vf-acc-info-item .lbl{ font-family:'Manrope',sans-serif; font-size:13px; color:#9d9d9d; margin-bottom:4px; }
.vf-acc-info-item .val{ font-family:'Manrope',sans-serif; font-size:14px; color:#2e2e2e; font-weight:500; }
@media(max-width:600px){ .vf-acc-profile{ flex-direction:column; } .vf-acc-info-grid{ grid-template-columns:1fr; } }

/* ── ТАБЛИЦА ЗАКАЗОВ ── */
.vf-acc-table{ width:100%; border-collapse:collapse; font-family:'Manrope',sans-serif; }
.vf-acc-table th{ text-align:left; font-size:13px; color:#9d9d9d; font-weight:400; padding:0 12px 14px; border-bottom:1px solid var(--vf-border); }
.vf-acc-table td{ padding:16px 12px; border-bottom:1px solid var(--vf-border); font-size:14px; color:#2e2e2e; vertical-align:middle; }
.vf-acc-table tr:last-child td{ border-bottom:0; }
.vf-acc-table .ord-num{ font-weight:700; }
.vf-acc-table th:last-child, .vf-acc-table td:last-child{ text-align:right; }
.vf-acc-more{ display:inline-flex; align-items:center; gap:8px; background:#2e2e2e; color:#fdfdfd; font-size:13px;
    padding:9px 16px; border-radius:7px; text-decoration:none; white-space:nowrap; }
.vf-acc-more:hover{ background:#000; color:#fdfdfd; }
.vf-acc-more svg{ flex-shrink:0; }
.vf-acc-table-foot{ display:flex; align-items:center; justify-content:space-between; padding-top:18px; }
.vf-acc-see-all{ font-family:'Manrope',sans-serif; font-size:14px; color:#2e2e2e; text-decoration:none; display:inline-flex; align-items:center; gap:8px; }
.vf-acc-see-all:hover{ color:var(--vf-accent); }
.vf-acc-empty{ text-align:center; padding:48px 20px; font-family:'Manrope',sans-serif; color:#9d9d9d; font-size:14px; }

/* ── ВКЛАДКИ СТАТУСОВ (Заказы) ── */
.vf-acc-tabs{ display:flex; gap:24px; margin-bottom:20px; border-bottom:1px solid var(--vf-border); flex-wrap:wrap; }
.vf-acc-tab{ font-family:'Manrope',sans-serif; font-size:14px; color:#9d9d9d; text-decoration:none; padding:0 0 14px;
    border-bottom:2px solid transparent; white-space:nowrap; }
.vf-acc-tab:hover{ color:#2e2e2e; }
.vf-acc-tab.is-active{ color:#2e2e2e; border-bottom-color:var(--vf-accent); font-weight:600; }

/* ── ПАГИНАЦИЯ ── */
.vf-acc-pager{ display:flex; align-items:center; justify-content:space-between; padding-top:18px; flex-wrap:wrap; gap:14px; }
.vf-acc-pager-pages{ display:flex; align-items:center; gap:6px; }
.vf-acc-pager-pages a, .vf-acc-pager-pages span{ display:flex; align-items:center; justify-content:center;
    min-width:28px; height:28px; border-radius:6px; font-family:'Manrope',sans-serif; font-size:13px;
    color:#5a5a5a; text-decoration:none; }
.vf-acc-pager-pages a:hover{ background:rgba(0,0,0,.04); }
.vf-acc-pager-pages .is-active{ background:var(--vf-accent); color:#fdfdfd; }
.vf-acc-pager-size{ font-family:'Manrope',sans-serif; font-size:13px; color:#9d9d9d; display:flex; align-items:center; gap:8px; }

/* ── ДЕТАЛИ ЗАКАЗА ── */
.vf-acc-back{ display:inline-flex; align-items:center; gap:8px; font-family:'Manrope',sans-serif; font-size:14px;
    color:#2e2e2e; text-decoration:none; margin-bottom:20px; }
.vf-acc-back:hover{ color:var(--vf-accent); }
.vf-acc-order-head{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; margin-bottom:18px; }
.vf-acc-order-head h2{ font-size:28px; margin:0 0 4px; }
.vf-acc-order-head .date{ font-family:'Manrope',sans-serif; font-size:13px; color:#9d9d9d; }
.vf-acc-order-head .lbl{ font-family:'Manrope',sans-serif; font-size:13px; color:#9d9d9d; margin-bottom:4px; }
.vf-acc-order-head .val{ font-family:'Manrope',sans-serif; font-size:18px; color:#2e2e2e; font-weight:700; }
.vf-acc-order-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:24px; }
.vf-acc-btn-outline{ display:inline-flex; align-items:center; gap:8px; border:1px solid var(--vf-border); background:#fdfdfd;
    color:#2e2e2e; font-family:'Manrope',sans-serif; font-size:14px; padding:10px 18px; border-radius:9px; text-decoration:none; }
.vf-acc-btn-outline:hover{ border-color:#c8c8c8; }

.vf-acc-info-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:32px; }
.vf-acc-info-cards .vf-acc-card h3{ font-size:18px; margin:0 0 14px; }
.vf-acc-info-cards .vf-acc-card p{ font-family:'Manrope',sans-serif; font-size:14px; color:#2e2e2e; line-height:1.6; margin:0 0 4px; }
.vf-acc-info-cards .vf-acc-card a{ color:inherit; text-decoration:none; }
@media(max-width:860px){ .vf-acc-info-cards{ grid-template-columns:1fr; } }

.vf-acc-items{ border:1px solid var(--vf-border); border-radius:14px; padding:8px 24px; margin-bottom:24px; }
.vf-acc-item-row{ display:grid; grid-template-columns:72px 1fr 110px 90px 110px; gap:16px; align-items:center;
    padding:16px 0; border-bottom:1px solid var(--vf-border); }
.vf-acc-item-row:last-child{ border-bottom:0; }
.vf-acc-item-img{ width:72px; height:54px; border:1px solid #dedede; border-radius:8px; background:#fcfcfc;
    display:flex; align-items:center; justify-content:center; overflow:hidden; }
.vf-acc-item-img img{ max-width:90%; max-height:90%; object-fit:contain; }
.vf-acc-item-name{ font-family:'Manrope',sans-serif; font-size:14px; font-weight:600; color:#2e2e2e; text-decoration:none; display:block; margin-bottom:4px; }
.vf-acc-item-specs{ font-family:'Manrope',sans-serif; font-size:12px; color:#9d9d9d; line-height:1.6; }
.vf-acc-item-cell{ font-family:'Manrope',sans-serif; font-size:13px; color:#9d9d9d; text-align:center; }
.vf-acc-item-total{ font-family:'Manrope',sans-serif; font-size:14px; color:#2e2e2e; font-weight:700; text-align:right; }
@media(max-width:760px){
    .vf-acc-item-row{ grid-template-columns:60px 1fr; grid-template-rows:auto auto; row-gap:6px; }
    .vf-acc-item-cell, .vf-acc-item-total{ grid-column:2; text-align:left; }
}

.vf-acc-summary-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.vf-acc-summary-grid .vf-acc-card h3{ font-size:18px; margin:0 0 16px; }
.vf-acc-sum-line{ display:flex; justify-content:space-between; font-family:'Manrope',sans-serif; font-size:14px;
    color:#9d9d9d; margin-bottom:10px; }
.vf-acc-sum-line span:last-child{ color:#2e2e2e; font-weight:500; }
.vf-acc-sum-line.discount span:last-child{ color:#e53935; }
.vf-acc-sum-sep{ border:none; border-top:1px solid var(--vf-border); margin:12px 0; }
.vf-acc-sum-total{ display:flex; justify-content:space-between; align-items:baseline; font-family:'Manrope',sans-serif; }
.vf-acc-sum-total span:first-child{ font-size:14px; color:#2e2e2e; }
.vf-acc-sum-total span:last-child{ font-size:22px; font-weight:700; color:#2e2e2e; }
.vf-acc-timeline{ display:flex; flex-direction:column; gap:14px; }
.vf-acc-timeline-item{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; font-family:'Manrope',sans-serif; font-size:13px; }
.vf-acc-timeline-item .t{ color:#2e2e2e; }
.vf-acc-timeline-item.is-current .t{ color:var(--vf-accent); font-weight:600; }
.vf-acc-timeline-item .d{ color:#9d9d9d; white-space:nowrap; }
@media(max-width:760px){ .vf-acc-summary-grid{ grid-template-columns:1fr; } }

/* ── ПРОФИЛЬ: формы ── */
.vf-acc-form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
.vf-acc-card h3{ font-family:'Manrope',sans-serif; font-weight:600; font-size:15px; text-transform:none; color:#2e2e2e; margin:0 0 16px; }
.vf-acc-field-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:12px; }
.vf-acc-field-row:last-child{ margin-bottom:0; }
.vf-acc-input{ display:block; width:100%; height:46px; padding:0 14px; background:#fdfdfd; border:1px solid var(--vf-border);
    border-radius:9px; font-family:'Manrope',sans-serif; font-size:14px; color:#2e2e2e; outline:none; transition:border-color .15s; }
.vf-acc-input::placeholder{ color:#acacac; }
.vf-acc-input:focus{ border-color:#c8c8c8; }
.vf-acc-address-text{ font-family:'Manrope',sans-serif; font-size:14px; color:#2e2e2e; line-height:1.6; margin:0 0 16px; }
.vf-acc-add-link{ font-family:'Manrope',sans-serif; font-size:14px; color:var(--vf-accent); text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.vf-acc-add-link:hover{ text-decoration:underline; }
.vf-acc-save-btn{ height:44px; padding:0 26px; background:#2e2e2e; color:#fdfdfd; border:0; border-radius:9px;
    font-family:'Manrope',sans-serif; font-size:14px; cursor:pointer; transition:background .15s; }
.vf-acc-save-btn:hover{ background:#000; }
@media(max-width:900px){ .vf-acc-form-grid{ grid-template-columns:1fr; } }
@media(max-width:560px){ .vf-acc-field-row{ grid-template-columns:1fr; } }