/* Customer dashboard. Uses the storefront's theme tokens, so a published theme applies here too. Logical properties keep RTL/LTR correct. */
.acct-body{min-height:100vh}
.acct-top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--c-nav) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--c-border)}
.acct-top-in{display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px}
.acct-top-actions{display:flex;align-items:center;gap:10px}
.btn-link{background:none;border:0;color:var(--c-link);font-size:13px;padding:6px 8px;border-radius:8px}
.btn-link:hover{background:var(--c-surface-alt)}
.icon-button{position:relative}
.bell-badge{position:absolute;top:-6px;inset-inline-end:-6px;min-width:18px;height:18px;border-radius:9px;background:#e5484d;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;padding:0 4px}
.acct-main{padding-block:26px 70px}
.acct-nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid var(--c-border);scrollbar-width:thin}
.acct-nav a{white-space:nowrap;padding:9px 14px;border-radius:var(--radius);color:var(--c-muted);font-size:13px;border:1px solid transparent}
.acct-nav a:hover{color:var(--c-text);background:var(--c-surface)}
.acct-nav a.on{color:var(--c-text);background:var(--c-surface-alt);border-color:var(--c-primary)}
.acct-nav .count{margin-inline-start:6px;background:var(--c-primary);color:var(--c-btn-text);border-radius:9px;padding:0 7px;font-size:11px}
.acct-h{font-size:22px;margin:0 0 6px}.acct-sub{color:var(--c-muted);font-size:13px;margin:0 0 20px}
.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:calc(var(--radius)*1.4);padding:18px;margin-bottom:16px}
.card h3{margin:0 0 12px;font-size:15px}
.row-link{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--c-border);color:inherit;flex-wrap:wrap}
.row-link:last-child{border-bottom:0}.row-link:hover .rl-title{color:var(--c-link)}
.rl-title{font-weight:700;font-size:14px}.rl-meta{font-size:12px;color:var(--c-muted);margin-top:4px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{display:inline-flex;border:1px solid var(--c-border);border-radius:999px;padding:3px 10px;font-size:11px;color:var(--c-muted);background:var(--c-surface-alt)}
.chip.ok{color:#8fe3b5;border-color:#2d6d55}.chip.bad{color:#ff9aa8;border-color:#7a3445}.chip.warn{color:#f0c674;border-color:#7a6128}
.auth-box{max-width:460px;margin:30px auto}
.tabs2{display:flex;gap:6px;margin-bottom:16px}.tabs2 button{flex:1;padding:10px;border-radius:var(--radius);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-muted);font-size:13px}
.tabs2 button.on{background:var(--c-surface-alt);color:var(--c-text);border-color:var(--c-primary)}
.banner{border:1px solid #7a6128;background:#2a2110;color:#f0d28a;border-radius:var(--radius);padding:12px 14px;font-size:13px;line-height:1.7;margin-bottom:16px}
.banner.info{border-color:var(--c-border);background:var(--c-surface-alt);color:var(--c-text)}
.msgs .msg{margin-bottom:10px}.hist{font-size:12px;color:var(--c-muted);list-style:none;padding:0;margin:8px 0 0}.hist li{padding:3px 0}
.stars-in{display:flex;gap:4px;direction:ltr}.stars-in button{background:none;border:0;font-size:26px;color:var(--c-border);padding:0 2px;line-height:1}.stars-in button.on{color:#f5b942}
.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.thumbs img{width:84px;height:84px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--c-border)}
.kv{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:13px;border-bottom:1px dashed var(--c-border)}.kv:last-child{border-bottom:0}.kv span:first-child{color:var(--c-muted)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.btn-sm{padding:9px 14px;font-size:12px}
.empty{text-align:center;color:var(--c-muted);padding:34px 10px;border:1px dashed var(--c-border);border-radius:var(--radius);font-size:13px}
.back{display:inline-block;margin-bottom:12px;color:var(--c-link);font-size:13px}
.notif-row{display:flex;flex-direction:column;gap:3px;padding:12px 0;border-bottom:1px solid var(--c-border);width:100%;background:none;border-inline:0;border-top:0;text-align:start;color:var(--c-muted);font-size:13px}
.notif-row.unread{color:var(--c-text);border-inline-start:3px solid var(--c-primary);padding-inline-start:10px}.notif-row small{color:var(--c-muted);font-size:11px}
@media(max-width:700px){.grid2{grid-template-columns:1fr}.acct-top-in{height:58px}.acct-h{font-size:19px}.card{padding:14px}.acct-top-actions{gap:4px}.btn-link{padding:6px 5px}}
/* P5 */
.row-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.row-head h3{margin:0}
.progress{height:6px;border-radius:3px;background:var(--c-surface-alt);margin-top:8px;max-width:260px;overflow:hidden}.progress span{display:block;height:100%;background:var(--c-primary)}
.dialog-back{position:fixed;inset:0;background:rgba(5,3,12,.7);display:grid;place-items:center;z-index:60;padding:16px}.dialog{max-width:440px;width:100%;margin:0}
details{margin-top:10px}summary{cursor:pointer;color:var(--c-link);font-size:13px}
.plan-benefits{list-style:none;margin:8px 0;padding:0;font-size:13px;color:var(--c-muted)}.plan-benefits li:before{content:'✓ ';color:var(--c-primary)}
.svc-tl{margin:14px 0}.svc-tl li{padding-block:6px}.hidden{display:none!important}
.card h4{margin:12px 0 4px;font-size:13px}