/* 7TH BREED customer dashboard — premium responsive shell */
body.customer-dashboard-premium{background:#050914!important;overflow-x:hidden}
body.customer-dashboard-premium>header,body.customer-dashboard-premium header[data-site-header]{display:none!important}
.customer-dashboard-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);gap:18px;padding:18px;max-width:1600px;margin:0 auto;color:#eaf1ff}
.customer-dashboard-sidebar{position:sticky;top:18px;height:calc(100vh - 36px);border:1px solid rgba(148,163,184,.14);border-radius:26px;background:linear-gradient(180deg,#07101f 0%,#040812 100%);box-shadow:0 28px 80px rgba(0,0,0,.34);padding:20px 14px;display:flex;flex-direction:column;z-index:20}
.customer-dashboard-brand{display:flex;align-items:center;gap:11px;padding:8px 10px 24px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:-.02em}.customer-dashboard-brand img{width:32px;height:32px;object-fit:contain}.customer-dashboard-brand span{font-size:15px}
.customer-dashboard-nav{display:grid;gap:7px}.customer-dashboard-nav a,.customer-dashboard-nav button{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:14px;padding:12px 13px;background:transparent;color:#94a3b8;text-decoration:none;font:inherit;font-size:13px;font-weight:650;cursor:pointer;text-align:left;transition:.2s ease}.customer-dashboard-nav a:hover,.customer-dashboard-nav button:hover,.customer-dashboard-nav .is-active{background:linear-gradient(90deg,rgba(37,99,235,.26),rgba(37,99,235,.08));color:#fff;box-shadow:inset 3px 0 #2563eb}.customer-dashboard-nav svg{width:18px;height:18px;flex:none}.customer-dashboard-nav-bottom{margin-top:auto;padding-top:16px;border-top:1px solid rgba(148,163,184,.12)}
.customer-dashboard-main{min-width:0;border:1px solid rgba(148,163,184,.14);border-radius:28px;background:radial-gradient(circle at 72% 0%,rgba(37,99,235,.13),transparent 30%),linear-gradient(145deg,#0b1220,#080d17 65%,#070b13);box-shadow:0 28px 80px rgba(0,0,0,.32);overflow:hidden;position:relative}
.customer-dashboard-main>main{min-height:100vh}.customer-dashboard-main main>section:first-child{padding-top:34px!important;padding-bottom:14px!important}.customer-dashboard-main main>section:first-child>div{max-width:none!important;padding-left:34px!important;padding-right:34px!important}.customer-dashboard-main main>section:first-child [class*="uppercase"]{display:none!important}.customer-dashboard-main main>section:first-child h1{margin-top:0!important;font-size:clamp(30px,3vw,44px)!important;font-weight:700!important;color:#f8fbff!important;letter-spacing:-.045em!important}.customer-dashboard-main main>section:first-child h1::first-line{color:#f8fbff}.customer-dashboard-main main>section:first-child p{color:#8fa1bb!important;max-width:650px}
.customer-dashboard-main main>section:nth-child(2){padding-bottom:36px!important}.customer-dashboard-main main>section:nth-child(2)>div{max-width:none!important;padding:0 34px!important;gap:18px!important}
.customer-dashboard-topbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;position:absolute;right:34px;top:29px;z-index:15}.customer-dashboard-topbar button{width:42px;height:42px;border:1px solid rgba(148,163,184,.18);border-radius:50%;background:#050a13;color:#dbeafe;display:grid;place-items:center;cursor:pointer}.customer-dashboard-userchip{display:flex;align-items:center;gap:10px;margin-left:4px;padding:5px 7px 5px 5px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(148,163,184,.12)}.customer-dashboard-userchip img,.customer-dashboard-userchip .avatar-fallback{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#2563eb;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800}.customer-dashboard-userchip div{padding-right:7px}.customer-dashboard-userchip strong{display:block;color:#f8fafc;font-size:12px;line-height:1.2}.customer-dashboard-userchip small{display:block;color:#7f91aa;font-size:10px;margin-top:2px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-dashboard-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:2px}.customer-dashboard-stat{min-height:112px;border:1px solid rgba(148,163,184,.13);border-radius:20px;padding:17px;background:linear-gradient(145deg,rgba(10,18,33,.92),rgba(4,9,18,.92));position:relative;overflow:hidden}.customer-dashboard-stat::after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-36px;top:-46px;background:rgba(37,99,235,.18);filter:blur(8px)}.customer-dashboard-stat small{display:block;color:#8496b0;font-size:11px;font-weight:650}.customer-dashboard-stat strong{display:block;margin-top:12px;color:#fff;font-size:28px;letter-spacing:-.04em}.customer-dashboard-stat span{display:block;margin-top:5px;color:#6f83a0;font-size:10px}.customer-dashboard-stat.is-primary{background:radial-gradient(circle at 80% 15%,rgba(96,165,250,.24),transparent 36%),linear-gradient(145deg,#14213a,#0a1324)}
.customer-dashboard-main main>section:nth-child(2)>div>div:not(.customer-dashboard-overview){background:rgba(4,9,18,.78)!important;border-color:rgba(148,163,184,.13)!important;box-shadow:0 18px 45px rgba(0,0,0,.14)!important;color:#eaf1ff}.customer-dashboard-main h2,.customer-dashboard-main h3,.customer-dashboard-main dd{color:#edf4ff!important}.customer-dashboard-main [class*="text-muted-foreground"]{color:#8394ad!important}.customer-dashboard-main [class*="bg-background"]{background:#080e19!important}.customer-dashboard-main [class*="bg-surface"]{background:#070d17!important}.customer-dashboard-main [class*="border-border"]{border-color:rgba(148,163,184,.16)!important}.customer-dashboard-main [role="tablist"]{padding:5px!important;border-radius:14px!important;background:#050a13!important;gap:5px!important;border:1px solid rgba(148,163,184,.12)!important}.customer-dashboard-main [role="tab"]{border:0!important;border-radius:10px!important;min-height:38px}.customer-dashboard-main [role="tab"][aria-selected="true"]{background:#2563eb!important;color:#fff!important;box-shadow:0 8px 22px rgba(37,99,235,.25)}
.customer-dashboard-main article{background:linear-gradient(145deg,#0b1322,#070c15)!important;border-color:rgba(148,163,184,.13)!important}.customer-dashboard-main a[href*="portal"],.customer-dashboard-main a[target="_blank"]{color:#60a5fa!important}.customer-dashboard-main a[href="/contact"],.customer-dashboard-main a[href^="/contact?"]{box-shadow:0 10px 28px rgba(37,99,235,.2)}
.customer-dashboard-main .customer-support-box{max-width:none!important;margin:0!important;border-radius:20px!important;background:rgba(4,9,18,.78)!important;border-color:rgba(148,163,184,.13)!important}.customer-dashboard-main .customer-support-history-list article{background:#080e19!important}.customer-dashboard-main .customer-support-form input,.customer-dashboard-main .customer-support-form select,.customer-dashboard-main .customer-support-form textarea,.customer-dashboard-main .customer-support-reply textarea{background:#050a13!important;color:#eaf1ff!important;border-color:rgba(148,163,184,.18)!important}
.customer-dashboard-mobilebar{display:none}
@media(max-width:1180px){.customer-dashboard-shell{grid-template-columns:210px minmax(0,1fr);padding:12px;gap:12px}.customer-dashboard-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-dashboard-main main>section:first-child>div,.customer-dashboard-main main>section:nth-child(2)>div{padding-left:24px!important;padding-right:24px!important}.customer-dashboard-topbar{right:24px}}
@media(max-width:820px){body.customer-dashboard-premium{padding-bottom:78px}.customer-dashboard-shell{display:block;padding:0;max-width:none}.customer-dashboard-sidebar{display:none}.customer-dashboard-main{border:0;border-radius:0;min-height:100vh;box-shadow:none;background:radial-gradient(circle at 90% 0%,rgba(37,99,235,.15),transparent 28%),#070c15}.customer-dashboard-topbar{right:16px;top:18px}.customer-dashboard-topbar>button{width:38px;height:38px}.customer-dashboard-userchip{display:none}.customer-dashboard-main main>section:first-child{padding-top:82px!important;padding-bottom:12px!important}.customer-dashboard-main main>section:first-child>div,.customer-dashboard-main main>section:nth-child(2)>div{padding-left:16px!important;padding-right:16px!important}.customer-dashboard-main main>section:first-child h1{font-size:29px!important}.customer-dashboard-main main>section:first-child p{font-size:12px!important;line-height:1.55}.customer-dashboard-overview{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:2px -16px 2px;padding:0 16px 4px;scrollbar-width:none}.customer-dashboard-overview::-webkit-scrollbar{display:none}.customer-dashboard-stat{min-width:152px;min-height:98px;scroll-snap-align:start;border-radius:17px;padding:14px}.customer-dashboard-stat strong{font-size:24px;margin-top:9px}.customer-dashboard-main main>section:nth-child(2)>div>div:not(.customer-dashboard-overview){border-radius:18px!important;padding:14px!important}.customer-dashboard-main [role="tablist"]{display:flex!important;overflow-x:auto!important;grid-template-columns:none!important;scrollbar-width:none}.customer-dashboard-main [role="tab"]{flex:0 0 auto!important;min-width:84px!important;padding:10px 14px!important;font-size:11px!important}.customer-dashboard-main article{padding:14px!important;border-radius:16px!important}.customer-dashboard-mobilebar{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:10px;z-index:80;padding:7px;border:1px solid rgba(148,163,184,.16);border-radius:20px;background:rgba(4,9,18,.94);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.4)}.customer-dashboard-mobilebar a,.customer-dashboard-mobilebar button{display:grid;place-items:center;gap:3px;min-height:50px;border:0;border-radius:13px;background:transparent;color:#7f91aa;text-decoration:none;font:inherit;font-size:9px;font-weight:650}.customer-dashboard-mobilebar svg{width:18px;height:18px}.customer-dashboard-mobilebar .is-active{background:rgba(37,99,235,.16);color:#60a5fa}.customer-dashboard-main .customer-support-box{border-radius:18px!important}.customer-dashboard-main .customer-support-head{display:grid!important}.customer-dashboard-main .customer-support-toggle{width:100%}}
@media(max-width:430px){.customer-dashboard-main main>section:first-child h1{font-size:26px!important}.customer-dashboard-overview{gap:8px}.customer-dashboard-stat{min-width:140px}.customer-dashboard-main main>section:nth-child(2)>div{gap:12px!important}.customer-dashboard-main main>section:nth-child(2)>div>div:not(.customer-dashboard-overview){padding:12px!important}.customer-dashboard-main article dl{grid-template-columns:1fr!important}.customer-dashboard-main article [class*="grid-cols-[1fr_auto]"]{grid-template-columns:1fr!important}.customer-dashboard-main article [class*="max-w-[8.5rem]"]{justify-self:start;margin-top:4px}.customer-dashboard-mobilebar{left:7px;right:7px;bottom:7px}}
@media(prefers-reduced-motion:reduce){.customer-dashboard-premium *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* v2 mockup-matched command center */
.cd-command{padding:30px 34px 0!important;color:#eef5ff}.cd-welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.cd-welcome small,.cd-banner small{font-size:10px;font-weight:800;letter-spacing:.12em;color:#60a5fa}.cd-welcome h1{font-size:32px!important;line-height:1!important;margin:5px 0 6px!important;color:#fff!important}.cd-welcome p{margin:0;color:#8394ad;font-size:12px}.cd-welcome>a,.cd-banner a{background:#1672ff;color:#fff;text-decoration:none;border-radius:11px;padding:11px 16px;font-size:12px;font-weight:750;box-shadow:0 10px 28px rgba(37,99,235,.28)}
.cd-banner{min-height:158px;border:1px solid rgba(59,130,246,.42);border-radius:18px;overflow:hidden;padding:22px 26px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(4,13,29,.98) 0%,rgba(5,21,50,.88) 38%,rgba(4,12,25,.18) 72%),url('/images/hero/renewable-energy-inverter-battery.webp') center 56%/cover no-repeat;box-shadow:inset 0 0 55px rgba(37,99,235,.08)}.cd-banner h2{font-size:28px!important;line-height:1.02!important;margin:5px 0 7px!important;color:#fff!important;letter-spacing:-.035em}.cd-banner p{max-width:410px;margin:0 0 16px;color:#a9b8cc;font-size:11px}.cd-banner a{display:inline-block;padding:9px 14px}.cd-banner b{margin-left:16px}
.cd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}.cd-kpis>div{display:flex;align-items:center;gap:13px;min-height:82px;border:1px solid rgba(148,163,184,.13);border-radius:15px;background:linear-gradient(145deg,#0b1627,#07101d);padding:13px 15px}.cd-kpis>div>b{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#1672ff,#1d4ed8);font-size:19px;color:#fff}.cd-kpis>div:nth-child(2)>b{background:linear-gradient(145deg,#7c3aed,#4c1d95)}.cd-kpis>div:nth-child(3)>b{background:linear-gradient(145deg,#10b981,#047857)}.cd-kpis>div:nth-child(4)>b{background:linear-gradient(145deg,#f59e0b,#a16207)}.cd-kpis span{font-size:10px;color:#a5b4c8}.cd-kpis strong{display:block;color:#fff;font-size:23px;line-height:1.05;margin:2px 0}.cd-kpis small{font-size:9px;color:#6f83a0}
.cd-grid{display:grid;grid-template-columns:.95fr 1.55fr;gap:12px}.cd-grid article,.cd-lower article{border:1px solid rgba(148,163,184,.13);border-radius:17px;background:linear-gradient(145deg,#0a1424,#060d18);padding:15px;min-width:0}.cd-grid header,.cd-lower header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cd-grid h3,.cd-lower h3{font-size:14px!important;margin:0!important;color:#fff!important}.cd-grid header a,.cd-lower button{color:#60a5fa;background:none;border:0;text-decoration:none;font-size:10px;cursor:pointer}.cd-quotebody{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center}.cd-thumb{width:76px;height:72px;border-radius:11px;background:url('/images/hero/hero-01-fast.webp') center/cover}.cd-quotebody h4,.cd-projecthead h4{margin:0;color:#fff;font-size:13px}.cd-quotebody small,.cd-projecthead small{display:block;color:#71839d;font-size:9px;margin-top:2px}.cd-quotebody strong{display:block;color:#fff;font-size:19px;margin:6px 0}.cd-status{display:inline-block;border-radius:999px;padding:4px 8px;background:rgba(37,99,235,.2);color:#79adff;font-size:8px;font-weight:800}.cd-meta{display:flex;gap:20px;margin:12px 0;color:#7387a3;font-size:9px}.cd-meta b{color:#dbeafe;margin-left:4px}.cd-actions{display:flex;gap:8px}.cd-actions a{flex:1;border:1px solid rgba(148,163,184,.2);border-radius:9px;padding:8px;color:#dbeafe;text-align:center;text-decoration:none;font-size:9px;font-weight:750}.cd-actions .primary{background:#1672ff;border-color:#1672ff;color:#fff}.cd-empty{min-height:130px;display:grid;place-items:center;text-align:center;color:#7588a3;font-size:11px;padding:20px}.cd-projecthead{display:flex;justify-content:space-between;align-items:start}.cd-track{display:grid;grid-template-columns:repeat(7,1fr);margin:22px 0 15px;position:relative}.cd-track:before{content:"";position:absolute;left:6%;right:6%;top:10px;height:1px;background:#29405d}.cd-step{position:relative;text-align:center;color:#657992;font-size:8px;z-index:1}.cd-step i{width:21px;height:21px;border-radius:50%;border:2px solid #39516d;background:#08111f;display:grid;place-items:center;margin:0 auto 6px;font-style:normal;color:#fff}.cd-step.done i{background:#1672ff;border-color:#1672ff;box-shadow:0 0 15px rgba(37,99,235,.32)}.cd-step.done{color:#dbeafe}.cd-step span{display:block;line-height:1.15}.cd-projectmeta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cd-projectmeta span{padding:9px 10px;border-radius:9px;background:#0b1728;color:#71849e;font-size:8px}.cd-projectmeta b{display:block;color:#eef5ff;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cd-lower{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-top:12px}.cd-table>div{display:grid;grid-template-columns:.65fr 1.5fr 1fr .85fr .8fr;gap:8px;align-items:center;border-top:1px solid rgba(148,163,184,.08);padding:7px 3px;font-size:8px;color:#9babc0}.cd-table b{color:#dbeafe}.cd-mini-projects>div{display:flex;justify-content:space-between;align-items:center;padding:9px 3px;border-top:1px solid rgba(148,163,184,.08);font-size:9px;color:#dbeafe}.cd-mini-projects small{display:block;color:#6f83a0;margin-top:2px}.cd-has-command>section:first-of-type:not(.cd-command){display:none!important}
@media(max-width:1180px){.cd-command{padding:24px 24px 0!important}.cd-banner{min-height:140px}.cd-grid{grid-template-columns:1fr}.cd-lower{grid-template-columns:1fr}.cd-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.cd-command{padding:74px 16px 0!important}.cd-welcome{align-items:flex-start}.cd-welcome h1{font-size:25px!important}.cd-welcome p{font-size:10px}.cd-welcome>a{display:none}.cd-banner{min-height:132px;padding:18px;background-position:65% center}.cd-banner h2{font-size:22px!important;max-width:230px}.cd-banner p{font-size:9px;max-width:250px}.cd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;overflow:visible}.cd-kpis>div{display:block;min-height:70px;padding:9px;text-align:center}.cd-kpis>div>b{display:none}.cd-kpis span{font-size:7px}.cd-kpis strong{font-size:18px}.cd-kpis small{display:none}.cd-grid{display:block}.cd-grid article{margin-bottom:10px}.cd-project{padding-bottom:14px!important}.cd-track{overflow-x:auto;grid-template-columns:repeat(7,78px);padding-bottom:5px}.cd-projectmeta{grid-template-columns:1fr}.cd-lower{display:block}.cd-lower article{margin-bottom:10px}.cd-table>div{grid-template-columns:.8fr 1.5fr .8fr}.cd-table>div span:nth-of-type(2),.cd-table>div span:nth-of-type(3){display:none}.cd-quotebody{grid-template-columns:64px 1fr}.cd-thumb{width:64px;height:64px}.cd-actions a{padding:10px 6px}.cd-has-command>section:nth-of-type(2){padding-top:4px!important}}
@media(max-width:430px){.cd-banner{min-height:122px}.cd-banner h2{font-size:20px!important}.cd-banner p{max-width:205px}.cd-kpis{gap:5px}.cd-kpis>div{padding:8px 4px;border-radius:12px}.cd-kpis strong{font-size:17px}.cd-projectmeta{display:none}}
