/* RC30 — AJAX customer workspace and stable navigation */
.sf-customer-shell[data-account-shell]{grid-template-columns:300px minmax(0,1fr);align-items:start}
.sf-customer-sidebar[data-customer-sidebar]{position:sticky;top:calc(var(--sf-header,88px) + 16px);max-height:calc(100dvh - var(--sf-header,88px) - 32px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;z-index:8}
.sf-customer-sidebar-nav a{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:2px;padding:10px 12px;min-height:58px;text-decoration:none}
.sf-customer-sidebar-nav a>span{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.045);color:#e8ca78;font-size:17px}
.sf-customer-sidebar-nav a>b{font-size:13px;color:inherit;line-height:1.5}.sf-customer-sidebar-nav a>small{font-size:10px;color:#aaa193;line-height:1.5}
.sf-customer-sidebar-nav a.is-active>span{background:linear-gradient(135deg,#ecd285,#aa7724);color:#17130b;box-shadow:0 8px 22px rgba(216,182,90,.2)}
.sf-customer-ajax-content{display:grid;gap:14px;min-height:620px}
.sf-account-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 18px 45px rgba(0,0,0,.16)}
.sf-account-workspace-head span{font-size:11px;color:#c9beaa}.sf-account-workspace-head h2{margin:3px 0 0;font-size:1.25rem;color:#fff}
.sf-account-workspace-state{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(80,190,132,.09);color:#9be1b9;font-size:11px;font-weight:800}.sf-account-workspace-state i{width:8px;height:8px;border-radius:50%;background:#55ce8b;box-shadow:0 0 0 5px rgba(85,206,139,.08)}
.sf-account-workspace-state[data-state="loading"]{background:rgba(216,182,90,.1);color:#f1d489}.sf-account-workspace-state[data-state="loading"] i{background:#e2bd5d;animation:accountPulse .9s infinite alternate}.sf-account-workspace-state[data-state="error"]{background:rgba(238,95,106,.1);color:#ffb4ba}.sf-account-workspace-state[data-state="error"] i{background:#ef6b75}
.sf-account-workspace{position:relative;min-width:0;min-height:460px;outline:none}.sf-account-workspace.is-loading{pointer-events:none}.sf-account-workspace.is-loading::before{content:"";position:absolute;inset:0;z-index:30;border-radius:24px;background:rgba(14,14,12,.52);backdrop-filter:blur(4px)}.sf-account-workspace.is-loading::after{content:"";position:absolute;z-index:31;inset:110px auto auto 50%;width:34px;height:34px;margin-left:-17px;border:3px solid rgba(255,255,255,.15);border-top-color:#e5c66f;border-radius:50%;animation:accountSpin .7s linear infinite}
.sf-account-load-error{display:grid;place-items:center;text-align:center;gap:12px;min-height:360px;padding:30px;border:1px solid rgba(238,95,106,.2);border-radius:26px;background:rgba(238,95,106,.055)}.sf-account-load-error strong{font-size:1.2rem;color:#fff}.sf-account-load-error p{max-width:620px;color:#d9cfd0;line-height:1.9}
.sf-account-workspace>.sf-account-grid,.sf-account-workspace>.sf-customer-dashboard-head,.sf-account-workspace>.sf-customer-kpis{animation:accountEnter .22s ease both}
@keyframes accountSpin{to{transform:rotate(360deg)}}@keyframes accountPulse{to{opacity:.4;transform:scale(.75)}}@keyframes accountEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1180px) and (min-width:781px){.sf-customer-shell[data-account-shell]{grid-template-columns:270px minmax(0,1fr)}.sf-customer-sidebar[data-customer-sidebar]{position:sticky;order:initial}.sf-customer-content{order:initial}.sf-customer-sidebar-nav{grid-template-columns:1fr!important}.sf-customer-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.sf-customer-shell[data-account-shell]{display:block}.sf-account-workspace-head{position:sticky;top:66px;z-index:20;border-radius:18px;padding:12px 14px;background:rgba(20,19,16,.92);backdrop-filter:blur(18px)}.sf-account-workspace-head h2{font-size:1.05rem}.sf-account-workspace-state{padding:6px 9px}.sf-customer-sidebar-nav a{min-height:62px!important}.sf-account-workspace{min-height:420px}.sf-account-workspace>.sf-account-grid{grid-template-columns:1fr}.sf-customer-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* RC31 customer portal cleanup and no-horizontal finance layout */
.sf-customer-portal-layout .sf-main{padding-top:clamp(18px,3vw,34px)}
.sf-customer-portal-layout .sf-footer-enterprise,.sf-customer-portal-layout .sf-back-to-top{display:none!important}
.sf-account-finance-grid{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}
.sf-account-finance-panel{min-width:0;overflow:hidden}
.sf-account-finance-panel>header{align-items:flex-start}
.sf-account-finance-panel>header>div{display:grid;gap:4px}
.sf-account-finance-panel>header small{color:#9f978a;font-size:11px}
.sf-finance-card-list{display:grid;gap:10px;min-width:0}
.sf-finance-record{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.8fr);gap:14px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));min-width:0}
.sf-finance-record-main{display:grid;gap:5px;min-width:0}.sf-finance-record-main span{font-size:11px;color:#9f978a}.sf-finance-record-main strong{overflow:hidden;text-overflow:ellipsis;color:#f4dda0;font-size:14px}
.sf-finance-record dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;min-width:0}
.sf-finance-record dl>div{display:grid;gap:4px;min-width:0;padding:8px 10px;border-radius:11px;background:rgba(255,255,255,.025)}
.sf-finance-record dt{font-size:10px;color:#918a7d}.sf-finance-record dd{margin:0;min-width:0;overflow-wrap:anywhere;color:#f5eee2;font-size:12px;font-weight:700}
.sf-finance-status{display:inline-flex;max-width:100%;padding:4px 8px;border-radius:999px;background:rgba(216,182,90,.1);color:#eed17b;white-space:normal}
.sf-finance-empty{padding:24px!important;border:1px dashed rgba(255,255,255,.12)!important;border-radius:14px!important;text-align:center}
@media(max-width:1050px){.sf-finance-record{grid-template-columns:1fr}.sf-finance-record dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sf-customer-portal-layout .sf-main{padding-top:12px}.sf-finance-record{padding:11px}.sf-finance-record dl{grid-template-columns:1fr 1fr}.sf-finance-record dl>div{padding:7px 8px}.sf-finance-record dd{font-size:11px}}