/* Cabinet and editorial pages share the storefront shell and Tolik UI tokens. */
.cabinet-page { font-family: var(--ts-font-sans); }
.cabinet-page .site-header { font-family: Inter, system-ui, sans-serif; }
.cabinet-page main { padding-bottom: var(--ts-space-12); }
.page-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:var(--ts-space-6); padding:var(--ts-space-4) 0 var(--ts-space-6); }
.page-heading .eyebrow { margin:var(--ts-space-4) 0 var(--ts-space-2); }
.page-heading h1 { font-size:clamp(2rem, 3.5vw, 2.85rem); line-height:1.08; letter-spacing:-.045em; margin:0; }
.page-heading .lead { max-width:43rem; margin:var(--ts-space-4) 0 0; }
.cabinet-page .surface { border:1px solid var(--line); border-radius:var(--ts-radius-xl); background:var(--glass-strong); box-shadow:var(--shadow); backdrop-filter:blur(18px); }
.cabinet-page .section-kicker { color:var(--violet); font-size:var(--ts-font-size-xs); font-weight:800; letter-spacing:.1em; }
.cabinet-page .hint { font-size:var(--ts-font-size-sm); color:var(--muted); line-height:1.6; }
.cabinet-page a:focus-visible,.cabinet-page button:focus-visible,.cabinet-page summary:focus-visible,.cabinet-page input:focus-visible { outline:2px solid var(--ts-border-focus); outline-offset:3px; }
.account-login { display:grid; grid-template-columns:minmax(0,1fr) 310px; align-items:stretch; gap:var(--ts-space-8); padding:var(--ts-space-8); }
.login-copy { max-width:38rem; }.login-copy h2,.panel h2 { margin:var(--ts-space-2) 0 var(--ts-space-3); font-size:var(--ts-font-size-xl); letter-spacing:-.025em; }.login-copy>p,.panel p { color:var(--muted); line-height:1.6; }.login-copy .button { margin-top:var(--ts-space-4); }.login-copy .hint a,.text-link { color:var(--violet); font-weight:700; }
.login-illustration { display:flex; flex-direction:column; justify-content:center; gap:var(--ts-space-4); padding:var(--ts-space-8); border-radius:var(--ts-radius-lg); background:var(--ts-brand-gradient); color:white; }.login-illustration span {font-size:2rem;}.login-illustration b {font-size:var(--ts-font-size-xl);line-height:1.25;}.login-illustration small{opacity:.88;}
.profile-bar {display:flex; align-items:center; justify-content:space-between; gap:var(--ts-space-5); padding:var(--ts-space-6) var(--ts-space-8);}.profile-identity{display:flex;align-items:center;gap:var(--ts-space-4)}.profile-icon,.metric-icon{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:var(--ts-radius-sm);color:var(--violet);background:var(--ts-bg-canvas-alt);font-size:1.35rem;font-weight:800}.profile-identity h2{margin:var(--ts-space-1) 0;font-size:var(--ts-font-size-xl)}.profile-identity p{margin:0;color:var(--muted);font-size:var(--ts-font-size-sm)}
.cabinet-tabs{display:flex;gap:var(--ts-space-2);margin:var(--ts-space-5) 0;overflow-x:auto;padding-bottom:var(--ts-space-1)}.cabinet-tabs a{display:flex;align-items:center;justify-content:center;white-space:nowrap;min-height:44px;padding:0 var(--ts-space-5);border:1px solid var(--line);border-radius:var(--ts-radius-sm);background:var(--glass);color:var(--text);font-size:var(--ts-font-size-sm);font-weight:700}.cabinet-tabs a:hover{border-color:var(--ts-border-focus);color:var(--violet)}
.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ts-space-4);margin-bottom:var(--ts-space-5)}.metric{display:flex;align-items:center;gap:var(--ts-space-4);padding:var(--ts-space-5)}.metric small,.metric span:not(.metric-icon){display:block;color:var(--muted);font-size:var(--ts-font-size-xs)}.metric strong{display:block;font-size:var(--ts-font-size-xl);margin:var(--ts-space-1) 0}
.account-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:var(--ts-space-5);align-items:start}.account-side{display:grid;gap:var(--ts-space-5)}.panel{padding:var(--ts-space-8);min-width:0}.panel-heading{display:flex;justify-content:space-between;gap:var(--ts-space-4);align-items:start}.panel-heading p{margin:0 0 var(--ts-space-4);font-size:var(--ts-font-size-sm)}.panel-heading .text-link{white-space:nowrap;font-size:var(--ts-font-size-sm)}
.item{display:flex;justify-content:space-between;align-items:center;gap:var(--ts-space-4);padding:var(--ts-space-4) 0;border-bottom:1px solid var(--line)}.item strong{display:block;overflow-wrap:anywhere}.item small{display:block;margin-top:var(--ts-space-1);color:var(--muted);line-height:1.5}.item a{color:var(--violet);white-space:nowrap;font-weight:700;font-size:var(--ts-font-size-sm)}.balance{font-size:var(--ts-font-size-2xl);font-weight:800;margin:var(--ts-space-3) 0}.claim{margin-top:var(--ts-space-6);border-top:1px solid var(--line);padding-top:var(--ts-space-5)}.claim summary{cursor:pointer;font-weight:700;font-size:var(--ts-font-size-sm)}.claim label{display:block;margin-bottom:var(--ts-space-2);font-size:var(--ts-font-size-sm);font-weight:700}.claim-controls{display:flex;gap:var(--ts-space-2)}.claim-controls input{min-width:0;flex:1}.claim-controls button{white-space:nowrap}
.news-topline{display:flex;align-items:end;justify-content:space-between;gap:var(--ts-space-4);margin-bottom:var(--ts-space-5)}.news-topline h2{margin:0;font-size:var(--ts-font-size-2xl);letter-spacing:-.03em}.news-topline p{color:var(--muted);margin:var(--ts-space-2) 0 0}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ts-space-5)}.news-card{display:flex;flex-direction:column;min-height:290px;padding:var(--ts-space-6)}.news-card:first-child{grid-column:span 2}.news-meta{display:flex;justify-content:space-between;gap:var(--ts-space-3);align-items:center}.news-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 var(--ts-space-3);border-radius:var(--ts-radius-pill);background:var(--ts-bg-canvas-alt);color:var(--violet);font-size:var(--ts-font-size-xs);font-weight:800}.news-date{color:var(--muted);font-size:var(--ts-font-size-xs)}.news-card h2{font-size:var(--ts-font-size-xl);line-height:1.28;letter-spacing:-.03em;margin:var(--ts-space-6) 0 var(--ts-space-3)}.news-card p{color:var(--muted);line-height:1.65;margin:0 0 var(--ts-space-6)}.news-card a{margin-top:auto;color:var(--violet);font-weight:800;font-size:var(--ts-font-size-sm)}
:root[data-ts-theme="dark"] .cabinet-page {--bg:var(--ts-bg-canvas);--bg-soft:var(--ts-bg-canvas-alt);--text:var(--ts-text);--muted:var(--ts-text-muted);--line:var(--ts-border);--glass:var(--ts-bg-canvas-alt);--glass-strong:var(--ts-bg-canvas-alt);--violet:var(--ts-brand-violet);background:var(--ts-bg-canvas);color:var(--text)}
.cabinet-page .site-header { color:#162235; }
.cabinet-page .page-heading .lead { color:var(--muted); }
:root[data-ts-theme="dark"] .cabinet-page .site-header {background:rgba(255,255,255,.96)}
:root[data-ts-theme="dark"] .cabinet-page main .button,
:root[data-ts-theme="dark"] .cabinet-page main .back-link,
:root[data-ts-theme="dark"] .cabinet-page main .eyebrow {background:var(--ts-bg-canvas-alt);color:var(--ts-text);border-color:var(--ts-border)}
:root[data-ts-theme="dark"] .cabinet-page .site-footer b {color:var(--ts-text)}
@media(max-width:900px){.account-grid{grid-template-columns:1fr}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-card:first-child{grid-column:span 2}}
@media(max-width:650px){.page-heading{align-items:flex-start;padding-top:var(--ts-space-4)}.page-heading h1{font-size:2rem}.account-login{grid-template-columns:1fr;padding:var(--ts-space-6)}.login-illustration{min-height:170px}.profile-bar{padding:var(--ts-space-5);align-items:flex-start}.profile-bar .button{min-height:44px;padding:0 var(--ts-space-3)}.overview-grid{grid-template-columns:1fr}.metric{padding:var(--ts-space-4)}.panel{padding:var(--ts-space-6)}.panel-heading{display:block}.panel-heading .text-link{display:inline-block;margin-bottom:var(--ts-space-4)}.claim-controls{flex-direction:column}.news-topline{align-items:flex-start;flex-direction:column}.news-grid{grid-template-columns:1fr}.news-card:first-child{grid-column:auto}.news-card{min-height:230px}}
@media(prefers-reduced-motion:reduce){.cabinet-page *{scroll-behavior:auto;transition:none!important}}
/* Connected customer account */
.cabinet-tabs a[aria-current="page"]{color:var(--ts-brand-indigo-light);border-color:var(--ts-border-focus);background:var(--glass-strong);box-shadow:0 6px 22px rgba(76,90,180,.10)}
.cabinet-view{margin-top:var(--ts-space-5)}.view-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--ts-space-4);margin:var(--ts-space-8) 0 var(--ts-space-6)}.view-heading h2{font-size:var(--ts-font-size-2xl);letter-spacing:-.035em;margin:var(--ts-space-2) 0}.view-heading p{color:var(--muted);line-height:1.6}.counter-pill{padding:var(--ts-space-2) var(--ts-space-4);border:1px solid var(--line);border-radius:var(--ts-radius-pill);color:var(--muted);font-size:var(--ts-font-size-sm);font-weight:700;white-space:nowrap}
.welcome-card{display:flex;justify-content:space-between;align-items:center;gap:var(--ts-space-6);min-height:190px;padding:var(--ts-space-8);border-radius:var(--ts-radius-xl);background:var(--ts-brand-gradient);color:white;overflow:hidden}.welcome-card .section-kicker{color:rgba(255,255,255,.78)}.welcome-card h2{margin:var(--ts-space-3) 0;font-size:var(--ts-font-size-2xl);letter-spacing:-.035em}.welcome-card p{color:rgba(255,255,255,.82)}.welcome-link{display:inline-block;margin-top:var(--ts-space-6);font-size:var(--ts-font-size-sm);font-weight:800;color:white}.welcome-symbol{display:grid;place-items:center;flex:none;width:116px;height:116px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.10);font-size:4rem;color:white}.cabinet-view .overview-grid{margin-top:var(--ts-space-5)}
.empty-copy{color:var(--muted);line-height:1.6;padding:var(--ts-space-3) 0}.small-note{font-size:var(--ts-font-size-sm);line-height:1.6;color:var(--muted);margin:var(--ts-space-5) 0}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--ts-space-2);padding-bottom:var(--ts-space-3)}.filter{min-height:44px;padding:0 var(--ts-space-4);border:1px solid var(--line);border-radius:var(--ts-radius-pill);background:var(--glass);color:var(--muted);font-weight:700;cursor:pointer}.filter.is-active{background:var(--ts-brand-soft);color:var(--ts-brand-indigo-light);border-color:var(--ts-border-focus)}
.order-card{display:flex;align-items:flex-start;gap:var(--ts-space-4);padding:var(--ts-space-5) 0;border-bottom:1px solid var(--line)}.order-icon{display:grid;place-items:center;width:50px;height:50px;flex:none;border-radius:var(--ts-radius-sm);background:var(--ts-brand-soft);color:var(--ts-brand-violet);font-size:1.4rem}.order-info{flex:1;min-width:0}.order-top,.order-bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--ts-space-3)}.order-top h3{font-size:var(--ts-font-size-body);line-height:1.4;overflow-wrap:anywhere}.order-meta{font-size:var(--ts-font-size-xs)!important;color:var(--muted);margin:var(--ts-space-2) 0!important}.order-status{display:inline-flex;align-items:center;flex:none;min-height:28px;padding:0 var(--ts-space-3);border-radius:var(--ts-radius-pill);background:var(--ts-bg-canvas-alt);border:1px solid var(--line);font-size:var(--ts-font-size-xs);font-weight:700;color:var(--muted)}.order-status.is-paid{color:var(--ts-text);border-color:var(--ts-border-strong)}.order-bottom strong{font-size:var(--ts-font-size-md)}.order-bottom a{font-size:var(--ts-font-size-sm)}.more-button{margin-top:var(--ts-space-5)}
.reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ts-space-4)}.reward-card{position:relative;display:flex;gap:var(--ts-space-4);min-height:190px;padding:var(--ts-space-6);box-shadow:none!important}.reward-icon{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:var(--ts-radius-md);background:var(--ts-brand-soft);color:var(--ts-brand-violet);font-size:1.8rem;font-weight:800}.reward-card.is-locked .reward-icon{background:var(--ts-bg-canvas-alt);color:var(--ts-text-subtle)}.reward-copy{min-width:0}.reward-copy h3{font-size:var(--ts-font-size-body);line-height:1.3;margin:var(--ts-space-2) 0}.reward-copy p{font-size:var(--ts-font-size-sm);line-height:1.5;color:var(--muted);margin:0 0 var(--ts-space-4)}.reward-tag{font-size:var(--ts-font-size-xs);letter-spacing:.08em;font-weight:800;color:var(--ts-brand-violet)}.is-locked .reward-tag{color:var(--muted)}.reward-progress{display:block;font-size:var(--ts-font-size-xs);font-weight:700;color:var(--muted)}.reward-card progress{display:block;width:100%;height:5px;accent-color:var(--ts-brand-violet);margin-top:var(--ts-space-2)}.reward-card.is-compact{min-height:0;padding:var(--ts-space-4);margin-top:var(--ts-space-3)}.reward-card.is-compact .reward-icon{width:44px;height:44px;font-size:1.3rem}.reward-card.is-compact p{margin-bottom:var(--ts-space-2)}
.ref-hero{padding:var(--ts-space-8);border-radius:var(--ts-radius-xl);background:var(--ts-brand-gradient);color:white}.ref-kicker{font-size:var(--ts-font-size-xs);font-weight:800;letter-spacing:.1em;color:rgba(255,255,255,.78)}.ref-hero h3{font-size:var(--ts-font-size-2xl);letter-spacing:-.035em;margin:var(--ts-space-3) 0}.ref-hero p{max-width:52rem;line-height:1.65;color:rgba(255,255,255,.88)}.ref-copy-row{display:flex;gap:var(--ts-space-2);margin-top:var(--ts-space-6)}.ref-input{flex:1;min-width:0;min-height:50px;padding:0 var(--ts-space-4);border:1px solid rgba(255,255,255,.35);border-radius:var(--ts-radius-sm);background:rgba(0,0,0,.14);color:white;font-family:var(--ts-font-mono);font-size:var(--ts-font-size-sm)}.ref-copy-button{min-height:50px;padding:0 var(--ts-space-5);border:0;border-radius:var(--ts-radius-sm);background:white;color:var(--ts-brand-indigo);font-weight:800;cursor:pointer}.copy-status{display:block;min-height:1.2em;margin-top:var(--ts-space-2);font-size:var(--ts-font-size-sm)}.ref-metrics,.balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ts-space-4);margin-top:var(--ts-space-5)}.balance-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.ref-metric{display:flex;flex-direction:column;gap:var(--ts-space-2);padding:var(--ts-space-6)}.ref-metric small,.ref-metric span{color:var(--muted);font-size:var(--ts-font-size-sm)}.ref-metric strong{font-size:var(--ts-font-size-2xl);letter-spacing:-.03em}.partner-empty h3{font-size:var(--ts-font-size-xl)}.partner-empty .button{margin-top:var(--ts-space-4)}.ledger-panel,.promo-panel{margin-top:var(--ts-space-5)}.operation-row{display:flex;align-items:center;justify-content:space-between;gap:var(--ts-space-4);padding:var(--ts-space-4) 0;border-bottom:1px solid var(--line)}.operation-row small{display:block;color:var(--muted);margin-top:var(--ts-space-1);line-height:1.5}
@media(max-width:900px){.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.view-heading{align-items:flex-start;flex-direction:column;margin-top:var(--ts-space-6)}.welcome-card{min-height:160px;padding:var(--ts-space-6)}.welcome-symbol{width:64px;height:64px;font-size:2rem}.welcome-card h2{font-size:var(--ts-font-size-xl)}.reward-grid,.ref-metrics,.balance-grid{grid-template-columns:1fr}.reward-card{min-height:0}.ref-hero{padding:var(--ts-space-6)}.ref-copy-row{flex-direction:column}.ref-copy-button{width:100%}.order-top{align-items:flex-start;flex-direction:column}.order-bottom{align-items:flex-start;flex-direction:column}.order-icon{width:42px;height:42px}.counter-pill{align-self:flex-start}}
.reward-icon { width:62px; height:70px; border-radius:0; clip-path:polygon(4% 0,96% 0,96% 59%,87% 77%,50% 100%,13% 77%,4% 59%); }
.reward-card.is-unlocked .reward-icon { background:var(--ts-brand-gradient); color:white; }
.reward-card.is-compact .reward-icon { width:44px; height:50px; }
.login-separator{margin:var(--ts-space-6) 0 var(--ts-space-4);color:var(--muted);font-size:var(--ts-font-size-sm);font-weight:700}.login-copy form,.identity-link form{display:flex;align-items:end;gap:var(--ts-space-3);flex-wrap:wrap}.login-copy form label,.identity-link form label{width:100%;font-size:var(--ts-font-size-sm);font-weight:700}.login-copy form input,.identity-link form input{flex:1;min-width:min(100%,220px)}.login-copy form .button{margin-top:0}.identity-actions{display:flex;flex-wrap:wrap;gap:var(--ts-space-2)}.identity-link{margin-top:var(--ts-space-4)}@media(max-width:650px){.identity-actions{flex-direction:column}.login-copy form .button,.identity-link form .button{width:100%}}
.profile-bar{padding:var(--ts-space-3) var(--ts-space-5);gap:var(--ts-space-3)}.profile-identity{gap:var(--ts-space-3);min-width:0}.profile-identity>div{min-width:0}.profile-identity .profile-icon{width:36px;height:36px;font-size:1rem}.profile-identity p{overflow-wrap:anywhere;line-height:1.4}.identity-actions{justify-content:flex-end}.welcome-card{min-height:0;padding:var(--ts-space-4) var(--ts-space-6);gap:var(--ts-space-4)}.welcome-card strong{font-size:var(--ts-font-size-body)}.welcome-link{margin:0;flex:none}@media(max-width:650px){.profile-bar{align-items:center;flex-wrap:wrap;padding:var(--ts-space-3) var(--ts-space-4)}.identity-actions{flex-direction:row;margin-left:auto}.welcome-card{min-height:0;align-items:center;padding:var(--ts-space-4);gap:var(--ts-space-3)}.welcome-card strong{font-size:var(--ts-font-size-sm)}.welcome-link{font-size:var(--ts-font-size-xs)}}
/* Compact overview keeps account information close to the order list. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.account-main{padding-top:var(--ts-space-5)}
.overview-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:var(--ts-space-5);align-items:start}
.overview-sidebar{display:grid;gap:var(--ts-space-4);min-width:0}
.overview-summary,.overview-rewards{padding:var(--ts-space-5)}
.summary-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--ts-space-3);padding:var(--ts-space-3) 0;border-bottom:1px solid var(--line);font-size:var(--ts-font-size-sm)}
.summary-row:first-child{padding-top:0}.summary-row span{color:var(--muted)}.summary-row strong{text-align:right;font-size:var(--ts-font-size-sm)}
.summary-link{display:inline-block;margin-top:var(--ts-space-4);font-size:var(--ts-font-size-sm)}
.overview-rewards .panel-heading{display:flex;align-items:center}.overview-rewards h2{margin:0;font-size:var(--ts-font-size-md)}
.overview-rewards .reward-card.is-compact{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:var(--ts-space-4) 0 0;backdrop-filter:none}
.overview-rewards .reward-card.is-compact p{display:none}.overview-rewards .reward-card.is-compact h3{margin:var(--ts-space-1) 0}.overview-rewards .reward-tag{font-size:.65rem}
.overview-orders .panel-heading h2{margin-top:0}.overview-orders .order-card:last-child{border-bottom:0}
@media(max-width:800px){.overview-layout{grid-template-columns:1fr}.overview-orders{order:-1}.overview-rewards .panel-heading .text-link,.overview-orders .panel-heading .text-link{margin-bottom:0}.overview-orders .panel-heading{display:flex;flex-wrap:wrap}}