.account-system-page{--as-bg:var(--bg,#f4f8f5);--as-card:var(--surface,#fff);--as-soft:var(--soft-surface,#edf5f0);--as-text:var(--text,#0a2117);--as-muted:var(--muted,#65776d);--as-line:var(--line,#d9e6de);--as-green:#16a85b;box-sizing:border-box;color:var(--as-text);padding-block:24px 60px}.account-system-page *{box-sizing:border-box}.account-system-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:0 0 22px;padding:7px;background:var(--as-card);border:1px solid var(--as-line);border-radius:16px}.account-system-nav a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border-radius:11px;color:var(--as-muted);text-decoration:none;font-size:.78rem}.account-system-nav a span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--as-soft);color:var(--as-green)}.account-system-nav a:hover,.account-system-nav a.is-active{background:var(--as-text);color:var(--as-card)}.account-system-nav a.is-active span{background:var(--as-green);color:#04160b}.account-system-nav a.is-logout{color:#c94f4f}.support-center-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:clamp(25px,4vw,45px);border-radius:25px;background:linear-gradient(135deg,#07140e,#0d2c1c);color:#fff}.support-center-hero>div>span,.support-form-layout>header>span,.support-thread-head>div:first-child>span{color:#4ced85;font-size:.76rem;font-weight:900}.support-center-hero h1{font-size:clamp(2rem,4vw,3.7rem);margin:8px 0}.support-center-hero p{color:#adc1b5;line-height:1.9}.support-center-hero>a{display:flex;align-items:center;gap:25px;padding:13px 17px;border-radius:11px;background:#4ced85;color:#06150c;text-decoration:none;font-weight:900}.support-status-tabs{display:flex;gap:7px;overflow:auto;margin:18px 0;padding-bottom:3px}.support-status-tabs a{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 12px;border:1px solid var(--as-line);border-radius:999px;background:var(--as-card);color:var(--as-muted);text-decoration:none;font-size:.76rem}.support-status-tabs a b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:var(--as-soft);font-size:.65rem}.support-status-tabs a.is-active{background:var(--as-text);border-color:var(--as-text);color:var(--as-card)}.support-status-tabs a.is-active b{background:var(--as-green);color:#04160b}.support-center-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.support-filter-card,.support-ticket-list,.support-form-layout>section,.support-thread-layout>aside{background:var(--as-card);border:1px solid var(--as-line);border-radius:19px;padding:21px}.support-filter-card{position:sticky;top:105px}.support-filter-card h2{font-size:1.05rem;margin:0 0 16px}.support-filter-card form,.account-form{display:grid;gap:12px}.support-filter-card label,.account-form p{display:grid;gap:6px;margin:0;color:var(--as-muted);font-size:.77rem;font-weight:800}.support-filter-card input,.support-filter-card select,.account-form input,.account-form select,.account-form textarea{width:100%;min-height:43px;border:1px solid var(--as-line);border-radius:10px;background:var(--as-soft);color:var(--as-text);padding:9px 11px;font:inherit;outline:0}.account-form textarea{min-height:135px;resize:vertical}.support-filter-card input:focus,.support-filter-card select:focus,.account-form input:focus,.account-form select:focus,.account-form textarea:focus{border-color:var(--as-green);box-shadow:0 0 0 3px rgba(22,168,91,.1)}.support-filter-card button,.account-form>button{border:0;border-radius:10px;background:var(--as-green);color:#04160b;padding:11px 15px;font:inherit;font-weight:900}.support-filter-card form>a{color:var(--as-muted);text-align:center;font-size:.75rem}.support-filter-card>p{display:grid;gap:5px;margin:20px 0 0;padding:14px;border-radius:11px;background:var(--as-soft);color:var(--as-muted);font-size:.72rem;line-height:1.7}.support-filter-card>p strong{color:var(--as-text)}.support-ticket-list>header{margin-bottom:10px}.support-ticket-list>header span{color:var(--as-green);font-size:.72rem;font-weight:900}.support-ticket-list>header h2{margin:5px 0}.support-ticket-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto 22px;gap:12px;align-items:center;padding:15px 8px;border-top:1px solid var(--as-line);color:var(--as-text);text-decoration:none}.support-ticket-id{color:var(--as-green);font-weight:900}.support-ticket-row>div{display:grid;gap:5px}.support-ticket-row small{color:var(--as-muted)}.support-ticket-row em,.support-priority{padding:6px 9px;border-radius:999px;background:var(--as-soft);color:var(--as-muted);font-style:normal;font-size:.7rem}.support-ticket-row>b{color:var(--as-green)}.account-empty{text-align:center;padding:50px 15px}.account-empty>span{color:var(--as-green);font-size:2rem}.account-empty p{color:var(--as-muted)}.account-empty a{color:var(--as-green)}.account-breadcrumb{display:flex;gap:8px;margin:5px 0 25px;color:var(--as-muted);font-size:.78rem}.account-breadcrumb a{color:var(--as-muted);text-decoration:none}.support-form-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:24px;align-items:start}.support-form-layout>header{padding:25px}.support-form-layout h1{font-size:clamp(2rem,4vw,3.7rem);line-height:1.3;margin:9px 0}.support-form-layout>header>p{color:var(--as-muted);line-height:1.9}.support-form-layout ul{padding-right:18px;color:var(--as-muted);line-height:2}.account-form .errorlist{color:#d24f4f;margin:0;padding-right:16px}.support-thread-head{display:flex;justify-content:space-between;gap:25px;padding:28px;border-radius:22px;background:var(--as-card);border:1px solid var(--as-line)}.support-thread-head h1{font-size:clamp(1.6rem,3vw,2.6rem);margin:7px 0}.support-thread-head p{color:var(--as-muted);margin:0}.support-thread-head>div:last-child{display:flex;align-items:center;gap:9px}.support-thread-head>div:last-child>span{display:grid;gap:4px;padding:10px 14px;border-radius:10px;background:var(--as-soft);color:var(--as-muted);font-size:.7rem}.support-thread-head b{color:var(--as-text)}.support-thread-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;margin-top:20px;align-items:start}.support-thread-messages{display:grid;gap:12px}.support-message{max-width:82%;padding:19px;border-radius:18px;background:var(--as-card);border:1px solid var(--as-line)}.support-message.is-user{justify-self:start;border-bottom-right-radius:4px}.support-message.is-staff{justify-self:end;border-color:color-mix(in srgb,var(--as-green) 45%,var(--as-line));border-bottom-left-radius:4px}.support-message>header{display:flex;align-items:center;gap:9px}.support-message img{width:38px;height:38px;border-radius:11px;object-fit:cover}.support-message header>div{display:grid;gap:2px}.support-message time{color:var(--as-muted);font-size:.68rem}.support-message>p{line-height:2;margin:15px 0 0}.support-thread-layout>aside{position:sticky;top:105px}.support-thread-layout>aside>span{color:var(--as-green);font-size:.72rem;font-weight:900}.support-thread-layout>aside h2{font-size:1.25rem}.support-thread-layout>aside>p{color:var(--as-muted);line-height:1.8;font-size:.82rem}.account-system-page .client-account-stats article,.account-system-page .client-dashboard-actions,.account-system-page .client-recent-orders,.account-system-page .panel-page,.account-system-page .account-profile-banner,.account-system-page .order-archive-card{background:var(--as-card)!important;border-color:var(--as-line)!important;color:var(--as-text)!important}.account-system-page .client-action-grid>a,.account-system-page .notification-item,.account-system-page .newsletter-option,.account-system-page .account-fixed-identity-grid>div{background:var(--as-soft)!important;border-color:var(--as-line)!important;color:var(--as-text)!important}.account-system-page h1,.account-system-page h2,.account-system-page h3,.account-system-page strong,.account-system-page label{color:var(--as-text)}.account-system-page p,.account-system-page small,.account-system-page .meta-row,.account-system-page .account-fixed-identity p{color:var(--as-muted)}.account-system-page input,.account-system-page textarea,.account-system-page select{background:var(--as-soft);border-color:var(--as-line);color:var(--as-text)}
html[data-theme='dark'] .account-system-page{--as-bg:#06100c;--as-card:#0a1912;--as-soft:#10241a;--as-text:#eff9f2;--as-muted:#9caf9f;--as-line:#20362a;--as-green:#4bec86}html[data-theme='dark'] .account-system-page .client-action-grid .client-logout-action{background:#271413!important;border-color:#5d2927!important}html[data-theme='dark'] .account-system-page .client-recent-orders>a>span{background:#102c1d;color:#66ed94}
@media(max-width:900px){.account-system-nav{grid-template-columns:repeat(3,1fr)}.support-center-layout,.support-thread-layout{grid-template-columns:1fr}.support-filter-card,.support-thread-layout>aside{position:static}.support-form-layout{grid-template-columns:1fr}.support-form-layout>header{padding:15px}.support-ticket-row{grid-template-columns:45px minmax(0,1fr) auto 20px}.support-priority{display:none}}
@media(max-width:600px){.account-system-page{padding-top:12px}.account-system-nav{display:flex;overflow:auto;padding:5px}.account-system-nav a{flex:0 0 92px;display:grid;gap:2px;text-align:center}.account-system-nav a span{margin:auto}.support-center-hero{align-items:flex-start;display:grid;padding:23px 18px}.support-center-hero h1{font-size:2rem}.support-center-hero>a{justify-content:space-between}.support-center-layout{display:block}.support-filter-card{margin-bottom:14px}.support-ticket-list{padding:15px}.support-ticket-row{grid-template-columns:38px minmax(0,1fr) 20px;padding-block:13px}.support-ticket-row>em,.support-priority{display:none}.support-thread-head{display:grid;padding:20px}.support-thread-head>div:last-child{align-items:stretch}.support-thread-head>div:last-child>span{flex:1}.support-message{max-width:94%;padding:15px}.support-thread-layout>aside{padding:17px}.account-system-page .client-dashboard-hero{margin-top:10px}}

/* The dashboard hero is intentionally dark in both themes. Keep its content
   independent from the light account-page text tokens. */
.account-system-page .client-dashboard-hero,.account-system-page .client-dashboard-hero *{opacity:1!important;visibility:visible!important}.account-system-page .client-dashboard-hero h1{color:#fff!important;-webkit-text-fill-color:#fff!important}.account-system-page .client-dashboard-hero p{color:#b8cfc2!important;-webkit-text-fill-color:#b8cfc2!important}.account-system-page .client-dashboard-hero .client-dashboard-person span{color:#42ee7d!important;-webkit-text-fill-color:#42ee7d!important}.account-system-page .client-dashboard-hero>a{border-color:#d6eee0!important;color:#f6fff8!important;-webkit-text-fill-color:#f6fff8!important}.account-system-page .client-dashboard-hero>a:hover{background:#42ee7d!important;border-color:#42ee7d!important;color:#05150b!important;-webkit-text-fill-color:#05150b!important}
