/* Unified cloud header and product-scoped EdgeOne-inspired console. */
body[data-console]{--blue:#0052d9;--text:#1f2329;--muted:#6b7280;--line:#e5e7eb;--surface:#fff;--soft:#f7f8fa;--bg:#f3f5f8;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}
body[data-console] #workspace{padding-top:56px;grid-template-columns:224px minmax(0,1fr);min-height:100dvh}
body[data-console] #sidebar{top:56px;height:calc(100dvh - 56px);background:#fff;border-right:1px solid #e7e9ee}
body[data-console] #topbar{position:fixed;inset:0 0 auto;height:56px;z-index:100;padding:0 24px;gap:26px;background:#fff;backdrop-filter:none;border-bottom:1px solid #e5e7eb}
body[data-console] #content{max-width:1920px;width:100%;padding:28px 32px 44px;margin:0 auto}
.platform-brand,.platform-brand:visited{display:flex;align-items:center;gap:9px;color:#18202c;white-space:nowrap;flex-shrink:0}
.platform-brand-logo{display:block;width:118px;height:auto;flex-shrink:0;filter:brightness(0);opacity:.88}
.platform-brand small{font-size:13px;padding-left:12px;border-left:1px solid #dfe3ea;color:#626b79;font-weight:400}
.platform-home,.platform-home:visited,.global-billing,.global-billing:visited{font-size:13px;color:#414957;white-space:nowrap}
body[data-console] .topbar-right{gap:22px;min-width:0}
body[data-console] .search-trigger{background:#f5f6f8;border:0;min-height:32px;min-width:196px;border-radius:4px;font-size:12px;color:#89909b;gap:12px;padding:7px 10px}
body[data-console] .search-trigger .icon{width:16px;height:16px;color:#707b8b}.search-trigger kbd{font-family:inherit}
.global-message{color:#596477!important;display:grid;place-items:center;width:22px;height:32px}.global-message .icon{width:18px;height:18px}
body[data-console] .account-menu>summary{display:flex;align-items:center;gap:9px}.global-user{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#4c5666}
body[data-console] .avatar{background:#edf2fc;color:#46639b;width:28px;height:28px;font-size:12px}
body[data-console] .environment{font-size:10px;border:1px solid #ead8bd;background:#fffaf1;padding:2px 6px;color:#896933;white-space:nowrap}
body[data-console] .account-popover{top:40px;box-shadow:0 8px 28px #1f325018;border-radius:4px;padding:6px}.account-popover a,.account-popover button{font-size:13px}
.console-back,.console-back:visited{display:flex;align-items:center;gap:7px;color:#7b8492;font-size:12px;padding:18px 20px 12px}.console-back .icon{transform:rotate(180deg);width:13px;height:13px}.console-back:hover{color:var(--blue)}
.product-identity{display:flex;align-items:center;gap:10px;padding:8px 19px 20px;border-bottom:1px solid #eef0f4}.product-identity>span{color:#3d5878;display:grid;place-items:center;width:32px;height:36px;flex-shrink:0}.product-identity>span>.icon{width:28px;height:28px;stroke-width:1.5}.product-identity b{font-size:15px;font-weight:600;color:#202633;display:block;line-height:1.5}.product-identity small{font-size:10px;letter-spacing:1.6px;color:#8b93a1;display:block;margin-top:3px}
body[data-console] .product-icon-scdn{background:transparent;color:#3d5878}
body[data-console] .product-icon-scdn>.icon{width:27px;height:27px;stroke-width:1.5}
body[data-console] .product-menu-item .product-icon-scdn>.icon{width:23px;height:23px}
body[data-console] .cloud-active-service>.product-icon-scdn>.icon{width:34px;height:34px}
body[data-console] .side-nav{padding:12px 10px 20px}.side-nav> a:first-child{margin-bottom:8px}
body[data-console] .side-nav details{padding:5px 0;border:0;margin:0}.side-nav details>summary{min-height:36px}
body[data-console] .side-nav summary{color:#596476;font-size:12px;font-weight:500;padding:8px 12px;gap:9px;line-height:1.5}
body[data-console] .side-nav summary>.icon{width:16px;height:16px;color:#768296}
body[data-console] .side-nav a,body[data-console] .side-nav a:visited{font-size:13px;color:#424c5b;border-radius:3px;min-height:33px;padding-top:7px;padding-bottom:7px;font-weight:400}
body[data-console] .side-nav details a{padding-left:37px;margin:2px 0}.side-nav> a .icon{width:17px;height:17px}
body[data-console] .side-nav a[aria-current=page]{color:#0052d9;background:#edf3ff;box-shadow:none;font-weight:600;position:relative}
body[data-console] .side-nav a[aria-current=page]:before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:#0052d9}
body[data-console] .side-nav a:hover{color:#0052d9;background:#f3f6fc}
/* Top-level links and expandable groups share the same navigation scale. */
body[data-console=scdn] .side-nav>details{padding:0;margin:0}
body[data-console=scdn] .side-nav>a,body[data-console=scdn] .side-nav>details>summary{min-height:40px;margin:4px 0;padding:10px 12px;gap:10px;font-size:14px;line-height:20px;font-weight:400;color:#424c5b;border-radius:3px}
body[data-console=scdn] .side-nav>a>.icon,body[data-console=scdn] .side-nav>details>summary>.icon{width:18px;height:18px;color:inherit}
body[data-console=scdn] .side-nav>details>a{padding-left:40px;font-size:14px;line-height:20px}
body[data-console=scdn] .side-nav>details>summary:hover{color:#0052d9;background:#f3f6fc}
body[data-console] .side-bottom{font-size:11px;padding:14px 20px;color:#929baa}
body[data-console] .page-heading{margin-bottom:24px;align-items:center;gap:18px}.page-heading>div:first-child{min-width:0}
body[data-console] .page-heading h1{font-size:24px;font-weight:600;letter-spacing:0;line-height:1.4;color:#202734;margin:0 0 6px}
body[data-console] .page-heading p{font-size:13px;color:#778190;line-height:1.7;margin:0}
body[data-console] .page-heading h1:last-child{margin-bottom:0}
.store-period-label{font-size:13px;color:#64748b}
body[data-console] .btn{font-size:13px;min-height:32px;padding:6px 13px;border-radius:3px;border-color:#d8dde6;color:#4a5567;font-weight:400}
body[data-console] .btn.primary{background:#0052d9;border-color:#0052d9;color:white}.btn.primary:hover{background:#0044b8!important;border-color:#0044b8!important}
body[data-console] .btn.ghost{border-color:transparent;color:#0052d9;background:transparent}body[data-console] .btn.ghost:hover{background:#f0f4fc}
body[data-console] .btn.danger{color:#bf393d;border-color:#e9c9ca;background:white}
body[data-console] .btn.small{font-size:12px;min-height:28px;padding:4px 9px}
body[data-console] input,body[data-console] select,body[data-console] textarea{border-radius:3px;min-height:34px;font-size:13px;border-color:#d5dbe5;color:#374151}
body[data-console] input:focus,body[data-console] select:focus,body[data-console] textarea:focus{border-color:#0052d9;box-shadow:0 0 0 2px #0052d914}
body[data-console] .panel{border-radius:5px;border:1px solid #e6e9ef;box-shadow:none;margin-bottom:20px}
body[data-console] .panel-head{min-height:56px;padding:17px 20px;border-bottom-color:#eef0f4}.panel>.panel-head:first-child{border-radius:5px 5px 0 0}
body[data-console] .panel-head h2{font-size:15px;font-weight:600;color:#2e3644}
body[data-console] .panel-body{padding:20px}.panel>.panel-note:last-child{border-radius:0 0 5px 5px}
body[data-console] .metric{border-radius:5px;border-color:#e6e9ef;padding:21px 22px}.metric-top{color:#677387}
body[data-console] .metric strong{font-size:29px;font-weight:600;letter-spacing:-.4px;color:#202b3c}
body[data-console] th{background:#f8f9fb;color:#6c7687;font-size:12px;padding:12px 16px;border-color:#e8ebf0}
body[data-console] td{font-size:13px;padding:14px 16px;color:#495467;border-color:#eef0f4}
body[data-console] td b{color:#344054}.numeric{font-variant-numeric:tabular-nums}
body[data-console] .cell-actions .btn{font-size:12px;border:0;color:#0052d9;padding:3px 7px;background:transparent}
body[data-console] .tag{font-size:11px;padding:2px 7px;line-height:1.65;border-radius:3px;font-weight:400}
body[data-console] .page-tabs,body[data-console] .dimension-nav{gap:25px;border-color:#dce1e9}
body[data-console] .page-tabs a,body[data-console] .dimension-nav a{font-size:13px;color:#606e82;padding-top:11px;padding-bottom:13px}
body[data-console] .page-tabs a[aria-current],body[data-console] .dimension-nav a[aria-current]{color:#0052d9;font-weight:500;border-bottom-color:#0052d9}
body[data-console] .dimension-nav a[aria-current]:after{height:2px;border-radius:0;background:#0052d9}
body[data-console] .summary-strip{border-radius:5px;border-color:#e6e9ef;padding:22px 0}.summary-strip strong{font-size:26px!important;color:#202b3c}
body[data-console] .customer-filter{padding:19px 20px}.customer-filter label{font-size:12px;color:#677387}
body[data-console] .work-context{font-size:11px;color:#8b94a3;margin-top:-8px;margin-bottom:20px}
body[data-console] .work-stats{gap:0;border:1px solid #e6e9ef;background:#fff;border-radius:5px;padding:22px 0;margin-bottom:22px}
body[data-console] .work-stat{padding:0 24px;border:0;border-right:1px solid #edf0f5;border-radius:0;box-shadow:none;background:none}.work-stat:last-child{border-right:0!important}
body[data-console] .work-stat>span{font-size:12px;color:#727f90}.work-stat>span>.icon{color:#9ca7b7;width:13px;height:13px}
body[data-console] .work-stat strong{font-size:29px;font-weight:600;line-height:1.4;margin:12px 0 7px;color:#242c3a}.work-stat small{font-size:11px;color:#8a94a4}
body[data-console] .work-columns{grid-template-columns:minmax(0,1.8fr) minmax(265px,1fr);gap:20px;align-items:stretch;margin-bottom:20px}
body[data-console] .work-columns>.panel,body[data-console] .work-aside>.panel{margin-bottom:0}
body[data-console] .work-tasks{display:flex;flex-direction:column}
body[data-console] .work-tasks>.work-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}
body[data-console] .work-tasks>.panel-note{margin-top:auto}
body[data-console] .work-aside{display:grid;gap:20px}
body[data-console] .work-task{padding:16px 20px;gap:10px}.work-task-title b{font-size:12px;font-weight:500}.work-task p{font-size:12px;color:#8b94a3}
body[data-console] .work-shortcuts>a{padding:14px 0}.work-shortcuts>a>.icon:first-child{width:30px;height:30px;border-radius:4px;padding:7px;background:#f0f4fb}
body[data-console] .work-shortcuts b{font-size:12px;font-weight:500}.work-shortcuts small{font-size:11px}
body[data-console] .work-onboarding{border-radius:5px;background:#f0f5ff;border-color:#dce7ff}
/* Keep the overview focused on metrics, exceptions and direct actions. */
body[data-console] .work-heading{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}
body[data-console] .work-heading h1{margin:0}
.work-heading .actions{gap:8px;flex-wrap:nowrap}
.work-updated{font-size:11px;color:#8b94a3;white-space:nowrap;margin-right:4px;font-variant-numeric:tabular-nums}
body[data-console] .work-refresh{width:32px;min-width:32px;padding:6px}
body[data-console] .work-overview .work-stat strong{margin:10px 0 0}
.work-overview .work-stat:hover>span{color:#0052d9}
body[data-console] .work-overview .work-aside{grid-template-columns:1fr}
body[data-console] .work-overview .work-empty{min-height:84px;padding:22px 20px}
.work-overview .work-empty p{margin:0;color:#778190;font-size:13px;line-height:1.7}
.work-overview .work-tasks{scroll-margin-top:76px}
.work-scope{margin-top:auto;padding:10px 20px;border-top:1px solid #eef0f4;color:#8490a0;font-size:11px;line-height:1.7}
.work-scope>summary{width:fit-content;cursor:pointer}
.work-scope>summary:hover{color:#0052d9}
.work-scope>p{margin:8px 0 2px}
.work-quicklinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:16px}
.work-quicklinks>a{display:flex;align-items:center;gap:10px;min-height:54px;padding:12px;color:#495467;font-size:13px;border-radius:3px}
.work-quicklinks>a:hover{color:#0052d9;background:#f5f7fa}
.work-quicklinks .icon{width:17px;height:17px;color:#7b899c}
@media(max-width:1100px){body[data-console] .work-overview .work-stats{row-gap:20px}body[data-console] .work-overview .work-stat:nth-child(2){border-right:0}}
body[data-console] .site-saved-views{gap:6px}.site-saved-views .btn{background:#fff}
body[data-console] .site-filters{padding:20px}.site-filter-row{gap:12px}.site-bulk-bar{background:#fafbfc}
body[data-console] .site-name a{font-weight:500}.site-table-wrap{border-radius:0}
body[data-console] .context-bar{border-radius:4px;padding:13px 18px}.context-bar select{font-size:14px;font-weight:500}
body[data-console] .form-grid{gap:22px}.field>span{font-size:13px}
body[data-console] .nested-fields{border-radius:4px;background:#fafbfd}.form-section h3{font-size:15px}
body[data-console] .realtime-card .panel-head{min-height:74px}.realtime-summary strong{font-size:26px}
body[data-console] .plan-card,body[data-console] .owned-package{border-radius:5px}.plan-card{border-top-width:2px}
body[data-console] dialog{border-radius:6px}.dialog-head h2{font-size:17px}
body[data-console][data-density=compact] td{padding:9px 14px}body[data-console][data-density=compact] .metric{padding:15px}body[data-console][data-density=compact] .panel-body{padding:16px}
@media(min-width:1680px){body[data-console] #content{padding:30px 40px 48px}}
@media(max-width:1200px){body[data-console] #topbar{gap:18px;padding:0 20px}.global-user{display:none}body[data-console] .topbar-right{gap:16px}body[data-console] #content{padding:24px}.platform-brand small{display:none}body[data-console] .work-columns{grid-template-columns:1fr}body[data-console] .work-aside{grid-template-columns:1fr 1fr}.work-stat{padding:0 18px!important}}
@media(max-width:1000px){body[data-console] .search-trigger{min-width:0;width:32px;font-size:0;padding:7px}body[data-console] .search-trigger kbd{display:none}.platform-home{display:none}}
@media(max-width:850px){body[data-console] #workspace{display:block;padding-top:56px}body[data-console] #sidebar{position:fixed;left:-250px;top:56px;height:calc(100dvh - 56px);width:224px;z-index:90}body[data-console].sidebar-open #sidebar{left:0}body[data-console] .sidebar-backdrop{top:56px;z-index:85}body[data-console] #topbar{padding:0 16px;gap:16px;height:56px}body[data-console] .mobile-menu{display:inline-flex;align-items:center;justify-content:center;min-width:28px;width:28px;border:0;padding:0;background:transparent;color:#5b6474}.platform-brand-logo{width:108px}body[data-console] #content{padding:22px 20px 36px}.console-back{padding-top:20px}body[data-console] .page-heading{align-items:flex-start}.work-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:24px}.work-stat:nth-child(2){border:0!important}.global-billing{display:none}body[data-console] .work-columns{grid-template-columns:1fr}.work-stat strong{font-size:26px!important}.summary-strip strong{font-size:23px!important}}
@media(max-width:600px){body[data-console] #topbar{gap:12px;padding:0 12px}body[data-console] .topbar-right{gap:11px}.platform-brand{gap:6px}.platform-brand-logo{width:94px}.global-message{display:none}body[data-console] .page-heading h1{font-size:22px}body[data-console] #content{padding:20px 16px 32px}body[data-console] .work-aside{grid-template-columns:1fr}.work-stats{padding:20px 0!important}.work-stat{padding:0 16px!important}.work-stat small{font-size:10px}.work-stat strong{font-size:24px!important}body[data-console] .panel-head{padding:16px}.work-task{padding:16px!important}.work-task>.btn{margin-left:17px}.work-task>div{flex-basis:calc(100% - 26px)}.platform-home,.global-billing{display:none}body[data-console] .search-trigger{width:28px;min-height:28px;padding:5px}body[data-console] .account-menu>summary{gap:0}.summary-strip strong{font-size:22px!important}.work-context{row-gap:8px}.customer-filter label{flex-basis:100%}.customer-filter>.btn{width:100%}}