:root{--acc-ink:#17150f;--acc-paper:#fff;--acc-line:#dedbd3;--acc-gold:#b78b36;--acc-muted:#6e6a61;--acc-ink-soft:#221f18;--acc-gold-soft:#f7edda}
body{background:var(--acc-paper);color:var(--acc-ink)}
.account-page .shopnav{
  color:var(--acc-ink);background:rgba(255,255,255,.98);border-bottom-color:rgba(23,21,15,.12)
}
/* Атрибут hidden програє будь-якому display у класі. Через це форми входу
   й реєстрації показувалися одночасно, а після входу лишався екран входу. */
[hidden]{display:none !important}
.account-shell{width:min(1220px,calc(100% - 40px));margin:0 auto;padding:56px 0 90px}
/* Кабінет світлий навмисно, але сам по собі він читався як чужий сайт.
   Темна смуга під навігацією і темний футер прив'язують його до Archdep,
   а робоча зона лишається світлою. */
.account-hero{display:none}
.account-hero-in{width:min(1220px,calc(100% - 40px));margin:0 auto}
.account-hero .eyebrow{color:var(--acc-gold)}
.account-hero h1{font-family:'Fraunces',serif;font-size:clamp(2.1rem,4.4vw,3.5rem);line-height:1.05;font-weight:300;margin:14px 0 16px;max-width:17ch}
.account-hero p{max-width:620px;color:rgba(247,245,239,.6);font-size:1rem;line-height:1.7}
.account-page .shopfoot{background:#fff;border-top:1px solid var(--acc-line);color:var(--acc-muted)}
.account-page .shopfoot a{color:var(--acc-ink);border-bottom-color:rgba(23,21,15,.2)}
.account-page .shopfoot a:hover{color:var(--acc-gold)}
.eyebrow{font:400 .62rem/1 'IBM Plex Mono',monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--acc-gold)}
.account-auth{display:grid;grid-template-columns:1fr minmax(360px,.85fr);gap:70px;border-top:1px solid var(--acc-line);padding-top:44px}.auth-copy h2,.app-head h2,.panel-title h3{font-weight:300}.auth-copy h2{font-size:clamp(1.7rem,2.8vw,2.4rem);line-height:1.08;margin:0 0 18px}.auth-copy p{max-width:500px;color:var(--acc-muted);line-height:1.7}
.auth-card,.account-panel{background:#fff;border:1px solid var(--acc-line);border-radius:20px;padding:28px;box-shadow:0 30px 80px rgba(35,31,22,.06)}.auth-tabs,.account-sections{display:flex;gap:6px;padding:4px;background:#efede7;border-radius:999px;margin-bottom:25px}.auth-tabs button,.account-sections button{min-height:44px;border:0;background:transparent;border-radius:999px;padding:11px 16px;color:var(--acc-muted);cursor:pointer;touch-action:manipulation}.auth-tabs button.act,.account-sections button.act{background:#fff;color:var(--acc-ink);box-shadow:0 2px 12px rgba(0,0,0,.08)}
.auth-card form,.account-form{display:grid;gap:15px}.auth-card label,.account-form label,.danger-zone label{display:grid;gap:7px;font-size:.78rem;color:var(--acc-muted)}.auth-card input,.auth-card select,.account-form input,.account-form select,.account-form textarea,.danger-zone input{border:1px solid var(--acc-line);background:#fff;border-radius:10px;padding:12px 13px;font:inherit;color:var(--acc-ink);outline:0}.auth-card input:focus,.account-form input:focus,.account-form select:focus,.account-form textarea:focus,.danger-zone input:focus{border-color:var(--acc-gold);box-shadow:0 0 0 3px rgba(183,139,54,.12)}
.account-form label small{font-size:.72rem;line-height:1.45;color:var(--acc-muted)}.account-form input:disabled{color:#5f5a50;background:#f0eee8;cursor:not-allowed}
.account-check{grid-template-columns:auto 1fr!important;align-items:start}.account-check input{margin-top:2px}.account-check a{color:inherit}.account-primary,.account-outline,.account-danger{min-height:44px;border-radius:999px;padding:12px 18px;cursor:pointer;font:500 .75rem/1 Inter,sans-serif;touch-action:manipulation}.account-primary{border:1px solid var(--acc-ink);background:var(--acc-ink);color:#fff}.account-outline{border:1px solid var(--acc-line);background:#fff;color:var(--acc-ink);text-decoration:none}.account-danger{border:1px solid #a9271b;background:#a9271b;color:#fff}.account-link{min-height:44px;border:0;background:none;color:var(--acc-muted);cursor:pointer;touch-action:manipulation}.provider-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid var(--acc-line)}.provider-row button{min-height:44px;border:1px solid var(--acc-line);background:#f7f5ef;color:#999;border-radius:10px;padding:10px;touch-action:manipulation}.auth-status,.app-status{min-height:1.4em;color:var(--acc-muted);margin:16px 0 0}.auth-status.error,.app-status.error{color:#a9271b}.auth-status.ok,.app-status.ok{color:#18723d}
.app-head{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--acc-line);padding-bottom:30px}.app-head h2{font-size:clamp(1.8rem,3.2vw,2.7rem);margin:10px 0 5px}.app-head p{color:var(--acc-muted)}.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.account-stat{padding:20px;border:1px solid var(--acc-line);background:#fff;border-radius:14px}.account-stat span{display:block;color:var(--acc-muted);font-size:.75rem}.account-stat b{display:block;font:300 2rem Fraunces,serif;margin-top:8px}.account-stat.estimate b{background:var(--acc-gold-soft);color:#5c4413;display:inline-block;padding:2px 9px;border-radius:6px}
.account-sections{width:max-content;max-width:100%;overflow:auto;margin:28px 0 16px}.account-panel{border-radius:16px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.panel-title h3{font-size:1.5rem;margin:8px 0 0}.order-history{display:grid;gap:10px}.account-order{border-top:1px solid var(--acc-line);padding:17px 0}.account-order:first-child{border-top:0}.account-order summary{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;cursor:pointer}.account-order strong{font-weight:500}.account-order time,.account-order .status{color:var(--acc-muted);font-size:.76rem}.account-order ul{margin:16px 0 0;padding:14px 0 0 18px;border-top:1px dashed var(--acc-line);color:var(--acc-muted)}.empty-history{padding:30px;text-align:center;color:var(--acc-muted)}
.account-form{grid-template-columns:1fr 1fr}.account-form .wide,.account-form .form-note{grid-column:1/-1}.form-note,.bonus-note{background:#f4f1e8;border-radius:10px;padding:13px;color:var(--acc-muted);font-size:.82rem;line-height:1.55}.bonus-note{margin-bottom:20px}.danger-zone{margin-top:30px;border:1px solid #e2b4ae;background:#fff8f7;border-radius:14px;padding:20px;display:grid;gap:14px;max-width:620px}.danger-zone h4,.danger-zone p{margin:0}.danger-zone p{color:#7b4a44;line-height:1.6}
.professional-terms{display:grid;gap:18px;margin-bottom:20px}.terms-intro{max-width:700px}.terms-intro h4{font-weight:300;font-size:clamp(1.65rem,3vw,2.35rem);margin:9px 0}.terms-intro p{margin:0;color:var(--acc-muted);line-height:1.65}.terms-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.terms-grid article{min-height:134px;border:1px solid var(--acc-line);border-radius:14px;padding:18px;background:linear-gradient(145deg,#fff,#fbfaf7);display:flex;flex-direction:column;justify-content:space-between;gap:16px}.terms-grid article b{font:300 clamp(1.65rem,3vw,2.35rem)/1 Fraunces,serif;color:#9a6d18}.terms-grid article span{color:var(--acc-muted);font-size:.78rem;line-height:1.45}.terms-grid-partner{grid-template-columns:repeat(2,minmax(0,260px))}.terms-contact{display:flex;justify-content:space-between;gap:24px;padding:15px 17px;border-radius:12px;background:var(--acc-ink);color:#fff}.terms-contact strong{font-size:.8rem;white-space:nowrap}.terms-contact span{font-size:.78rem;line-height:1.5;color:rgba(255,255,255,.72);text-align:right}
.partner-catalog-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;padding:24px;border:1px solid var(--acc-line);border-radius:16px;background:linear-gradient(135deg,#fff,#f8f4e9)}
.partner-catalog-card h4{margin:8px 0 7px;font-size:clamp(1.45rem,2.6vw,2rem);font-weight:300}.partner-catalog-card p{max-width:620px;margin:0;color:var(--acc-muted);font-size:.83rem;line-height:1.55}
.partner-catalog-discount{min-width:116px;padding:13px 16px;border-left:1px solid var(--acc-line)}.partner-catalog-discount span{display:block;color:var(--acc-muted);font-size:.7rem}.partner-catalog-discount b{display:block;margin-top:5px;font:300 2rem Fraunces,serif;color:#9a6d18}
.partner-catalog-card .account-primary{white-space:nowrap}
/* у кабінеті в шапці на одне посилання більше, ніж у магазині,
   і на вузькому екрані «Кабінет» вилазив за край */
@media(max-width:460px){
  .account-page .shopnav .links{gap:9px}.account-page .shopnav{gap:8px}
  .account-auth>*{min-width:0}
  .auth-card{padding:20px}
  .auth-tabs button{padding:10px 11px;font-size:.72rem}
  .provider-row{grid-template-columns:1fr}
  .account-stats{grid-template-columns:1fr}
}
@media(max-width:800px){.account-hero{padding:96px 0 42px}.account-hero-in{width:min(100% - 24px,1220px)}.account-shell{width:min(100% - 24px,1220px);padding-top:34px}.account-auth{grid-template-columns:1fr;gap:28px}.account-stats{grid-template-columns:1fr 1fr}.account-form{grid-template-columns:1fr}.account-form .wide,.account-form .form-note{grid-column:auto}.account-sections{border-radius:14px}.account-order summary{grid-template-columns:1fr auto}.account-order .status{grid-column:1/-1}}

/* Стан оплати в історії замовлення. Для «Покупки частинами» клієнт бачить
   три різні події: створення, власне підтвердження і підтвердження видачі
   магазином. Це прибирає небезпечне враження, ніби після заявки товар уже
   автоматично виданий або списання остаточно завершене. */
.ord-payment{margin:15px 0 0;padding:14px;border:1px solid rgba(35,31,24,.12);border-radius:14px;background:#f8f7f3}
.ord-pay-head,.ord-pay-card{display:flex;align-items:center;justify-content:space-between;gap:13px}
.ord-pay-head{justify-content:flex-start}
.ord-pay-head .mono-parts-paw{width:54px;height:54px;flex-basis:54px}
.ord-pay-head .mono-parts-paw-count{font-size:17px}.ord-pay-head .mono-parts-paw-count.double{font-size:14px}
.ord-pay-head>span,.ord-pay-card>span{display:flex;flex-direction:column;gap:3px}
.ord-pay-head small,.ord-pay-card small{color:var(--acc-muted);font-size:.7rem}
.ord-pay-head b,.ord-pay-card b{font-size:.9rem;font-weight:600}
.ord-pay-card em{font-style:normal;color:#27634a;font-size:.75rem}
.ord-pay-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}
.ord-pay-flow>span{position:relative;display:grid;grid-template-columns:24px 1fr;column-gap:8px;padding:10px;
  border-radius:11px;background:#fff;color:#8b867e;border:1px solid rgba(35,31,24,.08)}
.ord-pay-flow i{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:24px;height:24px;
  border:1px solid currentColor;border-radius:50%;font-style:normal;font-size:.68rem}
.ord-pay-flow b{font-size:.75rem;font-weight:550;color:inherit;line-height:1.25}
.ord-pay-flow small{font-size:.65rem;line-height:1.3;color:inherit}
.ord-pay-flow .done{color:#27634a;background:#f0f7f3}
.ord-pay-flow .done i{background:#27634a;border-color:#27634a;color:#fff}
.ord-pay-flow .current{color:#7a5916;background:#fff8e8;border-color:#e8d29c}
.ord-pay-flow .current i{background:#c9a35e;border-color:#c9a35e;color:#211b10}
.ord-pay-flow .stop{color:#8a3939;background:#f9eeee;border-color:#e4bcbc}
.ord-pay-flow .stop i{background:#8a3939;border-color:#8a3939;color:#fff}
.ord-returned{margin:11px 0 0;color:#27634a;font-size:.78rem}
.ord-operations{list-style:none!important;margin:11px 0 0!important;padding:9px 0 0!important;border-top:1px dashed rgba(35,31,24,.14)!important}
.ord-operations li{display:flex;justify-content:space-between;gap:12px;padding:3px 0;font-size:.72rem;color:var(--acc-muted)}
.ord-operations b{font-weight:500;color:var(--acc-ink)}

/* Виробничий шлях і чек — окремі від банківського статусу. Людина бачить,
   де саме її виріб, а оплату й повернення — у сусідньому фінансовому блоці. */
.ord-fulfillment{margin:15px 0 0;padding:15px;border:1px solid rgba(35,31,24,.12);border-radius:14px;background:#fff}
.ord-fulfillment-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.ord-fulfillment-head small{color:var(--acc-muted);font-size:.69rem;letter-spacing:.08em;text-transform:uppercase}
.ord-fulfillment-head b{font-size:.86rem;font-weight:600;color:#725516}
.ord-fulfillment-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.ord-fulfillment-flow>span{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:7px;min-height:48px;padding:8px;border:1px solid rgba(35,31,24,.08);border-radius:10px;color:#969188;background:#faf9f6}
.ord-fulfillment-flow i{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid currentColor;border-radius:50%;font-style:normal;font-size:.65rem}
.ord-fulfillment-flow b{font-size:.69rem;font-weight:500;line-height:1.25}
.ord-fulfillment-flow .done{color:#27634a;background:#f0f7f3}.ord-fulfillment-flow .done i{background:#27634a;border-color:#27634a;color:#fff}
.ord-fulfillment-flow .current{color:#725516;background:#fff8e8;border-color:#e8d29c}.ord-fulfillment-flow .current i{background:#c9a35e;border-color:#c9a35e;color:#211b10}
.ord-fulfillment.cancelled{border-color:#e4bcbc;background:#f9eeee}.ord-fulfillment.cancelled .ord-fulfillment-head{margin:0}.ord-fulfillment.cancelled .ord-fulfillment-head b{color:#8a3939}
.ord-receipt{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px;border:1px solid #e8d29c;border-radius:14px;background:#fff8e8}
.ord-receipt-icon{font-size:1.45rem}.ord-receipt>span:nth-child(2){display:grid;gap:2px;min-width:0;flex:1}
.ord-receipt small,.ord-receipt em{font-size:.68rem;color:#725516;font-style:normal}.ord-receipt b{font-size:.8rem;font-weight:600;overflow-wrap:anywhere}
.ord-receipt button,.ord-receipt a{min-height:42px;border:1px solid #725516;border-radius:999px;padding:9px 15px;background:#fff;color:#5b4516;font:500 .71rem/1 Inter,sans-serif;cursor:pointer;touch-action:manipulation;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.ord-receipt button:disabled{opacity:.55;cursor:wait}

.ord-cancel{margin-top:14px;padding-top:13px;border-top:1px solid rgba(35,31,24,.11)}
.ord-cancel>p{margin:0;padding:11px 13px;border-radius:11px;font-size:.76rem;line-height:1.45;background:#f4f2ed;color:#5f5a50}
.ord-cancel>p.pending{background:#fff8e8;color:#725516}.ord-cancel>p.processed{background:#eef7f1;color:#27634a}.ord-cancel>p.rejected{background:#f9eeee;color:#8a3939}
.ord-cancel-open,.ord-cancel-compose button{min-height:42px;border-radius:999px;border:1px solid rgba(35,31,24,.18);
  padding:9px 15px;background:transparent;font-size:.72rem;cursor:pointer;transition:.2s}
.ord-cancel-open:hover,.ord-cancel-compose button:hover{border-color:#8a3939;color:#8a3939}
.ord-cancel-compose{display:grid;gap:9px;padding:12px;border-radius:12px;background:#f8f7f3}
.ord-cancel-compose[hidden]{display:none}
.ord-cancel-compose label{display:grid;gap:6px;color:var(--acc-muted);font-size:.72rem}
.ord-cancel-compose textarea{width:100%;resize:vertical;min-height:78px;padding:10px 11px;border:1px solid rgba(35,31,24,.16);border-radius:9px;background:#fff;color:var(--acc-ink);font:inherit;line-height:1.45}
.ord-cancel-compose>div{display:flex;flex-wrap:wrap;gap:8px}
.ord-cancel-compose [data-cancel-send]{background:#8a3939;border-color:#8a3939;color:#fff}
.ord-cancel-compose button:disabled{opacity:.55;cursor:wait}

@media(max-width:680px){
  .ord-payment{padding:11px}
  .ord-pay-flow{grid-template-columns:1fr}
  .ord-pay-flow>span{min-height:52px;align-content:center}
  .ord-pay-head .mono-parts-paw{width:48px;height:48px;flex-basis:48px}
  .ord-pay-head .mono-parts-paw-count{font-size:15px}.ord-pay-head .mono-parts-paw-count.double{font-size:12px}
  .ord-cancel-open,.ord-cancel-compose button{min-height:44px}
  .ord-cancel-compose>div{display:grid;grid-template-columns:1fr}
  .ord-cancel-compose textarea{font-size:16px}
  .ord-fulfillment{padding:11px}.ord-fulfillment-head{display:grid;gap:3px}.ord-fulfillment-flow{grid-template-columns:1fr;gap:5px}
  .ord-fulfillment-flow>span{min-height:44px}
  .ord-receipt{align-items:flex-start;flex-wrap:wrap;padding:12px}.ord-receipt button,.ord-receipt a{width:100%;min-height:44px}
}
.terms-grid-partner{grid-template-columns:repeat(4,minmax(0,1fr))}.terms-grid-partner:empty{display:none}
@media(max-width:800px){.terms-grid{grid-template-columns:1fr 1fr}.terms-grid-partner{grid-template-columns:1fr 1fr}.terms-contact{align-items:flex-start;flex-direction:column;gap:6px}.terms-contact span{text-align:left}}
@media(max-width:520px){.terms-grid,.terms-grid-partner{grid-template-columns:1fr}.terms-grid article{min-height:112px}.terms-intro h4{font-size:1.65rem}}
@media(max-width:760px){.partner-catalog-card{grid-template-columns:1fr;gap:18px;padding:19px}.partner-catalog-discount{border-left:0;border-top:1px solid var(--acc-line);padding:15px 0 0}.partner-catalog-card .account-primary{width:100%;min-height:46px}}

/* Поля професійної реєстрації з'являються лише для відповідної ролі. */
#registerForm .account-primary{grid-column:1/-1}
.register-role-note{margin:0;padding:12px 14px;border-radius:10px;background:#f4f1e8;color:var(--acc-muted);
  font-size:.78rem;line-height:1.5}
@media(max-width:800px){#registerForm .account-primary{grid-column:auto}}

/* ===== ВКЛАДКИ КАБІНЕТУ НА ТЕЛЕФОНІ =====
   Було: .account-sections мав width:max-content і max-width:100%. На вузькому
   екрані спрацьовував max-width, смуга ставала вужчою за вміст, і кнопки не
   переповнювали її, а стискались — тому «Бонуси та виплати» розлазилось на три
   рядки, вся смуга виростала втричі, а «Безпека» ще й обрізалась.
   Тепер кнопки не стискаються й не переносяться, а смуга гортається вбік. */
.auth-tabs,.account-sections{flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.auth-tabs::-webkit-scrollbar,.account-sections::-webkit-scrollbar{display:none}
.auth-tabs button,.account-sections button{flex:0 0 auto;white-space:nowrap}
.account-sections{width:auto;overflow-x:auto;overflow-y:hidden}
@media(max-width:560px){
  /* на телефоні кнопки нижчі й тісніші — щоб у смугу влазило більше */
  .auth-tabs,.account-sections{gap:4px;padding:3px}
  .auth-tabs button,.account-sections button{min-height:38px;padding:9px 14px;font-size:.82rem}
}

/* ===== РАНІШНІ ЗАМОВЛЕННЯ =====
   Лічильник «Замовлень» рахує і нові замовлення, і ті, що прийшли з попередньої
   бази за номером телефону. Список же малював тільки нові — тому в кабінеті
   стояло «1», а історія була порожня. Тепер ранішні теж видно; по них є лише
   номер, сума й статус, бо зі старого проєкту навмисно перенесено коротко. */
.legacy-history{margin-top:22px;padding-top:18px;border-top:1px solid var(--acc-line)}
.legacy-history .legacy-note{margin:0 0 14px;color:var(--acc-muted);font-size:.78rem;line-height:1.5}
.legacy-order{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;
  padding:15px 0;border-top:1px solid var(--acc-line)}
.legacy-order:first-of-type{border-top:0}
.legacy-order strong{font-weight:500}
.legacy-order .status{color:var(--acc-muted);font-size:.76rem}
@media(max-width:800px){
  .legacy-order{grid-template-columns:1fr auto}
  .legacy-order .status{grid-column:1/-1}
}
/* Кабінет підключається після shop.css, тому повторюємо загальну типографіку. */
body,body *{font-family:'Inter',sans-serif!important}