:root{--c-bg:#050914;--c-panel:rgba(12,20,38,.78);--c-panel2:rgba(17,27,49,.86);--c-line:rgba(142,178,255,.18);--c-line2:rgba(39,224,255,.22);--c-text:#f4f8ff;--c-muted:#9fb0c9;--c-dim:#667794;--c-cyan:#27e0ff;--c-blue:#147cff;--c-purple:#8b4dff;--c-pink:#ec3dd8;--c-green:#28f29d;--c-yellow:#ffce55;--c-red:#ff576f;--c-shadow:0 28px 90px rgba(0,0,0,.34)}
.customer-portal-body,.customer-auth-body{min-height:100vh;background:radial-gradient(circle at 10% -10%,rgba(39,224,255,.22),transparent 32%),radial-gradient(circle at 95% 0%,rgba(139,77,255,.28),transparent 34%),#050914;color:var(--c-text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.customer-grid-bg{position:fixed;inset:0;z-index:-3;background-image:linear-gradient(rgba(71,207,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(71,207,255,.055) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.35))}.customer-aurora{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(70px);opacity:.26;z-index:-2;animation:customerFloat 16s ease-in-out infinite}.customer-aurora.one{left:-150px;top:-120px;background:#1fdfff}.customer-aurora.two{right:-180px;top:10px;background:#a936ff;animation-delay:-5s}@keyframes customerFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(26px,22px,0) scale(1.06)}}
.customer-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.customer-sidebar{position:sticky;top:0;height:100vh;padding:26px 14px;border-right:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(6,14,29,.95),rgba(4,8,18,.86));backdrop-filter:blur(22px);display:flex;flex-direction:column;gap:24px}.customer-logo{display:flex;align-items:center;padding:6px 12px}.customer-logo img{width:178px;height:auto;display:block}.customer-nav{display:grid;gap:7px}.customer-nav a{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:14px;color:#dce8ff;font-weight:800;position:relative;transition:transform .18s ease,border-color .18s ease,background .18s ease}.customer-nav a span{width:24px;display:grid;place-items:center;color:#b8f7ff}.customer-nav a:hover{background:rgba(255,255,255,.06);transform:translateX(2px)}.customer-nav a.active{background:linear-gradient(90deg,rgba(25,123,255,.55),rgba(112,62,255,.22));box-shadow:inset 3px 0 0 var(--c-cyan),0 12px 40px rgba(25,123,255,.22);color:#fff}.customer-nav a.disabled{opacity:.56}.customer-nav a em{margin-left:auto;font-size:10px;color:var(--c-dim);font-style:normal}.customer-upgrade-card{margin-top:auto;border:1px solid var(--c-line);border-radius:20px;padding:18px;background:linear-gradient(145deg,rgba(22,36,67,.82),rgba(10,15,31,.86));box-shadow:var(--c-shadow)}.customer-upgrade-card b{display:block;margin-bottom:8px}.customer-upgrade-card p{font-size:13px;line-height:1.55;margin:0 0 14px;color:var(--c-muted)}
.customer-main{min-width:0}.customer-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:28px 28px 18px;background:linear-gradient(180deg,rgba(5,9,20,.94),rgba(5,9,20,.72) 72%,transparent);backdrop-filter:blur(16px)}.customer-menu-button{display:none}.customer-search{height:50px;max-width:560px;flex:1;display:flex;align-items:center;gap:12px;border:1px solid var(--c-line);border-radius:16px;background:rgba(11,18,34,.76);padding:0 14px;box-shadow:0 16px 55px rgba(0,0,0,.22)}.customer-search input{border:0;background:transparent;padding:0;color:var(--c-text);box-shadow:none}.customer-search span{font-size:24px;color:#c7d8f7}.customer-search kbd{border:1px solid rgba(255,255,255,.14);border-radius:9px;padding:4px 7px;color:#9fb0c9;background:rgba(255,255,255,.05);font-size:12px}.customer-top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.customer-icon-button{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--c-line);background:rgba(255,255,255,.05);color:#fff}.customer-profile-pill{display:flex;align-items:center;gap:11px;border-left:1px solid rgba(255,255,255,.13);padding-left:18px}.customer-profile-pill>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,var(--c-blue),var(--c-pink));box-shadow:0 0 28px rgba(139,77,255,.38)}.customer-profile-pill b{display:block;line-height:1.1}.customer-profile-pill small{display:block;color:var(--c-muted);max-width:220px;overflow:hidden;text-overflow:ellipsis}.customer-logout{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#ffd8e2;border-radius:14px;padding:12px 15px;font-weight:900;cursor:pointer}.customer-content{padding:4px 28px 90px}.customer-flashes{padding:0 28px 12px;display:grid;gap:9px}.customer-flashes.auth{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 32px));padding:0}.customer-flash{border:1px solid var(--c-line);border-radius:14px;background:rgba(255,255,255,.08);padding:12px 14px;font-weight:800}.customer-flash.error{border-color:rgba(255,87,111,.4);background:rgba(255,87,111,.13)}.customer-flash.info{border-color:rgba(39,224,255,.4);background:rgba(39,224,255,.1)}
.customer-kicker{display:inline-flex;color:#8df5ff;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:900}.customer-hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:10px 0 22px}.customer-hero-row.compact{align-items:center}.customer-hero-row h1,.customer-service-header h1{font-size:clamp(34px,4.2vw,58px);letter-spacing:-.06em;line-height:.98;margin:10px 0 10px}.customer-hero-row p,.customer-service-header p{color:var(--c-muted);max-width:720px;margin:0}.customer-hero-actions,.customer-service-cta{display:flex;gap:10px;flex-wrap:wrap}.customer-gradient-button,.customer-ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:12px 16px;font-weight:900;color:#fff;border:1px solid rgba(255,255,255,.14);cursor:pointer;transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}.customer-gradient-button{background:linear-gradient(135deg,#1fc7ff,#366eff 55%,#d935d9);box-shadow:0 14px 42px rgba(50,123,255,.28)}.customer-ghost-button{background:rgba(255,255,255,.06)}.customer-gradient-button:hover,.customer-ghost-button:hover{transform:translateY(-2px);border-color:rgba(39,224,255,.46)}.customer-gradient-button.full{width:100%}.customer-ghost-button.mini{padding:8px 11px;font-size:12px}
.customer-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.customer-stat-card{position:relative;overflow:hidden;border:1px solid var(--c-line);border-radius:20px;background:linear-gradient(145deg,rgba(14,24,45,.86),rgba(9,13,27,.82));box-shadow:var(--c-shadow);padding:20px;min-height:122px}.customer-stat-card::after{content:'';position:absolute;right:-40px;top:-50px;width:150px;height:150px;border-radius:50%;background:rgba(39,224,255,.14);filter:blur(10px)}.customer-stat-card.violet::after{background:rgba(139,77,255,.18)}.customer-stat-card.green::after{background:rgba(40,242,157,.13)}.customer-stat-card span{color:var(--c-muted);font-weight:800}.customer-stat-card strong{display:block;margin-top:10px;font-size:36px;letter-spacing:-.04em}.customer-stat-card small{position:relative;z-index:1;color:var(--c-muted)}
.customer-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.customer-main-column{display:grid;gap:20px}.customer-right-rail{display:grid;gap:18px;position:sticky;top:96px}.customer-attention-banner,.customer-panel{border:1px solid var(--c-line);border-radius:22px;background:linear-gradient(145deg,rgba(14,24,45,.86),rgba(8,13,28,.84));box-shadow:var(--c-shadow);backdrop-filter:blur(18px)}.customer-attention-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border-color:rgba(255,206,85,.28)}.customer-attention-banner span,.customer-panel-head span,.customer-category-card span,.customer-next-card span{color:#8df5ff;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900}.customer-attention-banner h2,.customer-panel h2{margin:6px 0 6px;font-size:24px;letter-spacing:-.04em}.customer-attention-banner p,.customer-panel p{color:var(--c-muted);margin:0}.customer-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.customer-category-card{border:1px solid var(--c-line);border-radius:22px;background:linear-gradient(145deg,rgba(16,29,54,.84),rgba(8,13,28,.78));padding:18px;display:grid;grid-template-columns:74px 1fr;gap:14px;min-height:176px;transition:transform .18s ease,border-color .18s ease}.customer-category-card:hover{transform:translateY(-3px);border-color:rgba(39,224,255,.38)}.category-icon{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;font-size:32px;background:radial-gradient(circle at 30% 20%,rgba(39,224,255,.38),rgba(20,124,255,.15));border:1px solid rgba(39,224,255,.22)}.customer-category-card h3{margin:8px 0 8px}.customer-category-card p{font-size:13px;line-height:1.5}.category-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}.category-actions a{padding:10px 13px;border-radius:12px;background:linear-gradient(135deg,rgba(20,124,255,.72),rgba(139,77,255,.55));color:#fff;font-weight:900}.category-actions small{display:flex;align-items:center;gap:7px;color:var(--c-muted)}.category-actions small span{width:8px;height:8px;background:var(--c-green);box-shadow:0 0 14px var(--c-green);border-radius:50%}.customer-panel{padding:18px}.customer-panel.compact{padding:16px}.customer-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.customer-panel-head a{color:#54bdff;font-weight:900}.customer-panel-head.mini h2{font-size:19px}.customer-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.customer-service-tile{border:1px solid var(--c-line);border-radius:18px;background:rgba(255,255,255,.045);padding:17px;display:grid;gap:12px;min-height:190px;transition:transform .16s ease,border-color .16s ease}.customer-service-tile:hover{transform:translateY(-2px);border-color:rgba(39,224,255,.35)}.tile-top,.tile-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.tile-top span{font-size:11px;color:#8df5ff;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.tile-top em{font-style:normal;font-size:11px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);padding:6px 9px;border-radius:999px;color:#dce8ff}.customer-service-tile.warning .tile-top em{border-color:rgba(255,206,85,.35);color:#ffe2a3}.customer-service-tile.ok .tile-top em{border-color:rgba(40,242,157,.34);color:#b9ffd9}.customer-service-tile h3{font-size:22px;margin:0}.customer-service-tile p{font-size:13px;line-height:1.55}.tile-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.tile-progress i{height:6px;border-radius:999px;background:rgba(255,255,255,.10)}.tile-progress i.active{background:linear-gradient(90deg,var(--c-cyan),var(--c-blue))}.tile-progress i.done{background:linear-gradient(90deg,var(--c-green),var(--c-cyan))}.tile-meta b{color:#fff}.tile-meta small{color:var(--c-muted);font-size:12px}.customer-billing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.customer-billing-grid article{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:15px;background:rgba(255,255,255,.04)}.customer-billing-grid small{color:var(--c-muted)}.customer-billing-grid b{display:block;margin:7px 0;color:#fff}.customer-billing-grid span{color:var(--c-muted);font-size:12px}.customer-activity-list{display:grid;gap:8px}.customer-activity-list a{display:flex;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:11px;background:rgba(255,255,255,.035)}.customer-activity-list i{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:rgba(39,224,255,.12);color:var(--c-green);font-style:normal}.customer-activity-list b{display:block;font-size:13px}.customer-activity-list small{color:var(--c-muted)}.customer-empty-mini,.customer-empty-state{border:1px dashed rgba(255,255,255,.14);border-radius:16px;padding:18px;color:var(--c-muted);background:rgba(255,255,255,.03)}.support-ready{border-color:rgba(139,77,255,.34);background:linear-gradient(145deg,rgba(139,77,255,.12),rgba(39,224,255,.06))}
.customer-service-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:10px 0 18px}.customer-back-link{display:inline-flex;margin-bottom:12px;color:#9fcfff;font-weight:900}.customer-service-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:14px;margin:12px 0 18px}.customer-next-card{border:1px solid var(--c-line);border-radius:22px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(145deg,rgba(14,24,45,.88),rgba(8,13,28,.82))}.customer-next-card.warning,.customer-next-card.missing,.customer-next-card.more_info_requested{border-color:rgba(255,206,85,.32)}.customer-service-stepper{border:1px solid var(--c-line);border-radius:22px;background:rgba(255,255,255,.045);padding:16px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.customer-service-stepper div{text-align:center;color:var(--c-muted)}.customer-service-stepper span{width:34px;height:34px;margin:0 auto 8px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.customer-service-stepper .active span{background:rgba(39,224,255,.16);color:#fff;border-color:rgba(39,224,255,.35)}.customer-service-stepper .done span{background:rgba(40,242,157,.14);color:#b9ffd9;border-color:rgba(40,242,157,.35)}.customer-service-stepper b{display:block;font-size:12px}.customer-service-tabs{position:sticky;top:88px;z-index:10;display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(5,9,20,.72);backdrop-filter:blur(16px)}.customer-service-tabs a{padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.05);font-weight:900;color:#dce8ff}.customer-service-grid-page{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.customer-service-primary{display:grid;gap:18px}.customer-service-side{display:grid;gap:16px;position:sticky;top:150px}.customer-form-progress{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:13px;background:rgba(255,255,255,.04);margin-bottom:14px}.customer-form-progress div{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px}.customer-form-progress span{color:var(--c-muted)}.customer-form-progress i{display:block;height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.customer-form-progress em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--c-cyan),var(--c-purple))}.customer-alert{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:13px;margin-bottom:14px}.customer-alert.warning{border-color:rgba(255,206,85,.35);background:rgba(255,206,85,.08)}.customer-alert.info{border-color:rgba(39,224,255,.35);background:rgba(39,224,255,.08)}.customer-onboarding-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-onboarding-form label{margin:0}.customer-onboarding-form label.wide{grid-column:1/-1}.customer-onboarding-form input,.customer-onboarding-form textarea,.customer-onboarding-form select{border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(0,0,0,.24);color:#fff;padding:13px 14px;width:100%}.customer-onboarding-form button{grid-column:1/-1}.customer-file-grid{display:grid;gap:12px}.customer-file-card{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.04);padding:15px;display:grid;gap:8px}.customer-file-card span,.customer-chip-list span{width:max-content;font-size:11px;color:#8df5ff;text-transform:uppercase;letter-spacing:.12em;font-weight:900;border:1px solid rgba(39,224,255,.25);background:rgba(39,224,255,.08);border-radius:999px;padding:6px 9px}.customer-file-card h3{margin:0}.customer-file-card small{color:var(--c-muted)}.customer-timeline{display:grid;gap:12px}.customer-timeline article{display:flex;gap:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.04);padding:14px}.customer-timeline i{width:32px;height:32px;display:grid;place-items:center;border-radius:12px;background:rgba(39,224,255,.12);color:var(--c-green);font-style:normal;flex:0 0 auto}.customer-timeline small{color:var(--c-muted)}.customer-checklist{display:grid;gap:8px}.customer-checklist div{display:flex;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:10px;background:rgba(255,255,255,.035)}.customer-checklist span{width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:var(--c-muted)}.customer-checklist .done span{background:rgba(40,242,157,.13);color:var(--c-green)}.customer-chip-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.customer-kv{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);padding:11px 0}.customer-kv span{color:var(--c-muted)}.customer-kv b{text-align:right}.notification-page-panel{max-width:980px}.customer-notification-list{display:grid;gap:10px}.customer-notification{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.04);padding:13px}.customer-notification.unread{border-color:rgba(39,224,255,.28);background:rgba(39,224,255,.07)}.customer-notification a{display:flex;align-items:flex-start;gap:12px;flex:1}.customer-notification a>span{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:rgba(39,224,255,.12);color:#fff}.customer-notification h3{margin:0 0 4px}.customer-notification p{margin:0 0 5px;color:var(--c-muted)}
.customer-auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.customer-auth-card{width:min(520px,100%);border:1px solid var(--c-line);border-radius:30px;background:linear-gradient(145deg,rgba(15,25,48,.9),rgba(7,11,24,.9));box-shadow:var(--c-shadow);padding:30px;backdrop-filter:blur(20px);animation:customerRise .45s ease both}.customer-auth-logo{display:flex;justify-content:center;margin-bottom:10px}.customer-auth-logo img{width:210px;height:auto}.customer-auth-card .auth-wrap{min-height:auto;display:block;padding:0}.customer-auth-card .auth-card{width:100%;border:0;background:transparent;box-shadow:none;padding:0}.customer-auth-card .eyebrow{margin:12px auto 0}.customer-auth-card h1{text-align:center;font-size:40px;margin:18px 0 24px}.customer-auth-card label{margin:14px 0}.customer-auth-card p{text-align:center}.customer-auth-footer{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--c-muted);font-weight:800;font-size:13px;margin-top:18px}.customer-auth-footer span{width:10px;height:10px;border-radius:50%;background:var(--c-green);box-shadow:0 0 16px var(--c-green)}@keyframes customerRise{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.customer-mobile-dock{display:none}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(max-width:1180px){.customer-shell{grid-template-columns:238px minmax(0,1fr)}.customer-dashboard-grid,.customer-service-grid-page{grid-template-columns:1fr}.customer-right-rail,.customer-service-side{position:static}.customer-category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.customer-shell{display:block}.customer-sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;transform:translateX(-105%);transition:transform .22s ease;z-index:50}.customer-sidebar.open{transform:translateX(0)}.customer-menu-button{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:1px solid var(--c-line);background:rgba(255,255,255,.06);color:#fff}.customer-topbar{padding:16px;gap:10px}.customer-search kbd,.customer-profile-pill div,.customer-logout{display:none}.customer-content{padding:4px 16px 92px}.customer-stat-grid,.customer-category-grid,.customer-service-grid,.customer-billing-grid,.customer-service-workbench{grid-template-columns:1fr}.customer-hero-row,.customer-service-header,.customer-next-card{align-items:flex-start;flex-direction:column}.customer-service-stepper{grid-template-columns:1fr}.customer-onboarding-form{grid-template-columns:1fr}.customer-mobile-dock{position:fixed;left:12px;right:12px;bottom:12px;z-index:45;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(7,12,25,.88);backdrop-filter:blur(18px);padding:8px}.customer-mobile-dock a{display:grid;place-items:center;gap:2px;color:#cfe0ff;font-size:18px;border-radius:14px;padding:8px 4px}.customer-mobile-dock a span{font-size:10px;font-weight:900}.customer-mobile-dock a.active{background:rgba(39,224,255,.12);color:#fff}.customer-service-tabs{top:74px;overflow-x:auto;flex-wrap:nowrap}.customer-service-tabs a{white-space:nowrap}.customer-notification{align-items:flex-start;flex-direction:column}.customer-auth-card{padding:24px;border-radius:24px}.customer-auth-logo img{width:180px}}@media(max-width:520px){.customer-top-actions{gap:6px}.customer-icon-button{display:none}.customer-profile-pill{border-left:0;padding-left:0}.customer-hero-row h1,.customer-service-header h1{font-size:38px}.customer-category-card{grid-template-columns:1fr}.category-icon{width:58px;height:58px}.customer-stat-card strong{font-size:32px}}

/* Customer service category hub */
.customer-service-hub-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:10px 0 18px;padding:24px;border:1px solid var(--c-line);border-radius:28px;background:linear-gradient(135deg,rgba(15,31,60,.82),rgba(12,15,35,.74));box-shadow:var(--c-shadow);position:relative;overflow:hidden}.customer-service-hub-hero:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 85% 15%,rgba(39,224,255,.18),transparent 34%),radial-gradient(circle at 25% 90%,rgba(180,64,255,.15),transparent 35%);pointer-events:none}.customer-service-hub-hero>*{position:relative}.customer-service-hub-hero h1{margin:8px 0 8px;font-size:clamp(38px,5vw,72px);line-height:.94;letter-spacing:-.06em}.customer-service-hub-hero p{max-width:780px;margin:0;color:var(--c-muted);font-size:16px;line-height:1.65}.customer-service-hub-summary{width:150px;height:150px;border-radius:34px;border:1px solid rgba(39,224,255,.28);background:rgba(6,13,28,.64);display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 34px rgba(39,224,255,.08)}.customer-service-hub-summary b{display:block;font-size:42px;line-height:1}.customer-service-hub-summary span{display:block;color:var(--c-muted);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.customer-service-category-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0 20px}.customer-service-category-pill{min-height:84px;border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--c-cyan);border-radius:18px;background:linear-gradient(135deg,rgba(13,82,168,.7),rgba(50,30,125,.72));box-shadow:0 14px 38px rgba(2,8,23,.26);display:flex;align-items:center;gap:13px;padding:16px;color:#fff;position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.customer-service-category-pill:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent,rgba(255,255,255,.12),transparent);transform:translateX(-120%);transition:transform .5s ease}.customer-service-category-pill:hover{transform:translateY(-3px);border-color:rgba(39,224,255,.5);box-shadow:0 18px 52px rgba(39,224,255,.12)}.customer-service-category-pill:hover:before{transform:translateX(120%)}.customer-service-category-pill.active{border-color:rgba(39,224,255,.7);box-shadow:0 0 0 1px rgba(39,224,255,.15),0 22px 60px rgba(39,224,255,.16)}.customer-service-category-pill.violet,.customer-service-category-pill.purple{background:linear-gradient(135deg,rgba(32,74,165,.72),rgba(86,31,145,.78))}.customer-service-category-pill.blue{background:linear-gradient(135deg,rgba(21,98,184,.72),rgba(34,42,128,.78))}.customer-service-category-pill.slate{background:linear-gradient(135deg,rgba(22,38,70,.82),rgba(27,26,82,.76))}.customer-service-category-pill .pill-icon{width:34px;height:34px;border-radius:12px;background:rgba(39,224,255,.12);display:grid;place-items:center;color:#aef8ff;flex:0 0 auto}.customer-service-category-pill .pill-copy{display:grid;gap:4px;min-width:0}.customer-service-category-pill b{font-size:17px;line-height:1.1}.customer-service-category-pill small{color:#b7c7e6;font-weight:900}.customer-service-category-pill em{margin-left:auto;font-style:normal;color:#9ff4ff}.customer-service-hub-help{margin-top:12px}.customer-service-hub-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.customer-service-hub-steps article{border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.04);padding:16px}.customer-service-hub-steps b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(39,224,255,.11);color:#8ef5ff;margin-bottom:12px}.customer-service-hub-steps strong{display:block;font-size:18px;margin-bottom:6px}.customer-service-hub-steps span{display:block;color:var(--c-muted);line-height:1.55}.customer-panel-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.customer-category-empty-state{border:1px dashed rgba(255,255,255,.16);border-radius:22px;background:rgba(255,255,255,.04);padding:22px;display:flex;align-items:center;gap:18px}.customer-category-empty-state .empty-icon{width:62px;height:62px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(39,224,255,.16),rgba(139,77,255,.18));color:#fff;font-size:24px;flex:0 0 auto}.customer-category-empty-state h3{margin:0 0 7px;font-size:24px}.customer-category-empty-state p{margin:0;color:var(--c-muted);line-height:1.6}.customer-owned-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.customer-owned-service-card{border:1px solid rgba(255,255,255,.11);border-radius:22px;background:linear-gradient(145deg,rgba(19,29,58,.84),rgba(9,14,31,.82));padding:18px;display:grid;gap:12px;color:#fff;box-shadow:0 16px 48px rgba(0,0,0,.22);transition:transform .18s ease,border-color .18s ease}.customer-owned-service-card:hover{transform:translateY(-3px);border-color:rgba(39,224,255,.36)}.owned-service-top{display:flex;align-items:center;gap:9px}.owned-service-top span{width:36px;height:36px;border-radius:13px;display:grid;place-items:center;background:rgba(39,224,255,.11);color:#9ff8ff}.owned-service-top em{font-style:normal;color:#9fb0cf;font-weight:900}.owned-service-top b{margin-left:auto;font-size:11px;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 8px;color:#dfe9ff}.customer-owned-service-card h3{margin:0;font-size:24px;letter-spacing:-.03em}.customer-owned-service-card p{margin:0;color:var(--c-muted);line-height:1.55}.owned-service-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.owned-service-progress i{height:7px;border-radius:999px;background:rgba(255,255,255,.09)}.owned-service-progress i.active{background:linear-gradient(90deg,#27e0ff,#6f7cff)}.owned-service-progress i.done{background:linear-gradient(90deg,#28f29d,#27e0ff)}.owned-service-footer{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.owned-service-footer strong{color:#fff}.owned-service-footer small{color:var(--c-muted);text-align:right}@media(max-width:1180px){.customer-service-category-list{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-owned-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-service-hub-steps{grid-template-columns:1fr}}@media(max-width:760px){.customer-service-hub-hero{align-items:flex-start;flex-direction:column}.customer-service-hub-summary{width:100%;height:auto;min-height:92px}.customer-service-category-list,.customer-owned-service-grid{grid-template-columns:1fr}.customer-category-empty-state{align-items:flex-start;flex-direction:column}.owned-service-footer{align-items:flex-start;flex-direction:column}.owned-service-footer small{text-align:left}}

/* Customer Dashboard v2.2 — visual polish, motion and mobile tuning */
.customer-portal-body{background:radial-gradient(circle at 12% 0%,rgba(0,222,255,.20),transparent 28%),radial-gradient(circle at 88% 0%,rgba(190,42,255,.24),transparent 32%),linear-gradient(135deg,#030612,#060b18 42%,#09051a);}
.customer-noise-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1px);background-size:3px 3px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 78%)}
.customer-aurora.three{left:42%;bottom:-240px;background:#124cff;animation-delay:-9s;opacity:.18}
.customer-sidebar{padding:0;background:linear-gradient(180deg,rgba(6,13,28,.98),rgba(4,8,18,.88));box-shadow:12px 0 70px rgba(0,0,0,.22)}
.customer-sidebar-inner{height:100vh;padding:28px 14px;display:flex;flex-direction:column;gap:22px;overflow-y:auto;scrollbar-width:none}.customer-sidebar-inner::-webkit-scrollbar{display:none}
.customer-logo{display:grid;gap:9px;padding:4px 12px 12px}.customer-logo img{width:188px;filter:drop-shadow(0 0 22px rgba(39,224,255,.18))}.customer-logo small{display:block;color:#8ea5c6;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:900;margin-left:6px}
.customer-nav a{min-height:50px;border:1px solid transparent}.customer-nav a.active{border-color:rgba(39,224,255,.42);box-shadow:inset 3px 0 0 var(--c-cyan),0 18px 48px rgba(20,124,255,.22)}.customer-nav a span{border-radius:11px;background:rgba(255,255,255,.04);height:28px}.customer-nav a.active span{background:rgba(39,224,255,.13);box-shadow:0 0 18px rgba(39,224,255,.18)}
.customer-sidebar-status{margin-top:auto;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.05);padding:13px 14px;display:flex;align-items:center;gap:10px}.customer-sidebar-status span{width:12px;height:12px;border-radius:50%;background:var(--c-green);box-shadow:0 0 18px var(--c-green)}.customer-sidebar-status b{display:block}.customer-sidebar-status small{color:var(--c-muted)}.customer-upgrade-card{margin-top:0}.customer-upgrade-card i{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,rgba(39,224,255,.16),rgba(236,61,216,.22));font-style:normal;margin-bottom:12px;color:#fff}
.customer-topbar{padding:22px 28px 14px}.customer-search{height:54px;border-radius:18px;position:relative;overflow:hidden}.customer-search:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(39,224,255,.08),transparent);transform:translateX(-120%);transition:transform .7s ease}.customer-search:focus-within{border-color:rgba(39,224,255,.42);box-shadow:0 18px 60px rgba(39,224,255,.08)}.customer-search:focus-within:before{transform:translateX(120%)}.customer-search input{position:relative;z-index:1}.customer-search span,.customer-search kbd{position:relative;z-index:1}.customer-icon-button,.customer-logout,.customer-ghost-button,.customer-gradient-button{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease}.customer-icon-button:hover,.customer-logout:hover,.customer-ghost-button:hover,.customer-gradient-button:hover{transform:translateY(-2px)}.customer-gradient-button{position:relative;overflow:hidden}.customer-gradient-button:before{content:"";position:absolute;inset:-40% -20%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.32),transparent);transform:translateX(-125%) rotate(8deg);transition:transform .65s ease}.customer-gradient-button:hover:before{transform:translateX(125%) rotate(8deg)}.customer-gradient-button{box-shadow:0 16px 42px rgba(20,124,255,.18)}
.customer-content{padding:8px 28px 100px}.customer-panel,.customer-stat-card,.customer-command-card,.customer-service-tile,.customer-owned-service-card,.customer-service-hub-hero,.customer-category-empty-state{animation:customerPanelIn .48s ease both}@keyframes customerPanelIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.customer-kicker{align-items:center;gap:8px}.customer-kicker i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--c-cyan);box-shadow:0 0 16px var(--c-cyan)}
.customer-dashboard-hero{position:relative;display:flex;align-items:stretch;justify-content:space-between;gap:18px;margin:6px 0 18px;padding:28px;border:1px solid rgba(39,224,255,.20);border-radius:30px;background:linear-gradient(135deg,rgba(10,19,38,.90),rgba(15,21,52,.72));box-shadow:var(--c-shadow);overflow:hidden}.customer-dashboard-hero:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 82% 28%,rgba(39,224,255,.18),transparent 28%),radial-gradient(circle at 18% 100%,rgba(139,77,255,.20),transparent 36%);pointer-events:none}.customer-dashboard-hero:after{content:"";position:absolute;right:-8%;bottom:-40%;width:62%;height:70%;background:repeating-linear-gradient(160deg,rgba(39,224,255,.09) 0 2px,transparent 2px 18px);filter:blur(.3px);opacity:.35;transform:rotate(-4deg)}.customer-dashboard-hero>*{position:relative;z-index:1}.customer-hero-copy h1{font-size:clamp(44px,6vw,82px);line-height:.9;letter-spacing:-.07em;margin:14px 0}.customer-hero-copy p{max-width:820px;color:var(--c-muted);font-size:17px;line-height:1.65;margin:0}.customer-hero-copy p b{color:#dffaff}.customer-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.customer-hero-status-card{min-width:210px;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:rgba(5,10,22,.56);display:grid;align-content:center;justify-items:center;text-align:center;padding:22px;box-shadow:inset 0 0 38px rgba(39,224,255,.06)}.portal-orbit{width:86px;height:86px;border-radius:50%;border:1px solid rgba(39,224,255,.2);display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(39,224,255,.16),rgba(139,77,255,.08) 54%,transparent)}.portal-orbit span{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--c-cyan),var(--c-purple));box-shadow:0 0 28px rgba(39,224,255,.35)}.portal-orbit i{position:absolute;inset:-8px;border-radius:50%;border:2px solid transparent;border-top-color:rgba(39,224,255,.7);border-right-color:rgba(236,61,216,.55);animation:portalSpin 5s linear infinite}.customer-hero-status-card small{margin-top:14px;color:var(--c-muted);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.customer-hero-status-card strong{font-size:24px;margin-top:5px}.customer-hero-status-card em{font-style:normal;color:var(--c-muted);font-weight:800}@keyframes portalSpin{to{transform:rotate(360deg)}}
.customer-stat-grid-v2{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.customer-stat-card{position:relative;overflow:hidden}.customer-stat-card:before{content:"";position:absolute;right:-28px;top:-35px;width:110px;height:110px;border-radius:50%;background:rgba(39,224,255,.12);filter:blur(8px);opacity:.9}.customer-stat-card i{position:absolute;right:18px;top:18px;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:rgba(39,224,255,.10);color:#9bf8ff;font-style:normal;font-size:22px}.customer-stat-card strong small{font-size:.48em;color:var(--c-muted)}.customer-stat-card:hover{border-color:rgba(39,224,255,.32);transform:translateY(-2px)}.customer-wide-stat:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--c-cyan),var(--c-purple),var(--c-pink));opacity:.75}
.customer-dashboard-grid-v2{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.customer-command-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.customer-command-card{border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(145deg,rgba(17,29,55,.84),rgba(8,14,30,.86));padding:20px;display:grid;grid-template-columns:76px 1fr;gap:16px;min-height:190px;position:relative;overflow:hidden;box-shadow:0 18px 52px rgba(0,0,0,.22);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.customer-command-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 15%,rgba(39,224,255,.16),transparent 34%),radial-gradient(circle at 90% 90%,rgba(139,77,255,.14),transparent 34%);opacity:.9}.customer-command-card:hover{transform:translateY(-5px);border-color:rgba(39,224,255,.34);box-shadow:0 22px 70px rgba(0,0,0,.30)}.customer-command-card>*{position:relative}.customer-command-card .command-icon{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;font-size:36px;background:linear-gradient(135deg,rgba(20,124,255,.18),rgba(39,224,255,.12));box-shadow:inset 0 0 35px rgba(39,224,255,.08),0 0 32px rgba(39,224,255,.11)}.customer-command-card.violet .command-icon,.customer-command-card.purple .command-icon,.customer-command-card.pink .command-icon{background:linear-gradient(135deg,rgba(139,77,255,.22),rgba(236,61,216,.16));box-shadow:0 0 34px rgba(236,61,216,.16)}.command-copy h3{margin:4px 0 8px;font-size:22px;letter-spacing:-.03em}.command-copy p{margin:0;color:var(--c-muted);line-height:1.55}.command-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.command-actions a{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 14px;color:#fff;font-weight:900;background:linear-gradient(135deg,rgba(20,124,255,.66),rgba(99,67,255,.42))}.command-actions small{display:flex;align-items:center;gap:8px;color:var(--c-muted);font-weight:900}.command-actions small span{width:10px;height:10px;border-radius:50%;background:var(--c-green);box-shadow:0 0 14px var(--c-green)}
.customer-live-panel{border-color:rgba(39,224,255,.18)}.customer-service-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr));}.customer-service-tile{position:relative;overflow:hidden}.customer-service-tile:after{content:"";position:absolute;right:-42px;bottom:-42px;width:120px;height:120px;border-radius:50%;background:rgba(39,224,255,.08);filter:blur(4px)}.customer-service-tile h3,.customer-service-tile p,.customer-service-tile .tile-top,.customer-service-tile .tile-meta,.customer-service-tile .tile-progress{position:relative;z-index:1}.customer-service-tile:hover{transform:translateY(-4px);border-color:rgba(39,224,255,.34)}.customer-attention-banner-v2{position:relative;overflow:hidden}.customer-attention-banner-v2:after{content:"";position:absolute;inset:auto -20% -70% 30%;height:160px;background:radial-gradient(circle,rgba(255,206,85,.18),transparent 60%)}
.customer-dashboard-lower-grid{display:grid;grid-template-columns:1.45fr .9fr;gap:14px;margin-top:14px}.customer-line-chart{height:180px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,rgba(20,124,255,.10),rgba(139,77,255,.05));position:relative;overflow:hidden}.customer-line-chart:before{content:"";position:absolute;inset:18px;background:linear-gradient(180deg,transparent 24%,rgba(255,255,255,.06) 25%,transparent 26%,transparent 49%,rgba(255,255,255,.06) 50%,transparent 51%,transparent 74%,rgba(255,255,255,.06) 75%,transparent 76%)}.customer-line-chart span{position:absolute;left:28px;right:28px;bottom:44px;height:72px;background:linear-gradient(90deg,var(--c-blue),var(--c-purple),var(--c-pink));clip-path:polygon(0 68%,10% 58%,20% 62%,30% 38%,40% 50%,50% 24%,60% 42%,70% 18%,80% 36%,90% 20%,100% 0,100% 100%,0 100%);opacity:.62;filter:drop-shadow(0 0 12px rgba(39,224,255,.3))}.customer-line-chart i{position:absolute;left:28px;right:28px;bottom:72px;height:4px;background:linear-gradient(90deg,var(--c-blue),var(--c-cyan),var(--c-purple),var(--c-pink));border-radius:999px;transform:rotate(-4deg);box-shadow:0 0 18px rgba(39,224,255,.4)}.customer-line-chart b{position:absolute;right:22px;top:20px;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:8px 10px;background:rgba(0,0,0,.18);font-size:12px;color:#ddecff}.customer-chart-metrics{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px;align-items:end;margin-top:12px}.customer-chart-metrics strong{font-size:30px}.customer-chart-metrics small{color:var(--c-muted);font-weight:900}.customer-health-card{display:grid;justify-items:center}.customer-donut{--pct:80;width:160px;height:160px;border-radius:50%;background:conic-gradient(var(--c-cyan) calc(var(--pct)*1%),rgba(255,255,255,.08) 0);display:grid;place-items:center;position:relative;margin:8px auto 14px;box-shadow:0 0 30px rgba(39,224,255,.12)}.customer-donut:before{content:"";position:absolute;inset:15px;border-radius:50%;background:linear-gradient(145deg,rgba(14,22,43,.96),rgba(6,10,23,.96));box-shadow:inset 0 0 22px rgba(0,0,0,.2)}.customer-donut span,.customer-donut small{position:relative;z-index:1}.customer-donut span{font-size:36px;font-weight:900}.customer-donut small{color:var(--c-muted);margin-top:42px;position:absolute}.customer-health-legend{display:grid;gap:8px;width:100%}.customer-health-legend span{display:flex;gap:9px;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 10px;color:var(--c-muted);font-weight:900}.customer-health-legend i{width:9px;height:9px;border-radius:50%;margin-right:auto}.customer-health-legend .ok{background:var(--c-green)}.customer-health-legend .warn{background:var(--c-yellow)}.customer-health-legend .info{background:var(--c-cyan)}
.customer-right-rail-v2{display:grid;gap:14px}.customer-activity-list a{transition:transform .18s ease,background .18s ease}.customer-activity-list a:hover{transform:translateX(3px);background:rgba(255,255,255,.04)}.customer-panel.compact.support-ready{background:linear-gradient(145deg,rgba(39,224,255,.08),rgba(139,77,255,.08));}
.customer-auth-body{display:grid;place-items:center;padding:24px}.customer-auth-shell{width:100%;min-height:100vh;display:grid;place-items:center;position:relative}.customer-auth-card-v2{width:min(560px,calc(100vw - 28px));padding:34px;border-radius:32px;background:linear-gradient(145deg,rgba(17,28,55,.92),rgba(7,12,28,.90));border:1px solid rgba(118,160,255,.20);box-shadow:0 32px 110px rgba(0,0,0,.42);position:relative;overflow:hidden}.customer-auth-card-v2:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 74% 0%,rgba(39,224,255,.18),transparent 34%),radial-gradient(circle at 10% 100%,rgba(236,61,216,.15),transparent 38%);pointer-events:none}.customer-auth-card-v2>*{position:relative;z-index:1}.customer-auth-card-v2 .customer-auth-logo{display:flex;justify-content:center;margin-bottom:22px}.customer-auth-card-v2 .customer-auth-logo img{width:230px;filter:drop-shadow(0 0 24px rgba(39,224,255,.18))}.customer-auth-card-v2 .customer-kicker{justify-content:center;margin:auto}.customer-auth-card-v2 h1{text-align:center;font-size:clamp(42px,7vw,64px);line-height:.92;letter-spacing:-.07em;margin:18px 0 12px}.customer-auth-intro{text-align:center;color:var(--c-muted);font-size:16px;line-height:1.55;margin:0 0 22px}.customer-auth-form{display:grid;gap:14px}.customer-auth-form label{display:grid;gap:8px;color:#dce7fb;font-weight:900}.customer-auth-form input{height:54px;border-radius:15px;border:1px solid rgba(255,255,255,.12);background:rgba(2,6,16,.70);color:#fff;padding:0 14px;box-shadow:inset 0 0 0 1px transparent}.customer-auth-form input:focus{outline:none;border-color:rgba(39,224,255,.48);box-shadow:0 0 0 4px rgba(39,224,255,.08)}.customer-auth-switch{text-align:center;color:var(--c-muted);font-weight:800}.customer-auth-switch a{color:#dffaff}.customer-auth-footer{display:flex;justify-content:center;gap:9px;align-items:center;color:var(--c-muted);font-weight:900;margin-top:18px}.customer-auth-footer span{width:10px;height:10px;border-radius:50%;background:var(--c-green);box-shadow:0 0 16px var(--c-green)}
/* Service hub polish */.customer-service-category-pill{min-height:96px}.customer-service-category-pill b{font-size:20px}.customer-service-category-pill .pill-icon{width:44px;height:44px;border-radius:16px}.customer-service-category-pill:hover em{transform:translateX(3px)}.customer-service-category-pill em{transition:transform .18s ease}.customer-owned-service-card h3{font-size:28px}.customer-service-hub-hero{background:linear-gradient(135deg,rgba(10,20,45,.91),rgba(24,26,67,.74))}.customer-service-hub-summary{position:relative;overflow:hidden}.customer-service-hub-summary:after{content:"";position:absolute;inset:10px;border-radius:26px;border:1px solid rgba(39,224,255,.12)}
/* Service detail polish */.customer-service-header{border:1px solid rgba(39,224,255,.20);border-radius:28px;background:linear-gradient(135deg,rgba(11,22,44,.86),rgba(15,20,50,.74));padding:24px;box-shadow:var(--c-shadow);margin-bottom:16px}.customer-service-header h1{font-size:clamp(40px,6vw,76px);line-height:.92;letter-spacing:-.07em}.customer-next-card{border-radius:24px}.customer-service-stepper div{min-height:84px}.customer-service-tabs{border:1px solid rgba(255,255,255,.10);background:rgba(7,12,25,.72);backdrop-filter:blur(18px);padding:8px;border-radius:18px;margin:14px 0 18px}.customer-service-tabs a{border-radius:13px}.customer-form-progress i{height:12px}.customer-file-card:hover{transform:translateY(-3px);border-color:rgba(39,224,255,.32)}.customer-timeline article{transition:background .18s ease,transform .18s ease}.customer-timeline article:hover{background:rgba(255,255,255,.04);transform:translateX(2px)}
/* Notifications polish */.customer-notification{border-radius:20px}.customer-notification.unread{box-shadow:inset 3px 0 0 var(--c-cyan),0 16px 46px rgba(39,224,255,.08)}
@media(max-width:1280px){.customer-dashboard-grid-v2{grid-template-columns:1fr}.customer-right-rail-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-dashboard-lower-grid{grid-template-columns:1fr 1fr}.customer-stat-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.customer-sidebar{width:min(300px,88vw)}.customer-sidebar.open{box-shadow:0 0 0 999px rgba(0,0,0,.58),18px 0 80px rgba(0,0,0,.36)}.customer-topbar{position:sticky;top:0;padding:12px;gap:8px}.customer-search{height:46px;border-radius:15px}.customer-top-actions .customer-icon-button:nth-child(2){display:none}.customer-dashboard-hero{flex-direction:column;padding:22px;border-radius:24px}.customer-hero-status-card{min-width:0;width:100%;display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:16px}.customer-hero-status-card small,.customer-hero-status-card em{margin:0}.portal-orbit{width:64px;height:64px;flex:0 0 auto}.portal-orbit span{width:24px;height:24px}.customer-hero-copy h1{font-size:48px}.customer-stat-grid-v2,.customer-command-grid,.customer-service-grid-v2,.customer-dashboard-lower-grid,.customer-right-rail-v2{grid-template-columns:1fr}.customer-command-card{grid-template-columns:62px 1fr;min-height:auto}.customer-command-card .command-icon{width:58px;height:58px;border-radius:20px;font-size:28px}.command-actions{align-items:flex-start;flex-direction:column}.customer-chart-metrics{grid-template-columns:1fr 1fr}.customer-mobile-dock{box-shadow:0 18px 70px rgba(0,0,0,.42)}.customer-service-header{padding:18px}.customer-service-cta{width:100%;display:grid;grid-template-columns:1fr 1fr}.customer-service-cta a{text-align:center}.customer-auth-card-v2{padding:26px;border-radius:26px}.customer-auth-card-v2 .customer-auth-logo img{width:194px}.customer-auth-card-v2 h1{font-size:46px}.customer-panel-head{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.customer-content{padding:4px 12px 96px}.customer-topbar{flex-wrap:wrap}.customer-search{order:2;flex-basis:100%;max-width:none}.customer-profile-pill>span{width:40px;height:40px}.customer-dashboard-hero{margin-top:0}.customer-hero-copy h1{font-size:42px}.customer-hero-actions{display:grid;grid-template-columns:1fr;width:100%}.customer-hero-actions>*{width:100%;text-align:center}.customer-stat-card{min-height:132px}.customer-command-card{padding:16px;border-radius:20px}.customer-service-cta{grid-template-columns:1fr}.customer-service-tabs{top:104px}.customer-auth-body{padding:14px}.customer-auth-card-v2{width:100%;padding:22px}.customer-auth-card-v2 h1{font-size:40px}.customer-line-chart{height:150px}}
@media (prefers-reduced-motion:reduce){.portal-orbit i,.customer-panel,.customer-stat-card,.customer-command-card,.customer-service-tile,.customer-owned-service-card,.customer-service-hub-hero,.customer-category-empty-state{animation:none!important}.customer-gradient-button:before,.customer-search:before{display:none!important}}
.customer-reveal{opacity:0;transform:translateY(14px);transition:opacity .46s ease var(--reveal-delay,0ms),transform .46s ease var(--reveal-delay,0ms)}.customer-reveal.revealed{opacity:1;transform:translateY(0)}

/* Customer Dashboard v2.3: Fancy portal tuning + AJAX/live UX */
.customer-portal-body{--mx:50%;--my:30%}.customer-portal-body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(520px circle at var(--mx) var(--my),rgba(39,224,255,.12),transparent 46%),radial-gradient(760px circle at calc(var(--mx) + 18%) calc(var(--my) + 24%),rgba(210,42,255,.09),transparent 48%);transition:background-position .2s ease}.customer-shell{position:relative;z-index:1}.customer-search-v3{overflow:hidden}.customer-search-v3:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(100deg,rgba(39,224,255,.45),rgba(135,74,255,.14),rgba(255,39,214,.42));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.46;pointer-events:none}.customer-live-pill{height:42px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(11,20,42,.84),rgba(26,23,55,.74));color:#dff7ff;border-radius:999px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;font-weight:900;box-shadow:0 12px 34px rgba(0,0,0,.28);cursor:pointer}.customer-live-pill span{width:9px;height:9px;border-radius:50%;background:#2dff9b;box-shadow:0 0 18px #2dff9b;animation:customerPulseDot 1.8s ease infinite}.customer-live-pill.syncing span{background:#27e0ff;box-shadow:0 0 18px #27e0ff}.customer-live-pill.error span{background:#ff5d7a;box-shadow:0 0 18px #ff5d7a}.customer-notification-button[data-live-unread]:not([data-live-unread=""]):not([data-live-unread="0"]){position:relative}.customer-notification-button[data-live-unread]:not([data-live-unread=""]):not([data-live-unread="0"]):after{content:attr(data-live-unread);position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:linear-gradient(135deg,#24c4ff,#8a44ff);color:white;font-size:11px;font-weight:950;display:grid;place-items:center;box-shadow:0 8px 22px rgba(39,224,255,.28)}@keyframes customerPulseDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.58}}
.customer-dashboard-hero{position:relative;overflow:hidden}.customer-dashboard-hero:before{content:"";position:absolute;inset:-2px;background:linear-gradient(120deg,rgba(39,224,255,.18),transparent 35%,rgba(142,65,255,.18) 68%,rgba(255,39,214,.11));opacity:.75;pointer-events:none}.customer-dashboard-hero:after{content:"";position:absolute;width:360px;height:360px;right:-120px;top:-120px;border-radius:50%;background:conic-gradient(from 140deg,rgba(39,224,255,.36),rgba(92,112,255,.08),rgba(255,39,214,.26),rgba(39,224,255,.36));filter:blur(18px);opacity:.25;animation:customerSpin 18s linear infinite}.customer-hero-copy,.customer-hero-status-card{position:relative;z-index:1}.customer-hero-copy h1{background:linear-gradient(110deg,#fff,#dffaff 42%,#b8bcff 72%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.customer-hero-status-card{backdrop-filter:blur(18px);border-color:rgba(39,224,255,.24)}@keyframes customerSpin{to{transform:rotate(360deg)}}
.glass-tilt{transform-style:preserve-3d;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.glass-tilt:hover{border-color:rgba(39,224,255,.34)!important;box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 34px rgba(39,224,255,.08)!important}.customer-stat-grid-v3 .customer-stat-card{position:relative;overflow:hidden}.customer-stat-grid-v3 .customer-stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent,rgba(255,255,255,.07),transparent);transform:translateX(-120%);transition:transform .65s ease}.customer-stat-grid-v3 .customer-stat-card:hover:before{transform:translateX(120%)}.customer-stat-card strong.live-pop,[data-live-stat].live-pop{animation:customerLivePop .42s ease}@keyframes customerLivePop{0%{transform:scale(1)}45%{transform:scale(1.14);filter:drop-shadow(0 0 16px rgba(39,224,255,.55))}100%{transform:scale(1)}}
.customer-intelligence-strip{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;margin:16px 0}.customer-orb-card,.customer-mini-terminal{border:1px solid rgba(255,255,255,.10);border-radius:26px;background:linear-gradient(135deg,rgba(13,24,50,.82),rgba(13,13,31,.68));box-shadow:0 18px 55px rgba(0,0,0,.28);padding:20px;position:relative;overflow:hidden}.customer-orb-card{display:flex;align-items:center;gap:18px}.customer-orb-card:after,.customer-mini-terminal:after{content:"";position:absolute;inset:auto -90px -120px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(39,224,255,.18),transparent 62%);pointer-events:none}.customer-orb-card span,.customer-orb-card h2,.customer-orb-card p{position:relative;z-index:1}.customer-orb-card>div:last-child>span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7cf3ff;font-weight:950}.customer-orb-card h2{margin:6px 0 6px;font-size:24px}.customer-orb-card p{margin:0;color:var(--c-muted);font-weight:750;line-height:1.55}.customer-orb-ring{width:86px;height:86px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#27e0ff calc(var(--pct)*1%),rgba(255,255,255,.08) 0);box-shadow:0 0 38px rgba(39,224,255,.22);position:relative}.customer-orb-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#0a1021;border:1px solid rgba(255,255,255,.10)}.customer-orb-ring span{position:relative;z-index:1;font-size:24px;font-weight:950}.customer-mini-terminal{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex;flex-direction:column;gap:10px}.customer-mini-terminal div{display:flex;align-items:center;gap:7px;color:#9fb1cd}.customer-mini-terminal i{width:10px;height:10px;border-radius:50%;background:#27e0ff}.customer-mini-terminal i:nth-child(2){background:#8a44ff}.customer-mini-terminal i:nth-child(3){background:#2dff9b}.customer-mini-terminal b{margin-left:auto;font-family:Inter,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#b8c9e7}.customer-mini-terminal code{color:#c7eaff;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px;white-space:normal}.customer-command-card,.customer-service-tile,.customer-owned-service-card,.customer-service-category-pill{position:relative;overflow:hidden}.customer-command-card:before,.customer-service-tile:before,.customer-owned-service-card:before,.customer-service-category-pill:before{content:"";position:absolute;inset:-1px;background:radial-gradient(220px circle at var(--card-x,50%) var(--card-y,50%),rgba(39,224,255,.16),transparent 48%);opacity:0;transition:opacity .18s ease;pointer-events:none}.customer-command-card:hover:before,.customer-service-tile:hover:before,.customer-owned-service-card:hover:before,.customer-service-category-pill:hover:before{opacity:1}.customer-service-tile,.customer-owned-service-card{backdrop-filter:blur(16px)}.customer-line-chart{position:relative;overflow:hidden}.customer-line-chart:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(39,224,255,.07),transparent);transform:translateX(-100%);animation:customerScan 4.5s ease-in-out infinite}@keyframes customerScan{50%{transform:translateX(100%)}100%{transform:translateX(100%)}}
.customer-command-palette[hidden]{display:none}.customer-command-palette{position:fixed;inset:0;z-index:2000;display:grid;place-items:start center;padding-top:8vh}.customer-command-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(14px)}.customer-command-modal{position:relative;width:min(720px,calc(100vw - 28px));border:1px solid rgba(39,224,255,.22);border-radius:28px;background:linear-gradient(145deg,rgba(12,19,42,.96),rgba(10,11,28,.92));box-shadow:0 34px 110px rgba(0,0,0,.58),0 0 70px rgba(39,224,255,.12);overflow:hidden;animation:paletteIn .18s ease}.customer-command-modal:before{content:"";position:absolute;inset:0;background:radial-gradient(520px circle at 20% 0%,rgba(39,224,255,.16),transparent 42%),radial-gradient(520px circle at 100% 10%,rgba(255,39,214,.12),transparent 42%);pointer-events:none}.palette-head{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}.palette-head span{width:44px;height:44px;border-radius:16px;background:rgba(39,224,255,.10);display:grid;place-items:center;color:#7cf3ff;font-size:24px}.palette-head input{flex:1;height:48px;border:0;background:transparent;color:#fff;font-size:17px;font-weight:850;outline:none}.palette-head button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#b9c6df;border-radius:12px;height:36px;padding:0 12px;font-weight:900}.palette-results{position:relative;z-index:1;display:grid;gap:8px;padding:14px;max-height:min(520px,70vh);overflow:auto}.palette-results a{display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:18px;padding:14px 16px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.palette-results a:hover,.palette-results a.active{transform:translateY(-1px);border-color:rgba(39,224,255,.28);background:rgba(39,224,255,.08)}.palette-results b{font-size:15px}.palette-results small{color:#9baac3;font-weight:800}.palette-empty{padding:22px;text-align:center;color:#aebad1;font-weight:850}@keyframes paletteIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.customer-service-header,.customer-panel,.customer-service-hub-hero{position:relative;overflow:hidden}.customer-service-header:after,.customer-panel:after,.customer-service-hub-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.028),transparent);opacity:.75;pointer-events:none}.customer-service-tabs{box-shadow:0 16px 40px rgba(0,0,0,.22)}.customer-service-tabs a{position:relative;overflow:hidden}.customer-service-tabs a:after{content:"";position:absolute;left:16px;right:16px;bottom:5px;height:2px;border-radius:999px;background:linear-gradient(90deg,#27e0ff,#d62aff);transform:scaleX(0);transition:transform .18s ease}.customer-service-tabs a:hover:after{transform:scaleX(1)}.customer-onboarding-form label{transition:transform .15s ease,border-color .15s ease}.customer-onboarding-form label:focus-within{transform:translateY(-2px)}.customer-file-card{position:relative;overflow:hidden}.customer-file-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(39,224,255,.14),transparent 55%,rgba(255,39,214,.10));opacity:0;transition:opacity .18s ease}.customer-file-card:hover:before{opacity:1}.customer-file-card>*{position:relative;z-index:1}
.customer-mobile-dock{backdrop-filter:blur(22px) saturate(1.25);border:1px solid rgba(255,255,255,.12)}.customer-mobile-dock a{transition:transform .15s ease,background .15s ease}.customer-mobile-dock a:active{transform:translateY(1px) scale(.98)}@media(max-width:1180px){.customer-intelligence-strip{grid-template-columns:1fr}.customer-mini-terminal{min-height:122px}}@media(max-width:860px){.customer-live-pill{display:none}.customer-command-palette{padding-top:5vh}.customer-orb-card{align-items:flex-start}.customer-intelligence-strip{gap:12px}.customer-top-actions{gap:8px}.customer-command-modal{border-radius:24px}.palette-results a{display:block}.palette-results small{display:block;margin-top:4px}.customer-service-category-pill{min-height:82px}.customer-service-hub-steps{grid-template-columns:1fr!important}}@media(max-width:560px){.customer-orb-card{flex-direction:column}.customer-orb-ring{width:78px;height:78px}.customer-mini-terminal code{font-size:12px}.customer-auth-card-v2{box-shadow:0 24px 80px rgba(0,0,0,.42)}.customer-service-header h1{font-size:38px}.customer-stat-grid-v3 .customer-stat-card{min-height:118px}.customer-command-card{grid-template-columns:1fr!important}.command-icon{margin-bottom:4px}.customer-command-card .command-actions{width:100%}.command-actions a{width:100%;text-align:center}}@media (prefers-reduced-motion:reduce){.customer-portal-body:before,.customer-dashboard-hero:after,.customer-line-chart:after,.customer-live-pill span{animation:none!important}.glass-tilt{transition:none!important}.customer-command-modal{animation:none!important}}

/* Customer Dashboard v2.4: service workspace, files library and billing center polish */
.customer-page-hero{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:32px;background:linear-gradient(135deg,rgba(15,27,60,.86),rgba(8,12,30,.72));box-shadow:0 28px 88px rgba(0,0,0,.34);padding:30px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px}.customer-page-hero:before{content:"";position:absolute;inset:-1px;background:radial-gradient(620px circle at 12% 0%,rgba(39,224,255,.16),transparent 44%),radial-gradient(620px circle at 100% 20%,rgba(214,42,255,.13),transparent 48%);pointer-events:none}.customer-page-hero>*{position:relative;z-index:1}.customer-page-hero h1{font-size:clamp(34px,5vw,64px);line-height:.95;margin:10px 0 14px;letter-spacing:-.06em}.customer-page-hero p{max-width:780px;color:#aebbd3;font-weight:780;line-height:1.65;margin:0}.customer-hero-status-card.compact{min-width:210px;padding:22px;border-radius:26px}.customer-hero-status-card.compact strong{font-size:48px;line-height:1}.customer-portal-launchpad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}.customer-launch-card{position:relative;overflow:hidden;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:14px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:linear-gradient(135deg,rgba(22,35,71,.76),rgba(11,14,33,.70));padding:18px;box-shadow:0 18px 55px rgba(0,0,0,.24);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.customer-launch-card:after{content:"";position:absolute;inset:auto -80px -120px auto;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(39,224,255,.16),transparent 60%);pointer-events:none}.customer-launch-card:hover{transform:translateY(-3px);border-color:rgba(39,224,255,.32);box-shadow:0 24px 70px rgba(0,0,0,.34)}.customer-launch-card>span{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(39,224,255,.10);color:#7cf3ff;font-size:24px;box-shadow:inset 0 0 24px rgba(39,224,255,.10)}.customer-launch-card b{display:block;font-size:17px}.customer-launch-card small{display:block;margin-top:4px;color:#9baac3;font-weight:800;line-height:1.45}.customer-launch-card em{font-style:normal;font-size:24px;font-weight:950}.customer-launch-card.billing>span{background:rgba(214,42,255,.12);color:#f9a7ff}.customer-launch-card.activity>span{background:rgba(45,255,155,.10);color:#92ffd0}.customer-file-command-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 16px}.customer-file-filter-card{position:relative;overflow:hidden;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:linear-gradient(145deg,rgba(18,29,61,.74),rgba(12,16,36,.68));padding:18px;min-height:124px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 16px 44px rgba(0,0,0,.23)}.customer-file-filter-card.active{border-color:rgba(39,224,255,.42);box-shadow:0 20px 64px rgba(0,0,0,.34),0 0 34px rgba(39,224,255,.12)}.customer-file-filter-card span{color:#9feeff;font-weight:950;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.customer-file-filter-card strong{font-size:38px;letter-spacing:-.05em}.customer-file-filter-card small{color:#9baac3;font-weight:750;line-height:1.45}.customer-profile-filter-row{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.customer-profile-filter-row a{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);color:#dce8ff;text-decoration:none;border-radius:999px;padding:10px 14px;font-weight:900;font-size:13px}.customer-profile-filter-row a.active{border-color:rgba(39,224,255,.42);background:rgba(39,224,255,.10);box-shadow:0 0 24px rgba(39,224,255,.10)}.customer-file-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.customer-library-file-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:linear-gradient(145deg,rgba(19,30,60,.78),rgba(11,14,33,.74));padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.24)}.customer-library-file-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(280px circle at var(--card-x,50%) var(--card-y,20%),rgba(39,224,255,.16),transparent 55%);opacity:0;transition:opacity .18s ease}.customer-library-file-card:hover:before{opacity:1}.customer-library-file-card>*{position:relative;z-index:1}.library-file-top,.library-file-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.library-file-top span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8cecff;font-weight:950}.library-file-top small,.library-file-meta small{color:#94a3bd;font-weight:780}.customer-library-file-card h3{font-size:21px;line-height:1.15;margin:16px 0 8px}.customer-library-file-card p{color:#aebbd3;font-weight:750;line-height:1.55;min-height:58px}.library-file-meta{border-top:1px solid rgba(255,255,255,.08);padding-top:12px;margin-top:12px}.library-file-meta b{display:block}.library-file-actions{margin-top:14px}.library-file-actions a{flex:1;text-align:center}.customer-billing-orb{width:170px;height:170px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;text-align:center;background:conic-gradient(#27e0ff 0 72%,#d62aff 72% 100%);box-shadow:0 0 54px rgba(39,224,255,.20);position:relative}.customer-billing-orb:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#0a1021;border:1px solid rgba(255,255,255,.10)}.customer-billing-orb span,.customer-billing-orb small{position:relative;z-index:1}.customer-billing-orb span{font-size:50px;font-weight:950}.customer-billing-orb small{display:block;max-width:100px;color:#aebbd3;font-weight:850;text-transform:uppercase;font-size:11px;letter-spacing:.09em}.customer-billing-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px}.customer-billing-main{display:grid;gap:16px}.customer-subscription-stack{display:grid;gap:12px}.customer-subscription-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(255,255,255,.045);padding:16px}.customer-subscription-card span{display:inline-flex;border:1px solid rgba(45,255,155,.22);background:rgba(45,255,155,.08);color:#91ffd0;border-radius:999px;padding:6px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.customer-subscription-card h3{margin:10px 0 5px}.customer-subscription-card p{margin:0;color:#9baac3;font-weight:750}.customer-subscription-card a{color:#7eefff;text-decoration:none;font-weight:900}.customer-order-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:18px}.customer-order-table{width:100%;border-collapse:collapse;min-width:720px}.customer-order-table th,.customer-order-table td{padding:14px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;font-weight:800}.customer-order-table th{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#8fa0bb}.customer-order-table td{color:#e8f0ff}.customer-order-table td span{display:inline-flex;border-radius:999px;padding:5px 9px;background:rgba(39,224,255,.08);border:1px solid rgba(39,224,255,.18);color:#9df0ff}.customer-billing-side{display:grid;gap:16px;align-content:start}.customer-activity-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.customer-super-timeline{display:grid;gap:12px}.customer-super-event{position:relative;display:grid;grid-template-columns:40px 1fr;gap:14px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(255,255,255,.045);padding:16px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.customer-super-event:hover{transform:translateY(-2px);border-color:rgba(39,224,255,.28);background:rgba(39,224,255,.07)}.customer-super-event i{width:40px;height:40px;border-radius:15px;display:grid;place-items:center;background:rgba(39,224,255,.10);color:#7cf3ff}.customer-super-event small{color:#94a3bd;font-weight:800}.customer-super-event h3{margin:5px 0;font-size:19px}.customer-super-event p{margin:0;color:#aebbd3;line-height:1.55;font-weight:740}.customer-mini-link-stack{display:grid;gap:10px}.customer-mini-link-stack a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#eaf4ff;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:15px;padding:12px 13px;font-weight:900}.customer-mini-link-stack a:after{content:"→";color:#6fefff}.customer-service-tabs-v24{position:sticky;top:14px;z-index:5;backdrop-filter:blur(18px)}.customer-service-focus-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 16px}.customer-focus-card{text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(145deg,rgba(18,30,62,.72),rgba(9,13,31,.68));padding:14px;display:grid;gap:6px;position:relative;overflow:hidden}.customer-focus-card:before{content:"";position:absolute;inset:auto -40px -70px auto;width:160px;height:160px;background:radial-gradient(circle,rgba(39,224,255,.16),transparent 60%);border-radius:50%}.customer-focus-card span{color:#7ff4ff;font-weight:950;font-size:12px;letter-spacing:.12em}.customer-focus-card b{font-size:16px}.customer-focus-card small{color:#9baac3;font-weight:780}.customer-focus-card.hot{border-color:rgba(255,190,65,.32);box-shadow:0 0 26px rgba(255,190,65,.08)}.customer-focus-card.ready{border-color:rgba(45,255,155,.30);box-shadow:0 0 26px rgba(45,255,155,.08)}.customer-service-actions-panel .customer-mini-link-stack a{font-size:13px}.customer-empty-state-large{text-align:center;min-height:260px;display:grid;place-items:center;align-content:center}.customer-panel-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.customer-panel-actions a{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);border-radius:999px;padding:10px 13px;color:#dce8ff;text-decoration:none;font-weight:900}.customer-panel-actions a:hover{border-color:rgba(39,224,255,.30);color:#fff}.customer-auth-card-v2,.customer-page-hero,.customer-panel,.customer-command-card,.customer-service-tile,.customer-library-file-card,.customer-subscription-card{animation:customerSoftIn .32s ease both}@keyframes customerSoftIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1280px){.customer-file-command-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-file-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-billing-layout,.customer-activity-layout{grid-template-columns:1fr}.customer-billing-side,.customer-activity-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:940px){.customer-page-hero{display:block}.customer-hero-status-card.compact,.customer-billing-orb{margin-top:18px}.customer-portal-launchpad{grid-template-columns:1fr}.customer-service-focus-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.customer-file-command-strip,.customer-file-library-grid,.customer-billing-side,.customer-activity-side{grid-template-columns:1fr}.customer-library-file-actions,.customer-subscription-card{display:grid}.customer-page-hero{border-radius:24px;padding:22px}.customer-page-hero h1{font-size:40px}.customer-service-tabs-v24{overflow:auto;white-space:nowrap;top:8px}.customer-service-focus-row{grid-template-columns:1fr}.customer-launch-card{grid-template-columns:46px 1fr auto;padding:15px}.customer-launch-card>span{width:46px;height:46px}.customer-mobile-dock{grid-template-columns:repeat(5,1fr)}}@media (prefers-reduced-motion:reduce){.customer-auth-card-v2,.customer-page-hero,.customer-panel,.customer-command-card,.customer-service-tile,.customer-library-file-card,.customer-subscription-card{animation:none!important}.customer-launch-card,.customer-super-event{transition:none!important}}

/* Customer Dashboard v2.5/v2.6: portal intelligence, search, notifications and account polish */
.customer-super-search{margin-top:22px;display:flex;align-items:center;gap:12px;max-width:780px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(3,8,19,.58);padding:10px;box-shadow:0 20px 70px rgba(0,0,0,.28)}
.customer-super-search span{font-size:26px;color:#7ef4ff;margin-left:8px}.customer-super-search input{flex:1;border:0;background:transparent;color:#fff;font-weight:850;box-shadow:none;min-height:46px}.customer-super-search button{white-space:nowrap}.customer-search-results-panel{overflow:hidden}.customer-search-group{display:grid;gap:12px;margin-top:18px}.customer-search-group h3{margin:0;color:#eaf5ff;font-size:18px;letter-spacing:-.02em}.customer-search-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-search-result-card{position:relative;overflow:hidden;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(145deg,rgba(20,32,64,.76),rgba(9,13,30,.76));padding:15px;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;box-shadow:0 18px 54px rgba(0,0,0,.24)}.customer-search-result-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(240px circle at var(--card-x,20%) var(--card-y,20%),rgba(39,224,255,.16),transparent 58%);opacity:0;transition:opacity .18s ease}.customer-search-result-card:hover:before{opacity:1}.customer-search-result-card>*{position:relative;z-index:1}.customer-search-result-card>span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(39,224,255,.11);color:#82f5ff;font-weight:950}.customer-search-result-card.violet>span{background:rgba(139,77,255,.16);color:#d2b8ff}.customer-search-result-card.green>span{background:rgba(40,242,157,.11);color:#9dffd5}.customer-search-result-card.blue>span{background:rgba(20,124,255,.14);color:#9cc8ff}.customer-search-result-card b{display:block;font-size:16px}.customer-search-result-card small{display:block;color:#aab8d0;font-weight:760;line-height:1.45;margin-top:4px}.customer-search-result-card em{font-style:normal;border:1px solid rgba(255,255,255,.10);border-radius:999px;padding:6px 9px;color:#b8c8e4;font-size:11px;font-weight:950;white-space:nowrap}.palette-results a{grid-template-columns:38px 1fr auto}.palette-results a>span{width:38px;height:38px;border-radius:13px;background:rgba(39,224,255,.10);display:grid;place-items:center;color:#89f4ff}.palette-results a em{font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7c8aa7}.customer-next-actions-v25{margin:16px 0}.customer-action-ribbon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-action-ribbon{position:relative;overflow:hidden;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:linear-gradient(145deg,rgba(16,28,58,.76),rgba(8,12,28,.74));padding:14px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center}.customer-action-ribbon:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-120%);transition:transform .7s ease}.customer-action-ribbon:hover:after{transform:translateX(120%)}.customer-action-ribbon span{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:rgba(39,224,255,.10);color:#86f5ff}.customer-action-ribbon b{display:block}.customer-action-ribbon small{display:block;color:#aab8d0;font-size:12px;line-height:1.45;margin-top:3px}.customer-action-ribbon em{font-style:normal;color:#8df5ff;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.customer-action-ribbon.warning span{background:rgba(255,206,85,.13);color:#ffe197}.customer-action-ribbon.ok span,.customer-action-ribbon.green span{background:rgba(40,242,157,.11);color:#98ffd3}.customer-notification-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 16px}.customer-notification-tabs a{text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.045);padding:13px;display:grid;gap:5px}.customer-notification-tabs a.active{border-color:rgba(39,224,255,.36);background:rgba(39,224,255,.08);box-shadow:0 0 30px rgba(39,224,255,.09)}.customer-notification-tabs b{font-size:15px}.customer-notification-tabs span{font-size:26px;font-weight:950;letter-spacing:-.05em}.customer-notification-tabs small{color:#93a2bd;font-weight:750;line-height:1.35}.customer-notification-list-v26 .customer-notification{display:flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:rgba(255,255,255,.04);padding:12px;margin-bottom:10px}.customer-notification-list-v26 .customer-notification.unread{border-color:rgba(39,224,255,.34);box-shadow:0 0 32px rgba(39,224,255,.08)}.customer-notification-list-v26 .customer-notification>a{flex:1;display:grid;grid-template-columns:46px 1fr;gap:12px;text-decoration:none;color:#fff}.customer-notification-list-v26 .customer-notification>a>span{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:rgba(39,224,255,.10);color:#8df5ff}.customer-notification-list-v26 h3{margin:2px 0 4px}.customer-notification-list-v26 p{margin:0;color:#aebbd3}.customer-notification-list-v26 time,.customer-notification-list-v26 small{display:block;color:#8494b0;font-weight:800;font-size:12px;text-transform:none}.customer-account-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.customer-account-main,.customer-account-side{display:grid;gap:16px;align-content:start}.customer-form-card.flat{box-shadow:none;border:0;background:transparent;padding:0;display:grid;gap:14px}.customer-form-card.flat label{display:grid;gap:8px;color:#dbe8ff;font-weight:900}.customer-form-card.flat input{min-height:50px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(4,9,20,.62);color:#fff;padding:0 14px;font-weight:850}.customer-form-card.flat input:disabled{opacity:.62}.customer-profile-orb{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 30% 20%,rgba(39,224,255,.32),transparent 40%),linear-gradient(135deg,#147cff,#ec3dd8);box-shadow:0 0 64px rgba(139,77,255,.30);padding:18px}.customer-profile-orb span{font-size:46px;font-weight:950}.customer-profile-orb small{font-size:11px;line-height:1.35;color:#e8efff;max-width:140px;overflow:hidden;text-overflow:ellipsis}.customer-account-stat-grid{margin-top:0}.customer-ghost-button.full,.customer-gradient-button.full{width:100%}@media(max-width:1100px){.customer-search-result-grid,.customer-action-ribbon-grid,.customer-account-layout{grid-template-columns:1fr}.customer-notification-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.customer-super-search{display:grid;grid-template-columns:32px 1fr;gap:8px}.customer-super-search button{grid-column:1/-1;width:100%}.customer-search-result-card,.customer-action-ribbon{grid-template-columns:42px 1fr}.customer-search-result-card em,.customer-action-ribbon em{grid-column:2}.customer-notification-tabs{grid-template-columns:1fr}.customer-notification-list-v26 .customer-notification{display:grid}.customer-notification-list-v26 .customer-notification form button{width:100%}.customer-profile-orb{width:140px;height:140px;margin-top:16px}.customer-mobile-dock{grid-template-columns:repeat(6,1fr);overflow-x:auto}}

/* Customer Dashboard v2.7 — Support tickets */
.ticket-hero .customer-hero-status-card strong { font-size: clamp(2rem, 5vw, 4.8rem); }
.customer-ticket-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:18px 0; }
.customer-ticket-tabs a { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px; border-radius:18px; text-decoration:none; color:#d7e7ff; background:rgba(13,23,48,.72); border:1px solid rgba(130,170,255,.16); box-shadow:inset 0 1px rgba(255,255,255,.04); transition:transform .18s ease, border-color .18s ease, background .18s ease; }
.customer-ticket-tabs a:hover,.customer-ticket-tabs a.active { transform:translateY(-2px); border-color:rgba(39,224,255,.65); background:linear-gradient(135deg,rgba(0,194,255,.18),rgba(154,80,255,.20)); }
.customer-ticket-tabs b { min-width:30px; min-height:30px; display:grid; place-items:center; border-radius:12px; background:rgba(255,255,255,.08); color:#fff; }
.ticket-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; }
.ticket-card { position:relative; overflow:hidden; display:flex; flex-direction:column; gap:12px; min-height:185px; padding:18px; border-radius:24px; text-decoration:none; color:#eff7ff; background:linear-gradient(145deg,rgba(19,29,62,.86),rgba(8,13,31,.84)); border:1px solid rgba(135,170,255,.18); box-shadow:0 20px 70px rgba(0,0,0,.20); }
.ticket-card:before { content:""; position:absolute; inset:-1px; background:radial-gradient(circle at 20% 0%,rgba(39,224,255,.22),transparent 35%),radial-gradient(circle at 95% 15%,rgba(230,36,255,.18),transparent 42%); opacity:.75; pointer-events:none; }
.ticket-card > * { position:relative; z-index:1; }
.ticket-card.unread { border-color:rgba(39,224,255,.65); box-shadow:0 0 0 1px rgba(39,224,255,.15), 0 24px 80px rgba(39,224,255,.08); }
.ticket-card h3 { margin:0; font-size:1.05rem; letter-spacing:-.02em; }
.ticket-card p { margin:0; color:#aebdd8; line-height:1.45; }
.ticket-card-top,.ticket-meta-row { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.ticket-card-top span { color:#7df5ff; font-weight:900; letter-spacing:.08em; }
.ticket-status,.priority { display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:7px 10px; font-size:.72rem; font-weight:900; letter-spacing:.02em; text-transform:uppercase; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); color:#dceaff; white-space:nowrap; }
.ticket-status.open,.ticket-status.waiting_staff { color:#72f6ff; background:rgba(39,224,255,.10); border-color:rgba(39,224,255,.28); }
.ticket-status.waiting_customer { color:#ffd36b; background:rgba(255,211,107,.10); border-color:rgba(255,211,107,.28); }
.ticket-status.resolved,.ticket-status.closed { color:#74ffb4; background:rgba(89,255,173,.10); border-color:rgba(89,255,173,.28); }
.priority.urgent { color:#ff9db0; background:rgba(255,67,104,.14); border-color:rgba(255,67,104,.32); }
.priority.high { color:#ffd36b; background:rgba(255,211,107,.12); border-color:rgba(255,211,107,.30); }
.priority.normal { color:#72f6ff; background:rgba(39,224,255,.10); border-color:rgba(39,224,255,.26); }
.priority.low { color:#a8b7d4; }
.ticket-detail-hero { align-items:flex-start; }
.ticket-thread-layout { align-items:start; }
.ticket-thread { display:flex; flex-direction:column; gap:16px; }
.ticket-message { display:flex; gap:12px; align-items:flex-start; }
.ticket-message.staff { flex-direction:row-reverse; }
.ticket-message.internal .ticket-bubble { border-color:rgba(255,211,107,.25); background:rgba(255,211,107,.06); }
.ticket-avatar { flex:0 0 42px; width:42px; height:42px; border-radius:15px; display:grid; place-items:center; font-size:.75rem; font-weight:900; background:linear-gradient(135deg,#25dfff,#944cff); color:#fff; box-shadow:0 12px 32px rgba(47,154,255,.22); }
.ticket-bubble { max-width:min(720px,100%); width:100%; padding:15px; border-radius:22px; background:rgba(12,20,45,.82); border:1px solid rgba(130,170,255,.18); }
.ticket-message.staff .ticket-bubble { background:linear-gradient(145deg,rgba(28,25,68,.88),rgba(12,20,45,.82)); border-color:rgba(178,93,255,.25); }
.ticket-message-head { display:flex; justify-content:space-between; gap:12px; margin-bottom:8px; }
.ticket-message-head b { color:#fff; }
.ticket-message-head small,.ticket-meta-row small { color:#93a4c2; }
.ticket-bubble p { margin:0; color:#d4e2f8; line-height:1.65; }
.ticket-attachment { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:10px; padding:10px 12px; border-radius:14px; color:#dff9ff; text-decoration:none; background:rgba(39,224,255,.08); border:1px solid rgba(39,224,255,.18); }
.ticket-form label small { display:block; margin-top:7px; color:#8496b8; font-size:.8rem; }
.customer-launch-card.tickets { background:linear-gradient(135deg,rgba(39,224,255,.13),rgba(138,74,255,.18)); }
@media (max-width: 760px) { .customer-ticket-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); } .ticket-message.staff { flex-direction:row; } .ticket-bubble { max-width:100%; } .ticket-card-grid { grid-template-columns:1fr; } }

/* Xensec v1.6.9 — customer account security */
.customer-code-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:10px}.customer-code-grid code{display:block;border:1px solid rgba(39,224,255,.18);background:rgba(39,224,255,.08);border-radius:14px;padding:11px 12px;color:#dffaff;font-weight:950;text-align:center;letter-spacing:.08em}.customer-form-card.flat textarea{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(4,9,20,.62);color:#dffaff;padding:12px 14px;font-weight:800;resize:vertical}.customer-ghost-button.danger{border-color:rgba(255,93,122,.35)!important;color:#ffb7c5!important}.check-pill.full small{margin-left:auto;color:#92a4c4;font-size:12px}

/* v1.6.9 QR setup hotfix: local, no external QR service */
.customer-qr-setup-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;margin:0 0 14px;align-items:start}.customer-qr-card{box-shadow:none}.customer-qr-card.xensec-local-qr-card{border:1px solid rgba(39,224,255,.16);border-radius:22px;background:linear-gradient(145deg,rgba(39,224,255,.09),rgba(139,77,255,.08));padding:15px}.customer-qr-card .qr-card-head{display:flex;align-items:center;gap:11px;margin-bottom:13px}.customer-qr-card .qr-card-head>span{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:rgba(39,224,255,.12);color:#8df5ff;font-weight:950}.customer-qr-card .qr-card-head b{display:block;color:#fff;font-weight:950}.customer-qr-card .qr-card-head small{display:block;color:#9fb2d1;font-size:12px;font-weight:800}.customer-qr-card .xensec-local-qr,.customer-panel .xensec-local-qr{display:grid;place-items:center;min-height:210px;border-radius:20px;background:#fff;padding:12px;color:#061021;font-weight:950;text-align:center;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),0 16px 40px rgba(0,0,0,.24)}.customer-qr-card .xensec-local-qr-svg,.customer-panel .xensec-local-qr-svg{width:100%;max-width:210px;height:auto;display:block}.customer-panel .xensec-local-qr-error{background:rgba(255,93,122,.10)!important;color:#ffb7c5!important;border:1px solid rgba(255,93,122,.28)}.customer-qr-card .mini{margin:12px 0 0;font-size:12px;line-height:1.45}.customer-qr-setup-grid .qr-manual-box{align-content:start}
@media(max-width:1100px){.customer-qr-setup-grid{grid-template-columns:1fr}.customer-qr-card .xensec-local-qr,.customer-panel .xensec-local-qr{min-height:240px}.customer-qr-card .xensec-local-qr-svg,.customer-panel .xensec-local-qr-svg{max-width:240px}}

/* v1.7.0 customer delivery center */
.customer-report-stack,.customer-action-request-list,.customer-finding-list{display:grid;gap:14px}
.customer-report-card,.customer-action-request,.customer-finding-card{border:1px solid rgba(255,255,255,.11);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));padding:18px;box-shadow:0 18px 60px rgba(0,0,0,.18)}
.customer-report-card>span,.customer-action-request>span,.customer-finding-card>span{display:inline-flex;color:#7deaff;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;margin-bottom:8px}
.customer-report-card h3,.customer-action-request h3,.customer-finding-card h3{margin:0 0 8px;color:#fff;font-size:18px;letter-spacing:-.02em}
.customer-report-card p,.customer-action-request p,.customer-finding-card p{color:var(--customer-muted);line-height:1.68;margin:8px 0}
.customer-report-card details{margin-top:12px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.035);padding:12px}
.customer-report-card summary{cursor:pointer;color:#fff;font-weight:900}
.customer-report-card h4{margin:14px 0 4px;color:#fff;font-size:13px}
.customer-report-card.severity-critical,.customer-finding-card.severity-critical{border-color:rgba(255,77,109,.52);box-shadow:0 22px 70px rgba(255,77,109,.13)}
.customer-report-card.severity-high,.customer-finding-card.severity-high{border-color:rgba(255,190,90,.48);box-shadow:0 22px 70px rgba(255,190,90,.11)}
.customer-report-card.severity-medium,.customer-finding-card.severity-medium{border-color:rgba(155,92,255,.4)}
.customer-action-request.open{border-color:rgba(255,190,90,.48);box-shadow:0 22px 70px rgba(255,190,90,.10)}
.customer-action-request.submitted{border-color:rgba(155,92,255,.36)}
.compact-findings .customer-finding-card{padding:14px;border-radius:18px}
.compact-findings .customer-finding-card h3{font-size:14px}
.customer-mini-link-stack a small{display:block;margin-top:4px;color:var(--customer-muted);font-size:12px;font-weight:700}
.customer-service-tabs a.active{border-color:rgba(39,224,255,.45);color:#fff;background:rgba(39,224,255,.09)}

/* v1.7.0 tabs simplification hotfix — manual delivery is grouped under one Delivery tab */
.customer-delivery-suite{display:grid;gap:18px}.customer-delivery-section{border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025));padding:16px}.customer-delivery-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.customer-delivery-section-head span,.customer-delivery-muted{color:#9fb0c9}.customer-delivery-section-head span{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:900}.customer-delivery-section-head h3{margin:0;color:#fff;font-size:20px;letter-spacing:-.03em}.customer-delivery-muted{margin:-4px 0 14px!important;line-height:1.6}.customer-checklist.customer-checklist-inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.customer-checklist.customer-checklist-inline>div{border:1px solid rgba(255,255,255,.10);border-radius:15px;background:rgba(255,255,255,.035);padding:11px 12px}.customer-service-tabs.customer-service-tabs-v24{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:760px){.customer-service-tabs.customer-service-tabs-v24{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-delivery-section{padding:13px}.customer-delivery-section-head{display:block}.customer-delivery-section-head h3{margin-top:5px}}

/* Service Hub polish hotfix */
.customer-service-hub-hero-v2{align-items:center;margin-top:8px;padding:24px 26px;border-radius:26px;min-height:0}.customer-service-hub-hero-v2 h1{font-size:clamp(42px,4.2vw,64px);line-height:.96;margin:8px 0 8px}.customer-service-hub-hero-v2 p{max-width:760px}.customer-service-hub-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.customer-service-hub-summary.compact{width:116px;height:116px;border-radius:28px}.customer-service-hub-summary.compact:after{inset:8px;border-radius:22px}.customer-service-hub-summary.compact b{font-size:36px}.customer-service-hub-summary.compact span{font-size:10px}.customer-service-category-list-v2{margin-top:14px}.customer-service-category-list-v2 .customer-service-category-pill{min-height:78px;padding:14px 16px}.customer-service-category-pill.empty{opacity:.62;background:linear-gradient(135deg,rgba(20,35,66,.72),rgba(29,24,70,.56));border-left-color:rgba(39,224,255,.45)}.customer-service-category-pill.empty:hover{opacity:.92}.customer-service-category-pill.empty .pill-icon{background:rgba(255,255,255,.06);color:#cdd8f0}.customer-service-category-pill.empty small{color:#8fa0bf}.customer-service-category-pill.empty em{color:#93a7cb}.customer-attention-strip{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;align-items:stretch;margin:14px 0 16px}.attention-strip-head{border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,rgba(12,22,45,.88),rgba(8,12,29,.82));padding:16px;display:grid;align-content:center;gap:6px}.attention-strip-head span{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#8ff7ff;font-weight:1000}.attention-strip-head strong{font-size:22px;letter-spacing:-.03em}.attention-strip-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.attention-item{border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.045);padding:14px;display:flex;gap:12px;min-height:96px;color:#fff;transition:transform .16s ease,border-color .16s ease,background .16s ease}.attention-item:hover{transform:translateY(-2px);border-color:rgba(39,224,255,.32);background:rgba(255,255,255,.07)}.attention-item b{width:30px;height:30px;border-radius:11px;display:grid;place-items:center;background:rgba(255,199,68,.14);color:#ffd44f;flex:0 0 auto}.attention-item.ok b{background:rgba(40,242,157,.14);color:#48ffb2}.attention-item.info b{background:rgba(39,224,255,.14);color:#8ff7ff}.attention-item.danger b{background:rgba(255,75,105,.15);color:#ff7f99}.attention-item em{display:block;font-style:normal;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8ff7ff;font-weight:1000;margin-bottom:4px}.attention-item strong{display:block;font-size:15px;line-height:1.2;margin-bottom:4px}.attention-item span{display:block;color:var(--c-muted);font-size:13px;line-height:1.35}.customer-service-hub-workspace{margin-top:16px}.customer-owned-service-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.service-hub-card{position:relative;overflow:hidden}.service-hub-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 80% 0%,rgba(39,224,255,.11),transparent 32%),radial-gradient(circle at 10% 100%,rgba(214,42,255,.08),transparent 34%);pointer-events:none}.service-hub-card>*{position:relative;z-index:1}.service-hub-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.service-hub-card-metrics span{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.04);padding:10px 9px;text-align:center}.service-hub-card-metrics b{font-size:13px;color:#dfe9ff;text-transform:capitalize}.service-hub-card-actions{align-items:center;gap:8px}.customer-gradient-button.mini,.customer-ghost-button.mini{padding:10px 13px;border-radius:13px;font-size:13px;line-height:1;white-space:nowrap}.customer-ghost-button.mini{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#dfe9ff;font-weight:1000}.service-hub-card-actions small{margin-left:auto}.customer-category-empty-state-v2{background:linear-gradient(145deg,rgba(19,29,58,.6),rgba(9,14,31,.72))}@media(max-width:1180px){.customer-attention-strip{grid-template-columns:1fr}.attention-strip-items{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-owned-service-grid-v2{grid-template-columns:1fr}.customer-service-hub-actions{justify-content:flex-start}}@media(max-width:760px){.customer-service-hub-actions{width:100%}.customer-service-hub-actions .customer-gradient-button{width:100%;text-align:center}.customer-service-hub-summary.compact{width:100%;height:auto;min-height:84px}.attention-strip-items{grid-template-columns:1fr}.service-hub-card-metrics{grid-template-columns:1fr}.service-hub-card-actions{align-items:flex-start;flex-direction:column}.service-hub-card-actions small{margin-left:0;text-align:left}.customer-gradient-button.mini,.customer-ghost-button.mini{width:100%;text-align:center}}

/* v1.7.0 account compact hotfix */
.customer-account-hero-compact{padding:24px 26px;border-radius:26px;align-items:center;margin-top:8px}.customer-account-hero-compact h1{font-size:clamp(40px,4.2vw,62px);margin:8px 0 8px}.customer-account-hero-compact p{max-width:680px}.customer-account-chipline{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.customer-account-chipline span,.customer-status-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.055);color:#cbd8ee;padding:8px 10px;font-size:12px;font-weight:950}.customer-account-chipline span.good,.customer-status-pill.good{border-color:rgba(40,242,157,.26);background:rgba(40,242,157,.08);color:#94ffd4}.customer-account-chipline span.warn,.customer-status-pill.warn{border-color:rgba(255,203,85,.28);background:rgba(255,203,85,.08);color:#ffe19a}.customer-profile-mini{min-width:300px;max-width:360px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(145deg,rgba(39,224,255,.08),rgba(139,77,255,.08));padding:14px;display:grid;grid-template-columns:64px 1fr;gap:13px;align-items:center;box-shadow:0 18px 60px rgba(0,0,0,.2)}.customer-profile-mini>span{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#147cff,#d62aff);font-size:23px;font-weight:1000;box-shadow:0 0 34px rgba(139,77,255,.22)}.customer-profile-mini b{display:block;color:#fff;font-size:15px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-profile-mini small{display:block;color:#9fb0ca;font-size:12px;font-weight:800;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.customer-settings-tabs{position:sticky;top:12px;z-index:6;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 14px;padding:9px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(7,12,28,.78);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.18)}.customer-settings-tabs a{text-decoration:none;text-align:center;color:#dce7ff;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.045);padding:11px 12px;font-weight:950;transition:border-color .16s ease,background .16s ease,transform .16s ease}.customer-settings-tabs a:hover{transform:translateY(-1px);border-color:rgba(39,224,255,.34);background:rgba(39,224,255,.08)}.customer-settings-stack{display:grid;gap:14px}.customer-settings-section{scroll-margin-top:92px}.customer-panel-head.compact-head{margin-bottom:12px}.customer-panel-head.compact-head h2{font-size:24px;letter-spacing:-.035em}.customer-settings-grid{display:grid;gap:12px}.customer-settings-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-compact-card{border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.03))!important;padding:16px!important;box-shadow:none!important;display:grid;gap:12px}.customer-compact-card h3{margin:0;color:#fff;font-size:18px;letter-spacing:-.02em}.customer-compact-card-head{display:flex;align-items:center;gap:12px}.customer-compact-card-head>span{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:rgba(39,224,255,.1);color:#83f3ff;font-weight:1000}.customer-compact-card-head b{display:block;color:#fff;font-weight:1000}.customer-compact-card-head small{display:block;margin-top:2px;color:#9dafca;font-size:12px;font-weight:800}.customer-compact-kv{display:grid;gap:8px;margin:0}.customer-compact-kv div{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035);padding:10px 12px}.customer-compact-kv dt{color:#93a5c2;font-weight:900;font-size:12px}.customer-compact-kv dd{margin:0;color:#eaf3ff;font-weight:950;text-align:right}.customer-compact-kv.single div{display:grid;grid-template-columns:110px 1fr}.customer-security-card form{margin:0}.customer-compact-details{border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.035);padding:0;overflow:hidden}.customer-compact-details summary{cursor:pointer;list-style:none;padding:12px 13px;color:#eaf3ff;font-weight:950}.customer-compact-details summary::-webkit-details-marker{display:none}.customer-compact-details summary:after{content:"+";float:right;color:#77efff}.customer-compact-details[open] summary:after{content:"–"}.customer-compact-details form{border-top:1px solid rgba(255,255,255,.08);padding:12px!important}.customer-compact-details.danger-zone{border-color:rgba(255,93,122,.2)}.customer-compact-qr-wrap{margin-top:12px}.customer-qr-setup-grid.compact{grid-template-columns:240px minmax(0,1fr);align-items:start}.customer-qr-setup-grid.compact .customer-enable-2fa-form{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end}.customer-qr-setup-grid.compact .xensec-local-qr{min-height:190px}.customer-qr-setup-grid.compact .xensec-local-qr-svg{max-width:190px}.customer-recovery-card{margin-top:12px}.customer-toggle-list{display:grid;gap:9px}.customer-toggle-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035);padding:12px 13px;cursor:pointer}.customer-toggle-row b{display:block;color:#fff;font-weight:1000}.customer-toggle-row small{display:block;margin-top:3px;color:#98a9c5;font-weight:760;line-height:1.35}.customer-toggle-row em{font-style:normal;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.05);color:#aebbd3;padding:6px 9px;font-size:11px;font-weight:950}.customer-toggle-row input{width:21px;height:21px;accent-color:#27e0ff}.customer-toggle-row.locked{cursor:not-allowed;opacity:.82}.customer-toggle-row.locked input{opacity:.7}.compact-save{justify-self:start;margin-top:2px}.customer-ghost-button.full,.customer-gradient-button.full{width:100%}@media(max-width:1100px){.customer-account-hero-compact{display:grid}.customer-profile-mini{min-width:0;max-width:none;width:100%}.customer-settings-grid.two,.customer-qr-setup-grid.compact{grid-template-columns:1fr}.customer-qr-setup-grid.compact .customer-enable-2fa-form{grid-template-columns:1fr}.customer-settings-tabs{top:8px}}@media(max-width:720px){.customer-settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr));position:relative;top:auto}.customer-account-hero-compact{padding:20px}.customer-account-chipline span{width:100%;justify-content:center}.customer-profile-mini{grid-template-columns:54px 1fr}.customer-profile-mini>span{width:54px;height:54px;border-radius:17px;font-size:20px}.customer-panel-head.compact-head{display:grid}.customer-status-pill{justify-self:start}.customer-toggle-row{grid-template-columns:1fr;gap:9px}.customer-toggle-row input{justify-self:start}.customer-toggle-row em{justify-self:start}.compact-save{width:100%}}


/* v1.7.0 account email preferences cleanup hotfix */
.customer-settings-tabs.compact-three{grid-template-columns:repeat(3,minmax(0,1fr));}
.customer-toggle-list{gap:10px;}
.customer-toggle-row{grid-template-columns:minmax(0,1fr) auto!important;min-height:72px;padding:13px 15px!important;align-items:center!important;}
.customer-toggle-row.locked{opacity:1;background:rgba(255,255,255,.025);}
.customer-toggle-row.locked span{opacity:.86;}
.customer-toggle-badge{font-style:normal;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.055);color:#aebbd3;padding:7px 10px;font-size:11px;font-weight:950;white-space:nowrap;}
.customer-switch{position:relative;display:inline-flex;width:48px;height:28px;flex:0 0 48px;align-items:center;justify-content:center;}
.customer-switch input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;cursor:pointer;z-index:2;}
.customer-switch i{position:absolute;inset:0;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);box-shadow:inset 0 0 20px rgba(0,0,0,.18);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;}
.customer-switch i:before{content:"";position:absolute;left:4px;top:4px;width:18px;height:18px;border-radius:50%;background:#dfe7f6;box-shadow:0 8px 18px rgba(0,0,0,.28);transition:transform .16s ease,background .16s ease;}
.customer-switch input:checked+i{border-color:rgba(39,224,255,.46);background:linear-gradient(135deg,#27e0ff,#b83df0);box-shadow:0 0 22px rgba(39,224,255,.14);}
.customer-switch input:checked+i:before{transform:translateX(20px);background:#fff;}
.customer-switch input:focus-visible+i{outline:2px solid rgba(39,224,255,.75);outline-offset:3px;}
@media(max-width:720px){.customer-settings-tabs.compact-three{grid-template-columns:1fr;}.customer-toggle-row{grid-template-columns:minmax(0,1fr) auto!important;}.customer-toggle-row .customer-switch,.customer-toggle-row .customer-toggle-badge{justify-self:end;}}

/* v1.7.0 Updates Center: compact changelog + notifications */
.customer-updates-hero h1{font-size:clamp(42px,5vw,72px)}
.customer-updates-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px}
.customer-updates-switch a{position:relative;overflow:hidden;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(145deg,rgba(17,29,60,.74),rgba(9,13,30,.72));padding:14px;box-shadow:0 18px 54px rgba(0,0,0,.22)}
.customer-updates-switch a:before{content:"";position:absolute;inset:-1px;background:radial-gradient(260px circle at 16% 20%,rgba(39,224,255,.16),transparent 58%);opacity:.8;pointer-events:none}
.customer-updates-switch a.active{border-color:rgba(39,224,255,.42);background:linear-gradient(135deg,rgba(20,124,255,.22),rgba(139,77,255,.18));box-shadow:0 0 34px rgba(39,224,255,.10)}
.customer-updates-switch a>*{position:relative;z-index:1}
.customer-updates-switch span{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:rgba(39,224,255,.10);color:#8df5ff;font-weight:950}
.customer-updates-switch b{display:block;font-size:17px}.customer-updates-switch small{display:block;color:#9dabc6;font-weight:750;line-height:1.4;margin-top:3px}.customer-updates-switch em{font-style:normal;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 10px;color:#dbe8ff;font-weight:950;background:rgba(255,255,255,.06)}
.customer-notification-tabs.compact{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.customer-notification-tabs.compact a{padding:10px 11px;border-radius:15px}.customer-notification-tabs.compact span{font-size:21px}.customer-notification-tabs.compact small{font-size:11px}
.customer-changelog-list{display:grid;gap:12px}.customer-changelog-entry{display:grid;grid-template-columns:82px 1fr;gap:14px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.04);padding:14px}.customer-changelog-entry:hover{border-color:rgba(39,224,255,.22);background:rgba(39,224,255,.055)}.customer-changelog-date{border:1px solid rgba(39,224,255,.18);border-radius:16px;background:rgba(39,224,255,.08);display:grid;place-items:center;text-align:center;align-content:center;min-height:76px}.customer-changelog-date strong{font-size:26px;line-height:1;color:#fff}.customer-changelog-date span{font-size:11px;font-weight:900;color:#8df5ff;text-transform:uppercase;letter-spacing:.08em}.customer-changelog-entry small{display:block;color:#8df5ff;text-transform:uppercase;letter-spacing:.10em;font-size:11px;font-weight:950;margin-bottom:4px}.customer-changelog-entry h3{margin:0 0 6px;font-size:20px}.customer-changelog-entry p{margin:0;color:#aebbd3;line-height:1.6;font-weight:720}.customer-changelog-panel{max-width:1040px}
@media(max-width:900px){.customer-updates-switch{grid-template-columns:1fr}.customer-notification-tabs.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-changelog-entry{grid-template-columns:1fr}.customer-changelog-date{display:inline-grid;width:96px}}
@media(max-width:560px){.customer-notification-tabs.compact{grid-template-columns:1fr}.customer-updates-switch a{grid-template-columns:40px 1fr}.customer-updates-switch em{grid-column:2;width:max-content}.customer-updates-switch span{width:40px;height:40px}.customer-changelog-entry{padding:12px}}

/* v1.7.0 Updates Center Layout Polish */
.customer-updates-hero.slim{padding:22px 24px;margin-bottom:14px}.customer-updates-hero.slim h1{font-size:clamp(38px,4.4vw,62px)}.customer-updates-hero.slim p{max-width:720px}.customer-updates-switch.compact{gap:10px;margin-bottom:14px}.customer-updates-switch.compact a{padding:12px 14px;border-radius:18px}.customer-updates-switch.compact span{width:40px;height:40px;border-radius:14px}.customer-updates-switch.compact b{font-size:16px}.customer-updates-switch.compact small{font-size:12px}.customer-updates-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}.notification-page-panel.wide,.customer-changelog-panel.wide{max-width:none}.customer-updates-side-panel{display:grid;gap:14px;position:sticky;top:96px}.customer-panel-head.compact-head{padding-bottom:14px}.customer-panel-head.compact-head h2{margin-bottom:4px}.customer-panel.mini-panel{padding:16px;border-radius:20px;background:linear-gradient(145deg,rgba(16,28,58,.76),rgba(7,10,24,.72));border:1px solid rgba(255,255,255,.1)}.customer-kicker.small{font-size:11px}.updates-summary-number{font-size:54px;line-height:1;font-weight:950;letter-spacing:-.07em;margin:12px 0 6px;background:linear-gradient(135deg,#fff,#8df5ff);-webkit-background-clip:text;background-clip:text;color:transparent}.updates-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.updates-summary-grid div{border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.04);padding:12px}.updates-summary-grid b{display:block;font-size:27px;line-height:1;color:#fff}.updates-summary-grid span{display:block;color:#9dabc6;font-size:12px;font-weight:850;margin-top:4px}.updates-mini-card{margin-top:14px;border:1px solid rgba(39,224,255,.18);border-radius:16px;background:rgba(39,224,255,.07);padding:13px}.updates-mini-card small{display:block;color:#8df5ff;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:950;margin-bottom:5px}.updates-mini-card b{display:block;color:#fff;line-height:1.3}.updates-mini-card em{display:block;color:#9dabc6;font-style:normal;font-weight:800;font-size:12px;margin-top:6px}.updates-quick-links{display:grid;gap:8px;margin-top:12px}.updates-quick-links a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#dbe8ff;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035);padding:10px 12px;font-weight:900}.updates-quick-links a:after{content:'→';color:#8df5ff}.updates-quick-links a:hover{border-color:rgba(39,224,255,.26);background:rgba(39,224,255,.07)}.customer-notification-pills{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.customer-notification-pills a{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#dbe8ff;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.045);padding:9px 12px;font-weight:950}.customer-notification-pills a.active{border-color:rgba(39,224,255,.42);background:rgba(39,224,255,.10);box-shadow:0 0 26px rgba(39,224,255,.08)}.customer-notification-pills span{min-width:27px;height:27px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.07);color:#fff;font-size:12px}.customer-notification-pills a.active span{background:rgba(39,224,255,.16);color:#8df5ff}.customer-notification-list-v26.compact-feed{gap:8px}.customer-notification-list-v26.compact-feed .customer-notification{border-radius:16px;padding:10px 11px;margin-bottom:8px}.customer-notification-list-v26.compact-feed .customer-notification>a{grid-template-columns:40px 1fr;gap:11px}.customer-notification-list-v26.compact-feed .customer-notification>a>span{width:40px;height:40px;border-radius:14px}.customer-notification-list-v26.compact-feed h3{font-size:17px;margin:1px 0 3px}.customer-notification-list-v26.compact-feed p{font-size:14px;line-height:1.45}.customer-notification-list-v26.compact-feed time,.customer-notification-list-v26.compact-feed small{font-size:11px}.customer-changelog-list.compact-list{gap:10px}.customer-changelog-entry.compact-entry{grid-template-columns:74px 1fr;padding:12px;border-radius:16px}.customer-changelog-entry.compact-entry .customer-changelog-date{min-height:68px;border-radius:14px}.customer-changelog-entry.compact-entry h3{font-size:18px}.customer-changelog-entry.compact-entry p{font-size:14px;line-height:1.55}@media(max-width:1180px){.customer-updates-layout{grid-template-columns:1fr}.customer-updates-side-panel{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.customer-updates-hero.slim{padding:18px}.customer-updates-switch.compact{grid-template-columns:1fr}.customer-updates-side-panel{grid-template-columns:1fr}.customer-notification-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.customer-notification-pills a{white-space:nowrap}.customer-notification-list-v26.compact-feed .customer-notification{display:grid}.customer-notification-list-v26.compact-feed .customer-notification>a{grid-template-columns:38px 1fr}.customer-notification-list-v26.compact-feed .customer-notification>a>span{width:38px;height:38px}.customer-changelog-entry.compact-entry{grid-template-columns:1fr}.customer-changelog-entry.compact-entry .customer-changelog-date{width:90px;min-height:62px}}


/* v1.7.0 mobile compact customer portal polish: bottom dock removed, drawer/topbar tightened */
.customer-mobile-dock{display:none!important}
@media(max-width:860px){
  .customer-portal-body{font-size:14px}
  .customer-shell{display:block;min-height:100vh}
  .customer-main{width:100%;min-width:0}
  .customer-content{padding:0 12px 28px!important}
  .customer-flashes{padding:0 12px 10px}
  .customer-topbar{padding:10px 12px!important;gap:8px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(5,9,20,.98),rgba(5,9,20,.84));align-items:center}
  .customer-menu-button{display:grid!important;width:42px;height:42px;border-radius:13px;flex:0 0 42px;font-size:18px}
  .customer-search{height:42px;min-width:0;max-width:none;border-radius:13px;padding:0 10px;gap:8px;box-shadow:none;flex:1}
  .customer-search span{font-size:19px}
  .customer-search input{min-width:0;font-size:13px;font-weight:800;text-overflow:ellipsis}
  .customer-search input::placeholder{color:#8f9fba}
  .customer-top-actions{margin-left:0;gap:6px;flex:0 0 auto}
  .customer-top-actions .customer-live-pill,
  .customer-top-actions a[title="Main website"],
  .customer-profile-pill,
  .customer-logout{display:none!important}
  .customer-icon-button{width:42px;height:42px;border-radius:13px}
  .customer-sidebar{width:min(86vw,320px)!important;padding:14px 10px!important;overflow-y:auto;box-shadow:28px 0 70px rgba(0,0,0,.42)}
  .customer-sidebar:after{content:"";position:fixed;left:100%;top:0;width:120vw;height:100vh;background:rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .18s ease}
  .customer-sidebar.open:after{opacity:1}
  .customer-sidebar-inner{min-height:100%;display:flex;flex-direction:column;gap:12px}
  .customer-logo{padding:4px 10px}.customer-logo img{width:138px}.customer-logo small{font-size:11px;color:#8fa1c1}
  .customer-nav{gap:5px}.customer-nav a{padding:10px 11px;border-radius:13px;font-size:14px;gap:10px}.customer-nav a span{width:22px}.customer-sidebar-status{margin-top:auto;padding:12px;border-radius:16px}
  .customer-page-hero,.customer-dashboard-hero,.customer-service-hub-hero,.customer-billing-hero,.customer-activity-hero,.customer-notification-hero,.customer-files-hero,.customer-search-hero,.customer-account-hero-compact{border-radius:20px!important;padding:16px!important;margin:0 0 12px!important;display:block!important}
  .customer-dashboard-hero:after,.customer-page-hero:before,.customer-service-hub-hero:before{opacity:.55}
  .customer-hero-row{margin:4px 0 12px;gap:12px}.customer-kicker{font-size:10px;letter-spacing:.12em}
  .customer-hero-row h1,.customer-service-header h1,.customer-page-hero h1,.customer-dashboard-hero h1,.customer-service-hub-hero h1{font-size:clamp(30px,11vw,42px)!important;line-height:.96;margin:8px 0!important;letter-spacing:-.055em}
  .customer-page-hero p,.customer-dashboard-hero p,.customer-service-hub-hero p,.customer-hero-row p,.customer-service-header p{font-size:13px!important;line-height:1.5!important;max-width:none}
  .customer-hero-actions,.customer-service-cta,.customer-service-hub-actions,.customer-panel-actions{gap:8px;margin-top:12px}
  .customer-gradient-button,.customer-ghost-button,.customer-panel-actions a{min-height:42px;border-radius:13px;padding:10px 12px;font-size:13px}
  .customer-panel,.customer-attention-banner,.customer-command-card,.customer-stat-card,.customer-owned-service-card,.customer-service-tile,.customer-library-file-card,.customer-subscription-card,.customer-form-card,.customer-compact-card,.customer-security-card,.customer-qr-card,.customer-recovery-card,.customer-action-request,.customer-report-card,.customer-finding-card{border-radius:18px!important;padding:14px!important;box-shadow:0 14px 44px rgba(0,0,0,.24)}
  .customer-panel h2,.customer-attention-banner h2{font-size:20px;margin:4px 0}.customer-panel p,.customer-attention-banner p{font-size:13px;line-height:1.5}
  .customer-dashboard-grid,.customer-dashboard-grid-v2,.customer-service-workbench,.customer-service-grid-page,.customer-billing-layout,.customer-activity-layout,.customer-updates-layout,.customer-account-layout,.customer-settings-grid,.customer-file-workspace,.customer-delivery-suite,.notifications-layout,.changelog-layout{grid-template-columns:1fr!important;gap:12px!important}
  .customer-main-column,.customer-right-rail,.customer-right-rail-v2,.customer-billing-main,.customer-billing-side,.customer-activity-side,.customer-updates-side-panel,.customer-account-main,.customer-account-side,.customer-settings-stack{gap:12px!important;position:static!important}
  .customer-stat-grid,.customer-stat-grid-v2,.customer-stat-grid-v3,.customer-category-grid,.customer-service-grid,.customer-service-grid-v2,.customer-owned-service-grid,.customer-owned-service-grid-v2,.customer-portal-launchpad,.customer-command-grid,.customer-file-command-strip,.customer-file-library-grid,.customer-search-result-grid,.customer-action-ribbon-grid,.customer-service-focus-row,.updates-summary-grid{grid-template-columns:1fr!important;gap:10px!important}
  .customer-service-hub-summary,.customer-hero-status-card.compact{width:auto!important;height:auto!important;min-width:0!important;margin-top:12px;padding:14px!important;border-radius:18px!important;text-align:left;display:flex!important;align-items:center;justify-content:space-between;gap:12px}.customer-service-hub-summary b,.customer-hero-status-card.compact strong{font-size:32px!important}
  .customer-owned-service-card h3,.customer-service-tile h3{font-size:20px}.owned-service-top{align-items:flex-start}.owned-service-top b{margin-left:0}.owned-service-progress{grid-template-columns:repeat(4,1fr)}.owned-service-footer,.customer-service-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .customer-service-tabs,.customer-service-tabs-v24,.customer-settings-tabs,.customer-ticket-tabs,.customer-profile-filter-row,.customer-updates-switch,.customer-notification-pills{position:relative!important;top:auto!important;display:flex!important;gap:7px;overflow-x:auto;white-space:nowrap;padding:4px 0 8px;margin:8px 0 10px;scrollbar-width:none}.customer-service-tabs::-webkit-scrollbar,.customer-service-tabs-v24::-webkit-scrollbar,.customer-settings-tabs::-webkit-scrollbar,.customer-ticket-tabs::-webkit-scrollbar,.customer-profile-filter-row::-webkit-scrollbar,.customer-updates-switch::-webkit-scrollbar,.customer-notification-pills::-webkit-scrollbar{display:none}
  .customer-service-tabs a,.customer-service-tabs-v24 a,.customer-settings-tabs a,.customer-ticket-tabs a,.customer-profile-filter-row a,.customer-updates-switch a,.customer-notification-pills a{flex:0 0 auto;border-radius:999px;padding:9px 11px;font-size:12px}
  .customer-update-filter-pills,.customer-notification-tabs{display:flex!important;gap:7px;overflow-x:auto;scrollbar-width:none;margin:0 0 12px}.customer-update-filter-pills::-webkit-scrollbar,.customer-notification-tabs::-webkit-scrollbar{display:none}.customer-update-filter-pills a,.customer-notification-tabs a{flex:0 0 auto;min-width:auto;padding:9px 11px;border-radius:999px}.customer-notification-tabs a small{display:none}.customer-notification-tabs a span{font-size:16px}
  .customer-notification-list-v26 .customer-notification,.customer-notification-list .customer-notification{padding:10px!important;border-radius:16px!important}.customer-notification-list-v26 .customer-notification>a{grid-template-columns:38px 1fr;gap:10px}.customer-notification-list-v26 .customer-notification>a>span{width:38px;height:38px;border-radius:13px}.customer-notification-list-v26 h3{font-size:16px;margin:0 0 3px}.customer-notification-list-v26 p{font-size:13px;line-height:1.45}
  .customer-form-card.flat input,input,select,textarea{min-height:44px!important;border-radius:12px!important}.customer-onboarding-form,.customer-qr-setup-grid,.customer-code-grid{grid-template-columns:1fr!important;gap:10px!important}.customer-compact-qr-wrap canvas,.customer-qr-card canvas{max-width:220px;width:100%!important;height:auto!important}
  .customer-order-table-wrap,.customer-table-wrap{overflow-x:auto}.customer-order-table{min-width:620px}.customer-command-modal{width:calc(100vw - 20px);max-height:calc(100vh - 28px);border-radius:20px}.palette-head{grid-template-columns:30px 1fr auto;padding:10px}.palette-results{padding:10px}.palette-results a{grid-template-columns:34px 1fr;gap:10px;padding:10px;border-radius:14px}.palette-results a em{display:none}
}
@media(max-width:520px){
  .customer-content{padding-left:10px!important;padding-right:10px!important}
  .customer-topbar{padding-left:10px!important;padding-right:10px!important}.customer-menu-button,.customer-icon-button{width:40px;height:40px;flex-basis:40px}.customer-search{height:40px}.customer-search span{display:none}.customer-search input{font-size:12px}
  .customer-page-hero,.customer-dashboard-hero,.customer-service-hub-hero,.customer-billing-hero,.customer-activity-hero,.customer-notification-hero,.customer-files-hero,.customer-search-hero,.customer-account-hero-compact{padding:14px!important;border-radius:18px!important}
  .customer-gradient-button,.customer-ghost-button{width:100%}.customer-panel-actions a{width:100%;justify-content:center}.customer-owned-service-card,.customer-panel,.customer-form-card{padding:12px!important}.customer-file-card,.customer-action-ribbon,.customer-search-result-card{grid-template-columns:40px 1fr!important}.customer-file-card em,.customer-action-ribbon em,.customer-search-result-card em{grid-column:2}.customer-mobile-dock{display:none!important}
}

/* v1.7.0 VPN/download file-card mobile overlap hotfix */
.customer-file-card{
  min-width:0;
}
.customer-file-card h3,
.customer-file-card p,
.customer-file-card small{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.customer-file-card > span{
  max-width:100%;
  white-space:normal;
  line-height:1.25;
  align-self:flex-start;
}
@media(max-width:860px){
  .customer-file-grid{
    grid-template-columns:1fr!important;
  }
  .customer-file-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
    grid-template-columns:none!important;
  }
  .customer-file-card > *{
    position:relative;
    z-index:1;
  }
  .customer-file-card > span{
    display:inline-flex;
    width:auto!important;
    max-width:100%;
    margin:0 0 2px;
  }
  .customer-file-card h3{
    font-size:18px;
    line-height:1.15;
    margin:0!important;
  }
  .customer-file-card small{
    display:block;
    line-height:1.4;
  }
  .customer-file-card .customer-gradient-button,
  .customer-file-card .customer-ghost-button{
    width:auto!important;
    max-width:100%;
    min-height:40px;
    margin-top:4px;
    align-self:flex-start;
  }
}
@media(max-width:520px){
  .customer-file-card .customer-gradient-button,
  .customer-file-card .customer-ghost-button{
    width:100%!important;
    align-self:stretch;
  }
}

/* v1.7.0 main dashboard mobile ultra-compact polish */
@media(max-width:860px){
  /* Dashboard home should behave like a fast mobile overview, not a full desktop command center. */
  .customer-dashboard-hero{
    padding:13px 14px!important;
    margin-bottom:8px!important;
    min-height:0!important;
  }
  .customer-dashboard-hero .customer-kicker{
    font-size:9px!important;
    letter-spacing:.11em!important;
  }
  .customer-dashboard-hero h1{
    font-size:clamp(28px,9.5vw,36px)!important;
    margin:5px 0 4px!important;
  }
  .customer-dashboard-hero .customer-hero-copy p{
    display:none!important;
  }
  .customer-dashboard-hero .customer-hero-status-card,
  .customer-dashboard-hero .portal-orbit{
    display:none!important;
  }
  .customer-dashboard-hero .customer-hero-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px!important;
    margin-top:9px!important;
  }
  .customer-dashboard-hero .customer-hero-actions .inline-form{
    display:block!important;
    grid-column:1/-1;
  }
  .customer-dashboard-hero .customer-hero-actions .customer-gradient-button,
  .customer-dashboard-hero .customer-hero-actions .customer-ghost-button,
  .customer-dashboard-hero .customer-hero-actions button{
    width:100%!important;
    min-height:38px!important;
    padding:8px 10px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }

  /* Stats become a compact at-a-glance row. Service Health is removed from mobile home because it duplicates service/workflow screens. */
  .customer-stat-grid.customer-stat-grid-v2.customer-stat-grid-v3{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin:8px 0 10px!important;
  }
  .customer-stat-grid-v3 .customer-stat-card{
    min-height:0!important;
    padding:10px 8px!important;
    border-radius:15px!important;
    text-align:center!important;
  }
  .customer-stat-grid-v3 .customer-stat-card i{
    display:none!important;
  }
  .customer-stat-grid-v3 .customer-stat-card span{
    display:block!important;
    font-size:10px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .customer-stat-grid-v3 .customer-stat-card strong{
    font-size:24px!important;
    line-height:1!important;
    margin:5px 0 2px!important;
  }
  .customer-stat-grid-v3 .customer-stat-card small{
    display:none!important;
  }
  .customer-stat-grid-v3 .customer-wide-stat{
    display:none!important;
  }

  /* Remove dashboard-only decorative/duplicate blocks on mobile. */
  .customer-intelligence-strip,
  .customer-command-grid,
  #billing.customer-panel,
  .customer-right-rail .support-ready{
    display:none!important;
  }

  /* Next actions become a tight shortcut list. */
  .customer-next-actions-v25.customer-panel{
    padding:11px!important;
    margin-bottom:10px!important;
  }
  .customer-next-actions-v25 .customer-panel-head{
    margin-bottom:8px!important;
  }
  .customer-next-actions-v25 .customer-panel-head p,
  .customer-next-actions-v25 .customer-panel-head>a{
    display:none!important;
  }
  .customer-next-actions-v25 .customer-panel-head span{
    font-size:9px!important;
  }
  .customer-next-actions-v25 .customer-panel-head h2{
    font-size:17px!important;
    margin:3px 0 0!important;
  }
  .customer-action-ribbon-grid{
    gap:7px!important;
  }
  .customer-action-ribbon{
    display:grid!important;
    grid-template-columns:34px 1fr auto!important;
    align-items:center!important;
    min-height:0!important;
    padding:9px!important;
    border-radius:14px!important;
    gap:8px!important;
  }
  .customer-action-ribbon>span{
    width:34px!important;
    height:34px!important;
    border-radius:12px!important;
    font-size:15px!important;
  }
  .customer-action-ribbon b{
    font-size:13px!important;
  }
  .customer-action-ribbon small{
    display:block!important;
    font-size:11px!important;
    line-height:1.25!important;
    max-height:2.5em!important;
    overflow:hidden!important;
  }
  .customer-action-ribbon em{
    grid-column:auto!important;
    font-size:10px!important;
    padding:5px 7px!important;
    white-space:nowrap!important;
  }

  /* Primary navigation cards become compact rows. */
  .customer-portal-launchpad{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin:8px 0 10px!important;
  }
  .customer-launch-card{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:38px 1fr auto!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px!important;
    border-radius:15px!important;
  }
  .customer-launch-card>span{
    width:38px!important;
    height:38px!important;
    border-radius:13px!important;
    font-size:16px!important;
  }
  .customer-launch-card b{
    font-size:14px!important;
  }
  .customer-launch-card small{
    display:none!important;
  }
  .customer-launch-card em{
    min-width:28px!important;
    height:28px!important;
    border-radius:999px!important;
    font-size:12px!important;
  }

  /* Workspace/service cards are tighter and easier to scan. */
  .customer-live-panel{
    padding:11px!important;
  }
  .customer-live-panel .customer-panel-head{
    margin-bottom:8px!important;
  }
  .customer-live-panel .customer-panel-head p{
    display:none!important;
  }
  .customer-live-panel .customer-panel-head span{
    font-size:9px!important;
  }
  .customer-live-panel .customer-panel-head h2{
    font-size:18px!important;
    margin:3px 0 0!important;
  }
  .customer-live-panel .customer-panel-head a{
    font-size:12px!important;
    padding-top:2px!important;
  }
  .customer-service-grid-v2{
    gap:7px!important;
  }
  .customer-service-tile{
    min-height:0!important;
    padding:11px!important;
    gap:7px!important;
    border-radius:15px!important;
  }
  .customer-service-tile .tile-top{
    gap:6px!important;
  }
  .customer-service-tile .tile-top span,
  .customer-service-tile .tile-top em{
    font-size:9px!important;
    line-height:1.15!important;
  }
  .customer-service-tile .tile-top em{
    padding:4px 6px!important;
  }
  .customer-service-tile h3{
    font-size:17px!important;
    line-height:1.15!important;
  }
  .customer-service-tile p{
    display:none!important;
  }
  .customer-service-tile .tile-progress{
    gap:4px!important;
  }
  .customer-service-tile .tile-progress i{
    height:4px!important;
  }
  .customer-service-tile .tile-meta{
    align-items:flex-start!important;
  }
  .customer-service-tile .tile-meta b{
    font-size:12px!important;
  }
  .customer-service-tile .tile-meta small{
    font-size:10px!important;
    text-align:right!important;
  }

  /* Right-rail sections sit below the workspace as compact lists. */
  .customer-right-rail.customer-right-rail-v2{
    display:grid!important;
    gap:8px!important;
  }
  .customer-right-rail.customer-right-rail-v2 .customer-panel.compact{
    padding:11px!important;
    border-radius:16px!important;
  }
  .customer-right-rail .customer-panel-head{
    margin-bottom:8px!important;
  }
  .customer-right-rail .customer-panel-head span{
    font-size:9px!important;
  }
  .customer-right-rail .customer-panel-head h2{
    font-size:16px!important;
    margin:2px 0 0!important;
  }
  .customer-right-rail .customer-panel-head a{
    font-size:12px!important;
  }
  .customer-activity-list{
    gap:6px!important;
  }
  .customer-activity-list a{
    padding:8px!important;
    border-radius:13px!important;
    gap:8px!important;
  }
  .customer-activity-list i{
    width:30px!important;
    height:30px!important;
    border-radius:11px!important;
    font-size:12px!important;
  }
  .customer-activity-list b{
    font-size:12px!important;
    line-height:1.2!important;
  }
  .customer-activity-list small{
    font-size:10px!important;
  }

  .customer-attention-banner.customer-attention-banner-v2{
    display:grid!important;
    gap:8px!important;
    padding:11px!important;
    border-radius:16px!important;
    margin-bottom:0!important;
  }
  .customer-attention-banner.customer-attention-banner-v2 span{
    font-size:9px!important;
  }
  .customer-attention-banner.customer-attention-banner-v2 h2{
    font-size:17px!important;
  }
  .customer-attention-banner.customer-attention-banner-v2 p{
    display:none!important;
  }
}

@media(max-width:520px){
  .customer-dashboard-hero .customer-hero-actions{
    grid-template-columns:1fr 1fr!important;
  }
  .customer-stat-grid.customer-stat-grid-v2.customer-stat-grid-v3{
    gap:6px!important;
  }
  .customer-stat-grid-v3 .customer-stat-card{
    padding:9px 6px!important;
  }
  .customer-stat-grid-v3 .customer-stat-card span{
    font-size:9px!important;
  }
  .customer-stat-grid-v3 .customer-stat-card strong{
    font-size:22px!important;
  }
  .customer-action-ribbon{
    grid-template-columns:32px 1fr!important;
  }
  .customer-action-ribbon em{
    display:none!important;
  }
  .customer-launch-card{
    grid-template-columns:36px 1fr auto!important;
    padding:9px!important;
  }
  .customer-live-panel .customer-panel-head,
  .customer-right-rail .customer-panel-head{
    display:flex!important;
    align-items:flex-start!important;
  }
}

/* v1.7.0 all customer pages mobile ultra-compact polish */
@media(max-width:860px){
  /* Shared page rhythm */
  .customer-content{
    padding-top:0!important;
  }
  .customer-page-hero,
  .customer-service-header,
  .customer-service-hub-hero,
  .customer-dashboard-hero,
  .customer-account-hero-compact,
  .ticket-hero{
    min-height:0!important;
    gap:10px!important;
  }
  .customer-service-header h1,
  .customer-page-hero h1,
  .customer-service-hub-hero h1,
  .ticket-hero h1{
    font-size:clamp(26px,8.8vw,36px)!important;
    line-height:.98!important;
    margin:4px 0 3px!important;
    letter-spacing:-.055em!important;
  }
  .customer-kicker{
    font-size:9px!important;
    line-height:1.1!important;
    margin-bottom:2px!important;
  }
  .customer-panel-head{
    margin-bottom:8px!important;
    padding-bottom:8px!important;
  }
  .customer-panel-head h2{
    font-size:17px!important;
    line-height:1.08!important;
    margin:2px 0!important;
  }
  .customer-panel-head p{
    font-size:12px!important;
    line-height:1.35!important;
  }
  .customer-empty-state{
    padding:14px!important;
    border-radius:16px!important;
  }
  .customer-empty-state h3{
    font-size:17px!important;
    margin-bottom:4px!important;
  }
  .customer-empty-state p{
    font-size:12px!important;
    line-height:1.45!important;
  }

  /* Services hub */
  .customer-service-hub-hero.customer-service-hub-hero-v2{
    padding:13px!important;
    margin-bottom:8px!important;
  }
  .customer-service-hub-hero-v2 p{
    display:none!important;
  }
  .customer-service-hub-actions{
    margin-top:7px!important;
  }
  .customer-service-hub-summary.compact{
    display:none!important;
  }
  .customer-service-category-list.customer-service-category-list-v2{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(156px,68vw)!important;
    grid-template-columns:none!important;
    gap:8px!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain!important;
    scroll-snap-type:x proximity!important;
    padding:0 2px 8px!important;
    margin:8px 0!important;
    scrollbar-width:none!important;
  }
  .customer-service-category-list-v2::-webkit-scrollbar{display:none!important}
  .customer-service-category-pill{
    min-height:58px!important;
    padding:9px 10px!important;
    border-radius:15px!important;
    gap:9px!important;
    scroll-snap-align:start!important;
  }
  .customer-service-category-pill .pill-icon{
    width:32px!important;
    height:32px!important;
    border-radius:11px!important;
  }
  .customer-service-category-pill b{
    font-size:14px!important;
  }
  .customer-service-category-pill small{
    font-size:11px!important;
  }
  .customer-service-category-pill em{
    font-size:13px!important;
  }
  .customer-attention-strip{
    padding:10px!important;
    border-radius:16px!important;
    margin:7px 0 9px!important;
  }
  .attention-strip-head h2{
    font-size:16px!important;
  }
  .attention-strip-items{
    gap:6px!important;
  }
  .attention-item{
    padding:8px!important;
    border-radius:13px!important;
    font-size:12px!important;
  }
  .customer-service-hub-workspace{
    padding:11px!important;
    border-radius:17px!important;
  }
  .customer-owned-service-grid.customer-owned-service-grid-v2{
    gap:8px!important;
  }
  .customer-owned-service-card.service-hub-card{
    padding:11px!important;
    gap:8px!important;
    border-radius:16px!important;
  }
  .customer-owned-service-card.service-hub-card h3{
    font-size:18px!important;
    line-height:1.12!important;
  }
  .service-hub-card-metrics{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .service-hub-card-metrics span{
    padding:7px 6px!important;
    border-radius:12px!important;
    font-size:10px!important;
  }
  .service-hub-card-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:center!important;
  }
  .service-hub-card-actions .customer-gradient-button,
  .service-hub-card-actions .customer-ghost-button{
    min-height:36px!important;
    padding:8px 9px!important;
    font-size:12px!important;
  }

  /* Delivery center */
  .customer-service-header{
    padding:13px!important;
    border-radius:18px!important;
    margin-bottom:8px!important;
  }
  .customer-service-header .customer-back-link{
    font-size:12px!important;
  }
  .customer-service-header p{
    display:none!important;
  }
  .customer-service-header .customer-service-cta{
    margin-top:8px!important;
  }
  .customer-stat-grid.service-stats{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:8px 0!important;
  }
  .service-stats .customer-stat-card{
    min-height:0!important;
    padding:10px!important;
    border-radius:15px!important;
  }
  .service-stats .customer-stat-card span{
    font-size:9px!important;
  }
  .service-stats .customer-stat-card strong{
    font-size:24px!important;
    margin:3px 0!important;
  }
  .service-stats .customer-stat-card small{
    font-size:10px!important;
  }
  .customer-action-request-list,
  .customer-report-stack,
  .customer-finding-list,
  .compact-findings{
    gap:8px!important;
  }
  .customer-action-request,
  .customer-report-card,
  .customer-finding-card{
    padding:10px!important;
    border-radius:15px!important;
  }
  .customer-action-request h3,
  .customer-report-card h3,
  .customer-finding-card h3{
    font-size:16px!important;
    line-height:1.15!important;
    margin-bottom:3px!important;
  }
  .customer-action-request p,
  .customer-report-card p,
  .customer-finding-card p{
    font-size:12px!important;
    line-height:1.4!important;
  }
  .customer-mini-link-stack{
    gap:6px!important;
  }
  .customer-mini-link-stack a{
    padding:9px 10px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
  .customer-service-side .support-ready{
    display:none!important;
  }

  /* Billing */
  .customer-billing-hero{
    padding:13px!important;
  }
  .customer-billing-hero p{
    display:none!important;
  }
  .customer-billing-stat-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:8px 0!important;
  }
  .customer-billing-stat-grid .customer-stat-card{
    min-height:0!important;
    padding:10px!important;
    border-radius:15px!important;
  }
  .customer-billing-stat-grid .customer-stat-card span{
    font-size:9px!important;
  }
  .customer-billing-stat-grid .customer-stat-card strong{
    font-size:22px!important;
  }
  .customer-subscription-stack{
    gap:8px!important;
  }
  .customer-subscription-card{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:11px!important;
    border-radius:16px!important;
  }
  .customer-subscription-card h3{
    font-size:17px!important;
    margin:4px 0!important;
  }
  .customer-subscription-card p,
  .customer-subscription-card small{
    font-size:12px!important;
    line-height:1.35!important;
  }
  .customer-billing-side .support-ready{
    display:none!important;
  }
  .customer-billing-side .customer-gradient-button.full{
    min-height:38px!important;
  }
  .customer-order-table th,
  .customer-order-table td{
    padding:9px!important;
    font-size:12px!important;
  }

  /* Activity */
  .customer-activity-hero{
    padding:13px!important;
  }
  .customer-activity-hero p,
  .customer-activity-hero .customer-hero-status-card{
    display:none!important;
  }
  .customer-super-timeline{
    gap:8px!important;
  }
  .customer-super-event{
    grid-template-columns:34px 1fr!important;
    gap:9px!important;
    padding:10px!important;
    border-radius:15px!important;
  }
  .customer-super-event i{
    width:34px!important;
    height:34px!important;
    border-radius:12px!important;
    font-size:13px!important;
  }
  .customer-super-event h3{
    font-size:15px!important;
    line-height:1.2!important;
    margin:0 0 3px!important;
  }
  .customer-super-event p{
    font-size:12px!important;
    line-height:1.35!important;
    margin:0!important;
  }
  .customer-super-event small{
    font-size:10px!important;
  }
  .customer-activity-side .customer-panel.compact{
    padding:10px!important;
    border-radius:15px!important;
  }

  /* Updates */
  .customer-updates-hero.slim{
    padding:13px!important;
    margin-bottom:8px!important;
  }
  .customer-updates-hero.slim p,
  .customer-updates-hero .customer-hero-status-card{
    display:none!important;
  }
  .customer-updates-switch.compact{
    display:flex!important;
    overflow-x:auto!important;
    gap:7px!important;
    margin:8px 0!important;
    padding-bottom:5px!important;
    scrollbar-width:none!important;
  }
  .customer-updates-switch.compact::-webkit-scrollbar{display:none!important}
  .customer-updates-switch.compact a{
    grid-template-columns:28px auto auto!important;
    min-width:max-content!important;
    padding:8px 9px!important;
    border-radius:999px!important;
  }
  .customer-updates-switch.compact span{
    width:28px!important;
    height:28px!important;
    border-radius:10px!important;
    font-size:13px!important;
  }
  .customer-updates-switch.compact b{
    font-size:12px!important;
  }
  .customer-updates-switch.compact small{
    display:none!important;
  }
  .customer-updates-switch.compact em{
    padding:4px 7px!important;
    font-size:11px!important;
  }
  .customer-updates-side-panel .mini-panel{
    padding:11px!important;
    border-radius:16px!important;
  }
  .updates-summary-number{
    font-size:36px!important;
    margin:5px 0!important;
  }
  .updates-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .updates-summary-grid div{
    padding:8px!important;
    border-radius:12px!important;
  }
  .updates-summary-grid b{
    font-size:20px!important;
  }
  .updates-summary-grid span{
    font-size:10px!important;
  }
  .updates-mini-card{
    padding:9px!important;
    border-radius:13px!important;
    margin-top:8px!important;
  }
  .updates-quick-links{
    gap:6px!important;
  }
  .updates-quick-links a{
    padding:8px 9px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
  .customer-changelog-entry.compact-entry{
    padding:10px!important;
    border-radius:15px!important;
    gap:9px!important;
  }
  .customer-changelog-entry.compact-entry h3{
    font-size:16px!important;
  }
  .customer-changelog-entry.compact-entry p{
    font-size:12px!important;
    line-height:1.4!important;
  }

  /* Tickets */
  .ticket-hero{
    padding:13px!important;
    margin-bottom:8px!important;
  }
  .ticket-hero .customer-hero-copy p,
  .ticket-hero .customer-hero-status-card,
  .ticket-hero .portal-orbit{
    display:none!important;
  }
  .ticket-card-grid{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .ticket-card{
    min-height:0!important;
    padding:11px!important;
    border-radius:16px!important;
    gap:8px!important;
  }
  .ticket-card h3{
    font-size:16px!important;
    line-height:1.18!important;
    margin:0!important;
  }
  .ticket-card p,
  .ticket-card small{
    font-size:12px!important;
    line-height:1.35!important;
  }
  .ticket-card-top,
  .ticket-meta-row{
    gap:6px!important;
    flex-wrap:wrap!important;
  }
  .ticket-status,
  .priority{
    padding:5px 7px!important;
    border-radius:999px!important;
    font-size:10px!important;
  }

  /* Account */
  .customer-account-hero-compact{
    padding:13px!important;
    margin-bottom:8px!important;
  }
  .customer-account-hero-compact p,
  .customer-profile-mini small{
    display:none!important;
  }
  .customer-account-chipline{
    gap:6px!important;
    margin-top:8px!important;
  }
  .customer-account-chipline span{
    padding:6px 8px!important;
    border-radius:999px!important;
    font-size:10px!important;
  }
  .customer-profile-mini{
    padding:8px 9px!important;
    border-radius:13px!important;
    font-size:12px!important;
  }
  .customer-settings-tabs.compact-three{
    margin:6px 0 8px!important;
    padding-bottom:5px!important;
  }
  .customer-settings-section{
    padding:11px!important;
    border-radius:16px!important;
  }
  .customer-compact-card{
    padding:11px!important;
    border-radius:15px!important;
    gap:8px!important;
  }
  .customer-compact-card h3{
    font-size:16px!important;
  }
  .customer-compact-kv{
    gap:6px!important;
  }
  .customer-compact-kv div,
  .customer-toggle-row{
    padding:8px!important;
    border-radius:12px!important;
  }
  .customer-toggle-row strong{
    font-size:13px!important;
  }
  .customer-toggle-row small{
    font-size:11px!important;
  }
  .customer-switch{
    transform:scale(.9);
    transform-origin:right center;
  }
  .customer-qr-setup-grid.compact{
    gap:8px!important;
  }
  .xensec-local-qr-card.customer-qr-card{
    min-height:0!important;
    padding:10px!important;
  }
  .xensec-local-qr-card.customer-qr-card canvas,
  .xensec-local-qr-card.customer-qr-card svg{
    max-width:180px!important;
  }
}

@media(max-width:520px){
  .customer-stat-grid.service-stats,
  .customer-billing-stat-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .customer-service-hub-actions,
  .customer-hero-actions,
  .customer-service-cta{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
  .customer-service-hub-actions .customer-gradient-button,
  .customer-service-hub-actions .customer-ghost-button,
  .customer-service-cta .customer-gradient-button,
  .customer-service-cta .customer-ghost-button{
    width:100%!important;
  }
  .service-hub-card-metrics{
    grid-template-columns:1fr!important;
  }
  .customer-updates-side-panel{
    display:none!important;
  }
  .customer-account-hero-compact{
    display:block!important;
  }
}

/* v1.7.0 Updates + Delivery mobile layout fix
   Fixes mobile overflow in Updates filters and width/title collisions in Delivery side cards. */
@media(max-width:860px){
  html,
  body,
  .customer-portal-body,
  .customer-shell,
  .customer-main,
  .customer-content{
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  /* Updates: keep switch + filters inside viewport and avoid clipped Billing pill. */
  .customer-updates-switch.compact,
  .customer-notification-pills{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .customer-notification-pills{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    overflow:visible!important;
    white-space:normal!important;
    gap:7px!important;
    padding:0!important;
    margin:8px 0 10px!important;
  }

  .customer-notification-pills a{
    min-width:0!important;
    width:100%!important;
    justify-content:center!important;
    padding:8px 7px!important;
    gap:6px!important;
    border-radius:999px!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .customer-notification-pills b{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .customer-notification-pills span{
    min-width:23px!important;
    width:23px!important;
    height:23px!important;
    font-size:11px!important;
    flex:0 0 23px!important;
  }

  .customer-updates-layout,
  .notifications-layout,
  .changelog-layout,
  .customer-updates-layout > *,
  .notification-page-panel,
  .customer-changelog-panel,
  .customer-updates-side-panel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .customer-panel-head.compact-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  .customer-panel-head.compact-head .customer-panel-actions{
    margin-top:0!important;
    width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }

  .customer-panel-head.compact-head .customer-panel-actions a,
  .customer-panel-head.compact-head .customer-panel-actions button{
    min-height:0!important;
    width:auto!important;
    padding:8px 10px!important;
    border-radius:999px!important;
    font-size:12px!important;
    line-height:1.1!important;
  }

  .customer-notification-list-v26.compact-feed .customer-notification,
  .customer-notification-list-v26.compact-feed .customer-notification > a{
    min-width:0!important;
    max-width:100%!important;
  }

  .customer-notification-list-v26.compact-feed .customer-notification p,
  .customer-notification-list-v26.compact-feed .customer-notification h3{
    overflow-wrap:anywhere!important;
  }

  /* Delivery: make the whole page use one clean column on phones. */
  .customer-service-grid-page,
  .customer-service-primary,
  .customer-service-side,
  .customer-service-grid-page > *,
  .customer-service-side > .customer-panel,
  .customer-service-primary > .customer-panel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .customer-service-side{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }

  .customer-service-side .customer-panel.compact{
    padding:11px!important;
    border-radius:16px!important;
  }

  .customer-service-side .customer-mini-link-stack,
  .customer-service-primary .customer-mini-link-stack{
    width:100%!important;
    min-width:0!important;
  }

  .customer-service-side .customer-mini-link-stack a{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:2px 8px!important;
    width:100%!important;
    min-width:0!important;
    padding:9px 10px!important;
    overflow:hidden!important;
  }

  .customer-service-side .customer-mini-link-stack a:after{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    justify-self:end!important;
    margin-left:0!important;
  }

  .customer-service-side .customer-mini-link-stack a b,
  .customer-service-side .customer-mini-link-stack a small{
    grid-column:1!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .customer-service-side .customer-mini-link-stack a b{
    font-size:13px!important;
    line-height:1.15!important;
  }

  .customer-service-side .customer-mini-link-stack a small{
    font-size:11px!important;
    margin-top:2px!important;
    line-height:1.2!important;
  }

  .customer-service-side .customer-finding-list,
  .customer-service-side .compact-findings{
    width:100%!important;
    min-width:0!important;
  }
}

@media(max-width:390px){
  .customer-notification-pills{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* v1.7.1 Customer Service Experience */
.customer-health-snapshot {
    display: grid;
    grid-template-columns: minmax(260px, .95fr) 1.5fr;
    gap: 16px;
    align-items: stretch;
    padding: 18px;
    border: 1px solid rgba(103, 232, 249, .22);
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(15, 23, 42, .92), rgba(30, 41, 59, .66));
    box-shadow: 0 20px 60px rgba(0,0,0,.18);
    margin: 16px 0;
}
.customer-health-snapshot.tone-warning { border-color: rgba(251, 191, 36, .35); background: linear-gradient(135deg, rgba(67, 56, 202, .20), rgba(120, 53, 15, .20)); }
.customer-health-snapshot.tone-info { border-color: rgba(56, 189, 248, .33); }
.customer-health-snapshot .health-main span,
.customer-report-view-hero span,
.billing-clarity-card span,
.customer-ticket-context-card span { color: #67e8f9; text-transform: uppercase; letter-spacing: .14em; font-size: 11px; font-weight: 900; }
.customer-health-snapshot h2 { margin: 6px 0; font-size: clamp(24px, 4vw, 42px); letter-spacing: -.04em; }
.customer-health-snapshot p { margin: 0 0 14px; color: #a8b3ca; line-height: 1.55; }
.customer-gradient-button.compact,
.customer-ghost-button.compact { min-height: 36px; padding: 9px 14px; border-radius: 12px; font-size: 13px; }
.health-signals { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.health-signals article,
.customer-report-summary-grid article,
.billing-clarity-card {
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 18px;
    background: rgba(15, 23, 42, .52);
    padding: 14px;
    min-width: 0;
}
.health-signals article span,
.customer-report-summary-grid span { color: #91a0bb; font-weight: 800; font-size: 12px; display:block; }
.health-signals article strong,
.customer-report-summary-grid strong { display:block; font-size: 22px; margin-top: 6px; color: #f8fbff; overflow-wrap: anywhere; }
.health-signals article small,
.customer-report-summary-grid small { color: #8c9bb8; font-weight: 700; }
.customer-onboarding-wizard { gap: 18px; }
.customer-wizard-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; grid-column: 1 / -1; }
.customer-wizard-steps a { display:flex; align-items:center; gap:10px; padding: 10px 12px; border-radius: 15px; background: rgba(15, 23, 42, .55); border:1px solid rgba(148,163,184,.18); color:#dbeafe; text-decoration:none; font-weight:900; }
.customer-wizard-steps a b { display:grid; place-items:center; width:28px; height:28px; border-radius:10px; background:rgba(56,189,248,.16); color:#67e8f9; }
.customer-wizard-steps a.done b { background:rgba(16,185,129,.16); color:#6ee7b7; }
.customer-wizard-step { grid-column: 1 / -1; border: 1px solid rgba(148, 163, 184, .16); border-radius: 20px; padding: 16px; background: rgba(15, 23, 42, .30); }
.customer-wizard-step legend { padding: 0 8px; color:#f8fbff; font-weight: 900; }
.customer-wizard-step legend span { color:#67e8f9; text-transform: uppercase; letter-spacing:.12em; font-size:11px; display:block; }
.customer-wizard-fields { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.customer-report-card-actions { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top: 12px; }
.report-polished-card { position: relative; overflow: hidden; }
.report-polished-card:before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:linear-gradient(#22d3ee,#d946ef); }
.customer-report-view-hero { display:grid; grid-template-columns: 1fr 220px; gap: 18px; align-items:stretch; border:1px solid rgba(103,232,249,.24); border-radius:26px; padding: 24px; background: radial-gradient(circle at 80% 10%, rgba(217,70,239,.25), transparent 35%), rgba(15,23,42,.80); margin-bottom: 16px; }
.customer-report-view-hero h1 { font-size: clamp(34px, 6vw, 66px); line-height:.96; margin: 8px 0 12px; letter-spacing:-.055em; }
.customer-report-view-hero p { color:#aab8cf; max-width: 900px; font-weight: 700; }
.customer-report-view-hero aside { border:1px solid rgba(148,163,184,.18); border-radius:22px; padding:18px; background: rgba(15,23,42,.55); display:flex; flex-direction:column; justify-content:center; }
.customer-report-view-hero aside strong { font-size: 32px; letter-spacing:-.04em; margin: 8px 0; }
.customer-soft-pill { display:inline-flex; align-items:center; min-height:36px; padding: 8px 14px; border:1px solid rgba(148,163,184,.22); border-radius:999px; background:rgba(15,23,42,.55); color:#dbeafe; font-weight:900; }
.customer-soft-pill.ok { border-color: rgba(16,185,129,.34); color:#6ee7b7; }
.customer-report-summary-grid { display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:12px; margin: 0 0 16px; }
.customer-report-reader { display:grid; grid-template-columns: 1fr 320px; gap: 16px; margin-bottom: 16px; }
.customer-report-document { border:1px solid rgba(148,163,184,.18); border-radius:24px; background: rgba(15,23,42,.64); padding: 24px; }
.customer-report-document section + section { margin-top: 22px; padding-top: 20px; border-top:1px solid rgba(148,163,184,.14); }
.customer-report-document h2 { margin:0 0 10px; font-size: 22px; letter-spacing:-.03em; }
.customer-report-document p { color:#b9c5d8; line-height:1.75; font-weight:650; }
.customer-report-side { display:grid; gap: 16px; align-content:start; }
.customer-report-severity-list { display:grid; gap:8px; }
.customer-report-severity-list div { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px; border-radius:12px; background:rgba(15,23,42,.45); }
.severity-dot { width:10px; height:10px; border-radius:999px; background:#38bdf8; display:inline-block; margin-right:6px; }
.severity-dot.critical { background:#fb7185; } .severity-dot.high { background:#f97316; } .severity-dot.medium { background:#facc15; } .severity-dot.low { background:#34d399; } .severity-dot.info { background:#38bdf8; }
.customer-finding-list-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.customer-evidence-hero { margin-bottom: 16px; }
.customer-evidence-grid .customer-file-card { min-height: 0; }
.evidence-ticket-files a { gap:4px; }
.customer-ticket-context-card { display:flex; justify-content:space-between; gap:16px; align-items:center; border:1px solid rgba(103,232,249,.24); border-radius:22px; padding:16px 18px; background:rgba(15,23,42,.62); margin-bottom:16px; }
.customer-ticket-context-card h2 { margin:4px 0; letter-spacing:-.03em; }
.customer-ticket-context-card p { margin:0; color:#9fb0c8; font-weight:750; }
.ticket-status-timeline { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:10px; margin: 14px 0 16px; }
.ticket-status-timeline article { display:flex; align-items:center; gap:10px; padding:12px; border:1px solid rgba(148,163,184,.16); border-radius:16px; background:rgba(15,23,42,.55); }
.ticket-status-timeline article span { width:26px; height:26px; display:grid; place-items:center; border-radius:10px; background:rgba(148,163,184,.12); color:#cbd5e1; font-weight:900; }
.ticket-status-timeline article.done span { background:rgba(16,185,129,.16); color:#6ee7b7; }
.ticket-status-timeline article.hot span { background:rgba(251,191,36,.16); color:#fde68a; }
.ticket-status-timeline article b { display:block; font-size:13px; }
.ticket-status-timeline article small { color:#93a4bd; font-weight:700; }
.customer-billing-clarity-grid { display:grid; grid-template-columns: 1.25fr repeat(3, .75fr); gap:12px; margin: 16px 0; }
.billing-clarity-card h2 { margin:6px 0; font-size: clamp(24px, 4vw, 38px); letter-spacing:-.045em; }
.billing-clarity-card p { color:#aab8cf; margin:0; font-weight:700; }
.billing-clarity-card.primary { background:linear-gradient(135deg, rgba(14,165,233,.22), rgba(168,85,247,.18)); border-color:rgba(103,232,249,.28); }
.billing-clarity-card.warning { border-color:rgba(251,191,36,.36); background:rgba(120,53,15,.22); }
.billing-alert-strip { margin: 0 0 16px; }
.billing-service-list { display:grid; gap:10px; }
.billing-service-row { display:grid; grid-template-columns: 1fr 140px auto; gap:12px; align-items:center; padding:14px; border:1px solid rgba(148,163,184,.18); border-radius:18px; background:rgba(15,23,42,.45); }
.billing-service-row.warning { border-color:rgba(251,191,36,.32); }
.billing-service-row h3 { margin: 3px 0; }
.billing-service-row span { color:#67e8f9; text-transform:uppercase; letter-spacing:.1em; font-weight:900; font-size:11px; }
.billing-service-row p,.billing-service-row small { color:#97a7c0; margin:0; font-weight:700; }
.billing-service-row b { display:block; font-size:22px; }
.billing-service-row a { color:#67e8f9; font-weight:900; text-decoration:none; }
.compact-billing-stack { gap:10px; }
.customer-empty-state-upgraded { border-style: dashed; background: linear-gradient(135deg, rgba(15,23,42,.45), rgba(30,41,59,.25)); }
.customer-empty-state-upgraded .customer-gradient-button,
.customer-empty-state-upgraded .customer-ghost-button { margin-top: 10px; }

@media (max-width: 900px) {
    .customer-health-snapshot,
    .customer-report-view-hero,
    .customer-report-reader,
    .customer-billing-clarity-grid { grid-template-columns: 1fr; }
    .health-signals,
    .customer-report-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .customer-wizard-steps { display:flex; overflow-x:auto; padding-bottom:4px; }
    .customer-wizard-steps a { min-width: 150px; }
    .customer-wizard-fields,
    .customer-finding-list-grid { grid-template-columns: 1fr; }
    .billing-service-row { grid-template-columns: 1fr; }
    .ticket-status-timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
    .customer-health-snapshot { padding: 12px; border-radius: 18px; gap: 10px; }
    .customer-health-snapshot h2 { font-size: 24px; }
    .health-signals { grid-template-columns: repeat(2, minmax(0, 1fr)); gap:8px; }
    .health-signals article, .customer-report-summary-grid article, .billing-clarity-card { padding: 10px; border-radius: 14px; }
    .health-signals article strong, .customer-report-summary-grid strong { font-size: 18px; }
    .customer-wizard-step { padding: 12px; border-radius: 16px; }
    .customer-report-view-hero { padding: 16px; border-radius: 20px; }
    .customer-report-view-hero h1 { font-size: 34px; }
    .customer-report-document { padding: 16px; border-radius: 18px; }
    .customer-report-summary-grid { gap:8px; }
    .customer-ticket-context-card { align-items:flex-start; flex-direction:column; padding: 12px; border-radius: 16px; }
    .ticket-status-timeline { grid-template-columns: 1fr; gap:8px; }
    .billing-service-row { padding: 11px; border-radius: 14px; }
}

/* v1.7.4 checkout handoff hotfix */
.customer-auth-notice{margin:0 0 18px;padding:13px 14px;border:1px solid rgba(39,224,255,.26);border-radius:16px;background:linear-gradient(135deg,rgba(39,224,255,.10),rgba(166,77,255,.09));box-shadow:inset 0 0 22px rgba(39,224,255,.06)}
.customer-auth-notice b{display:block;color:#effaff;font-size:14px;font-weight:950;margin-bottom:3px;text-align:center}.customer-auth-notice span{display:block;color:#aebbd3;font-size:13px;line-height:1.45;font-weight:800;text-align:center}

/* v1.7.5 — Launch Flow Polish */
.checkout-success-hero-v175{position:relative;overflow:hidden;margin-bottom:18px}.checkout-success-hero-v175:after{content:"";position:absolute;inset:auto -20% -70% 45%;height:220px;background:radial-gradient(circle,rgba(39,224,255,.20),transparent 65%);pointer-events:none}.checkout-next-grid-v175{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px;margin:18px 0}.checkout-flow-steps-card .public-timeline-mini{margin-top:12px}.checkout-timeline-polished div.active{border-color:rgba(39,224,255,.45);background:rgba(39,224,255,.08)}.checkout-timeline-polished div.done{border-color:rgba(51,255,160,.35);background:rgba(51,255,160,.08)}.checkout-service-strip-v175{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.checkout-sync-wait-card{border:1px solid rgba(39,224,255,.18);background:linear-gradient(135deg,rgba(15,23,42,.70),rgba(38,20,78,.48))}.customer-first-setup-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin:14px 0 18px;padding:16px;background:linear-gradient(135deg,rgba(39,224,255,.13),rgba(166,77,255,.10),rgba(15,23,42,.60));border-color:rgba(39,224,255,.28);box-shadow:0 18px 55px rgba(39,224,255,.08)}.customer-first-setup-banner .setup-banner-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(39,224,255,.22),rgba(166,77,255,.20));color:#8ff5ff;font-weight:950}.customer-first-setup-banner span{display:block;color:#7ff2ff;text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:950}.customer-first-setup-banner h2{margin:2px 0 4px;color:#f8fbff;font-size:22px}.customer-first-setup-banner p{margin:0;color:#aebbd3;font-weight:800;line-height:1.45}.setup-banner-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.customer-first-setup-empty{border-color:rgba(166,77,255,.24);background:linear-gradient(135deg,rgba(166,77,255,.12),rgba(15,23,42,.60))}
@media (max-width:900px){.checkout-next-grid-v175{grid-template-columns:1fr}.checkout-service-strip-v175{align-items:flex-start;flex-direction:column}.customer-first-setup-banner{grid-template-columns:1fr;gap:10px}.setup-banner-actions{justify-content:flex-start}.customer-first-setup-banner .setup-banner-icon{width:40px;height:40px;border-radius:14px}.customer-first-setup-banner h2{font-size:20px}}
@media (max-width:560px){.checkout-success-hero-v175{padding:16px;border-radius:20px}.checkout-next-grid-v175{gap:10px;margin:12px 0}.checkout-next-card{padding:14px!important;border-radius:18px!important}.checkout-service-strip-v175{padding:14px!important;border-radius:18px!important}.checkout-service-strip-v175 h2{font-size:20px}.customer-first-setup-banner{margin:10px 0 12px;padding:12px;border-radius:18px}.customer-first-setup-banner h2{font-size:18px}.customer-first-setup-banner p{font-size:13px}.setup-banner-actions .customer-gradient-button,.setup-banner-actions .customer-ghost-button{width:100%;justify-content:center}}

/* HOTFIX v1.7.5: center checkout sync-wait text */
.checkout-sync-wait-card{
  text-align:center;
}
.checkout-sync-wait-card h2,
.checkout-sync-wait-card p{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.checkout-sync-wait-card p{
  max-width:760px;
}
.checkout-sync-wait-card .centered-actions,
.checkout-sync-wait-card .hero-actions{
  justify-content:center;
}

/* v1.8.7 Customer Security Center */
.customer-security-center{display:flex;flex-direction:column;gap:18px;}
.customer-security-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:18px;}
.customer-security-score-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:22px;background:linear-gradient(145deg,rgba(15,23,42,.88),rgba(26,16,49,.82));box-shadow:0 24px 70px rgba(0,0,0,.28);text-align:center;}
.customer-security-score-card::before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 20% 0%,rgba(103,232,249,.22),transparent 36%),radial-gradient(circle at 85% 20%,rgba(168,85,247,.24),transparent 42%);pointer-events:none;}
.customer-security-score-card>*{position:relative;z-index:1;}
.customer-security-score-card span{display:block;color:rgba(226,232,240,.72);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;}
.customer-security-score-card strong{display:block;font-size:3.25rem;line-height:1;margin:8px 0;background:linear-gradient(135deg,#fff,#a78bfa,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:950;}
.customer-security-score-card b{display:block;color:#fff;font-size:1.05rem;}
.customer-security-score-card small{display:block;color:rgba(226,232,240,.66);margin-top:5px;}
.customer-security-score-card.good{border-color:rgba(34,197,94,.28);}
.customer-security-score-card.warn{border-color:rgba(251,191,36,.32);}
.customer-security-score-card.danger{border-color:rgba(248,113,113,.34);}
.customer-security-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.security-mini{min-height:132px;}
.security-mini span{display:block;color:rgba(226,232,240,.62);font-size:.73rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;margin-bottom:8px;}
.security-mini b{display:block;color:#fff;font-size:1.25rem;margin-bottom:5px;}
.security-mini small{color:rgba(226,232,240,.68);line-height:1.45;}
.security-mini.good{border-color:rgba(34,197,94,.23);}
.security-mini.warn{border-color:rgba(251,191,36,.25);}
.customer-security-main-grid{align-items:start;}
.customer-security-checklist,.customer-session-list,.customer-security-timeline{display:flex;flex-direction:column;gap:10px;}
.security-check-row,.security-history-row,.customer-session-card{display:flex;align-items:flex-start;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(15,23,42,.42);text-decoration:none;color:inherit;transition:transform .18s ease,border-color .18s ease,background .18s ease;}
.security-check-row:hover,.security-history-row:hover,.customer-session-card:hover{transform:translateY(-1px);border-color:rgba(167,139,250,.35);background:rgba(30,41,59,.5);}
.security-check-row>span,.security-history-row>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:12px;font-weight:950;}
.security-check-row.done>span,.security-history-row.ok>span{background:rgba(34,197,94,.16);color:#86efac;border:1px solid rgba(34,197,94,.25);}
.security-check-row.todo>span,.security-history-row.fail>span{background:rgba(251,191,36,.14);color:#fde68a;border:1px solid rgba(251,191,36,.24);}
.security-history-row.notice>span{background:rgba(167,139,250,.16);color:#c4b5fd;border:1px solid rgba(167,139,250,.26);}
.security-check-row b,.security-history-row b,.customer-session-card b{display:block;color:#fff;font-size:.94rem;line-height:1.25;}
.security-check-row small,.security-history-row small,.customer-session-card small{display:block;color:rgba(226,232,240,.62);font-size:.8rem;line-height:1.35;margin-top:3px;}
.customer-security-action-card{display:flex;flex-direction:column;gap:12px;}
.customer-session-card{align-items:center;justify-content:space-between;}
.customer-session-card.current{border-color:rgba(103,232,249,.28);background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(15,23,42,.48));}
.customer-session-card form{margin:0;flex:0 0 auto;}
.customer-ghost-button.compact-inline{display:inline-flex;width:max-content;margin-top:10px;padding:9px 12px;border-radius:12px;font-size:.82rem;}
.customer-settings-tabs a[href="/security"]{background:linear-gradient(135deg,rgba(124,58,237,.16),rgba(6,182,212,.12));border-color:rgba(167,139,250,.24);}
@media (max-width: 980px){
  .customer-security-hero{grid-template-columns:1fr;}
  .customer-security-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 640px){
  .customer-security-center{gap:12px;}
  .customer-security-score-card{padding:16px;border-radius:20px;}
  .customer-security-score-card strong{font-size:2.45rem;}
  .customer-security-overview-grid{grid-template-columns:1fr 1fr;gap:8px;}
  .security-mini{min-height:auto;padding:12px;}
  .security-mini b{font-size:1rem;}
  .security-mini small{font-size:.76rem;}
  .security-check-row,.security-history-row,.customer-session-card{padding:11px;border-radius:15px;}
  .customer-session-card{align-items:stretch;flex-direction:column;gap:10px;}
  .customer-session-card form,.customer-session-card button{width:100%;}
  .customer-security-main-grid{gap:12px;}
}

/* Xensec v1.8.8 — customer security and trust hardening */
.customer-inline-session-form{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}.customer-inline-session-form input{min-width:160px;flex:1;padding:9px 11px;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);color:inherit}.customer-ghost-button.tiny{padding:8px 10px;font-size:12px;border-radius:12px}.customer-secret-preview{display:block;margin-top:10px;padding:12px 14px;border-radius:14px;border:1px solid rgba(128,244,255,.18);background:rgba(128,244,255,.06);color:#dffbff;word-break:break-word}.customer-toggle-list{display:grid;gap:10px}.customer-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.035)}.customer-toggle-row span{display:grid;gap:3px}.customer-toggle-row b{font-size:14px}.customer-toggle-row small{color:var(--customer-muted,#8ea1bd);font-size:12px}.customer-toggle-row input{width:18px;height:18px;accent-color:#75e7ff}.customer-toggle-row.locked em{font-style:normal;font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#80f4ff;padding:6px 9px;border-radius:999px;background:rgba(128,244,255,.08);border:1px solid rgba(128,244,255,.18)}.customer-document-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.customer-document-meta em{font-style:normal;font-size:11px;color:#8fa2bf;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.customer-secure-document-card{position:relative}.customer-secure-document-card:after{content:'Recorded access';position:absolute;top:12px;right:12px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#80f4ff;background:rgba(128,244,255,.06);border:1px solid rgba(128,244,255,.14);border-radius:999px;padding:5px 8px}.customer-service-security-tips .customer-security-tip-list{display:grid;gap:10px}.customer-security-tip-list div{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:10px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.customer-security-tip-list span{color:#80f4ff}.customer-security-tip-list p{margin:0;color:#c7d6ea;font-size:13px;line-height:1.45}.security-history-row.notice,.security-history-row.ok,.security-history-row.fail{min-width:0}.security-history-row div{min-width:0}.security-history-row small{word-break:break-word}.customer-security-center .customer-panel{scroll-margin-top:22px}
@media (max-width:720px){.customer-inline-session-form{display:grid;grid-template-columns:1fr;align-items:stretch}.customer-inline-session-form input,.customer-inline-session-form button{width:100%}.customer-toggle-row{align-items:flex-start}.customer-secure-document-card:after{position:static;display:inline-flex;margin:0 0 8px 0}.customer-document-meta{display:grid}.customer-security-tip-list div{padding:9px}}


/* Xensec v1.8.15 Tools Center */

/* Tools Center v1.8.16 */
.tools-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 14px;
    margin-bottom: 14px;
}

.tools-hero > div,
.tools-privacy-card,
.tools-workspace,
.tools-upsell-card,
.tools-command-bar {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.095);
    background: linear-gradient(145deg, rgba(18,18,34,.92), rgba(10,10,18,.88));
    border-radius: 28px;
    box-shadow: 0 24px 90px rgba(0,0,0,.30);
}

.tools-hero > div { padding: 30px; }

.tools-hero > div::before,
.tools-privacy-card::before,
.tools-workspace::before,
.tools-upsell-card::before,
.tools-command-bar::before {
    content: '';
    position: absolute;
    inset: -1px;
    pointer-events: none;
    background: radial-gradient(circle at 20% 0%, rgba(139,92,246,.24), transparent 38%), radial-gradient(circle at 95% 20%, rgba(34,211,238,.14), transparent 34%);
    opacity: .9;
}

.tools-hero h1 {
    position: relative;
    max-width: 800px;
    margin: 8px 0 12px;
    font-size: clamp(2rem, 4vw, 3.55rem);
    line-height: .95;
    letter-spacing: -.07em;
}

.tools-hero p,
.tools-upsell-card p,
.tools-privacy-card p {
    position: relative;
    margin: 0;
    max-width: 820px;
    color: rgba(245,247,255,.68);
    line-height: 1.65;
}

.tools-hero-actions {
    position: relative;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 22px;
}

.tools-privacy-card {
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 230px;
}

.tools-privacy-card span,
.tools-workspace-badges span,
.tools-mini-stats i {
    position: relative;
    display: inline-flex;
    width: fit-content;
    padding: 7px 10px;
    border: 1px solid rgba(124,58,237,.32);
    background: rgba(124,58,237,.12);
    color: rgba(221,214,254,.96);
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-style: normal;
}

.tools-privacy-card b {
    position: relative;
    display: block;
    margin: 14px 0 8px;
    font-size: 1.45rem;
    letter-spacing: -.04em;
}

.tools-mini-stats {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.tools-command-bar {
    display: grid;
    grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 12px;
    margin: 0 0 14px;
}

.tools-search-field {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(6,8,18,.70);
    border-radius: 18px;
    padding: 0 12px;
    min-height: 46px;
}

.tools-search-field span { color: rgba(196,181,253,.95); font-weight: 900; }
.tools-search-field input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    font-weight: 800;
}
.tools-search-field input::placeholder { color: rgba(245,247,255,.42); }

.tools-category-strip {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.tools-category-pill {
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.055);
    color: rgba(245,247,255,.72);
    border-radius: 999px;
    padding: 9px 12px;
    font-weight: 900;
    cursor: pointer;
    font-size: .8rem;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.tools-category-pill:hover,
.tools-category-pill.active {
    transform: translateY(-1px);
    border-color: rgba(167,139,250,.42);
    background: linear-gradient(135deg, rgba(124,58,237,.26), rgba(34,211,238,.12));
    color: #fff;
}

.tools-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.tool-card {
    position: relative;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 24px;
    gap: 11px;
    text-align: left;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.045);
    border-radius: 22px;
    padding: 13px;
    color: #fff;
    cursor: pointer;
    overflow: hidden;
    min-height: 118px;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.tool-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 0 0, rgba(139,92,246,.22), transparent 48%);
    opacity: 0;
    transition: opacity .18s ease;
}

.tool-card:hover,
.tool-card.active {
    transform: translateY(-2px);
    border-color: rgba(167,139,250,.45);
    background: rgba(124,58,237,.10);
    box-shadow: 0 20px 70px rgba(0,0,0,.22);
}

.tool-card:hover::before,
.tool-card.active::before { opacity: 1; }
.tool-card[hidden] { display: none; }

.tool-card-icon {
    position: relative;
    width: 40px;
    height: 40px;
    display: inline-grid;
    place-items: center;
    border-radius: 15px;
    background: linear-gradient(135deg, rgba(124,58,237,.28), rgba(34,211,238,.12));
    border: 1px solid rgba(255,255,255,.10);
    font-weight: 950;
    font-size: .72rem;
    color: #fff;
}

.tool-card-copy { position: relative; min-width: 0; }
.tool-card-copy small {
    display: block;
    margin-bottom: 5px;
    color: rgba(196,181,253,.92);
    font-size: .63rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.tool-card-copy b { display: block; font-size: .96rem; letter-spacing: -.025em; }
.tool-card-copy em {
    display: block;
    margin-top: 6px;
    color: rgba(245,247,255,.58);
    font-style: normal;
    font-size: .79rem;
    line-height: 1.38;
}

.tool-fav {
    position: relative;
    z-index: 2;
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    color: rgba(245,247,255,.52);
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
}
.tool-card.is-favorite .tool-fav { color: #fde68a; border-color: rgba(253,230,138,.32); background: rgba(253,230,138,.10); }

.tools-workspace { padding: 20px; }
.tools-workspace-head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}
.tools-workspace-head h2 { margin: 5px 0 0; font-size: clamp(1.45rem, 2.4vw, 2.3rem); letter-spacing: -.055em; }
.tools-workspace-badges { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.tool-panel { position: relative; display: none; }
.tool-panel.active { display: block; }
.tool-panel-grid { display: grid; grid-template-columns: minmax(280px, 420px) minmax(0, 1fr); gap: 14px; }

.tool-form-card,
.tool-output-card {
    border: 1px solid rgba(255,255,255,.095);
    border-radius: 22px;
    background: rgba(255,255,255,.045);
    padding: 18px;
}

.tool-form-card h3 { margin: 0 0 6px; font-size: 1.08rem; letter-spacing: -.025em; }
.tool-form-card p { margin: 0 0 14px; color: rgba(245,247,255,.58); font-size: .9rem; line-height: 1.55; }
.tool-form-card label { display: grid; gap: 7px; margin-bottom: 12px; color: rgba(245,247,255,.78); font-size: .82rem; font-weight: 850; }

.tool-form-card input[type="text"],
.tool-form-card input[type="number"],
.tool-form-card input[type="password"],
.tool-form-card input[type="email"],
.tool-form-card input[type="search"],
.tool-form-card input[type="file"],
.tool-form-card select,
.tool-form-card textarea {
    width: 100%;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(6,8,18,.72);
    color: #fff;
    border-radius: 14px;
    padding: 11px 12px;
    outline: none;
}
.tool-form-card textarea { min-height: 120px; resize: vertical; }
.tool-form-card input:focus,
.tool-form-card select:focus,
.tool-form-card textarea:focus { border-color: rgba(167,139,250,.62); box-shadow: 0 0 0 4px rgba(124,58,237,.14); }

.tool-check-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.tool-check-row label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 9px 10px;
    border: 1px solid rgba(255,255,255,.095);
    background: rgba(255,255,255,.05);
    border-radius: 999px;
    font-size: .78rem;
}
.tool-check-list label { border-radius: 14px; }

.tool-output-card { display: flex; flex-direction: column; min-height: 330px; }
.tool-output-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.tool-output-head > div { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.tool-output-head span { font-size: .78rem; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; color: rgba(196,181,253,.90); }

.tool-output-head button,
.tool-form-card button.customer-button.secondary {
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.07);
    color: #fff;
    border-radius: 999px;
    padding: 9px 12px;
    cursor: pointer;
    font-weight: 900;
}

.tool-output-card textarea {
    flex: 1;
    min-height: 235px;
    width: 100%;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(5,7,15,.78);
    color: rgba(245,247,255,.92);
    border-radius: 18px;
    padding: 14px;
    resize: vertical;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .84rem;
    line-height: 1.55;
}
.tool-output-card small { display: block; margin-top: 10px; color: rgba(245,247,255,.52); line-height: 1.45; }

.tool-score { display: flex; align-items: flex-end; gap: 7px; margin: 12px 0; }
.tool-score span {
    font-size: 4rem;
    line-height: .9;
    font-weight: 950;
    letter-spacing: -.08em;
    background: linear-gradient(135deg, #fff, #c4b5fd 55%, #67e8f9);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.tool-score small { margin: 0 0 9px; }
.tool-meter { height: 11px; border-radius: 999px; background: rgba(255,255,255,.08); overflow: hidden; margin-bottom: 16px; }
.tool-meter i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #fb7185, #fbbf24, #a78bfa, #22d3ee); transition: width .2s ease; }
.tool-result-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.tool-result-list li { padding: 10px 12px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.045); border-radius: 14px; color: rgba(245,247,255,.72); }

.tools-upsell-card {
    margin-top: 18px;
    padding: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.tools-upsell-card > * { position: relative; }
.tools-upsell-card h2 { margin: 4px 0 8px; letter-spacing: -.045em; }

@media (max-width: 1320px) { .tools-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 1100px) { .tools-hero { grid-template-columns: 1fr; } .tools-command-bar { grid-template-columns: 1fr; } .tools-category-strip { justify-content: flex-start; } }
@media (max-width: 860px) {
    .tools-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tool-panel-grid { grid-template-columns: 1fr; }
    .tools-workspace-head,
    .tools-upsell-card { align-items: flex-start; flex-direction: column; }
    .tools-workspace-badges { justify-content: flex-start; }
}
@media (max-width: 560px) {
    .tools-hero > div,
    .tools-privacy-card,
    .tools-workspace,
    .tools-upsell-card,
    .tools-command-bar { border-radius: 22px; }
    .tools-hero > div { padding: 22px; }
    .tools-grid { grid-template-columns: 1fr; }
    .tool-card { min-height: 104px; }
    .tool-check-row label { width: 100%; }
    .tool-output-head { align-items: flex-start; flex-direction: column; }
}

/* Xensec v1.8.17 — Customer Addons + tool-to-addon flow */
.addons-dashboard-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:16px;align-items:stretch}.addons-dashboard-hero>div,.addons-quick-card{border:1px solid rgba(255,255,255,.10);border-radius:30px;background:linear-gradient(145deg,rgba(11,18,39,.88),rgba(47,23,83,.58));padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.22)}.addons-dashboard-hero h1{margin:7px 0 10px;font-size:clamp(2rem,4.4vw,4.2rem);letter-spacing:-.075em;line-height:.95}.addons-dashboard-hero p{max-width:850px;color:rgba(245,247,255,.70);line-height:1.65;font-weight:750}.addons-dashboard-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.addons-dashboard-strip article{border:1px solid rgba(255,255,255,.085);border-radius:20px;background:rgba(255,255,255,.045);padding:15px;display:grid;gap:5px}.addons-dashboard-strip span{color:#67e8f9;font-size:12px;font-weight:950;letter-spacing:.12em}.addons-dashboard-strip b{font-size:1rem}.addons-dashboard-strip small{color:rgba(245,247,255,.56);line-height:1.45}.addons-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.addon-dashboard-card{position:relative;scroll-margin-top:100px;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:linear-gradient(145deg,rgba(10,17,37,.82),rgba(35,20,70,.58));padding:18px;box-shadow:0 18px 60px rgba(0,0,0,.20)}.addon-dashboard-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0,rgba(35,217,255,.15),transparent 35%),radial-gradient(circle at 90% 10%,rgba(214,56,255,.13),transparent 32%);pointer-events:none}.addon-dashboard-card>*{position:relative}.addon-dashboard-card>span{display:inline-grid;place-items:center;min-width:42px;height:32px;padding:0 9px;border-radius:13px;background:rgba(35,217,255,.11);border:1px solid rgba(35,217,255,.20);color:#9cf6ff;font-weight:950;font-size:12px}.addon-dashboard-card h2{margin:14px 0 8px;font-size:1.18rem;letter-spacing:-.035em}.addon-dashboard-card p{margin:0 0 12px;color:rgba(245,247,255,.68);line-height:1.55}.addon-dashboard-card div{display:grid;gap:4px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.04);border-radius:15px;padding:10px;margin-top:8px}.addon-dashboard-card div b{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#c4b5fd}.addon-dashboard-card div small{color:rgba(245,247,255,.62);line-height:1.38}.addon-dashboard-card a{display:inline-flex;margin-top:12px;color:#86efff;font-weight:950;text-decoration:none}.addons-plan-panel{margin-top:18px}.addons-plan-stack{display:grid;gap:14px}.addon-plan-card{border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(255,255,255,.045);padding:16px}.addon-plan-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:12px}.addon-plan-head span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#a5f3fc;font-weight:950}.addon-plan-head h3{margin:6px 0 6px;font-size:1.25rem;letter-spacing:-.04em}.addon-plan-head p{margin:0;color:rgba(245,247,255,.58);line-height:1.5}.addon-plan-rows{display:grid;gap:10px}.addon-plan-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(6,8,18,.34);padding:13px}.addon-plan-row.muted{opacity:.65}.addon-plan-row b{display:block;margin-bottom:4px}.addon-plan-row small{color:rgba(245,247,255,.56);line-height:1.42}.addon-plan-action{display:grid;grid-template-columns:auto auto auto;gap:8px;align-items:center;text-align:right}.addon-plan-action strong{font-size:1.05rem}.addons-support-card{margin-top:18px}.tool-addon-bridge{margin-top:14px;border:1px solid rgba(35,217,255,.16);border-radius:18px;background:linear-gradient(145deg,rgba(35,217,255,.07),rgba(142,53,255,.10));padding:13px}.tool-addon-bridge span{display:block;margin-bottom:6px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.14em;color:#67e8f9}.tool-addon-bridge b{display:block;margin-bottom:4px;color:#fff}.tool-addon-bridge p{margin:0 0 10px!important;color:rgba(245,247,255,.60)!important;font-size:.82rem!important}.tool-addon-bridge a{display:inline-flex;color:#8df5ff;text-decoration:none;font-weight:950;font-size:.85rem}
@media(max-width:1180px){.addons-dashboard-hero{grid-template-columns:1fr}.addons-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.addons-dashboard-strip,.addons-dashboard-grid{grid-template-columns:1fr}.addon-plan-row{grid-template-columns:1fr}.addon-plan-action{grid-template-columns:1fr auto;justify-content:start;text-align:left}.addon-plan-action .customer-button{grid-column:1/-1;width:100%;justify-content:center}.addons-dashboard-hero>div,.addons-quick-card{border-radius:22px;padding:20px}}

/* v1.8.20 product tier feature bullets */
.addon-feature-list{list-style:none;margin:9px 0 0;padding:0;display:grid;gap:5px;}
.addon-feature-list li{position:relative;padding-left:18px;color:rgba(245,247,255,.70);font-size:12px;line-height:1.38;font-weight:760;}
.addon-feature-list li:before{content:"✓";position:absolute;left:0;top:0;color:#8df5ff;font-weight:950;}

/* v1.8.22 Customer dashboard home polish */
.customer-home-focus-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.05fr) minmax(280px, .85fr);
    gap: 16px;
    margin: 18px 0;
}
.customer-focus-card {
    position: relative;
    overflow: hidden;
    min-height: 178px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 24px;
    padding: 18px;
    background:
        radial-gradient(circle at 16% 0%, rgba(139,92,246,.24), transparent 38%),
        linear-gradient(145deg, rgba(17,24,39,.9), rgba(8,13,26,.78));
    box-shadow: 0 20px 55px rgba(0,0,0,.22);
}
.customer-focus-card::after {
    content: '';
    position: absolute;
    inset: auto -30% -55% 35%;
    height: 145px;
    background: radial-gradient(circle, rgba(168,85,247,.18), transparent 70%);
    pointer-events: none;
}
.customer-focus-card.needs-input { border-color: rgba(251,191,36,.28); }
.customer-focus-card.has-items { border-color: rgba(96,165,250,.22); }
.customer-focus-card.security.good { border-color: rgba(52,211,153,.25); }
.customer-focus-card.security.warn { border-color: rgba(251,191,36,.25); }
.customer-focus-card.security.danger { border-color: rgba(248,113,113,.28); }
.focus-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}
.focus-card-head span {
    color: rgba(226,232,240,.64);
    font-size: .72rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-weight: 900;
}
.focus-card-head b {
    color: #fff;
    font-size: .82rem;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 999px;
    background: rgba(255,255,255,.05);
    white-space: nowrap;
}
.customer-focus-card p {
    color: rgba(226,232,240,.72);
    line-height: 1.55;
    margin: 12px 0 14px;
}
.customer-focus-card > a {
    position: relative;
    z-index: 1;
    color: #c4b5fd;
    font-weight: 900;
    text-decoration: none;
}
.customer-focus-list {
    display: grid;
    gap: 10px;
    position: relative;
    z-index: 1;
}
.customer-focus-list a,
.customer-addon-mini-list a,
.customer-recent-tools a {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 11px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 17px;
    background: rgba(255,255,255,.045);
    color: #fff;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.customer-focus-list a:hover,
.customer-addon-mini-list a:hover,
.customer-recent-tools a:hover {
    transform: translateY(-2px);
    border-color: rgba(167,139,250,.35);
    background: rgba(255,255,255,.075);
}
.customer-focus-list i,
.customer-addon-mini-list i,
.customer-recent-tools i {
    width: 34px;
    height: 34px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, rgba(139,92,246,.95), rgba(34,211,238,.72));
    color: #fff;
    font-style: normal;
    font-weight: 950;
    flex: 0 0 auto;
}
.customer-focus-list strong,
.customer-addon-mini-list b,
.customer-recent-tools b {
    display: block;
    color: #fff;
    font-size: .9rem;
    line-height: 1.2;
}
.customer-focus-list small,
.customer-addon-mini-list small,
.customer-recent-tools small {
    display: block;
    margin-top: 3px;
    color: rgba(226,232,240,.6);
    line-height: 1.35;
}
.customer-security-meter {
    height: 10px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.08);
    margin: 18px 0 14px;
}
.customer-security-meter div {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #8b5cf6, #22d3ee, #34d399);
    box-shadow: 0 0 22px rgba(34,211,238,.25);
}
.customer-portal-launchpad-v22 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.customer-launch-card.tools span { background: linear-gradient(135deg, rgba(139,92,246,.95), rgba(59,130,246,.72)); }
.customer-launch-card.addons span { background: linear-gradient(135deg, rgba(236,72,153,.95), rgba(139,92,246,.72)); }
.customer-home-mini-panel { overflow: hidden; }
.customer-addon-mini-list,
.customer-recent-tools {
    display: grid;
    gap: 9px;
}
.customer-addon-mini-list a.violet i { background: linear-gradient(135deg, #8b5cf6, #a78bfa); }
.customer-addon-mini-list a.cyan i { background: linear-gradient(135deg, #06b6d4, #38bdf8); }
.customer-addon-mini-list a.purple i { background: linear-gradient(135deg, #7c3aed, #c084fc); }
.customer-addon-mini-list a.pink i { background: linear-gradient(135deg, #db2777, #f472b6); }
.customer-addon-mini-list a.green i { background: linear-gradient(135deg, #059669, #34d399); }
.customer-addon-mini-list a.warning i { background: linear-gradient(135deg, #f97316, #facc15); color: #111827; }
.customer-recent-tools.is-empty a { opacity: .78; }
.customer-right-rail-v2 .customer-panel + .customer-panel {
    margin-top: 14px;
}
@media (max-width: 1180px) {
    .customer-home-focus-grid { grid-template-columns: 1fr; }
    .customer-portal-launchpad-v22 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .customer-home-focus-grid { gap: 12px; margin: 14px 0; }
    .customer-focus-card { border-radius: 20px; padding: 15px; min-height: auto; }
    .focus-card-head { align-items: flex-start; flex-direction: column; }
    .customer-portal-launchpad-v22 { grid-template-columns: 1fr; }
}

/* v1.8.25 — Service Detail Page Polish */
.customer-service-workbench-hero.v1825{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:stretch;border:1px solid rgba(255,255,255,.10);border-radius:30px;background:radial-gradient(circle at 10% 0%,rgba(39,224,255,.18),transparent 32%),radial-gradient(circle at 90% 10%,rgba(139,77,255,.20),transparent 38%),linear-gradient(145deg,rgba(14,24,47,.90),rgba(6,10,25,.88));padding:24px;margin:4px 0 16px;box-shadow:0 30px 90px rgba(0,0,0,.34)}
.customer-service-workbench-hero.v1825:before{content:"";position:absolute;inset:-1px;background:linear-gradient(110deg,rgba(39,224,255,.14),transparent 34%,rgba(214,42,255,.12));pointer-events:none}.customer-service-workbench-hero.v1825>*{position:relative;z-index:1}.service-hero-copy{min-width:0}.service-hero-copy .customer-back-link{display:inline-flex;margin-bottom:10px;color:#9fcfff;font-weight:900;text-decoration:none}.service-hero-copy h1{font-size:clamp(38px,4.8vw,68px);line-height:.92;letter-spacing:-.07em;margin:10px 0;color:#fff}.service-hero-copy p{max-width:780px;color:var(--c-muted);line-height:1.65;margin:0}.service-chipline{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.service-chipline span{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.055);padding:8px 11px;color:#dce8ff;font-size:12px;font-weight:950}.service-chipline span:before{content:"";width:7px;height:7px;border-radius:999px;background:#8db1d8;box-shadow:0 0 12px rgba(141,177,216,.55)}.service-chipline .tone-ok:before{background:var(--c-green);box-shadow:0 0 14px rgba(40,242,157,.75)}.service-chipline .tone-info:before{background:var(--c-cyan);box-shadow:0 0 14px rgba(39,224,255,.7)}.service-chipline .tone-warning:before{background:var(--c-yellow);box-shadow:0 0 14px rgba(255,206,85,.7)}.service-chipline .tone-danger:before{background:var(--c-red);box-shadow:0 0 14px rgba(255,87,111,.7)}
.service-next-card{border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));padding:20px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 20px 70px rgba(0,0,0,.22);backdrop-filter:blur(16px)}.service-next-card>span{display:inline-flex;color:#8df5ff;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:1000}.service-next-card h2{font-size:24px;line-height:1.05;letter-spacing:-.04em;margin:8px 0 8px}.service-next-card p{color:var(--c-muted);line-height:1.55;margin:0 0 16px}.service-next-card.tone-warning{border-color:rgba(255,206,85,.34);background:linear-gradient(145deg,rgba(255,206,85,.11),rgba(255,255,255,.035))}.service-next-card.tone-danger{border-color:rgba(255,87,111,.35);background:linear-gradient(145deg,rgba(255,87,111,.13),rgba(255,255,255,.035))}.service-next-card.tone-info{border-color:rgba(39,224,255,.28)}.service-next-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-next-actions .customer-gradient-button,.service-next-actions .customer-ghost-button{min-height:44px;padding:10px 12px;text-align:center}
.service-command-strip.v1825{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}.service-command-strip.v1825 article{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(145deg,rgba(18,30,57,.74),rgba(8,13,30,.76));padding:16px;box-shadow:0 18px 55px rgba(0,0,0,.22)}.service-command-strip.v1825 article:after{content:"";position:absolute;right:-26px;top:-32px;width:92px;height:92px;border-radius:999px;background:rgba(39,224,255,.10);filter:blur(4px)}.service-command-strip.v1825 span{display:block;color:#8df5ff;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:1000}.service-command-strip.v1825 strong{display:block;color:#fff;font-size:30px;letter-spacing:-.05em;margin:6px 0 3px}.service-command-strip.v1825 small{position:relative;z-index:1;color:var(--c-muted);font-size:12px;font-weight:800;line-height:1.35}.customer-service-tabs-v25{position:sticky;top:76px;z-index:12;display:flex;gap:8px;align-items:center;overflow-x:auto;white-space:nowrap;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(6,11,26,.78);backdrop-filter:blur(20px);padding:8px;margin:0 0 14px;box-shadow:0 16px 50px rgba(0,0,0,.18);scrollbar-width:none}.customer-service-tabs-v25::-webkit-scrollbar{display:none}.customer-service-tabs-v25 a{flex:0 0 auto;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.045);color:#dce8ff;padding:10px 13px;font-weight:950;text-decoration:none;transition:border-color .15s ease,background .15s ease,transform .15s ease}.customer-service-tabs-v25 a:hover,.customer-service-tabs-v25 a.active{border-color:rgba(39,224,255,.36);background:linear-gradient(135deg,rgba(39,224,255,.14),rgba(139,77,255,.12));transform:translateY(-1px)}
.service-alert-row.v1825{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0 0 14px}.service-alert-card{border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:16px;background:rgba(255,255,255,.045)}.service-alert-card b{display:block;color:#fff;font-size:17px;margin-bottom:6px}.service-alert-card p{color:var(--c-muted);margin:0 0 10px;line-height:1.45}.service-alert-card a{color:#8df5ff;font-weight:1000}.service-alert-card.warning{border-color:rgba(255,206,85,.35);background:rgba(255,206,85,.075)}.service-alert-card.danger{border-color:rgba(255,87,111,.35);background:rgba(255,87,111,.08)}
.customer-service-grid-page-v25{align-items:start}.service-overview-panel,.service-requirements-panel,.service-delivery-panel,.service-updates-panel{scroll-margin-top:148px}.service-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px}.service-overview-main{border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.035);padding:14px}.service-workflow-line{display:grid;gap:10px}.service-workflow-line div{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035);padding:10px 11px}.service-workflow-line i{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;font-style:normal;background:rgba(255,255,255,.07);color:#aecaee;font-weight:1000;border:1px solid rgba(255,255,255,.08)}.service-workflow-line b{color:#ecf5ff;font-size:14px;line-height:1.25}.service-workflow-line .done{border-color:rgba(40,242,157,.24);background:rgba(40,242,157,.055)}.service-workflow-line .done i{background:rgba(40,242,157,.12);color:#9dffd8;border-color:rgba(40,242,157,.26)}.service-overview-side{display:grid;gap:10px}.service-overview-side div{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(145deg,rgba(39,224,255,.07),rgba(139,77,255,.055));padding:14px}.service-overview-side span{display:block;color:#8df5ff;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:1000}.service-overview-side b{display:block;color:#fff;font-size:15px;line-height:1.28;margin:6px 0}.service-overview-side small{display:block;color:var(--c-muted);font-weight:800;line-height:1.35}.requirements-score{min-width:94px;height:74px;border:1px solid rgba(39,224,255,.20);border-radius:20px;background:radial-gradient(circle at 50% 0%,rgba(39,224,255,.18),rgba(255,255,255,.04));display:grid;place-items:center;text-align:center}.requirements-score strong{display:block;font-size:28px;line-height:1;color:#fff}.requirements-score small{display:block;color:#9fb4d0;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.service-form-progress{margin-bottom:14px}.customer-onboarding-wizard-v25{display:grid;gap:14px}.customer-wizard-steps-v25{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.customer-wizard-steps-v25 a{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.04);padding:10px;text-decoration:none;color:#e8f2ff;font-weight:950}.customer-wizard-steps-v25 a b{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.065);color:#c4d3ed}.customer-wizard-steps-v25 a.done{border-color:rgba(40,242,157,.25);background:rgba(40,242,157,.06)}.customer-wizard-steps-v25 a.done b{background:rgba(40,242,157,.13);color:#a2ffda}.customer-wizard-step-v25{border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.03);padding:16px}.customer-wizard-step-v25 legend{padding:0 8px;color:#fff;font-weight:1000;letter-spacing:-.02em}.customer-wizard-step-v25 legend span{display:inline-flex;margin-right:8px;color:#8df5ff;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.customer-wizard-step-v25 .customer-wizard-fields{margin-top:8px}
.delivery-metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.delivery-metric-row article{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));padding:14px;text-align:center}.delivery-metric-row b{display:block;font-size:28px;color:#fff;line-height:1}.delivery-metric-row span{display:block;margin-top:6px;color:var(--c-muted);font-size:12px;font-weight:900}.customer-delivery-suite-v25{display:grid;gap:14px}.service-checklist-v25{grid-template-columns:repeat(2,minmax(0,1fr))}.action-request-v25 form,.evidence-upload-v25{margin-top:12px}.report-card-v25,.finding-card-v25,.action-request-v25{position:relative;overflow:hidden}.report-card-v25:after,.finding-card-v25:after,.action-request-v25:after{content:"";position:absolute;right:-40px;top:-45px;width:130px;height:130px;border-radius:999px;background:rgba(39,224,255,.07);pointer-events:none}.service-file-grid-v25 .customer-file-card{min-height:0}.vpn-delivery-cockpit{display:grid;gap:14px}.vpn-ready-card{border:1px solid rgba(255,206,85,.25);border-radius:22px;background:linear-gradient(145deg,rgba(255,206,85,.08),rgba(255,255,255,.035));padding:18px}.vpn-ready-card.ready{border-color:rgba(40,242,157,.28);background:linear-gradient(145deg,rgba(40,242,157,.08),rgba(255,255,255,.035))}.vpn-ready-card span{display:inline-flex;color:#8df5ff;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:1000}.vpn-ready-card h3{color:#fff;margin:7px 0;font-size:22px;letter-spacing:-.03em}.vpn-ready-card p{color:var(--c-muted);margin:0;line-height:1.55}.customer-timeline-v25 article{border-radius:18px}.customer-service-side-v25{position:sticky;top:94px;display:grid;gap:14px}.service-side-card{overflow:hidden}.service-side-card.profile-card{background:radial-gradient(circle at 80% 0%,rgba(39,224,255,.10),transparent 40%),linear-gradient(145deg,rgba(14,24,45,.86),rgba(8,13,28,.84))}.customer-service-side-v25 .customer-kv{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035);padding:10px 11px;margin-top:8px}.customer-service-side-v25 .customer-kv span{color:#96a9c5;font-size:12px;font-weight:900}.customer-service-side-v25 .customer-kv b{display:block;color:#fff;margin-top:3px;overflow-wrap:anywhere}.customer-ghost-button.danger{border-color:rgba(255,87,111,.26)!important;color:#ffd4db!important;background:rgba(255,87,111,.08)!important}.customer-gradient-button.compact,.customer-ghost-button.compact{padding:10px 12px;border-radius:13px;font-size:13px}.customer-panel-head>div{min-width:0}.customer-panel-head h2,.service-hero-copy h1,.customer-file-card h3,.customer-report-card h3,.customer-finding-card h3,.customer-action-request h3{overflow-wrap:anywhere}
@media(max-width:1240px){.customer-service-workbench-hero.v1825{grid-template-columns:1fr}.service-next-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.service-overview-grid{grid-template-columns:1fr}.customer-service-side-v25{position:relative;top:auto}.customer-service-grid-page-v25{grid-template-columns:1fr!important}.service-command-strip.v1825{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.customer-service-workbench-hero.v1825{padding:16px;border-radius:22px;margin-top:0}.service-hero-copy h1{font-size:clamp(32px,11vw,46px)}.service-hero-copy p{font-size:13px}.service-chipline span{width:100%;justify-content:space-between}.service-next-card{padding:15px;border-radius:19px}.service-next-actions,.service-command-strip.v1825,.delivery-metric-row,.service-checklist-v25,.customer-wizard-steps-v25{grid-template-columns:1fr}.customer-service-tabs-v25{position:relative;top:auto;margin-bottom:10px}.service-command-strip.v1825 article{padding:13px;border-radius:17px}.service-command-strip.v1825 strong{font-size:26px}.service-alert-row.v1825{grid-template-columns:1fr}.service-overview-main,.customer-wizard-step-v25{padding:12px;border-radius:17px}.service-workflow-line div{grid-template-columns:32px 1fr;padding:9px;border-radius:14px}.service-workflow-line i{width:32px;height:32px;border-radius:11px}.customer-panel-head{display:grid}.requirements-score{width:100%;height:auto;min-height:66px}.delivery-metric-row article{padding:12px}.delivery-metric-row b{font-size:24px}.customer-service-side-v25 .support-ready{display:none}.customer-report-card-actions,.customer-file-card{display:grid;gap:8px}.customer-report-card-actions .customer-gradient-button,.customer-report-card-actions .customer-ghost-button,.customer-file-card .customer-gradient-button,.customer-file-card .customer-ghost-button{width:100%}}

/* Xensec v1.8.26 — Dashboard + Services Hub polish */
.customer-portal-map-v26{margin:18px 0}.portal-map-grid-v26{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.portal-map-card-v26{position:relative;overflow:hidden;min-height:118px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(145deg,rgba(14,24,45,.86),rgba(8,13,28,.84));padding:14px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:start}.portal-map-card-v26:before{content:"";position:absolute;inset:-1px;background:radial-gradient(220px circle at 15% 0%,rgba(39,224,255,.13),transparent 56%),radial-gradient(200px circle at 90% 10%,rgba(139,77,255,.13),transparent 52%);opacity:.72;pointer-events:none}.portal-map-card-v26>*{position:relative;z-index:1}.portal-map-card-v26>span{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:rgba(39,224,255,.10);border:1px solid rgba(39,224,255,.18);color:#8df5ff;font-weight:950}.portal-map-card-v26 b{display:block;margin:2px 0 5px;font-size:15px}.portal-map-card-v26 small{display:block;color:#9fb0c9;line-height:1.42;font-weight:760}.portal-map-card-v26 em{font-style:normal;min-width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.10);font-weight:950;font-size:12px}.portal-map-card-v26:hover{transform:translateY(-2px);border-color:rgba(39,224,255,.38)}.portal-map-card-v26.green>span{background:rgba(40,242,157,.10);border-color:rgba(40,242,157,.20);color:#98ffd3}.portal-map-card-v26.pink>span{background:rgba(236,61,216,.10);border-color:rgba(236,61,216,.22);color:#ffd5fb}.portal-map-card-v26.violet>span,.portal-map-card-v26.purple>span{background:rgba(139,77,255,.13);border-color:rgba(139,77,255,.25);color:#d8c5ff}.portal-map-card-v26.blue>span{background:rgba(20,124,255,.12);border-color:rgba(20,124,255,.24);color:#b7d6ff}
.customer-service-hub-hero-v26{position:relative;overflow:hidden}.service-hub-hero-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.service-hub-hero-links a{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);color:#cdeeff;border-radius:999px;padding:8px 11px;font-weight:900;text-decoration:none}.service-hub-commandbar-v26{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end;margin:16px 0}.service-hub-search-form{display:grid;gap:8px}.service-hub-search-form label{color:#8df5ff;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:950}.service-hub-search-form>div{display:flex;gap:9px;align-items:center}.service-hub-search-form input{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(4,9,20,.62);color:#fff;padding:0 14px;font-weight:850;outline:none}.service-hub-search-form input:focus{border-color:rgba(39,224,255,.44);box-shadow:0 0 0 4px rgba(39,224,255,.08)}.service-hub-mini-stats{display:grid;grid-template-columns:repeat(3,96px);gap:10px}.service-hub-mini-stats article{border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.045);padding:10px;text-align:center}.service-hub-mini-stats span{display:block;color:#97a9c7;font-size:11px;font-weight:900}.service-hub-mini-stats b{display:block;color:#fff;font-size:24px;letter-spacing:-.04em;margin-top:2px}.service-hub-state-tabs-v26{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:16px 0}.service-hub-state-tabs-v26 a{text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.095);border-radius:18px;background:linear-gradient(145deg,rgba(14,24,45,.72),rgba(8,13,28,.70));padding:13px;display:grid;gap:4px;min-height:92px}.service-hub-state-tabs-v26 a.active{border-color:rgba(39,224,255,.42);box-shadow:0 0 0 1px rgba(39,224,255,.10),0 20px 60px rgba(39,224,255,.07);background:linear-gradient(145deg,rgba(39,224,255,.12),rgba(139,77,255,.10))}.service-hub-state-tabs-v26 a.warning.active{border-color:rgba(255,206,85,.44)}.service-hub-state-tabs-v26 a.danger.active{border-color:rgba(255,87,111,.42)}.service-hub-state-tabs-v26 b{font-size:26px;letter-spacing:-.05em;line-height:1}.service-hub-state-tabs-v26 span{font-weight:950}.service-hub-state-tabs-v26 small{color:#93a2bd;font-weight:760;line-height:1.3}.customer-service-category-list-v26{grid-template-columns:repeat(6,minmax(0,1fr))}.customer-attention-strip-v26{margin-top:16px}.service-hub-flow-v26{margin:16px 0}.service-hub-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.service-hub-flow-steps article{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.04);padding:14px;display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center}.service-hub-flow-steps article:after{content:"";position:absolute;right:-30px;top:-38px;width:110px;height:110px;border-radius:999px;background:rgba(39,224,255,.06)}.service-hub-flow-steps i{position:relative;z-index:1;width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);font-style:normal;font-weight:950}.service-hub-flow-steps b,.service-hub-flow-steps span{position:relative;z-index:1;display:block}.service-hub-flow-steps span{color:#9fb0c9;font-size:12px;font-weight:800;margin-top:3px}.service-hub-flow-steps article.active{border-color:rgba(39,224,255,.30);background:rgba(39,224,255,.065)}.service-hub-flow-steps article.warning{border-color:rgba(255,206,85,.32);background:rgba(255,206,85,.07)}.service-hub-flow-steps article.done i{background:rgba(40,242,157,.10);border-color:rgba(40,242,157,.22);color:#98ffd3}.customer-service-hub-workspace-v26{margin-top:16px}.service-hub-card-v26{display:grid;align-content:start}.service-hub-card-v26.payment_issue{border-color:rgba(255,87,111,.26)}.service-hub-card-v26.needs_action{border-color:rgba(255,206,85,.28)}.service-hub-card-v26.delivered{border-color:rgba(40,242,157,.22)}.service-card-nextline-v26{border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.04);padding:10px 12px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.service-card-nextline-v26 span{color:#8df5ff;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:950}.service-card-nextline-v26 b{font-size:13px;color:#fff;text-align:right}.customer-gradient-button.compact,.customer-ghost-button.compact{min-height:42px}.customer-gradient-button.mini,.customer-ghost-button.mini{padding:8px 11px;border-radius:12px;font-size:12px}
@media(max-width:1320px){.portal-map-grid-v26{grid-template-columns:repeat(3,minmax(0,1fr))}.service-hub-state-tabs-v26{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-service-category-list-v26{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.service-hub-commandbar-v26{grid-template-columns:1fr}.service-hub-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-map-grid-v26{grid-template-columns:repeat(2,minmax(0,1fr))}.service-hub-flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.portal-map-grid-v26,.service-hub-state-tabs-v26,.customer-service-category-list-v26,.service-hub-flow-steps{grid-template-columns:1fr}.portal-map-card-v26{min-height:0}.service-hub-search-form>div{display:grid}.service-hub-mini-stats{grid-template-columns:1fr 1fr 1fr}.service-hub-mini-stats article{padding:9px 6px}.service-hub-mini-stats b{font-size:20px}.service-card-nextline-v26{display:grid}.service-card-nextline-v26 b{text-align:left}}

/* v1.8.27 — Delivery + Evidence Polish */
.delivery-hero-v27,.evidence-hero-v27{position:relative;overflow:hidden;border-radius:30px}.delivery-hero-v27:after,.evidence-hero-v27:after{content:"";position:absolute;right:-80px;top:-90px;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(39,224,255,.18),rgba(139,77,255,.08) 45%,transparent 70%);pointer-events:none}.delivery-command-grid-v27,.evidence-command-grid-v27{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.delivery-command-card,.evidence-command-card-v27{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.095);border-radius:22px;background:linear-gradient(145deg,rgba(14,24,45,.86),rgba(8,13,28,.82));padding:18px;box-shadow:0 18px 55px rgba(0,0,0,.2)}.delivery-command-card:before,.evidence-command-card-v27:before{content:"";position:absolute;right:-35px;top:-38px;width:110px;height:110px;border-radius:999px;background:rgba(39,224,255,.12);filter:blur(4px)}.delivery-command-card.action-needed:before{background:rgba(255,206,85,.17)}.delivery-command-card.follow-up:before{background:rgba(255,87,111,.15)}.delivery-command-card span,.evidence-command-card-v27 span{position:relative;z-index:1;display:block;color:#8df5ff;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:1000}.delivery-command-card strong,.evidence-command-card-v27 strong{position:relative;z-index:1;display:block;color:#fff;font-size:36px;line-height:1;margin:10px 0 8px;letter-spacing:-.045em}.delivery-command-card p,.evidence-command-card-v27 p{position:relative;z-index:1;color:var(--c-muted);margin:0;line-height:1.45}.delivery-command-card a{position:relative;z-index:1;display:inline-flex;margin-top:12px;color:#dff9ff;font-weight:1000}.customer-tabs-v27{scroll-margin-top:110px}.delivery-board-v27{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0 18px}.delivery-stage-card-v27{border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.035);padding:14px;min-height:126px}.delivery-stage-card-v27 span{display:block;color:#e9f4ff;font-weight:1000}.delivery-stage-card-v27 strong{display:block;color:#fff;font-size:30px;letter-spacing:-.04em;margin:7px 0}.delivery-stage-card-v27 p{margin:0;color:var(--c-muted);font-size:12px;line-height:1.42}.delivery-stage-card-v27.warning{border-color:rgba(255,206,85,.25);background:rgba(255,206,85,.065)}.delivery-stage-card-v27.green{border-color:rgba(40,242,157,.24);background:rgba(40,242,157,.055)}.delivery-stage-card-v27.violet{border-color:rgba(139,77,255,.24);background:rgba(139,77,255,.06)}.delivery-stage-card-v27.pink{border-color:rgba(255,87,111,.22);background:rgba(255,87,111,.055)}.delivery-grid-v27,.evidence-grid-page-v27{align-items:start}.delivery-panel-v27,.evidence-panel-v27{overflow:hidden}.delivery-service-board-v27{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.delivery-service-card-v27{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.025));padding:16px;display:grid;gap:11px}.delivery-service-card-v27:after{content:"";position:absolute;right:-45px;top:-55px;width:145px;height:145px;border-radius:999px;background:rgba(39,224,255,.08);pointer-events:none}.delivery-service-card-v27.stage-waiting_customer{border-color:rgba(255,206,85,.25);background:linear-gradient(145deg,rgba(255,206,85,.07),rgba(255,255,255,.025))}.delivery-service-card-v27.stage-ready{border-color:rgba(40,242,157,.24);background:linear-gradient(145deg,rgba(40,242,157,.065),rgba(255,255,255,.025))}.delivery-service-card-v27.stage-follow_up{border-color:rgba(255,87,111,.22);background:linear-gradient(145deg,rgba(255,87,111,.055),rgba(255,255,255,.025))}.delivery-card-top-v27{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px}.delivery-card-top-v27 span,.ticket-attachment-card-v27 span{display:inline-flex;width:max-content;max-width:100%;color:#8df5ff;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:1000;border:1px solid rgba(39,224,255,.22);background:rgba(39,224,255,.075);border-radius:999px;padding:6px 8px}.delivery-card-top-v27 em{color:#c5d8f4;font-size:11px;font-style:normal;font-weight:950;text-transform:capitalize}.delivery-service-card-v27 h3,.ticket-attachment-card-v27 h3{position:relative;z-index:1;margin:0;color:#fff;overflow-wrap:anywhere}.delivery-service-card-v27 p,.ticket-attachment-card-v27 p{position:relative;z-index:1;margin:0;color:var(--c-muted);line-height:1.5}.delivery-progress-v27{position:relative;z-index:1;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035);padding:10px}.delivery-progress-v27 div{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.delivery-progress-v27 b{color:#fff}.delivery-progress-v27 small{color:var(--c-muted);font-weight:1000}.delivery-progress-v27 i{display:block;height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.delivery-progress-v27 em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--c-cyan),var(--c-purple));transition:width .2s ease}.delivery-mini-stats-v27{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.delivery-mini-stats-v27 span{border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.035);padding:8px;text-align:center;color:var(--c-muted);font-size:11px;font-weight:850}.delivery-mini-stats-v27 b{display:block;color:#fff;font-size:15px}.action-request-list-v27{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.action-request-v27{padding:16px;border-radius:22px}.action-request-v27.open{border-color:rgba(255,206,85,.28);background:linear-gradient(145deg,rgba(255,206,85,.07),rgba(255,255,255,.03))}.delivery-response-preview-v27{border:1px solid rgba(40,242,157,.18);border-radius:15px;background:rgba(40,242,157,.055);padding:10px;margin-top:10px}.delivery-response-preview-v27 b{display:block;color:#b9ffdd;margin-bottom:4px}.delivery-response-preview-v27 p{margin:0;color:#dce8ff}.delivery-deliverables-grid-v27,.ticket-attachment-grid-v27{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.report-card-v27,.delivery-file-card-v27,.ticket-attachment-card-v27{min-height:0}.ticket-attachment-card-v27{border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.04);padding:15px;display:grid;gap:8px}.ticket-attachment-card-v27 small{color:var(--c-muted)}.delivery-side-v27 .customer-panel,.evidence-side-v27 .customer-panel{scroll-margin-top:110px}.evidence-mini-stack-v27 a,.evidence-group-stack-v27 a{border-color:rgba(39,224,255,.12)}.findings-mini-v27 .customer-finding-card{padding:12px}.delivery-timeline-v27{max-height:520px;overflow:auto;padding-right:2px}.delivery-timeline-v27 article h3{margin:0 0 4px;color:#fff;font-size:14px}.delivery-timeline-v27 article p{margin:0 0 5px;color:var(--c-muted);line-height:1.42}.evidence-filter-panel-v27{margin:16px 0}.evidence-filter-form-v27{display:grid;grid-template-columns:1.2fr .9fr .7fr auto auto;gap:10px;align-items:end}.evidence-filter-form-v27 label{margin:0}.evidence-filter-form-v27 label span{display:block;color:var(--c-muted);font-weight:900;margin-bottom:6px}.evidence-filter-form-v27 input,.evidence-filter-form-v27 select{border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(0,0,0,.24);color:#fff;padding:12px 13px;width:100%}.evidence-type-chips-v27{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.evidence-type-chips-v27 a{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);color:#dbe8ff;border-radius:999px;padding:9px 11px;font-weight:950}.evidence-type-chips-v27 a.active{border-color:rgba(39,224,255,.35);background:rgba(39,224,255,.11);color:#fff}.evidence-type-chips-v27 b{min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:12px}.evidence-file-grid-v27{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-file-card-v27 .customer-document-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.evidence-file-card-v27 .customer-document-meta em{font-style:normal;color:#aecaee;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:999px;padding:7px 9px;font-size:11px;font-weight:900}.evidence-guide-v27,.evidence-warning-v27{background:linear-gradient(145deg,rgba(14,24,45,.86),rgba(8,13,28,.84))}.evidence-guide-v27>span,.evidence-warning-v27>span{display:inline-flex;color:#8df5ff;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:1000}.evidence-guide-v27 h2,.evidence-warning-v27 h2{margin:7px 0;color:#fff}.evidence-warning-v27 p{color:var(--c-muted);line-height:1.55}.evidence-guidance-list-v27{display:grid;gap:8px;margin-top:10px}.evidence-guidance-list-v27 div{border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.035);padding:10px}.evidence-guidance-list-v27 b{display:block;color:#fff;margin-bottom:4px}.evidence-guidance-list-v27 small{display:block;color:var(--c-muted);line-height:1.4}.evidence-empty-v27{grid-column:1/-1}
@media(max-width:1260px){.delivery-command-grid-v27,.evidence-command-grid-v27{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-board-v27{grid-template-columns:repeat(3,minmax(0,1fr))}.delivery-service-board-v27,.action-request-list-v27,.delivery-deliverables-grid-v27,.ticket-attachment-grid-v27,.evidence-file-grid-v27{grid-template-columns:1fr}.evidence-filter-form-v27{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.delivery-command-grid-v27,.evidence-command-grid-v27,.delivery-board-v27,.evidence-filter-form-v27{grid-template-columns:1fr}.delivery-command-card strong,.evidence-command-card-v27 strong{font-size:30px}.delivery-service-card-v27,.action-request-v27{border-radius:18px;padding:13px}.delivery-mini-stats-v27{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-card-top-v27{align-items:flex-start;flex-direction:column}.delivery-card-top-v27 span{width:100%;justify-content:center}.evidence-type-chips-v27{flex-wrap:nowrap;overflow:auto;padding-bottom:4px}.evidence-type-chips-v27 a{white-space:nowrap}.delivery-timeline-v27{max-height:none}.delivery-hero-v27,.evidence-hero-v27{border-radius:24px}}

/* v1.8.28 — Tickets + Updates + Activity Polish */
.ticket-command-hero,.ticket-create-hero,.ticket-detail-hero-v28,.updates-command-hero,.activity-command-hero{margin-bottom:18px}.support-command-grid,.activity-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 16px}.support-command-card,.activity-command-grid article{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:linear-gradient(145deg,rgba(18,31,65,.80),rgba(10,14,33,.72));padding:18px;box-shadow:0 18px 54px rgba(0,0,0,.24)}.support-command-card:before,.activity-command-grid article:before{content:"";position:absolute;inset:-1px;background:radial-gradient(340px circle at 10% 0%,rgba(39,224,255,.14),transparent 55%);pointer-events:none}.support-command-card>* , .activity-command-grid article>*{position:relative}.support-command-card span,.activity-command-grid span{display:block;color:#9feeff;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:950}.support-command-card strong,.activity-command-grid strong{display:block;color:#fff;font-size:42px;letter-spacing:-.06em;margin:8px 0 4px}.support-command-card p{color:#9baac3;font-size:13px;line-height:1.55;margin:0 0 14px}.support-command-card a,.activity-command-grid a{color:#7cf3ff;font-weight:950;text-decoration:none}.support-command-card.hot{border-color:rgba(214,42,255,.28)}.support-command-card.amber{border-color:rgba(255,206,85,.30)}.support-command-card.violet{border-color:rgba(139,77,255,.32)}.ticket-template-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 16px}.ticket-template-strip a,.ticket-template-list a{border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));padding:15px;text-decoration:none;color:#fff;display:grid;gap:6px;transition:transform .18s ease,border-color .18s ease}.ticket-template-strip a:hover,.ticket-template-list a:hover{transform:translateY(-2px);border-color:rgba(39,224,255,.34)}.ticket-template-strip span,.ticket-template-list small{color:#9feeff;text-transform:uppercase;letter-spacing:.10em;font-size:10px;font-weight:950}.ticket-template-strip b,.ticket-template-list b{font-size:14px;line-height:1.35}.ticket-template-strip small{color:#9baac3;font-weight:850}.ticket-status-tabs-v28{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:16px}.ticket-status-tabs-v28 a{min-height:74px}.ticket-filter-panel{margin-bottom:16px}.ticket-filter-form{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(170px,.8fr) minmax(140px,.7fr) auto auto;gap:12px;align-items:end}.ticket-filter-form label{display:grid;gap:7px}.ticket-filter-form label span{color:#9feeff;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:950}.ticket-filter-form input,.ticket-filter-form select{width:100%;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(3,8,20,.55);color:#fff;padding:12px 13px;outline:none}.ticket-card-grid-v28{grid-template-columns:repeat(3,minmax(0,1fr))}.ticket-card-v28{min-height:220px}.ticket-card-v28.unread{border-color:rgba(214,42,255,.42);box-shadow:0 22px 70px rgba(0,0,0,.34),0 0 34px rgba(214,42,255,.10)}.ticket-card-v28.urgent,.ticket-card-v28.high{border-color:rgba(255,206,85,.32)}.ticket-micro-row{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 2px}.ticket-micro-row span{border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.045);padding:6px 9px;color:#aebbd3;font-size:11px;font-weight:850}.ticket-create-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.ticket-create-side{display:grid;gap:14px;position:sticky;top:96px}.ticket-context-v28{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}.ticket-context-actions{display:flex;gap:10px;flex-wrap:wrap}.ticket-template-list{display:grid;gap:10px}.ticket-detail-hero-v28 .customer-hero-status-card strong{text-transform:none}.ticket-status-timeline-v28{margin-bottom:18px}.ticket-thread-layout-v28{align-items:start}.ticket-thread-panel{overflow:hidden}.ticket-thread-v28{display:grid;gap:14px}.ticket-message.system .ticket-bubble{border-color:rgba(139,77,255,.25);background:rgba(139,77,255,.08)}.ticket-side-v28{display:grid;gap:14px}.ticket-close-form{margin-top:12px}.customer-ghost-button.full{width:100%;justify-content:center}.updates-switch-v28{margin-bottom:16px}.notification-pills-v28{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-bottom:16px}.notification-pills-v28 a{min-height:74px}.updates-layout-v28{align-items:start}.update-card-v28{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.update-card-v28>a{display:grid;grid-template-columns:48px 1fr;gap:13px}.update-card-v28>a>span{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:rgba(39,224,255,.10);color:#9feeff;font-weight:950}.update-card-v28.unread{border-color:rgba(214,42,255,.42)}.update-card-v28.billing>a>span{background:rgba(45,255,155,.10);color:#92ffd0}.update-card-v28.security>a>span{background:rgba(255,206,85,.10);color:#ffe2a3}.update-card-v28.files>a>span{background:rgba(20,124,255,.12);color:#8ddcff}.update-card-v28.action>a>span{background:rgba(255,206,85,.12);color:#ffe2a3}.notification-card-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.changelog-entry-v28{border-radius:22px}.activity-command-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.activity-filter-pills{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:0 0 16px}.activity-filter-pills a{border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.045);padding:13px;text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px}.activity-filter-pills a.active{border-color:rgba(39,224,255,.42);background:rgba(39,224,255,.10);box-shadow:0 0 32px rgba(39,224,255,.10)}.activity-filter-pills b{font-size:13px}.activity-filter-pills span{min-width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#9feeff;font-weight:950;font-size:12px}.activity-layout-v28{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.activity-side-v28{display:grid;gap:14px;position:sticky;top:96px}.activity-date-group{display:grid;gap:10px;margin-bottom:18px}.activity-date-group>h3{margin:0;color:#9feeff;text-transform:uppercase;letter-spacing:.14em;font-size:12px}.activity-timeline-v28{gap:10px}.activity-event-v28{position:relative}.activity-event-v28.hot{border-color:rgba(255,206,85,.35);box-shadow:0 0 28px rgba(255,206,85,.08)}.activity-event-v28 i{font-style:normal}.activity-event-v28 em{display:inline-flex;margin-top:8px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.045);padding:5px 9px;color:#9baac3;font-style:normal;font-size:11px;font-weight:850}.activity-event-v28.billing i{background:rgba(45,255,155,.10);color:#92ffd0}.activity-event-v28.security i{background:rgba(255,206,85,.10);color:#ffe2a3}.activity-event-v28.files i{background:rgba(20,124,255,.12);color:#8ddcff}.activity-event-v28.support i{background:rgba(214,42,255,.10);color:#f6a8ff}.updates-summary-grid-v28{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1180px){.support-command-grid,.activity-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-template-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-status-tabs-v28,.notification-pills-v28,.activity-filter-pills{grid-template-columns:repeat(3,minmax(0,1fr))}.ticket-card-grid-v28{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-create-layout,.activity-layout-v28{grid-template-columns:1fr}.ticket-create-side,.activity-side-v28{position:relative;top:auto}.ticket-filter-form{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.support-command-grid,.activity-command-grid,.ticket-template-strip,.ticket-status-tabs-v28,.notification-pills-v28,.activity-filter-pills,.ticket-card-grid-v28{grid-template-columns:1fr}.ticket-filter-form{grid-template-columns:1fr}.ticket-context-v28,.update-card-v28{grid-template-columns:1fr;display:grid}.notification-card-actions{justify-content:flex-start}.update-card-v28>a{grid-template-columns:40px 1fr}.update-card-v28>a>span{width:40px;height:40px;border-radius:14px}.support-command-card strong,.activity-command-grid strong{font-size:34px}}

/* v1.8.29 Billing + Account Polish */
.customer-billing-hero-v29{align-items:stretch}.billing-health-orb{min-width:230px;border:1px solid rgba(148,163,184,.20);border-radius:28px;background:radial-gradient(circle at 30% 0%,rgba(39,224,255,.18),transparent 52%),rgba(15,23,42,.58);padding:22px;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 0 40px rgba(39,224,255,.06)}.billing-health-orb span,.customer-billing-tabs span,.billing-explainer-card span,.billing-mini-timeline>span,.account-command-card span{color:#67e8f9;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:950}.billing-health-orb strong{display:block;margin:8px 0 2px;font-size:44px;letter-spacing:-.055em;color:#f8fbff}.billing-health-orb small{color:#9fb0c8;font-weight:850}.billing-health-orb.good{border-color:rgba(52,211,153,.26)}.billing-health-orb.warn{border-color:rgba(251,191,36,.36);background:radial-gradient(circle at 30% 0%,rgba(251,191,36,.18),transparent 52%),rgba(15,23,42,.58)}.billing-clarity-grid-v29{grid-template-columns:1.35fr repeat(3,.8fr)}.billing-attention-strip-v29{display:flex;align-items:center;justify-content:space-between;gap:14px}.billing-attention-strip-v29 a{color:#fde68a;font-weight:950;text-decoration:none;border:1px solid rgba(251,191,36,.28);border-radius:999px;padding:8px 12px;background:rgba(251,191,36,.09)}.customer-billing-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:9px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(7,12,28,.72);backdrop-filter:blur(16px)}.customer-billing-tabs a{display:flex;align-items:center;gap:9px;text-decoration:none;color:#dce7ff;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.045);padding:9px 12px;font-weight:950}.customer-billing-tabs a.active{border-color:rgba(39,224,255,.34);background:rgba(39,224,255,.10);color:#fff}.customer-billing-tabs b{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff}.billing-layout-v29{align-items:start}.billing-workspace-panel{overflow:hidden}.billing-service-list-v29{gap:11px}.billing-service-row-v29{grid-template-columns:minmax(0,1fr) 170px 118px;position:relative;overflow:hidden}.billing-service-row-v29:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:rgba(148,163,184,.32)}.billing-service-row-v29.good:before{background:linear-gradient(#34d399,#22d3ee)}.billing-service-row-v29.warning:before{background:linear-gradient(#fbbf24,#f97316)}.billing-service-row-v29.danger:before{background:linear-gradient(#fb7185,#ef4444)}.billing-service-mainline{min-width:0}.billing-service-datebox{border:1px solid rgba(148,163,184,.14);border-radius:16px;background:rgba(15,23,42,.44);padding:10px}.billing-service-actions{display:grid;gap:8px}.billing-service-actions a{display:grid;place-items:center;min-height:36px;border-radius:12px;border:1px solid rgba(103,232,249,.18);background:rgba(103,232,249,.07);color:#67e8f9!important;font-weight:950}.subscription-stack-v29{display:grid}.subscription-card-v29{border-left:4px solid rgba(52,211,153,.62)}.subscription-card-v29.ending{border-left-color:rgba(251,191,36,.7)}.order-table-v29 .customer-order-table span{display:inline-flex;align-items:center;border:1px solid rgba(103,232,249,.22);border-radius:999px;background:rgba(103,232,249,.08);padding:5px 8px;color:#dffaff;font-size:11px;font-weight:950;text-transform:uppercase}.billing-side-v29{display:grid;gap:14px}.billing-profile-card p,.billing-explainer-card p,.billing-mini-timeline p{color:#aab8cf;font-weight:750;line-height:1.55}.billing-explainer-card ul{margin:8px 0 0;padding-left:18px;color:#b7c4d8;font-weight:720;line-height:1.7}.billing-timeline-list{display:grid;gap:8px}.billing-timeline-list div{border:1px solid rgba(148,163,184,.14);border-radius:14px;background:rgba(15,23,42,.45);padding:10px}.billing-timeline-list div.good{border-color:rgba(52,211,153,.22)}.billing-timeline-list div.warning{border-color:rgba(251,191,36,.28)}.billing-timeline-list b{display:block;color:#fff;font-size:13px;line-height:1.35}.billing-timeline-list small{display:block;margin-top:4px;color:#94a3b8;font-weight:760;line-height:1.35}

.account-hero-v29{align-items:stretch}.account-profile-mini-v29{align-self:center}.account-command-grid-v29{display:grid;grid-template-columns:1.1fr repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}.account-command-card{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.16);border-radius:22px;background:linear-gradient(145deg,rgba(15,23,42,.72),rgba(30,41,59,.36));padding:16px;text-decoration:none;color:#f8fbff;box-shadow:0 18px 55px rgba(0,0,0,.20)}.account-command-card:after{content:"";position:absolute;right:-80px;bottom:-110px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(103,232,249,.12),transparent 60%)}.account-command-card strong{display:block;margin:8px 0 4px;font-size:clamp(26px,4vw,38px);letter-spacing:-.055em;color:#fff}.account-command-card small{display:block;color:#9fb0c8;font-weight:800;line-height:1.45}.account-command-card.score{border-color:rgba(103,232,249,.28);background:linear-gradient(135deg,rgba(14,165,233,.19),rgba(168,85,247,.14))}.account-settings-tabs-v29{grid-template-columns:repeat(5,minmax(0,1fr))!important}.account-settings-stack-v29{gap:15px}.account-profile-grid-v29{align-items:stretch}.account-status-card-v29{align-content:start}.account-inline-actions-v29{display:flex;gap:8px;flex-wrap:wrap}.account-inline-actions-v29 a{display:inline-flex;align-items:center;min-height:34px;padding:8px 11px;border-radius:999px;border:1px solid rgba(103,232,249,.18);background:rgba(103,232,249,.07);color:#bdf7ff;text-decoration:none;font-weight:950;font-size:12px}.account-login-meta-v29{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(148,163,184,.14);border-radius:15px;background:rgba(15,23,42,.45);padding:10px 12px}.account-login-meta-v29 span{color:#91a0bb;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.account-login-meta-v29 b{color:#f8fbff;font-size:13px;text-align:right}.account-preference-grid-v29{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.account-preference-card-v29{text-decoration:none;color:#f8fbff;transition:transform .16s ease,border-color .16s ease}.account-preference-card-v29:hover{transform:translateY(-2px);border-color:rgba(103,232,249,.30)!important}.account-preference-card-v29 b{font-size:17px}.account-preference-card-v29 small{color:#9fb0c8;font-weight:760;line-height:1.45}.account-preference-card-v29 span{color:#67e8f9;font-weight:950}.customer-status-pill.good{border-color:rgba(52,211,153,.25);color:#86efac;background:rgba(52,211,153,.08)}.customer-status-pill.warn{border-color:rgba(251,191,36,.25);color:#fde68a;background:rgba(251,191,36,.08)}

@media(max-width:1100px){.billing-clarity-grid-v29,.account-command-grid-v29,.account-preference-grid-v29{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-service-row-v29{grid-template-columns:1fr}.account-settings-tabs-v29{grid-template-columns:repeat(3,minmax(0,1fr))!important}.customer-billing-hero-v29,.account-hero-v29{display:grid}.billing-health-orb{min-width:0}}
@media(max-width:720px){.billing-clarity-grid-v29,.account-command-grid-v29,.account-preference-grid-v29{grid-template-columns:1fr}.customer-billing-tabs,.account-settings-tabs-v29{display:flex!important;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.customer-billing-tabs::-webkit-scrollbar,.account-settings-tabs-v29::-webkit-scrollbar{display:none}.billing-attention-strip-v29{display:grid}.billing-service-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-health-orb strong{font-size:34px}.account-command-card{padding:13px;border-radius:17px}.account-login-meta-v29{display:grid}.account-login-meta-v29 b{text-align:left}.customer-billing-tabs a{flex:0 0 auto}.account-settings-tabs-v29 a{flex:0 0 auto}}

/* Xensec v1.8.30 — Security Center Final Polish */
.security-center-v30{gap:18px}.security-hero-v30{grid-template-columns:minmax(0,1fr) 300px}.security-score-v30{display:grid;place-items:center}.security-score-meter-v30{position:relative;width:100%;height:10px;margin:12px 0 4px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.security-score-meter-v30 i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#22d3ee,#34d399);box-shadow:0 0 24px rgba(34,211,238,.26)}.security-jumpbar-v30{position:sticky;top:10px;z-index:12;display:flex;gap:8px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(8,10,22,.74);box-shadow:0 16px 50px rgba(0,0,0,.22);backdrop-filter:blur(18px);overflow-x:auto;scrollbar-width:none}.security-jumpbar-v30::-webkit-scrollbar{display:none}.security-jumpbar-v30 a{white-space:nowrap;text-decoration:none;color:#c9d6ec;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:999px;padding:9px 12px;font-weight:950;font-size:12px;letter-spacing:.01em;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.security-jumpbar-v30 a:hover{transform:translateY(-1px);border-color:rgba(128,244,255,.28);background:rgba(128,244,255,.08);color:#fff}.security-command-grid-v30{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.security-command-card-v30{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;min-height:162px;padding:16px;border:1px solid rgba(255,255,255,.095);border-radius:22px;background:linear-gradient(145deg,rgba(17,24,39,.72),rgba(20,15,42,.58));box-shadow:0 18px 55px rgba(0,0,0,.22)}.security-command-card-v30:before{content:"";position:absolute;inset:-40% -25% auto 35%;height:130px;background:radial-gradient(circle,rgba(128,244,255,.14),transparent 68%);pointer-events:none}.security-command-card-v30 span,.security-command-card-v30 strong,.security-command-card-v30 p,.security-command-card-v30 a{position:relative;z-index:1}.security-command-card-v30 span{color:#80f4ff;text-transform:uppercase;letter-spacing:.1em;font-weight:950;font-size:11px}.security-command-card-v30 strong{color:#fff;font-size:22px;line-height:1.05}.security-command-card-v30 p{margin:0;color:#9eb0ca;line-height:1.45;font-weight:760;font-size:13px}.security-command-card-v30 a{margin-top:auto;color:#e9fbff;text-decoration:none;font-weight:950;font-size:13px}.security-command-card-v30.good{border-color:rgba(34,197,94,.22)}.security-command-card-v30.warn{border-color:rgba(251,191,36,.24)}.security-focus-grid-v30{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);gap:14px}.security-next-action-v30{position:relative;overflow:hidden}.security-check-grid-v30{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.security-check-tile-v30{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:start;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.035);text-decoration:none;color:inherit;transition:transform .18s ease,border-color .18s ease,background .18s ease}.security-check-tile-v30:hover{transform:translateY(-1px);border-color:rgba(167,139,250,.35);background:rgba(255,255,255,.055)}.security-check-tile-v30>span{display:grid;place-items:center;width:34px;height:34px;border-radius:13px;font-weight:950}.security-check-tile-v30.done>span{background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.24);color:#86efac}.security-check-tile-v30.todo>span{background:rgba(251,191,36,.14);border:1px solid rgba(251,191,36,.24);color:#fde68a}.security-check-tile-v30 b{display:block;color:#fff;font-size:14px;line-height:1.25}.security-check-tile-v30 small{display:block;margin-top:3px;color:#9eb0ca;line-height:1.35;font-size:12px}.security-status-panel-v30{height:max-content}.security-snapshot-list-v30{display:grid;gap:10px}.security-snapshot-list-v30 div{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035)}.security-snapshot-list-v30 span{display:block;color:#95a9c5;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:950}.security-snapshot-list-v30 b{display:block;margin-top:4px;color:#fff;font-size:15px}.security-snapshot-list-v30 small{display:block;margin-top:3px;color:#8ea1bd;line-height:1.35}.security-process-strip-v30{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px}.security-process-strip-v30 div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035);color:#9eb0ca;font-size:12px;font-weight:900}.security-process-strip-v30 b{display:grid;place-items:center;width:24px;height:24px;border-radius:9px;background:rgba(255,255,255,.06);color:#cdd7ec}.security-process-strip-v30 .active{border-color:rgba(251,191,36,.24);background:rgba(251,191,36,.07);color:#fff}.security-process-strip-v30 .done{border-color:rgba(34,197,94,.24);background:rgba(34,197,94,.07);color:#fff}.security-process-strip-v30 .done b{background:rgba(34,197,94,.16);color:#86efac}.security-safe-note-v30{display:grid;gap:4px;padding:12px;border:1px solid rgba(128,244,255,.16);border-radius:16px;background:linear-gradient(135deg,rgba(128,244,255,.07),rgba(124,58,237,.055))}.security-safe-note-v30 b{color:#eaffff;font-size:13px}.security-safe-note-v30 span{color:#9fb3d1;font-size:12px;line-height:1.45}.security-session-grid-v30{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}.security-safe-note-v30.session-note{position:sticky;top:74px}.security-toggle-list-v30{box-shadow:none}.security-phrase-set-v30{border-color:rgba(34,197,94,.18);background:linear-gradient(135deg,rgba(34,197,94,.07),rgba(15,23,42,.38))}.security-phrase-set-v30 span{display:inline-flex;margin-top:8px;padding:6px 9px;border-radius:999px;border:1px solid rgba(34,197,94,.18);background:rgba(34,197,94,.08);color:#bbf7d0;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.07em}.security-privacy-list-v30{max-height:420px;overflow:auto;padding-right:2px}.security-center-v30 .customer-panel,.security-center-v30 .customer-compact-card,.security-center-v30 .customer-session-card{scroll-margin-top:82px}.security-center-v30 .customer-panel-head .customer-ghost-button{white-space:nowrap}@media(max-width:1180px){.security-command-grid-v30{grid-template-columns:repeat(2,minmax(0,1fr))}.security-focus-grid-v30,.security-session-grid-v30{grid-template-columns:1fr}.security-safe-note-v30.session-note{position:relative;top:auto}.security-hero-v30{grid-template-columns:1fr}}@media(max-width:760px){.security-center-v30{gap:12px}.security-jumpbar-v30{position:relative;top:auto;border-radius:16px;padding:7px}.security-jumpbar-v30 a{padding:8px 10px;font-size:11px}.security-command-grid-v30,.security-check-grid-v30,.security-process-strip-v30{grid-template-columns:1fr}.security-command-card-v30{min-height:auto;border-radius:18px;padding:14px}.security-command-card-v30 strong{font-size:19px}.security-focus-grid-v30{gap:12px}.security-center-v30 .customer-panel-head.compact-head{gap:10px}.security-center-v30 .customer-panel-head .customer-gradient-button,.security-center-v30 .customer-panel-head .customer-ghost-button{width:100%;justify-content:center}.security-score-meter-v30{height:8px}.security-snapshot-list-v30 div,.security-check-tile-v30{border-radius:14px}.security-session-grid-v30{gap:10px}}

/* Xensec v1.8.31 — Tools + Addons Conversion Polish */
.tools-conversion-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:16px 0;
}
.tool-task-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  align-items:start;
  border:1px solid rgba(255,255,255,.09);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(109,40,217,.08));
  padding:15px;
  box-shadow:0 18px 60px rgba(0,0,0,.16);
}
.tool-task-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 0 0,rgba(35,217,255,.13),transparent 35%),radial-gradient(circle at 100% 0,rgba(214,56,255,.11),transparent 34%);
  pointer-events:none;
}
.tool-task-card>*{position:relative;}
.tool-task-card>span{
  display:inline-grid;
  place-items:center;
  min-width:42px;
  height:34px;
  padding:0 9px;
  border-radius:14px;
  border:1px solid rgba(35,217,255,.20);
  background:rgba(35,217,255,.10);
  color:#a5f3fc;
  font-size:12px;
  font-weight:950;
}
.tool-task-card b{display:block;margin-bottom:5px;letter-spacing:-.025em;}
.tool-task-card small{display:block;color:rgba(245,247,255,.62);line-height:1.45;font-weight:700;}
.tool-task-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.tool-task-actions button,.tool-task-actions a{
  appearance:none;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:#e5f8ff;
  padding:8px 11px;
  font-size:12px;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
}
.tool-task-actions button{background:linear-gradient(135deg,rgba(35,217,255,.18),rgba(142,53,255,.20));}
.tool-card-copy strong{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-top:10px;
  border:1px solid rgba(35,217,255,.16);
  border-radius:999px;
  background:rgba(35,217,255,.07);
  color:#9cf6ff;
  padding:5px 8px;
  font-size:10px;
  font-style:normal;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.tool-conversion-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  margin:0 0 14px;
  border:1px solid rgba(35,217,255,.16);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(35,217,255,.08),rgba(142,53,255,.12));
  padding:16px;
  box-shadow:0 18px 60px rgba(0,0,0,.16);
}
.tool-conversion-panel span{
  display:inline-flex;
  margin-bottom:7px;
  color:#67e8f9;
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.tool-conversion-panel h3{margin:0 0 5px;font-size:1.12rem;letter-spacing:-.035em;}
.tool-conversion-panel p{margin:0;color:rgba(245,247,255,.66);line-height:1.55;font-weight:750;}
.tool-conversion-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;}
.tool-conversion-panel.conversion-pop{animation:xensecConversionPop .34s ease both;}
@keyframes xensecConversionPop{0%{transform:translateY(3px);filter:brightness(.9)}100%{transform:translateY(0);filter:brightness(1)}}
.addons-chooser-panel{
  margin:16px 0;
  border:1px solid rgba(255,255,255,.10);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(10,17,37,.82),rgba(35,20,70,.52));
  padding:18px;
  box-shadow:0 22px 70px rgba(0,0,0,.18);
}
.addons-chooser-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:16px;align-items:end;margin-bottom:14px;}
.addons-chooser-head h2{margin:6px 0 6px;font-size:1.4rem;letter-spacing:-.045em;}
.addons-chooser-head p{margin:0;color:rgba(245,247,255,.62);line-height:1.55;font-weight:750;}
.addons-search-field{
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:17px;
  background:rgba(6,8,18,.34);
  padding:11px 13px;
}
.addons-search-field span{color:#67e8f9;font-weight:950;}
.addons-search-field input{width:100%;border:0;background:transparent;color:#fff;outline:0;font-weight:800;}
.addons-search-field input::placeholder{color:rgba(245,247,255,.42);}
.addons-chooser-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.addons-chooser-grid button{
  appearance:none;
  text-align:left;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:rgba(255,255,255,.045);
  color:#fff;
  padding:13px;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.addons-chooser-grid button:hover,.addons-chooser-grid button.active{transform:translateY(-2px);border-color:rgba(35,217,255,.28);background:rgba(35,217,255,.085);}
.addons-chooser-grid b{display:block;margin-bottom:4px;font-size:.92rem;letter-spacing:-.02em;}
.addons-chooser-grid small{display:block;color:rgba(245,247,255,.58);line-height:1.4;font-weight:750;}
.addon-dashboard-card[hidden]{display:none;}
.addons-plan-helper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px;}
.addons-plan-helper article{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.045);padding:13px;}
.addons-plan-helper b{display:block;margin-bottom:5px;color:#fff;}
.addons-plan-helper small{color:rgba(245,247,255,.58);line-height:1.45;font-weight:740;}
@media(max-width:1180px){
  .tools-conversion-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .addons-chooser-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:860px){
  .tool-conversion-panel,.addons-chooser-head{grid-template-columns:1fr;}
  .tool-conversion-actions{justify-content:flex-start;}
  .addons-plan-helper{grid-template-columns:1fr;}
}
@media(max-width:680px){
  .tools-conversion-strip,.addons-chooser-grid{grid-template-columns:1fr;}
  .tool-task-card{grid-template-columns:1fr;}
  .tool-conversion-actions .customer-button,.tool-conversion-actions .customer-ghost-button{width:100%;justify-content:center;}
}

/* XENSEC_PATCH_START:v1.8.60c-dashboard-summary-tabs-display-fix */
/* Compact customer dashboard summary tabs on /tickets and /services. */

/* Tickets: top command summary cards */
.support-command-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 12px 0 14px !important;
}
.support-command-card {
    min-height: 0 !important;
    border-radius: 18px !important;
    padding: 14px 16px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto auto !important;
    align-items: center !important;
    gap: 3px 12px !important;
}
.support-command-card span {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    letter-spacing: .11em !important;
}
.support-command-card strong {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    font-size: 28px !important;
    line-height: 1 !important;
    text-align: right !important;
    margin: 0 !important;
}
.support-command-card p {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    min-width: 0 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    color: var(--c-muted) !important;
}
.support-command-card a {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    margin-top: 4px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

/* Tickets: Open / Waiting / Unread status tabs */
.ticket-status-tabs-v28,
.customer-ticket-tabs.ticket-status-tabs-v28 {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 12px 0 14px !important;
}
.ticket-status-tabs-v28 a,
.customer-ticket-tabs.ticket-status-tabs-v28 a {
    min-height: 56px !important;
    border-radius: 16px !important;
    padding: 10px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}
.ticket-status-tabs-v28 a span,
.customer-ticket-tabs.ticket-status-tabs-v28 a span {
    min-width: 0 !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
}
.ticket-status-tabs-v28 a b,
.customer-ticket-tabs.ticket-status-tabs-v28 a b {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 12px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

/* Services: All / Needs input / In review / Billing status tabs */
.service-hub-state-tabs-v26 {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 12px 0 14px !important;
}
.service-hub-state-tabs-v26 a {
    min-height: 58px !important;
    border-radius: 16px !important;
    padding: 10px 12px !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 1px !important;
}
.service-hub-state-tabs-v26 a b {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 12px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 16px !important;
    line-height: 1 !important;
    margin: 0 !important;
}
.service-hub-state-tabs-v26 a span {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
}
.service-hub-state-tabs-v26 a small {
    grid-column: 2 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    color: var(--c-muted) !important;
}

/* Services: category cards below the status tabs */
.customer-service-category-list-v26 {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 10px 0 16px !important;
}
.customer-service-category-list-v26 .customer-service-category-pill {
    min-height: 66px !important;
    border-radius: 16px !important;
    padding: 10px 12px !important;
    gap: 10px !important;
}
.customer-service-category-list-v26 .customer-service-category-pill .pill-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 13px !important;
    flex: 0 0 36px !important;
}
.customer-service-category-list-v26 .customer-service-category-pill b {
    font-size: 15px !important;
    line-height: 1.1 !important;
}
.customer-service-category-list-v26 .customer-service-category-pill small {
    font-size: 11px !important;
    line-height: 1.2 !important;
}
.customer-service-category-list-v26 .customer-service-category-pill em {
    font-size: 12px !important;
    white-space: nowrap !important;
}

@media (max-width: 1280px) {
    .support-command-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .ticket-status-tabs-v28,
    .customer-ticket-tabs.ticket-status-tabs-v28,
    .service-hub-state-tabs-v26 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
    .customer-service-category-list-v26 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 760px) {
    .support-command-grid,
    .ticket-status-tabs-v28,
    .customer-ticket-tabs.ticket-status-tabs-v28,
    .service-hub-state-tabs-v26,
    .customer-service-category-list-v26 {
        display: flex !important;
        overflow-x: auto !important;
        gap: 10px !important;
        padding-bottom: 6px !important;
        scroll-snap-type: x proximity !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .support-command-grid > *,
    .ticket-status-tabs-v28 > *,
    .customer-ticket-tabs.ticket-status-tabs-v28 > *,
    .service-hub-state-tabs-v26 > *,
    .customer-service-category-list-v26 > * {
        flex: 0 0 220px !important;
        scroll-snap-align: start !important;
    }
    .ticket-status-tabs-v28 > *,
    .customer-ticket-tabs.ticket-status-tabs-v28 > *,
    .service-hub-state-tabs-v26 > * {
        flex-basis: 168px !important;
    }
    .support-command-card strong {
        font-size: 24px !important;
    }
}
/* XENSEC_PATCH_END:v1.8.60c-dashboard-summary-tabs-display-fix */

/* XENSEC-CUSTOMER-MOBILE-NAV-CLEANUP:START */
.customer-pwa-bottom-nav,
.customer-pwa-bottom-nav * {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.customer-portal-body .customer-mobile-dock {
  display: none !important;
}

@media (max-width: 860px) {
  body.customer-portal-body,
  body.xensec-pwa-page-service {
    padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.customer-portal-body .customer-content,
  body.xensec-pwa-page-service .customer-content {
    padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.customer-menu-open {
    overflow: hidden !important;
  }

  body.customer-portal-body .customer-sidebar {
    width: min(84vw, 360px) !important;
    max-width: 360px !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    z-index: 1200 !important;
    border-right: 1px solid rgba(132, 156, 220, .22) !important;
    background:
      radial-gradient(circle at 20% 0%, rgba(35, 217, 255, .13), transparent 34%),
      linear-gradient(180deg, rgba(5, 12, 28, .98), rgba(3, 7, 18, .94)) !important;
    box-shadow: 0 0 0 999px rgba(0, 0, 0, .58), 24px 0 80px rgba(0, 0, 0, .44) !important;
    overflow: hidden !important;
  }

  body.customer-portal-body .customer-sidebar:not(.open) {
    box-shadow: none !important;
  }

  body.customer-portal-body .customer-sidebar-inner {
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: calc(22px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.customer-portal-body .customer-nav a {
    min-height: 48px !important;
    font-size: 15px !important;
  }

  body.customer-portal-body .customer-topbar {
    z-index: 900 !important;
  }

  .xensec-pwa-install-card,
  .xensec-pwa-refresh-card {
    bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .xensec-pwa-service-actionbar {
    bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width: 430px) {
  body.customer-portal-body .customer-sidebar {
    width: min(86vw, 340px) !important;
  }
}
/* XENSEC-CUSTOMER-MOBILE-NAV-CLEANUP:END */

/* XENSEC-CUSTOMER-DESKTOP-SIDEBAR-STICKY-FIX:START */
@media (min-width: 861px) {
  .customer-shell {
    display: grid !important;
    grid-template-columns: 270px minmax(0, 1fr) !important;
    align-items: start !important;
    min-height: 100vh !important;
    overflow: visible !important;
  }

  .customer-sidebar {
    position: sticky !important;
    top: 0 !important;
    align-self: start !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    padding: 0 !important;
    overflow: hidden !important;
    z-index: 30 !important;
  }

  .customer-sidebar-inner {
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
  }

  .customer-content {
    min-width: 0 !important;
    overflow: visible !important;
  }

  .customer-sidebar-status,
  .customer-upgrade-card {
    flex: 0 0 auto !important;
  }
}

@media (min-width: 1181px) {
  .customer-shell {
    grid-template-columns: 285px minmax(0, 1fr) !important;
  }
}
/* XENSEC-CUSTOMER-DESKTOP-SIDEBAR-STICKY-FIX:END */

/* XENSEC-CUSTOMER-DESKTOP-SIDEBAR-FIXED-LAYOUT:START */
@media (min-width: 861px) {
  html,
  body.customer-portal-body {
    min-height: 100% !important;
    overflow-x: hidden !important;
  }

  .customer-shell {
    display: block !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    overflow: visible !important;
  }

  .customer-sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    width: 285px !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    padding: 0 !important;
    overflow: hidden !important;
    z-index: 40 !important;
    border-right: 1px solid rgba(255,255,255,.12) !important;
    background: linear-gradient(180deg,rgba(6,13,28,.98),rgba(4,8,18,.91)) !important;
  }

  .customer-sidebar-inner {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 28px 14px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    scrollbar-width: none !important;
  }

  .customer-sidebar-inner::-webkit-scrollbar {
    display: none !important;
  }

  .customer-sidebar .customer-logo,
  .customer-sidebar .customer-nav,
  .customer-sidebar .customer-sidebar-status,
  .customer-sidebar .customer-upgrade-card {
    flex: 0 0 auto !important;
  }

  .customer-sidebar .customer-sidebar-status {
    margin-top: auto !important;
  }

  .customer-main {
    margin-left: 285px !important;
    min-width: 0 !important;
    width: calc(100% - 285px) !important;
  }

  .customer-topbar {
    left: auto !important;
    right: 0 !important;
    width: 100% !important;
  }

  .customer-content {
    min-width: 0 !important;
    overflow: visible !important;
  }
}

@media (min-width: 861px) and (max-width: 1180px) {
  .customer-sidebar {
    width: 252px !important;
  }

  .customer-main {
    margin-left: 252px !important;
    width: calc(100% - 252px) !important;
  }
}

@media (max-width: 860px) {
  .customer-shell {
    display: block !important;
  }

  .customer-main {
    margin-left: 0 !important;
    width: auto !important;
  }
}
/* XENSEC-CUSTOMER-DESKTOP-SIDEBAR-FIXED-LAYOUT:END */

/* v1.8.65 - 2FA hardening UI helpers */
.customer-auth-alert,.auth-security-alert{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 14px;margin:12px 0;color:#eaf3ff;background:rgba(255,255,255,.055);font-weight:850;line-height:1.45}.customer-auth-alert.warn,.auth-security-alert.warn{border-color:rgba(255,203,85,.28);background:rgba(255,203,85,.08);color:#ffe2a0}.customer-auth-alert.danger,.auth-security-alert.danger{border-color:rgba(255,93,122,.32);background:rgba(255,93,122,.09);color:#ffd2dc}.recovery-save-actions{display:grid;gap:10px;margin:12px 0}.xensec-recovery-copybox{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(0,0,0,.22);color:#eaf6ff;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.55;resize:vertical}.recovery-save-buttons{display:flex;gap:8px;flex-wrap:wrap}.recovery-save-buttons button{min-width:112px}

/* v1.8.67 - Sensitive action re-auth */
.sensitive-reauth-layout { align-items: start; }
.reauth-card .stacked-form { display: grid; gap: 1rem; }
.reauth-card input[name="code"] { font-size: 1.2rem; letter-spacing: .18em; font-weight: 800; text-align: center; }

/* v1.8.69 Renewal & Expiry Polish */
.billing-lifecycle-alert-v69{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0}.billing-lifecycle-alert-v69 p{margin:0;flex:1}.customer-lifecycle-chip-v69{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 0;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);font-size:12px}.customer-lifecycle-chip-v69 b{color:#fff}.customer-lifecycle-chip-v69 span{color:#9fb2ce}.customer-lifecycle-chip-v69.warning{border-color:rgba(255,200,87,.35);background:rgba(255,200,87,.08)}.customer-lifecycle-chip-v69.danger{border-color:rgba(255,95,130,.35);background:rgba(255,95,130,.09)}.customer-lifecycle-chip-v69.good{border-color:rgba(97,242,165,.30);background:rgba(97,242,165,.07)}.customer-lifecycle-chip-v69.info{border-color:rgba(128,244,255,.24);background:rgba(128,244,255,.06)}.customer-billing-tabs a[href*="renewing_soon"],.customer-billing-tabs a[href*="expiring_soon"],.customer-billing-tabs a[href*="grace"]{border-color:rgba(255,200,87,.18)}@media(max-width:640px){.billing-lifecycle-alert-v69{display:block}.billing-lifecycle-alert-v69 a{display:inline-flex;margin-top:10px}.customer-lifecycle-chip-v69{align-items:flex-start;flex-direction:column}}

/* v1.8.70 Customer Setup Wizard */
.setup-polish-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;overflow:hidden;position:relative}.setup-polish-hero:after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:999px;background:rgba(124,58,237,.18);filter:blur(18px);pointer-events:none}.setup-hero-status{min-width:190px;text-align:center;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:18px;background:rgba(255,255,255,.055);position:relative;z-index:1}.setup-hero-status span{display:block;color:rgba(226,232,240,.72);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.setup-hero-status strong{display:block;font-size:38px;line-height:1;margin:10px 0;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.setup-hero-status small{color:rgba(226,232,240,.7)}.setup-hero-status.warn{border-color:rgba(245,158,11,.28)}.setup-hero-status.ok{border-color:rgba(34,197,94,.28)}.setup-hero-status.hot{border-color:rgba(244,63,94,.28)}.setup-wizard-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:start}.setup-service-picker{position:sticky;top:18px}.setup-service-list{display:grid;gap:10px}.setup-service-item{display:block;text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);border-radius:18px;padding:14px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.setup-service-item:hover,.setup-service-item.active{transform:translateY(-1px);border-color:rgba(167,139,250,.48);background:rgba(124,58,237,.15)}.setup-service-item span,.setup-service-item small{display:block;color:rgba(226,232,240,.68);font-size:12px}.setup-service-item b{display:block;margin:4px 0;font-size:14px}.setup-wizard-main{display:grid;gap:18px}.setup-steps-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.setup-step{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:12px;background:rgba(255,255,255,.04)}.setup-step b{display:grid;place-items:center;width:30px;height:30px;border-radius:12px;background:rgba(255,255,255,.08)}.setup-step span{font-weight:800;font-size:13px}.setup-step.done b{background:rgba(34,197,94,.2);color:#bbf7d0}.setup-step.active b{background:rgba(124,58,237,.24);color:#ddd6fe}.setup-step-tabs{margin:14px 0 18px}.setup-form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}.setup-form-actions.bottom{justify-content:space-between}.setup-evidence-form{margin-bottom:16px}.setup-upload-grid{margin-top:14px}.setup-review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.setup-answer-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.setup-answer-review{border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.045);padding:14px}.setup-answer-review span{display:block;color:rgba(226,232,240,.65);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.setup-answer-review p{margin:7px 0 0;color:rgba(255,255,255,.9);line-height:1.55}.setup-answer-review.empty{opacity:.72}.setup-answer-review.empty p{color:rgba(226,232,240,.5)}
@media (max-width: 980px){.setup-polish-hero{display:grid}.setup-hero-status{width:100%;min-width:0}.setup-wizard-layout{grid-template-columns:1fr}.setup-service-picker{position:relative;top:auto}.setup-service-list{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-steps-bar,.setup-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-answer-review-grid{grid-template-columns:1fr}}
@media (max-width: 560px){.setup-service-list,.setup-steps-bar,.setup-review-grid{grid-template-columns:1fr}.setup-form-actions,.setup-form-actions.bottom{display:grid}.setup-form-actions>*{width:100%;justify-content:center}}

/* v1.8.73 Passkeys / WebAuthn foundation */
.passkey-auth-block{display:grid;gap:.55rem;margin:1rem 0;padding:1rem;border:1px solid rgba(139,92,246,.24);border-radius:18px;background:rgba(139,92,246,.08);text-align:center}.passkey-auth-block small{color:rgba(226,232,240,.72)}.passkey-auth-block small.ok{color:#6ee7b7}.passkey-auth-block small.error{color:#fda4af}.passkey-auth-block small.warn{color:#fde68a}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:rgba(226,232,240,.6);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:rgba(148,163,184,.18)}.security-passkey-panel label{display:grid;gap:.4rem;margin:.8rem 0;color:rgba(226,232,240,.8);font-size:.88rem}.security-passkey-panel input{width:100%;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:rgba(15,23,42,.72);color:#f8fafc;padding:.85rem 1rem}.passkey-list{display:grid;gap:.75rem;margin-top:1rem}.passkey-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:rgba(15,23,42,.48)}.passkey-row div{display:grid;gap:.2rem}.passkey-row small{color:rgba(226,232,240,.62)}.passkeys-unsupported [data-passkey-register],.passkeys-unsupported [data-passkey-auth]{opacity:.55}@media(max-width:720px){.passkey-row{align-items:flex-start;flex-direction:column}.passkey-row form,.passkey-row button{width:100%}}

/* v1.8.74 notification preference polish */
.notification-pref-hero .customer-hero-status-card strong{letter-spacing:-.05em}.notification-policy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.notification-policy-grid>div{position:relative;overflow:hidden;border:1px solid rgba(128,244,255,.16);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));padding:16px}.notification-policy-grid b{display:block;color:#fff;margin-bottom:6px}.notification-policy-grid small{display:block;color:var(--customer-muted,#9fb2ce);line-height:1.55}.notification-policy-grid em{display:inline-block;margin-top:12px;border:1px solid rgba(128,244,255,.22);border-radius:999px;padding:5px 9px;color:#9ff2ff;font-style:normal;font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.customer-preference-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.notification-channel-head,.notification-channel-minihead{display:grid;grid-template-columns:minmax(240px,1fr) 108px 108px 92px;gap:10px;align-items:center;color:var(--customer-muted,#9fb2ce);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;padding:0 14px 10px}.notification-channel-list{display:grid;gap:10px}.notification-channel-list.compact{gap:8px}.notification-channel-row{display:grid;grid-template-columns:minmax(240px,1fr) 108px 108px 92px;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.035);padding:14px}.notification-channel-row.critical{background:linear-gradient(135deg,rgba(39,224,255,.07),rgba(188,53,255,.045))}.notification-channel-row.locked{border-color:rgba(128,244,255,.18)}.notification-channel-title b,.notification-channel-row span b{display:block;color:#fff;margin-bottom:4px}.notification-channel-title small,.notification-channel-row span small{display:block;color:var(--customer-muted,#9fb2ce);line-height:1.45}.channel-pill,.customer-toggle-badge{justify-self:start;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;border-radius:999px;border:1px solid rgba(128,244,255,.18);background:rgba(128,244,255,.08);color:#9ff2ff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-style:normal}.channel-pill.required,.customer-toggle-badge.required{border-color:rgba(84,255,177,.25);background:rgba(84,255,177,.08);color:#a9ffd9}.channel-pill.muted,.customer-toggle-badge.muted{border-color:rgba(255,255,255,.10);background:rgba(255,255,255,.035);color:#8fa2bf}.notification-channel-row .customer-switch{justify-self:start}.split-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}.static-list span{display:block;border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:10px 12px;background:rgba(255,255,255,.035);color:#dceaff;font-weight:800}.compact-notification-feed{display:grid;gap:10px}.compact-notification-feed a{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:10px;background:rgba(255,255,255,.035);text-decoration:none;color:inherit}.compact-notification-feed a>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(128,244,255,.09);color:#9ff2ff}.compact-notification-feed b{display:block;color:#fff;font-size:13px}.compact-notification-feed small{display:block;color:var(--customer-muted,#9fb2ce);font-size:11px;margin-top:3px}@media(max-width:960px){.customer-preference-layout{grid-template-columns:1fr}.notification-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-channel-head,.notification-channel-minihead{display:none}.notification-channel-row{grid-template-columns:1fr;gap:10px}.notification-channel-row .customer-switch,.channel-pill,.customer-toggle-badge{justify-self:start}.notification-channel-row:before{content:'Dashboard on · Email control · Push future';font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--customer-muted,#9fb2ce);font-weight:900}}@media(max-width:560px){.notification-policy-grid{grid-template-columns:1fr}.split-actions .customer-gradient-button,.split-actions .customer-ghost-button{width:100%;justify-content:center}}

/* v1.8.75 Customer Dashboard Compact Command Center */
.customer-compact-shell,
.customer-next-command,
.customer-compact-overview-grid,
.customer-compact-grid,
.customer-compact-services,
.customer-compact-more {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}
.customer-compact-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: stretch;
    margin-bottom: 18px;
}
.customer-compact-welcome {
    padding: 28px;
    border: 1px solid rgba(129, 140, 248, .18);
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(10, 18, 36, .92), rgba(20, 18, 56, .76));
    box-shadow: 0 22px 70px rgba(0, 0, 0, .28);
    overflow: hidden;
    position: relative;
}
.customer-compact-welcome::after {
    content: '';
    position: absolute;
    width: 260px;
    height: 260px;
    right: -110px;
    top: -150px;
    background: radial-gradient(circle, rgba(52, 211, 153, .24), transparent 64%);
    pointer-events: none;
}
.customer-compact-welcome h1 {
    margin: 12px 0 8px;
    font-size: clamp(2.1rem, 4vw, 4.4rem);
    letter-spacing: -.065em;
    line-height: .92;
}
.customer-compact-welcome p {
    margin: 0;
    max-width: 660px;
    color: var(--muted);
    font-size: .98rem;
}
.customer-compact-status {
    min-width: 176px;
    padding: 24px;
    border-radius: 28px;
    border: 1px solid rgba(77, 208, 255, .22);
    background: linear-gradient(145deg, rgba(3, 10, 24, .88), rgba(16, 31, 62, .72));
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    box-shadow: 0 18px 55px rgba(0, 0, 0, .24);
}
.customer-compact-status span {
    color: #86f7ff;
    text-transform: uppercase;
    font-size: .68rem;
    letter-spacing: .16em;
    font-weight: 900;
}
.customer-compact-status strong {
    display: block;
    font-size: 3rem;
    line-height: .95;
    letter-spacing: -.06em;
    margin: 8px 0;
}
.customer-compact-status small { color: var(--muted); font-weight: 800; }
.customer-compact-status.has-work { border-color: rgba(236, 72, 153, .34); }
.customer-next-command {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 20px;
    align-items: center;
    margin-bottom: 16px;
    border-radius: 28px;
    padding: 22px;
    position: relative;
    overflow: hidden;
}
.customer-next-command::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 10% 0%, rgba(47, 212, 255, .16), transparent 38%), radial-gradient(circle at 92% 100%, rgba(212, 47, 255, .16), transparent 34%);
    pointer-events: none;
}
.customer-next-command > * { position: relative; z-index: 1; }
.next-command-icon {
    width: 62px;
    height: 62px;
    border-radius: 22px;
    display: grid;
    place-items: center;
    font-weight: 1000;
    font-size: 1.7rem;
    color: #06101d;
    background: linear-gradient(135deg, #30c8ff, #d432ff);
    box-shadow: 0 14px 38px rgba(47, 212, 255, .24);
}
.next-command-copy span {
    display: block;
    color: #86f7ff;
    text-transform: uppercase;
    letter-spacing: .16em;
    font-weight: 1000;
    font-size: .68rem;
    margin-bottom: 5px;
}
.next-command-copy h2 {
    margin: 0 0 4px;
    letter-spacing: -.035em;
    font-size: clamp(1.35rem, 2vw, 2.1rem);
}
.next-command-copy p { margin: 0; color: var(--muted); max-width: 680px; }
.next-command-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.customer-compact-overview-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 16px;
}
.customer-compact-card {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 112px;
    padding: 18px;
    border-radius: 24px;
    border: 1px solid rgba(148, 163, 184, .16);
    background: rgba(8, 15, 31, .68);
    text-decoration: none;
    color: var(--text);
    box-shadow: 0 16px 44px rgba(0, 0, 0, .22);
}
.customer-compact-card > span {
    width: 44px;
    height: 44px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: rgba(47, 212, 255, .12);
    color: #82f5ff;
    font-weight: 1000;
}
.customer-compact-card small,
.customer-compact-card em {
    display: block;
    color: var(--muted);
    font-style: normal;
    font-size: .78rem;
    font-weight: 800;
}
.customer-compact-card strong {
    display: block;
    color: #fff;
    font-size: 1.9rem;
    line-height: 1;
    margin: 4px 0 3px;
    letter-spacing: -.04em;
}
.customer-compact-card.violet > span { background: rgba(168, 85, 247, .16); color: #d8b4fe; }
.customer-compact-card.pink > span { background: rgba(236, 72, 153, .16); color: #f9a8d4; }
.customer-compact-card.green > span { background: rgba(52, 211, 153, .14); color: #9bf2cf; }
.customer-compact-card.blue > span { background: rgba(59, 130, 246, .15); color: #bfdbfe; }
.customer-compact-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr);
    gap: 16px;
    margin-bottom: 16px;
}
.compact-head { margin-bottom: 14px; }
.compact-head h2 { font-size: 1.25rem; }
.customer-compact-feed,
.customer-compact-actions,
.customer-compact-services,
.customer-compact-more {
    border-radius: 26px;
}
.customer-compact-feed-list { display: grid; gap: 10px; }
.customer-compact-feed-list a,
.compact-service-row,
.customer-compact-more-grid a,
.customer-compact-downloads {
    display: flex;
    gap: 12px;
    align-items: center;
    text-decoration: none;
    color: var(--text);
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 18px;
    background: rgba(15, 23, 42, .54);
    padding: 12px;
}
.customer-compact-feed-list i {
    width: 34px;
    height: 34px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: #86f7ff;
    background: rgba(47, 212, 255, .12);
    font-style: normal;
    font-weight: 1000;
}
.customer-compact-feed-list strong,
.compact-service-row strong,
.customer-compact-more-grid b { display: block; font-size: .94rem; }
.customer-compact-feed-list small,
.compact-service-row small,
.customer-compact-more-grid small {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--muted);
    font-size: .78rem;
    line-height: 1.4;
}
.customer-compact-empty {
    padding: 18px;
    border-radius: 20px;
    background: rgba(15, 23, 42, .46);
    border: 1px dashed rgba(148, 163, 184, .18);
}
.customer-compact-empty p { margin: 6px 0 0; color: var(--muted); }
.customer-compact-action-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.customer-compact-action-grid a {
    min-height: 86px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    color: #fff;
    border: 1px solid rgba(77, 208, 255, .16);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(14, 26, 49, .82), rgba(18, 15, 45, .72));
    padding: 14px;
}
.customer-compact-action-grid span { color: #86f7ff; font-weight: 1000; }
.customer-compact-downloads { margin-top: 12px; color: var(--muted); justify-content: center; }
.customer-compact-downloads b { color: #fff; }
.customer-compact-service-list { display: grid; gap: 10px; }
.compact-service-row { justify-content: space-between; }
.compact-service-row span {
    color: #dbeafe;
    border: 1px solid rgba(148, 163, 184, .16);
    background: rgba(255, 255, 255, .04);
    border-radius: 999px;
    padding: 7px 10px;
    font-weight: 900;
    font-size: .74rem;
    white-space: nowrap;
}
.compact-service-row.warning span { color: #fde68a; border-color: rgba(245, 158, 11, .26); background: rgba(245, 158, 11, .08); }
.compact-service-row.ok span { color: #bbf7d0; border-color: rgba(34, 197, 94, .22); background: rgba(34, 197, 94, .08); }
.compact-service-row.info span { color: #bae6fd; border-color: rgba(14, 165, 233, .22); background: rgba(14, 165, 233, .08); }
.customer-compact-more { margin-bottom: 22px; padding: 0; overflow: hidden; }
.customer-compact-more summary {
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 20px;
}
.customer-compact-more summary::-webkit-details-marker { display: none; }
.customer-compact-more summary span {
    color: #86f7ff;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-weight: 1000;
    font-size: .68rem;
}
.customer-compact-more summary b { color: #fff; }
.customer-compact-more-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 0 20px 20px;
}
.customer-compact-more-grid a span {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    border-radius: 13px;
    display: grid;
    place-items: center;
    color: #86f7ff;
    background: rgba(47, 212, 255, .1);
    font-weight: 1000;
}
@media (max-width: 980px) {
    .customer-compact-hero,
    .customer-next-command,
    .customer-compact-grid { grid-template-columns: 1fr; }
    .customer-compact-status { min-width: 0; }
    .next-command-actions { justify-content: flex-start; }
    .customer-compact-overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .customer-compact-more-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
    .customer-compact-welcome { padding: 22px; border-radius: 24px; }
    .customer-next-command { padding: 18px; border-radius: 24px; }
    .next-command-icon { width: 52px; height: 52px; border-radius: 18px; }
    .customer-compact-overview-grid,
    .customer-compact-action-grid,
    .customer-compact-more-grid { grid-template-columns: 1fr; }
    .customer-compact-card { min-height: 96px; }
    .compact-service-row { align-items: flex-start; flex-direction: column; }
    .customer-compact-more summary { align-items: flex-start; flex-direction: column; }
}

/* v1.8.76 Customer Sidebar Compact Navigation */
@media (min-width: 861px) {
    body.customer-portal-body .customer-sidebar {
        width: 268px !important;
    }
    body.customer-portal-body .customer-main {
        margin-left: 268px !important;
        width: calc(100% - 268px) !important;
    }
}
@media (min-width: 861px) and (max-width: 1180px) {
    body.customer-portal-body .customer-sidebar {
        width: 246px !important;
    }
    body.customer-portal-body .customer-main {
        margin-left: 246px !important;
        width: calc(100% - 246px) !important;
    }
}
.customer-sidebar-inner-v76 {
    gap: 12px !important;
    padding: 18px 12px !important;
}
.customer-sidebar-brand-v76 {
    display: grid;
    gap: 10px;
}
.customer-sidebar-brand-v76 .customer-logo {
    padding: 4px 8px 2px !important;
    gap: 4px !important;
}
.customer-sidebar-brand-v76 .customer-logo img {
    width: 156px !important;
}
.customer-sidebar-brand-v76 .customer-logo small {
    margin-left: 3px !important;
    font-size: 9px !important;
    opacity: .82;
}
.customer-sidebar-search-v76 {
    width: 100%;
    border: 1px solid rgba(148, 163, 184, .15);
    border-radius: 15px;
    background: linear-gradient(135deg, rgba(15, 23, 42, .78), rgba(20, 16, 48, .52));
    color: #dbeafe;
    min-height: 40px;
    padding: 0 10px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    text-align: left;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}
.customer-sidebar-search-v76 span {
    color: #83f4ff;
    font-size: 18px;
}
.customer-sidebar-search-v76 b {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.customer-sidebar-search-v76 kbd {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    padding: 3px 6px;
    color: #94a3b8;
    font-size: 10px;
    background: rgba(255, 255, 255, .04);
}
.customer-workspace-card-v76 {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 18px;
    padding: 12px;
    background: radial-gradient(circle at 0 0, rgba(39, 224, 255, .08), transparent 42%), rgba(255, 255, 255, .035);
}
.customer-workspace-card-v76 .workspace-dot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #28f29d;
    box-shadow: 0 0 18px rgba(40, 242, 157, .8);
}
.customer-workspace-card-v76.attention {
    border-color: rgba(255, 206, 85, .26);
    background: radial-gradient(circle at 0 0, rgba(255, 206, 85, .12), transparent 42%), rgba(255, 255, 255, .04);
}
.customer-workspace-card-v76.attention .workspace-dot {
    background: #ffce55;
    box-shadow: 0 0 18px rgba(255, 206, 85, .82);
}
.customer-workspace-card-v76 b,
.customer-sidebar-status-v76 b {
    display: block;
    color: #f8fbff;
    font-size: 13px;
    line-height: 1.2;
}
.customer-workspace-card-v76 small,
.customer-sidebar-status-v76 small {
    display: block;
    color: #91a4c3;
    font-size: 11px;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.customer-priority-nav-v76 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}
.customer-priority-nav-v76 a {
    min-width: 0;
    min-height: 62px;
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 16px;
    background: rgba(255, 255, 255, .035);
    color: #dbeafe;
    text-decoration: none;
    display: grid;
    place-items: center;
    gap: 4px;
    padding: 8px 4px;
    position: relative;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.customer-priority-nav-v76 a:hover,
.customer-priority-nav-v76 a.active {
    transform: translateY(-1px);
    border-color: rgba(39, 224, 255, .32);
    background: rgba(39, 224, 255, .08);
}
.customer-priority-nav-v76 span {
    color: #83f4ff;
    font-weight: 1000;
}
.customer-priority-nav-v76 b {
    font-size: 11px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.customer-priority-nav-v76 .customer-nav-badge {
    position: absolute;
    top: -6px;
    right: -6px;
}
.customer-nav-v76 {
    display: grid !important;
    gap: 8px !important;
}
.customer-nav-group-v76 {
    border: 1px solid rgba(148, 163, 184, .10);
    border-radius: 16px;
    background: rgba(255, 255, 255, .025);
    overflow: hidden;
}
.customer-nav-group-v76[open] {
    background: rgba(255, 255, 255, .035);
    border-color: rgba(148, 163, 184, .15);
}
.customer-nav-group-v76.has-active {
    border-color: rgba(39, 224, 255, .26);
    box-shadow: inset 0 0 0 1px rgba(39, 224, 255, .04);
}
.customer-nav-group-v76 summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 11px;
    color: #8fa6c9;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 10px;
    font-weight: 1000;
    user-select: none;
}
.customer-nav-group-v76 summary::-webkit-details-marker {
    display: none;
}
.customer-nav-group-v76 summary em {
    font-style: normal;
    color: #64748b;
    transition: transform .16s ease;
}
.customer-nav-group-v76[open] summary em {
    transform: rotate(180deg);
}
.customer-nav-group-links-v76 {
    display: grid;
    gap: 4px;
    padding: 0 6px 7px;
}
.customer-nav-v76 .customer-nav-group-links-v76 a {
    min-height: 42px !important;
    border-radius: 13px !important;
    padding: 8px 9px !important;
    gap: 9px !important;
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) auto !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #dbeafe !important;
    transform: none !important;
}
.customer-nav-v76 .customer-nav-group-links-v76 a:hover {
    border-color: rgba(148, 163, 184, .13) !important;
    background: rgba(255, 255, 255, .045) !important;
}
.customer-nav-v76 .customer-nav-group-links-v76 a.active {
    color: #fff !important;
    border-color: rgba(39, 224, 255, .32) !important;
    background: linear-gradient(90deg, rgba(20, 124, 255, .34), rgba(139, 77, 255, .14)) !important;
    box-shadow: inset 3px 0 0 #27e0ff, 0 14px 34px rgba(20, 124, 255, .12) !important;
}
.customer-nav-v76 .customer-nav-group-links-v76 a > span {
    width: 28px !important;
    height: 28px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .045) !important;
    color: #8df5ff !important;
    display: grid !important;
    place-items: center !important;
    font-weight: 1000;
}
.customer-nav-v76 .customer-nav-group-links-v76 a.active > span {
    background: rgba(39, 224, 255, .13) !important;
}
.customer-nav-v76 .customer-nav-group-links-v76 a div {
    min-width: 0;
}
.customer-nav-v76 .customer-nav-group-links-v76 a b {
    display: block;
    font-size: 13px;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.customer-nav-v76 .customer-nav-group-links-v76 a small {
    display: block;
    color: #8396b6;
    font-size: 10.5px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 2px;
}
.customer-nav-badge {
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    display: inline-grid !important;
    place-items: center;
    font-style: normal !important;
    font-size: 10px !important;
    font-weight: 1000 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #06101d !important;
    background: #83f4ff;
    box-shadow: 0 8px 20px rgba(39, 224, 255, .18);
}
.customer-nav-badge.calm { background: #9bf2cf; box-shadow: 0 8px 20px rgba(40, 242, 157, .16); }
.customer-nav-badge.warn { background: #ffce55; box-shadow: 0 8px 20px rgba(255, 206, 85, .18); }
.customer-nav-badge.danger { background: #ff7b9a; box-shadow: 0 8px 20px rgba(255, 95, 130, .18); }
.customer-sidebar-status-v76 {
    margin-top: auto !important;
    padding: 10px 11px !important;
    border-radius: 15px !important;
}
@media (max-width: 860px) {
    body.customer-portal-body .customer-sidebar-inner-v76 {
        padding: 16px 12px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
        gap: 11px !important;
    }
    .customer-sidebar-brand-v76 .customer-logo img {
        width: 144px !important;
    }
    .customer-sidebar-search-v76 {
        min-height: 42px;
    }
    .customer-priority-nav-v76 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .customer-priority-nav-v76 a {
        min-height: 58px;
    }
    .customer-nav-v76 .customer-nav-group-links-v76 a {
        min-height: 46px !important;
    }
    .customer-nav-v76 .customer-nav-group-links-v76 a small {
        display: none;
    }
}
@media (max-width: 430px) {
    .customer-sidebar-search-v76 kbd {
        display: none;
    }
    .customer-priority-nav-v76 b {
        font-size: 10px;
    }
}

/* v1.8.77a Services Compact Command Center */
.customer-services-command-hero .customer-compact-welcome::after {
    background: radial-gradient(circle, rgba(47, 212, 255, .22), transparent 64%);
}
.services-overview-v77 { margin-bottom: 14px; }
.services-commandbar-v77 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .78fr);
    gap: 14px;
    align-items: stretch;
    margin-bottom: 14px;
    border-radius: 26px;
}
.services-search-v77 { display: grid; gap: 9px; }
.services-search-v77 label {
    color: #86f7ff;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .68rem;
    font-weight: 1000;
}
.services-search-v77 > div {
    display: flex;
    gap: 9px;
    align-items: center;
}
.services-search-v77 input[type="search"] {
    min-width: 0;
    flex: 1;
    height: 48px;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, .15);
    background: rgba(15, 23, 42, .62);
    color: #fff;
    padding: 0 14px;
    outline: none;
}
.services-search-v77 input[type="search"]:focus {
    border-color: rgba(47, 212, 255, .38);
    box-shadow: 0 0 0 3px rgba(47, 212, 255, .08);
}
.services-quick-v77 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}
.services-quick-v77 a {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 16px;
    background: rgba(15, 23, 42, .48);
    padding: 10px;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.services-quick-v77 a:hover {
    transform: translateY(-1px);
    border-color: rgba(47, 212, 255, .28);
    background: rgba(47, 212, 255, .07);
}
.services-quick-v77 span {
    grid-row: span 2;
    width: 34px;
    height: 34px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    color: #86f7ff;
    background: rgba(47, 212, 255, .11);
    font-weight: 1000;
}
.services-quick-v77 b { font-size: .86rem; line-height: 1.05; }
.services-quick-v77 small {
    color: var(--muted);
    font-size: .72rem;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.services-filter-strip-v77 {
    display: flex;
    gap: 8px;
    margin-bottom: 14px;
    overflow-x: auto;
    scrollbar-width: none;
    padding-bottom: 2px;
}
.services-filter-strip-v77::-webkit-scrollbar { display: none; }
.services-filter-strip-v77 a {
    min-width: 118px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    text-decoration: none;
    color: #dbeafe;
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 16px;
    background: rgba(15, 23, 42, .50);
    padding: 10px 12px;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.services-filter-strip-v77 a:hover,
.services-filter-strip-v77 a.active {
    transform: translateY(-1px);
    border-color: rgba(47, 212, 255, .35);
    background: rgba(47, 212, 255, .08);
}
.services-filter-strip-v77 a.warning { border-color: rgba(245, 158, 11, .22); }
.services-filter-strip-v77 a.danger { border-color: rgba(244, 63, 94, .22); }
.services-filter-strip-v77 b {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 12px;
    color: #86f7ff;
    background: rgba(47, 212, 255, .10);
    font-size: .82rem;
}
.services-filter-strip-v77 a.warning b { color: #fde68a; background: rgba(245, 158, 11, .10); }
.services-filter-strip-v77 a.danger b { color: #fecdd3; background: rgba(244, 63, 94, .10); }
.services-filter-strip-v77 span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .79rem;
    font-weight: 900;
}
.services-category-drawer-v77 {
    margin-bottom: 14px;
    padding: 0;
    overflow: hidden;
    border-radius: 24px;
}
.services-category-drawer-v77 summary {
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
}
.services-category-drawer-v77 summary::-webkit-details-marker { display: none; }
.services-category-drawer-v77 summary span {
    color: #86f7ff;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .68rem;
    font-weight: 1000;
}
.services-category-drawer-v77 summary b { color: #fff; }
.services-category-grid-v77 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 0 18px 18px;
}
.services-category-grid-v77 a {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 16px;
    background: rgba(15, 23, 42, .48);
    padding: 11px;
}
.services-category-grid-v77 a.active {
    border-color: rgba(47, 212, 255, .38);
    background: rgba(47, 212, 255, .08);
}
.services-category-grid-v77 a.muted { opacity: .72; }
.services-category-grid-v77 span {
    grid-row: span 2;
    width: 38px;
    height: 38px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: #86f7ff;
    background: rgba(47, 212, 255, .10);
    font-weight: 1000;
}
.services-category-grid-v77 b { font-size: .9rem; }
.services-category-grid-v77 small { color: var(--muted); font-size: .75rem; }
.services-list-panel-v77 { border-radius: 26px; margin-bottom: 20px; }
.services-command-list-v77 { display: grid; gap: 11px; }
.services-row-v77 {
    display: grid;
    grid-template-columns: minmax(260px, 1.1fr) minmax(230px, .8fr) minmax(190px, .55fr) auto;
    gap: 12px;
    align-items: center;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(15, 23, 42, .66), rgba(15, 18, 39, .52));
    padding: 12px;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.services-row-v77:hover {
    transform: translateY(-1px);
    border-color: rgba(47, 212, 255, .26);
    background: linear-gradient(145deg, rgba(18, 31, 59, .72), rgba(24, 20, 52, .58));
}
.services-row-v77.warning,
.services-row-v77.needs_action,
.services-row-v77.more_info_requested { border-color: rgba(245, 158, 11, .22); }
.services-row-v77.danger,
.services-row-v77.payment_issue,
.services-row-v77.expired { border-color: rgba(244, 63, 94, .22); }
.services-row-main-v77 {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    text-decoration: none;
    color: inherit;
    min-width: 0;
}
.services-row-icon-v77 {
    width: 48px;
    height: 48px;
    border-radius: 17px;
    display: grid;
    place-items: center;
    color: #86f7ff;
    background: rgba(47, 212, 255, .11);
    font-weight: 1000;
    font-size: 1.15rem;
}
.services-row-copy-v77 { min-width: 0; }
.services-row-copy-v77 small,
.services-row-copy-v77 em {
    display: block;
    color: var(--muted);
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .75rem;
    line-height: 1.4;
}
.services-row-copy-v77 strong {
    display: block;
    color: #fff;
    font-size: 1rem;
    line-height: 1.2;
    margin: 2px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.services-row-metrics-v77 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}
.services-row-metrics-v77 span,
.services-row-lifecycle-v77 {
    min-height: 44px;
    display: grid;
    align-content: center;
    border: 1px solid rgba(148, 163, 184, .10);
    border-radius: 14px;
    background: rgba(255, 255, 255, .035);
    padding: 8px 9px;
}
.services-row-metrics-v77 b {
    color: #eaf4ff;
    font-size: .76rem;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.services-row-lifecycle-v77 {
    gap: 1px;
}
.services-row-lifecycle-v77 b,
.services-row-lifecycle-v77 span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.services-row-lifecycle-v77 b { color: #fff; font-size: .75rem; }
.services-row-lifecycle-v77 span { color: var(--muted); font-size: .72rem; }
.services-row-lifecycle-v77.warning { border-color: rgba(245, 158, 11, .25); background: rgba(245, 158, 11, .07); }
.services-row-lifecycle-v77.danger { border-color: rgba(244, 63, 94, .25); background: rgba(244, 63, 94, .07); }
.services-row-lifecycle-v77.good { border-color: rgba(52, 211, 153, .22); background: rgba(52, 211, 153, .06); }
.services-row-lifecycle-v77.info { border-color: rgba(47, 212, 255, .14); }
.services-row-actions-v77 {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.services-empty-v77 {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    border: 1px dashed rgba(148, 163, 184, .18);
    border-radius: 20px;
    background: rgba(15, 23, 42, .42);
    padding: 18px;
}
.services-empty-v77 .empty-icon {
    width: 62px;
    height: 62px;
    border-radius: 20px;
    display: grid;
    place-items: center;
    background: rgba(47, 212, 255, .10);
    color: #86f7ff;
    font-size: 1.45rem;
}
.services-empty-v77 h3 { margin: 0 0 4px; color: #fff; }
.services-empty-v77 p { margin: 0; color: var(--muted); }
@media (max-width: 1260px) {
    .services-commandbar-v77,
    .services-row-v77 { grid-template-columns: 1fr; }
    .services-row-actions-v77 { justify-content: flex-start; }
}
@media (max-width: 920px) {
    .services-category-grid-v77 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .services-row-metrics-v77 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .services-empty-v77 { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
    .services-commandbar-v77 { padding: 14px !important; }
    .services-search-v77 > div,
    .services-row-actions-v77 { display: grid; grid-template-columns: 1fr; }
    .services-search-v77 > div > *,
    .services-row-actions-v77 > * { width: 100%; justify-content: center; text-align: center; }
    .services-quick-v77,
    .services-category-grid-v77,
    .services-row-metrics-v77 { grid-template-columns: 1fr; }
    .services-filter-strip-v77 a { min-width: 104px; }
    .services-row-main-v77 { grid-template-columns: 42px minmax(0, 1fr); }
    .services-row-icon-v77 { width: 42px; height: 42px; border-radius: 15px; }
    .services-category-drawer-v77 summary { align-items: flex-start; flex-direction: column; }
}

/* v1.8.77b — Multi-page compact command center follow-up */
.page-command-v77b {
    margin-bottom: 14px;
}
.page-command-v77b .customer-back-link {
    margin-bottom: 10px;
}
.page-next-v77b {
    margin-bottom: 14px;
}
.page-overview-v77b {
    margin-bottom: 14px;
}
.page-overview-v77b .customer-compact-card {
    min-height: 112px;
}
.page-quick-actions-v77b,
.page-commandbar-v77b {
    margin-bottom: 14px;
    padding: 14px !important;
    border-radius: 24px !important;
}
.page-quick-actions-v77b {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
.page-quick-actions-v77b a {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 12px;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, .12);
    background: rgba(15, 23, 42, .46);
    color: #fff;
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.page-quick-actions-v77b a:hover {
    transform: translateY(-1px);
    border-color: rgba(47, 212, 255, .25);
    background: rgba(47, 212, 255, .07);
}
.page-quick-actions-v77b span {
    grid-row: span 2;
    width: 42px;
    height: 42px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    color: #86f7ff;
    background: rgba(47, 212, 255, .10);
    font-weight: 1000;
}
.page-quick-actions-v77b b {
    font-size: .9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page-quick-actions-v77b small {
    color: var(--muted);
    font-size: .74rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page-filter-strip-v77b,
.customer-ticket-tabs.ticket-status-tabs-v28,
.customer-service-tabs.customer-tabs-v27 {
    margin-bottom: 14px;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 2px 0 8px;
    scrollbar-width: none;
}
.page-filter-strip-v77b::-webkit-scrollbar,
.customer-ticket-tabs.ticket-status-tabs-v28::-webkit-scrollbar,
.customer-service-tabs.customer-tabs-v27::-webkit-scrollbar { display: none; }
.page-filter-strip-v77b a,
.customer-ticket-tabs.ticket-status-tabs-v28 a,
.customer-service-tabs.customer-tabs-v27 a {
    flex: 0 0 auto;
    min-width: 104px;
    padding: 10px 12px;
    border-radius: 15px;
    border: 1px solid rgba(148, 163, 184, .12);
    background: rgba(15, 23, 42, .45);
    color: var(--muted);
    text-decoration: none;
    text-align: center;
}
.page-filter-strip-v77b a.active,
.customer-ticket-tabs.ticket-status-tabs-v28 a.active,
.customer-service-tabs.customer-tabs-v27 a.active {
    border-color: rgba(47, 212, 255, .35);
    background: rgba(47, 212, 255, .08);
    color: #fff;
}
.page-filter-strip-v77b a b,
.customer-ticket-tabs.ticket-status-tabs-v28 a b {
    display: block;
    color: #fff;
    line-height: 1.15;
}
.page-filter-strip-v77b a span,
.customer-ticket-tabs.ticket-status-tabs-v28 a span {
    display: block;
    font-size: .74rem;
    color: var(--muted);
}
.page-workspace-grid-v77b {
    gap: 14px !important;
}
.page-list-panel-v77b,
.page-workspace-grid-v77b .customer-panel {
    border-radius: 24px !important;
}
.page-list-panel-v77b .customer-panel-head,
.page-workspace-grid-v77b .customer-panel-head {
    margin-bottom: 12px;
}
.page-list-panel-v77b .customer-panel-head h2,
.page-workspace-grid-v77b .customer-panel-head h2 {
    font-size: 1.12rem;
}
.page-list-panel-v77b .customer-panel-head p,
.page-workspace-grid-v77b .customer-panel-head p {
    font-size: .86rem;
}
/* Setup */
.setup-wizard-layout-v77b {
    gap: 14px;
    align-items: flex-start;
}
.setup-wizard-layout-v77b .customer-panel {
    border-radius: 24px;
}
.page-side-v77b {
    position: sticky;
    top: 88px;
}
.page-step-strip-v77b {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    padding: 12px !important;
}
.page-step-strip-v77b .setup-step {
    min-height: 62px;
    padding: 10px;
    border-radius: 15px;
    background: rgba(15, 23, 42, .42);
}
.setup-wizard-layout-v77b .customer-wizard-step {
    padding: 14px;
    border-radius: 18px;
}
.setup-wizard-layout-v77b .setup-form-actions {
    position: sticky;
    bottom: 12px;
    z-index: 10;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 18px;
    background: rgba(5, 8, 20, .84);
    backdrop-filter: blur(16px);
    padding: 10px;
}
/* Delivery */
.delivery-board-wrap-v77b {
    margin-bottom: 14px;
    padding: 0 !important;
    overflow: hidden;
    border-radius: 24px !important;
}
.delivery-board-wrap-v77b summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
}
.delivery-board-wrap-v77b summary::-webkit-details-marker { display: none; }
.delivery-board-wrap-v77b summary span,
.ticket-template-drawer-v77b summary span {
    color: #86f7ff;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .68rem;
    font-weight: 1000;
}
.delivery-board-wrap-v77b summary b,
.ticket-template-drawer-v77b summary b { color: #fff; }
.delivery-board-wrap-v77b .delivery-board-v27 {
    padding: 0 16px 16px;
    margin: 0;
}
.action-focus-v77b {
    border-color: rgba(168, 85, 247, .22) !important;
    box-shadow: 0 18px 55px rgba(88, 28, 135, .12);
}
.delivery-service-card-v27,
.customer-action-request.action-request-v27,
.customer-report-card.report-card-v27,
.customer-file-card.delivery-file-card-v27,
.customer-finding-card {
    border-radius: 18px !important;
}
.delivery-mini-stats-v27,
.customer-report-card-actions {
    gap: 8px;
}
/* Evidence */
.evidence-filter-panel-v27 .customer-panel-head {
    margin-bottom: 10px;
}
.evidence-filter-form-v27 {
    display: grid;
    grid-template-columns: 1.2fr minmax(180px, .8fr) minmax(150px, .6fr) auto auto;
    gap: 10px;
    align-items: end;
}
.evidence-type-chips-v27 {
    margin-top: 10px;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
}
.evidence-type-chips-v27::-webkit-scrollbar { display: none; }
.evidence-type-chips-v27 a {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: 8px 11px;
    border: 1px solid rgba(148, 163, 184, .12);
    background: rgba(15, 23, 42, .45);
    color: var(--muted);
    text-decoration: none;
    font-size: .78rem;
    font-weight: 800;
}
.evidence-type-chips-v27 a.active {
    color: #fff;
    border-color: rgba(47, 212, 255, .32);
    background: rgba(47, 212, 255, .08);
}
.evidence-file-card-v27,
.ticket-attachment-card-v27 {
    border-radius: 18px !important;
    padding: 14px !important;
}
/* Tickets */
.ticket-template-drawer-v77b {
    margin-bottom: 14px;
    padding: 0 !important;
    border-radius: 24px !important;
    overflow: hidden;
}
.ticket-template-drawer-v77b summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
}
.ticket-template-drawer-v77b summary::-webkit-details-marker { display: none; }
.ticket-template-drawer-v77b .ticket-template-strip {
    margin: 0;
    padding: 0 16px 16px;
}
.ticket-filter-panel.page-commandbar-v77b .ticket-filter-form {
    display: grid;
    grid-template-columns: 1.2fr minmax(190px, .8fr) minmax(160px, .6fr) auto auto;
    gap: 10px;
    align-items: end;
}
.ticket-card-grid-v28 {
    gap: 10px !important;
}
.ticket-card-v28 {
    border-radius: 18px !important;
    min-height: 0 !important;
    padding: 14px !important;
}
.ticket-card-v28 h3 {
    font-size: 1rem;
}
.ticket-card-v28 p,
.ticket-card-v28 small,
.ticket-micro-row,
.ticket-meta-row { font-size: .78rem; }
/* Updates + Activity */
.page-switch-v77b {
    margin-bottom: 14px;
    gap: 10px;
}
.page-switch-v77b a {
    min-height: 76px;
    border-radius: 18px !important;
}
.update-card-v28,
.customer-changelog-entry.compact-entry,
.activity-event-v28 {
    border-radius: 18px !important;
}
.customer-notification-list-v28.compact-feed {
    display: grid;
    gap: 10px;
}
.update-card-v28 > a {
    gap: 12px;
}
.update-card-v28 h3,
.activity-event-v28 h3 {
    font-size: .96rem !important;
}
.update-card-v28 p,
.activity-event-v28 p {
    font-size: .82rem !important;
    line-height: 1.45;
}
.compact-timeline-v77b .activity-date-group {
    margin-bottom: 14px;
}
.compact-timeline-v77b .activity-date-group h3 {
    margin: 0 0 8px;
    font-size: .82rem;
    color: #86f7ff;
    text-transform: uppercase;
    letter-spacing: .12em;
}
.compact-timeline-v77b .customer-super-timeline {
    display: grid;
    gap: 10px;
}
.customer-updates-side-panel .mini-panel,
.customer-activity-side .compact {
    border-radius: 20px !important;
}
@media (max-width: 1280px) {
    .page-quick-actions-v77b { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .evidence-filter-form-v27,
    .ticket-filter-panel.page-commandbar-v77b .ticket-filter-form { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 980px) {
    .page-side-v77b { position: static; }
    .page-step-strip-v77b { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .page-workspace-grid-v77b,
    .setup-wizard-layout-v77b { grid-template-columns: 1fr !important; }
}
@media (max-width: 680px) {
    .page-quick-actions-v77b,
    .evidence-filter-form-v27,
    .ticket-filter-panel.page-commandbar-v77b .ticket-filter-form,
    .page-step-strip-v77b { grid-template-columns: 1fr; }
    .page-quick-actions-v77b a { grid-template-columns: 38px minmax(0, 1fr); }
    .page-quick-actions-v77b span { width: 38px; height: 38px; border-radius: 14px; }
    .page-next-v77b .next-command-actions { display: grid; grid-template-columns: 1fr; width: 100%; }
    .page-next-v77b .next-command-actions > * { width: 100%; text-align: center; justify-content: center; }
    .setup-wizard-layout-v77b .setup-form-actions { grid-template-columns: 1fr; }
}


/* v1.8.77c — Account / billing / tools pages command center follow-up */
.page-command-v77c,.page-next-v77c,.page-overview-v77c,.page-quick-actions-v77c{max-width:1180px;margin-left:auto;margin-right:auto}.page-command-v77c{margin-bottom:14px}.page-next-v77c{margin-bottom:14px}.page-overview-v77c{margin-bottom:14px}.page-quick-actions-v77c{margin-bottom:14px;padding:14px!important;border-radius:24px!important}.customer-next-command-cyan .next-command-icon{background:linear-gradient(135deg,#30c8ff,#8b5cf6)}.customer-next-command-blue .next-command-icon{background:linear-gradient(135deg,#60a5fa,#22d3ee)}.customer-next-command-violet .next-command-icon{background:linear-gradient(135deg,#a855f7,#ec4899)}.customer-next-command-green .next-command-icon{background:linear-gradient(135deg,#34d399,#67e8f9)}
.customer-billing-hero-v29,.billing-clarity-grid-v29,.security-center-v30>.security-hero-v30.compact,.security-center-v30>.security-command-grid-v30,.notification-pref-hero,.notification-policy-summary,.account-hero-v29,.account-command-grid-v29,.tools-hero-v2,.tools-conversion-strip,.addons-dashboard-hero,.addons-dashboard-strip{display:none!important}.security-center-v30{display:block}.security-jumpbar-v30,.customer-settings-tabs.account-settings-tabs-v29{max-width:1180px;margin-left:auto;margin-right:auto;margin-bottom:14px}.security-focus-grid-v30,.customer-security-main-grid,.security-session-panel-v30,.customer-settings-grid.two,.customer-preference-layout,.account-settings-stack-v29,.tools-command-bar,.tools-grid-v2,.tools-workspace-v2,.tools-upsell-card,.addons-chooser-panel,.addons-dashboard-grid,.addons-plan-panel,.addons-support-card{max-width:1180px;margin-left:auto;margin-right:auto}.tools-command-bar,.addons-chooser-panel{border-radius:24px!important;padding:14px!important}.tools-grid-v2,.addons-dashboard-grid{gap:10px!important}.tool-card,.addon-dashboard-card,.addon-plan-card,.billing-service-card-v29,.billing-order-row-v29{border-radius:18px!important}.customer-preference-layout{gap:14px}.notification-preference-panel,.customer-preference-layout .customer-panel,.account-settings-stack-v29 .customer-panel{border-radius:24px!important}.notification-channel-row{border-radius:16px}.customer-billing-layout{max-width:1180px;margin-left:auto;margin-right:auto}.customer-billing-layout .customer-panel{border-radius:24px!important}.billing-alert-strip{max-width:1180px;margin-left:auto;margin-right:auto;margin-bottom:14px}.customer-compact-status.is-calm{border-color:rgba(52,211,153,.24)}.customer-compact-status.has-work strong{color:#fecdd3}.page-overview-v77c .customer-compact-card strong{font-size:clamp(1.35rem,2.4vw,2.2rem)}.page-quick-actions-v77c a span{font-size:.82rem;text-align:center}.tools-command-v77c .customer-compact-welcome::after{background:radial-gradient(circle,rgba(47,212,255,.24),transparent 64%)}.addons-command-v77c .customer-compact-welcome::after{background:radial-gradient(circle,rgba(168,85,247,.24),transparent 64%)}.billing-command-v77c .customer-compact-welcome::after{background:radial-gradient(circle,rgba(52,211,153,.22),transparent 64%)}.security-command-v77c .customer-compact-welcome::after{background:radial-gradient(circle,rgba(245,158,11,.18),transparent 64%)}
@media(max-width:1280px){.customer-preference-layout,.customer-billing-layout{grid-template-columns:1fr!important}.page-quick-actions-v77c{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.page-quick-actions-v77c{grid-template-columns:1fr}.page-next-v77c .next-command-actions{display:grid;grid-template-columns:1fr;width:100%}.page-next-v77c .next-command-actions>*{width:100%;justify-content:center;text-align:center}.security-jumpbar-v30,.customer-settings-tabs.account-settings-tabs-v29{overflow-x:auto;display:flex;gap:8px;scrollbar-width:none}.security-jumpbar-v30::-webkit-scrollbar,.customer-settings-tabs.account-settings-tabs-v29::-webkit-scrollbar{display:none}.security-jumpbar-v30 a,.customer-settings-tabs.account-settings-tabs-v29 a{flex:0 0 auto;min-width:116px}.tools-command-bar{padding:12px!important}.tools-category-strip,.addons-chooser-grid{overflow-x:auto;display:flex!important;scrollbar-width:none}.tools-category-strip::-webkit-scrollbar,.addons-chooser-grid::-webkit-scrollbar{display:none}.tools-category-pill,.addons-chooser-grid button{flex:0 0 auto;min-width:145px}}

/* v1.8.77d — Customer command layout hotfixes
   Fixes tools page shell visibility/flicker, account alignment, account notification rows and billing filters. */
@media (min-width: 861px) {
  body.customer-portal-body .customer-sidebar {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 80 !important;
  }
  body.customer-portal-body .customer-sidebar-inner,
  body.customer-portal-body .customer-sidebar-inner-v76 {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  body.customer-portal-body .customer-topbar {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 70 !important;
  }
  body.customer-portal-body .customer-content {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Tools page: keep the customer shell present and remove the reload shimmer/jump. */
.tools-command-v77c,
.tools-command-v77c ~ .customer-next-command,
.tools-command-v77c ~ .customer-compact-overview-grid,
.tools-command-v77c ~ .page-quick-actions-v77c,
.tools-command-v77c ~ .tools-command-bar,
.tools-command-v77c ~ .tools-grid-v2,
.tools-command-v77c ~ .tools-workspace-v2,
.tools-command-v77c ~ .tools-upsell-card {
  position: relative !important;
  z-index: 2 !important;
}
.tools-command-v77c ~ .tools-command-bar,
.tools-command-v77c ~ .tools-grid-v2,
.tools-command-v77c ~ .tools-workspace-v2,
.tools-command-v77c ~ .tools-upsell-card {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.tools-command-v77c ~ .tools-command-bar {
  margin-bottom: 12px !important;
  padding: 12px !important;
  border-radius: 22px !important;
  align-items: center !important;
}
.tools-command-v77c ~ .tools-grid-v2 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.tools-command-v77c ~ .tools-grid-v2 .tool-card {
  min-height: 128px !important;
  transform: none !important;
  animation: none !important;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}
.tools-command-v77c ~ .tools-grid-v2 .tool-card:hover {
  transform: none !important;
}
.tools-command-v77c ~ .tools-workspace-v2 {
  margin-top: 14px !important;
}
.tools-command-v77c ~ .tools-command-bar::before,
.tools-command-v77c ~ .tools-hero::before,
.tools-command-v77c ~ .tools-hero::after {
  animation: none !important;
  transition: none !important;
}

/* Account page: stop compact cards from vertically centering content or pushing labels to strange positions. */
.account-settings-stack-v29 .customer-panel {
  overflow: hidden !important;
}
.account-settings-stack-v29 .customer-settings-grid.two,
.account-profile-grid-v29 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
}
.account-settings-stack-v29 .customer-compact-card,
.account-settings-stack-v29 .customer-form-card.customer-compact-card {
  align-content: start !important;
  justify-content: stretch !important;
  justify-items: stretch !important;
  min-width: 0 !important;
  min-height: 0 !important;
}
.account-status-card-v29,
.account-2fa-card-v29 {
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
}
.account-status-card-v29 .customer-compact-card-head,
.account-2fa-card-v29 .customer-compact-card-head {
  align-items: center !important;
  justify-content: flex-start !important;
}
.account-status-card-v29 .customer-compact-kv {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
.account-status-card-v29 .customer-compact-kv div,
.account-2fa-card-v29 .account-login-meta-v29 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-content: stretch !important;
  min-width: 0 !important;
}
.account-status-card-v29 .customer-compact-kv dd,
.account-2fa-card-v29 .account-login-meta-v29 b {
  text-align: right !important;
  max-width: 170px !important;
  overflow-wrap: anywhere !important;
  line-height: 1.15 !important;
}
.account-inline-actions-v29 {
  justify-content: flex-start !important;
  align-items: center !important;
}

/* Account notification preview: make it a compact card list instead of a wide matrix inside a narrow account panel. */
#notifications .notification-channel-minihead {
  display: none !important;
}
#notifications .notification-channel-list.compact {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
#notifications .notification-channel-row {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 12px !important;
  min-width: 0 !important;
}
#notifications .notification-channel-row > em:first-of-type,
#notifications .notification-channel-row > em.muted {
  display: none !important;
}
#notifications .notification-channel-row .customer-switch,
#notifications .notification-channel-row .customer-toggle-badge.required {
  justify-self: end !important;
}
#notifications .split-actions {
  justify-content: flex-start !important;
}

/* Billing: keep the lifecycle filters inside the same centered content rail and wrap cleanly. */
.customer-billing-tabs {
  max-width: 1180px !important;
  margin: 0 auto 14px !important;
  padding: 10px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  overflow: visible !important;
  border-radius: 24px !important;
  box-sizing: border-box !important;
}
.customer-billing-tabs a {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  border-radius: 999px !important;
  padding: 10px 12px !important;
}
.customer-billing-tabs a span {
  white-space: nowrap !important;
}
.customer-billing-tabs a b {
  min-width: 26px !important;
  height: 26px !important;
  display: inline-grid !important;
  place-items: center !important;
}

@media (max-width: 1320px) {
  .tools-command-v77c ~ .tools-grid-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 1100px) {
  .account-settings-stack-v29 .customer-settings-grid.two,
  .account-profile-grid-v29,
  #notifications .notification-channel-list.compact {
    grid-template-columns: 1fr !important;
  }
  .account-status-card-v29 .customer-compact-kv {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 860px) {
  .tools-command-v77c ~ .tools-grid-v2 {
    grid-template-columns: 1fr !important;
  }
  .customer-billing-tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }
  .customer-billing-tabs::-webkit-scrollbar {
    display: none !important;
  }
  .customer-billing-tabs a {
    flex: 0 0 auto !important;
  }
}

/* v1.8.77e — Customer tools/security polish hotfix */
.tools-command-v77c,
.tools-command-v77c + .customer-next-command,
.tools-command-v77c + .customer-next-command + .customer-compact-overview-grid,
.tools-command-v77c + .customer-next-command + .customer-compact-overview-grid + .page-quick-actions-v77c {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.tools-command-v77c {
  display: grid !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}
.tools-command-v77c + .customer-next-command {
  display: grid !important;
  margin-bottom: 14px !important;
}
.tools-command-v77c + .customer-next-command + .customer-compact-overview-grid {
  display: grid !important;
  margin-bottom: 14px !important;
}
.tools-command-v77c + .customer-next-command + .customer-compact-overview-grid + .page-quick-actions-v77c {
  display: grid !important;
  margin-bottom: 14px !important;
}
body.customer-portal-body .customer-shell {
  grid-template-columns: 270px minmax(0,1fr) !important;
}
@media (min-width: 861px) {
  body.customer-portal-body .customer-sidebar {
    display: flex !important;
    position: sticky !important;
    left: auto !important;
    transform: none !important;
  }
  body.customer-portal-body .customer-main {
    min-width: 0 !important;
    width: auto !important;
  }
}

#recovery-codes.customer-security-action-card,
.customer-security-action-card#recovery-codes {
  text-align: center !important;
  display: grid !important;
  justify-items: center !important;
  align-content: start !important;
  gap: 14px !important;
}
#recovery-codes.customer-security-action-card > b,
.customer-security-action-card#recovery-codes > b {
  width: 100% !important;
  text-align: center !important;
}
#recovery-codes.customer-security-action-card p.muted,
.customer-security-action-card#recovery-codes p.muted {
  max-width: 560px !important;
  margin: 0 auto !important;
  text-align: center !important;
  line-height: 1.65 !important;
}
#recovery-codes .security-safe-note-v30 {
  width: min(520px, 100%) !important;
  text-align: left !important;
}
#recovery-codes .customer-compact-details {
  width: min(520px, 100%) !important;
}
#recovery-codes .customer-compact-details summary {
  justify-content: center !important;
}

.security-compact-history-v77e .customer-panel-head {
  align-items: flex-start !important;
  gap: 12px !important;
}
.security-history-actions-v77e {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.security-history-actions-v77e .customer-ghost-button {
  min-height: 38px !important;
  padding: 9px 12px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}
.compact-history-list-v77e {
  display: grid !important;
  gap: 8px !important;
  max-height: none !important;
  overflow: visible !important;
}
.compact-history-list-v77e .security-history-row {
  min-height: 0 !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
}
.compact-history-list-v77e .security-history-row b {
  font-size: 13px !important;
}
.compact-history-list-v77e .security-history-row small {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

.customer-billing-tabs {
  width: min(1180px, calc(100vw - 340px)) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  justify-content: flex-start !important;
}
@media (max-width: 1180px) {
  .customer-billing-tabs { width: 100% !important; }
}
@media (max-width: 860px) {
  body.customer-portal-body .customer-shell { display: block !important; }
  .customer-billing-tabs { width: 100% !important; }
}
@media (max-width: 720px) {
  .security-compact-history-v77e .customer-panel-head,
  .security-history-actions-v77e {
    display: grid !important;
    justify-content: stretch !important;
  }
  .security-history-actions-v77e .customer-ghost-button,
  .security-history-actions-v77e a.customer-ghost-button {
    width: 100% !important;
  }
}


/* v1.8.77f — Customer shell top alignment and compact security follow-up
   Restores a predictable desktop shell after the command-center page updates. */
@media (min-width: 861px) {
  body.customer-portal-body {
    overflow-x: hidden !important;
  }
  body.customer-portal-body .customer-shell {
    display: block !important;
    position: relative !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    align-items: start !important;
  }
  body.customer-portal-body .customer-sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    width: 268px !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    transform: none !important;
    z-index: 90 !important;
  }
  body.customer-portal-body .customer-main {
    display: block !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 0 0 268px !important;
    padding: 0 !important;
    width: calc(100% - 268px) !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    align-self: start !important;
  }
  body.customer-portal-body .customer-topbar {
    position: fixed !important;
    top: 0 !important;
    left: 268px !important;
    right: 0 !important;
    width: auto !important;
    min-height: 70px !important;
    margin: 0 !important;
    padding: 12px 24px 10px !important;
    z-index: 100 !important;
    box-sizing: border-box !important;
    transform: none !important;
    border-bottom: 1px solid rgba(148, 163, 184, .08) !important;
    background: linear-gradient(180deg, rgba(5, 9, 20, .98), rgba(5, 9, 20, .86) 78%, rgba(5, 9, 20, .64)) !important;
  }
  body.customer-portal-body .customer-flashes {
    margin: 78px 0 0 !important;
    padding: 0 24px 10px !important;
  }
  body.customer-portal-body .customer-content {
    margin: 0 !important;
    padding: 86px 24px 96px !important;
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transform: none !important;
    overflow: visible !important;
  }
  body.customer-portal-body .customer-flashes + .customer-content {
    padding-top: 12px !important;
  }
  body.customer-portal-body .customer-content > :first-child,
  body.customer-portal-body .page-command-v77b:first-child,
  body.customer-portal-body .page-command-v77c:first-child,
  body.customer-portal-body .customer-dashboard-compact-v75:first-child {
    margin-top: 0 !important;
  }
}
@media (min-width: 861px) and (max-width: 1180px) {
  body.customer-portal-body .customer-sidebar { width: 246px !important; }
  body.customer-portal-body .customer-main {
    margin-left: 246px !important;
    width: calc(100% - 246px) !important;
  }
  body.customer-portal-body .customer-topbar { left: 246px !important; }
}
@media (max-width: 860px) {
  body.customer-portal-body .customer-shell { display: block !important; }
  body.customer-portal-body .customer-main {
    margin-left: 0 !important;
    width: auto !important;
    min-height: 100vh !important;
  }
  body.customer-portal-body .customer-topbar {
    position: sticky !important;
    top: 0 !important;
  }
  body.customer-portal-body .customer-content {
    padding-top: 10px !important;
  }
}

/* Account + Security: tighter 2FA cards and shorter history panels. */
.account-2fa-card-v29,
#recovery-codes.customer-security-action-card,
.customer-security-action-card#recovery-codes {
  text-align: center !important;
  justify-items: center !important;
  align-content: start !important;
}
.account-2fa-card-v29 .customer-compact-card-head,
#recovery-codes.customer-security-action-card .customer-compact-card-head,
.customer-security-action-card#recovery-codes .customer-compact-card-head {
  width: 100% !important;
  justify-content: center !important;
  text-align: center !important;
}
.account-2fa-card-v29 p,
.account-2fa-card-v29 .muted,
#recovery-codes.customer-security-action-card p,
.customer-security-action-card#recovery-codes p {
  max-width: 560px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
.account-2fa-card-v29 .account-login-meta-v29,
.account-2fa-card-v29 .customer-compact-kv.single,
#recovery-codes .customer-compact-kv.single,
#recovery-codes .customer-compact-details,
#recovery-codes .security-safe-note-v30 {
  width: min(560px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.account-2fa-card-v29 .customer-compact-kv.single div,
#recovery-codes .customer-compact-kv.single div {
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  text-align: center !important;
}
.account-2fa-card-v29 .customer-compact-kv.single dt,
.account-2fa-card-v29 .customer-compact-kv.single dd,
#recovery-codes .customer-compact-kv.single dt,
#recovery-codes .customer-compact-kv.single dd {
  text-align: center !important;
}
.security-compact-history-v77e .customer-panel {
  align-self: start !important;
}
.security-compact-history-v77e .compact-history-list-v77e {
  gap: 8px !important;
}
.security-compact-history-v77e .compact-history-list-v77e .security-history-row:nth-of-type(n+4) {
  display: none !important;
}
.security-compact-history-v77e .customer-panel-head p {
  max-width: 620px !important;
}
.security-history-actions-v77e {
  align-self: start !important;
}
.security-history-actions-v77e .customer-ghost-button,
.security-history-actions-v77e button.customer-ghost-button {
  min-height: 36px !important;
  padding: 8px 11px !important;
}

/* v1.8.77g — Account preferences compact cleanup */
#notifications .account-email-preferences-v77g {
  display: grid !important;
  gap: 14px !important;
  padding: 18px !important;
  align-content: start !important;
}
.account-email-preferences-summary-v77g {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 4px 2px 8px !important;
  border-bottom: 1px solid rgba(148, 163, 184, .12) !important;
}
.account-email-preferences-summary-v77g b {
  display: block !important;
  color: #f8fbff !important;
  font-size: 15px !important;
  letter-spacing: -.01em !important;
}
.account-email-preferences-summary-v77g small {
  display: block !important;
  max-width: 760px !important;
  margin-top: 3px !important;
  color: var(--customer-muted, #9fb2ce) !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
}
.account-email-preferences-summary-v77g a {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(128, 244, 255, .18) !important;
  background: rgba(128, 244, 255, .07) !important;
  color: #bdf7ff !important;
  text-decoration: none !important;
  font-weight: 950 !important;
  font-size: 12px !important;
}
.account-email-preference-grid-v77g {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.account-email-preference-item-v77g {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  min-height: 78px !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(148, 163, 184, .14) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(15, 23, 42, .62), rgba(30, 41, 59, .28)) !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
.account-email-preference-item-v77g.is-locked {
  border-color: rgba(84, 255, 177, .20) !important;
  background: linear-gradient(145deg, rgba(16, 185, 129, .08), rgba(15, 23, 42, .42)) !important;
  cursor: default !important;
}
.account-email-preference-copy-v77g {
  display: block !important;
  min-width: 0 !important;
}
.account-email-preference-copy-v77g b {
  display: block !important;
  margin: 0 0 4px !important;
  color: #f8fbff !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  letter-spacing: -.01em !important;
}
.account-email-preference-copy-v77g small {
  display: block !important;
  color: var(--customer-muted, #9fb2ce) !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
  font-weight: 760 !important;
}
.account-email-preference-control-v77g {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: 70px !important;
}
.account-email-preference-control-v77g em {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(84, 255, 177, .22) !important;
  background: rgba(84, 255, 177, .08) !important;
  color: #a9ffd9 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-size: 10px !important;
  font-weight: 950 !important;
}
.account-email-actions-v77g {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding-top: 2px !important;
}
.account-email-actions-v77g p {
  margin: 0 !important;
  color: var(--customer-muted, #9fb2ce) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-weight: 760 !important;
}
.account-email-actions-v77g .customer-gradient-button {
  flex: 0 0 auto !important;
  min-width: 168px !important;
}
.account-shortcut-grid-v77g {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.account-shortcut-card-v77g {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  min-height: 92px !important;
  padding: 16px !important;
  border: 1px solid rgba(148, 163, 184, .14) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, rgba(15, 23, 42, .68), rgba(30, 41, 59, .30)) !important;
  text-decoration: none !important;
  color: inherit !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .12) !important;
  transition: transform .16s ease, border-color .16s ease, background .16s ease !important;
}
.account-shortcut-card-v77g:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(128, 244, 255, .28) !important;
  background: linear-gradient(145deg, rgba(128, 244, 255, .08), rgba(168, 85, 247, .07)) !important;
}
.account-shortcut-icon-v77g {
  width: 42px !important;
  height: 42px !important;
  border-radius: 16px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(128, 244, 255, .18) !important;
  background: rgba(128, 244, 255, .08) !important;
  color: #8ff7ff !important;
  font-weight: 950 !important;
}
.account-shortcut-copy-v77g {
  display: block !important;
  min-width: 0 !important;
}
.account-shortcut-copy-v77g b {
  display: block !important;
  color: #f8fbff !important;
  font-size: 16px !important;
  line-height: 1.1 !important;
  letter-spacing: -.015em !important;
  margin: 0 0 5px !important;
}
.account-shortcut-copy-v77g small {
  display: block !important;
  color: var(--customer-muted, #9fb2ce) !important;
  font-weight: 750 !important;
  line-height: 1.38 !important;
  font-size: 12px !important;
}
.account-shortcut-card-v77g em {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 7px 11px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(128, 244, 255, .16) !important;
  background: rgba(128, 244, 255, .08) !important;
  color: #bdf7ff !important;
  font-style: normal !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}
@media (max-width: 980px) {
  .account-email-preference-grid-v77g,
  .account-shortcut-grid-v77g {
    grid-template-columns: 1fr !important;
  }
  .account-email-preferences-summary-v77g,
  .account-email-actions-v77g {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  .account-email-actions-v77g .customer-gradient-button,
  .account-email-preferences-summary-v77g a {
    width: 100% !important;
  }
}
@media (max-width: 560px) {
  #notifications .account-email-preferences-v77g {
    padding: 14px !important;
  }
  .account-email-preference-item-v77g,
  .account-shortcut-card-v77g {
    grid-template-columns: 1fr !important;
    justify-items: start !important;
  }
  .account-email-preference-control-v77g,
  .account-shortcut-card-v77g em {
    justify-self: start !important;
  }
}

/* XENSEC v1.8.78 — Customer Portal QA + Cleanup Pass */
.customer-portal-body.customer-qa-v178,
.customer-portal-body.customer-route-dashboard,
.customer-portal-body.customer-route-services,
.customer-portal-body.customer-route-tools,
.customer-portal-body.customer-route-account,
.customer-portal-body.customer-route-billing,
.customer-portal-body.customer-route-security {
    overflow-x: hidden;
}

.customer-portal-body.customer-qa-v178 .customer-content,
.customer-portal-body[class*="customer-route-"] .customer-content {
    min-width: 0;
}

.customer-portal-body.customer-qa-v178 .customer-content > section,
.customer-portal-body.customer-qa-v178 .customer-content > div {
    max-width: min(1180px, calc(100vw - 48px));
}

.customer-portal-body.customer-qa-v178 .customer-content > .tools-workspace,
.customer-portal-body.customer-qa-v178 .customer-content > .tools-hero,
.customer-portal-body.customer-qa-v178 .customer-content > .tools-conversion-strip,
.customer-portal-body.customer-qa-v178 .customer-content > .customer-tabs,
.customer-portal-body.customer-qa-v178 .customer-content > .customer-filter-bar {
    max-width: min(1180px, calc(100vw - 48px));
    margin-left: auto;
    margin-right: auto;
}

.customer-portal-body.customer-qa-v178 .customer-empty-hidden {
    display: none !important;
}

.customer-portal-body.customer-qa-v178 .customer-panel:has(.empty-state),
.customer-portal-body.customer-qa-v178 .customer-panel:has(.customer-empty-state) {
    min-height: auto;
}

.customer-portal-body.customer-qa-v178 .customer-empty-state,
.customer-portal-body.customer-qa-v178 .empty-state,
.customer-portal-body.customer-qa-v178 .empty-card {
    border: 1px solid rgba(136, 166, 255, .14);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(14, 24, 48, .78), rgba(15, 18, 39, .72));
    padding: 22px;
    color: rgba(220, 230, 255, .82);
    text-align: left;
}

.customer-portal-body.customer-qa-v178 .customer-empty-state h2,
.customer-portal-body.customer-qa-v178 .customer-empty-state h3,
.customer-portal-body.customer-qa-v178 .empty-state h2,
.customer-portal-body.customer-qa-v178 .empty-state h3 {
    margin: 0 0 6px;
    color: #f7fbff;
    letter-spacing: -.02em;
}

.customer-portal-body.customer-qa-v178 .customer-empty-state p,
.customer-portal-body.customer-qa-v178 .empty-state p,
.customer-portal-body.customer-qa-v178 .empty-card p {
    margin: 0;
    max-width: 680px;
    color: rgba(194, 207, 231, .78);
    line-height: 1.55;
}

.customer-portal-body.customer-qa-v178 .customer-compact-hero,
.customer-portal-body.customer-qa-v178 .customer-next-command,
.customer-portal-body.customer-qa-v178 .customer-compact-overview-grid,
.customer-portal-body.customer-qa-v178 .page-quick-actions-v77b,
.customer-portal-body.customer-qa-v178 .page-quick-actions-v77c {
    max-width: min(1180px, calc(100vw - 48px));
    margin-left: auto;
    margin-right: auto;
}

.customer-portal-body.customer-qa-v178 .customer-compact-overview-grid,
.customer-portal-body.customer-qa-v178 .page-quick-actions-v77b,
.customer-portal-body.customer-qa-v178 .page-quick-actions-v77c {
    width: 100%;
}

.customer-portal-body.customer-qa-v178 .customer-filter-bar,
.customer-portal-body.customer-qa-v178 .billing-filter-strip,
.customer-portal-body.customer-qa-v178 .service-filter-tabs,
.customer-portal-body.customer-qa-v178 .ticket-filter-tabs,
.customer-portal-body.customer-qa-v178 .activity-filter-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

.customer-portal-body.customer-qa-v178 .customer-filter-bar > *,
.customer-portal-body.customer-qa-v178 .billing-filter-strip > *,
.customer-portal-body.customer-qa-v178 .service-filter-tabs > *,
.customer-portal-body.customer-qa-v178 .ticket-filter-tabs > *,
.customer-portal-body.customer-qa-v178 .activity-filter-tabs > * {
    flex: 0 0 auto;
}

.customer-portal-body.customer-qa-v178 .customer-topbar,
.customer-portal-body.customer-qa-v178 .customer-sidebar {
    backface-visibility: hidden;
    transform: translateZ(0);
}

.customer-portal-body.customer-qa-v178 .customer-sidebar-inner-v76 {
    overscroll-behavior: contain;
}

.customer-portal-body.customer-qa-v178 .customer-card,
.customer-portal-body.customer-qa-v178 .customer-panel,
.customer-portal-body.customer-qa-v178 .customer-compact-card {
    overflow-wrap: anywhere;
}

.customer-portal-body.customer-qa-v178 .customer-table-wrap,
.customer-portal-body.customer-qa-v178 .table-wrap,
.customer-portal-body.customer-qa-v178 .customer-data-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.customer-portal-body.customer-qa-v178 .customer-form-grid,
.customer-portal-body.customer-qa-v178 .customer-grid,
.customer-portal-body.customer-qa-v178 .settings-grid,
.customer-portal-body.customer-qa-v178 .account-grid {
    min-width: 0;
}

.customer-portal-body.customer-qa-v178 .customer-form-grid > *,
.customer-portal-body.customer-qa-v178 .customer-grid > *,
.customer-portal-body.customer-qa-v178 .settings-grid > *,
.customer-portal-body.customer-qa-v178 .account-grid > * {
    min-width: 0;
}

.customer-portal-body.customer-qa-v178 .customer-content img,
.customer-portal-body.customer-qa-v178 .customer-content video,
.customer-portal-body.customer-qa-v178 .customer-content canvas {
    max-width: 100%;
}

.customer-portal-body.customer-reduced-motion *,
.customer-portal-body.customer-reduced-motion *::before,
.customer-portal-body.customer-reduced-motion *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
}

@media (prefers-reduced-motion: reduce) {
    .customer-portal-body *,
    .customer-portal-body *::before,
    .customer-portal-body *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
    }
}

.customer-portal-body.customer-ui-booting .customer-compact-card[data-tilt-card],
.customer-portal-body.customer-ui-booting .glass-tilt {
    transition: none !important;
}

@media (max-width: 1180px) {
    .customer-portal-body.customer-qa-v178 .customer-content > section,
    .customer-portal-body.customer-qa-v178 .customer-content > div,
    .customer-portal-body.customer-qa-v178 .customer-compact-hero,
    .customer-portal-body.customer-qa-v178 .customer-next-command,
    .customer-portal-body.customer-qa-v178 .customer-compact-overview-grid,
    .customer-portal-body.customer-qa-v178 .page-quick-actions-v77b,
    .customer-portal-body.customer-qa-v178 .page-quick-actions-v77c {
        max-width: calc(100vw - 32px);
    }
}

@media (max-width: 760px) {
    .customer-portal-body.customer-qa-v178 .customer-content > section,
    .customer-portal-body.customer-qa-v178 .customer-content > div,
    .customer-portal-body.customer-qa-v178 .customer-compact-hero,
    .customer-portal-body.customer-qa-v178 .customer-next-command,
    .customer-portal-body.customer-qa-v178 .customer-compact-overview-grid,
    .customer-portal-body.customer-qa-v178 .page-quick-actions-v77b,
    .customer-portal-body.customer-qa-v178 .page-quick-actions-v77c {
        max-width: calc(100vw - 20px);
    }

    .customer-portal-body.customer-qa-v178 .customer-empty-state,
    .customer-portal-body.customer-qa-v178 .empty-state,
    .customer-portal-body.customer-qa-v178 .empty-card {
        padding: 18px;
        border-radius: 20px;
    }
}
/* END XENSEC v1.8.78 — Customer Portal QA + Cleanup Pass */


/* XENSEC v1.8.82b — Service Detail Center Layout Fix
   Keeps /service?id=... aligned to the same centered content rail as the compact dashboard/services pages. */
@media (min-width: 861px) {
  body.customer-portal-body.customer-route-service .customer-content {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  body.customer-portal-body.customer-route-service .customer-service-header,
  body.customer-portal-body.customer-route-service .customer-health-snapshot,
  body.customer-portal-body.customer-route-service .customer-service-tabs,
  body.customer-portal-body.customer-route-service .customer-service-focus-row,
  body.customer-portal-body.customer-route-service .customer-service-grid-page {
    width: min(1180px, calc(100vw - 340px)) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.customer-portal-body.customer-route-service .customer-service-tabs {
    left: auto !important;
    right: auto !important;
  }

  body.customer-portal-body.customer-route-service .customer-service-header,
  body.customer-portal-body.customer-route-service .customer-health-snapshot {
    overflow: hidden !important;
  }
}

@media (min-width: 861px) and (max-width: 1180px) {
  body.customer-portal-body.customer-route-service .customer-service-header,
  body.customer-portal-body.customer-route-service .customer-health-snapshot,
  body.customer-portal-body.customer-route-service .customer-service-tabs,
  body.customer-portal-body.customer-route-service .customer-service-focus-row,
  body.customer-portal-body.customer-route-service .customer-service-grid-page {
    width: min(100%, calc(100vw - 292px)) !important;
  }
}

@media (max-width: 860px) {
  body.customer-portal-body.customer-route-service .customer-service-header,
  body.customer-portal-body.customer-route-service .customer-health-snapshot,
  body.customer-portal-body.customer-route-service .customer-service-tabs,
  body.customer-portal-body.customer-route-service .customer-service-focus-row,
  body.customer-portal-body.customer-route-service .customer-service-grid-page {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}
/* END XENSEC v1.8.82b — Service Detail Center Layout Fix */