/* Z7 redizajn V6.2 (3D_V3/PLAN-DALSIA-FAZA/REDIZAJN-V6-2/PLAN.md časť 5): Môj účet zákazníka (ľavé záložky profilu, firmy, prihlásení a pomoci).
   Súbor založil a v web/index.html pripojil R1 iba s touto hlavičkou; pravidlá píše vlastník balíka, tokeny sú v tokens-v62.css. */
/* Z7 pravidlá (prototyp .setlay, .setnav, .setbody riadky 937 až 945 a 1045 až 1047, acHead 3105; snimky/v62-05). Záložky sú odkazy na trasy
   #customer/profile a #customer/sessions; obsah obrazovky ostáva. Pod 900 px je navigácia riadok nad obsahom (formulár profilu má celú šírku), pod 700 px ciele 44 px. */
.customer-account{display:grid;grid-template-columns:232px minmax(0,1fr);gap:16px;align-items:start}
.customer-account-nav{position:sticky;top:calc(var(--topbar-height) + var(--space-3));display:flex;flex-direction:column;gap:2px;padding:6px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}
.customer-account-tab{display:flex;align-items:center;gap:9px;min-height:36px;padding:0 10px;border-radius:var(--radius-control);color:var(--ink-2);font-size:var(--text-sm);font-weight:600;text-decoration:none}
.customer-account-tab>.icon{flex:0 0 auto;color:var(--muted)}
.customer-account-tab:hover{background:var(--background);text-decoration:none}
.customer-account-tab.is-active{background:var(--accent-soft);color:var(--accent)}
.customer-account-tab.is-active>.icon{color:var(--accent)}
.customer-account-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.customer-account-main{display:flex;flex-direction:column;gap:12px;min-width:0}
.customer-account-who{display:grid;gap:1px;margin:0;padding:6px 10px 8px;border-bottom:1px solid var(--line-soft);overflow-wrap:anywhere}
.customer-account-who>strong{font-size:var(--text-md)}
.customer-account-who>span{color:var(--muted);font-size:var(--text-xs)}
.customer-account-main>.panel{margin:0}
@media(max-width:899px){
 .customer-account{grid-template-columns:minmax(0,1fr)}
 .customer-account-nav{position:static;flex-direction:row;flex-wrap:wrap}
 .customer-account-who{flex:1 1 100%}
 .customer-account-tab{flex:1 1 auto}
}
@media(max-width:699px){.customer-account-tab{min-height:44px}}
/* PR-08 (PROTO-01/PLAN.md, mapa A52 a A57; prototyp .bkcodes a kvH): záložné kódy dvojkrokového overenia a prehľad zabezpečenia zákazníka
   (web/customer-security.js). Iba triedy customer-security-* a tokeny. */
.customer-security-codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}
.customer-security-codes>li{padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-2);text-align:center}
.customer-security-facts{display:grid;gap:var(--space-2);margin:0}
.customer-security-facts>div{display:grid;grid-template-columns:minmax(10rem,14rem) minmax(0,1fr);gap:var(--space-2)}
.customer-security-facts dt{color:var(--muted);font-weight:600}
.customer-security-facts dd{margin:0;overflow-wrap:anywhere}
@media(max-width:599px){.customer-security-facts>div{grid-template-columns:minmax(0,1fr);gap:0}}