/* SPDX-License-Identifier: AGPL-3.0-only */

:root{--green:#45f0c2;--lime:#6ee7b7;--muted:#91a1b8;--line:rgba(255,255,255,.1);--dark:#050816;color:#f7fbff;background:#050816;font-family:"Space Grotesk",Inter,ui-sans-serif,system-ui,sans-serif}
body{background:#050816;color:#f7fbff;background-image:linear-gradient(rgba(80,130,170,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(80,130,170,.07) 1px,transparent 1px),radial-gradient(circle at 12% 38%,rgba(33,226,190,.11),transparent 27%),radial-gradient(circle at 92% 40%,rgba(51,143,255,.13),transparent 30%);background-size:54px 54px,54px 54px,auto,auto;background-attachment:fixed}
.brand{color:#f7fbff;font-size:23px;letter-spacing:.1px;font-weight:700;gap:10px;padding-left:7px}.brand img{width:34px;height:34px}.sidebar{background:rgba(5,8,22,.9);border-color:var(--line);backdrop-filter:blur(18px)}
.workspace{background:rgba(255,255,255,.035);border-color:var(--line);color:#dfe9f5}.workspace-icon{border-color:rgba(69,240,194,.24);background:rgba(69,240,194,.08);color:#6ee7b7}.workspace b{display:block;max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace small,.profile small,.workspace-note p{color:#73839a}.nav-label{color:#536178}nav a{color:#8291a7}nav a:hover{background:rgba(255,255,255,.045);color:#dce8f5}nav a.active{color:#59e6c2;background:linear-gradient(90deg,rgba(69,240,194,.13),rgba(0,194,255,.05));box-shadow:inset 2px 0 #45f0c2}.workspace-note{color:#78e6c8}.profile{color:#dce6f2;border-color:var(--line)}.profile>span:first-child{background:linear-gradient(135deg,#45f0c2,#54b8ff);color:#04111d}
.topbar{background:rgba(5,8,22,.76);border-color:var(--line);color:#718197;backdrop-filter:blur(16px)}.topbar b{color:#45f0c2}.topbar strong{color:#dce8f5}.live-dot,.status-dot{background:#45f0c2;box-shadow:0 0 10px #45f0c2}.heading p,.muted{color:var(--muted)}h1,h2,h3{color:#f7fbff}.eyebrow{color:#45f0c2}
.primary{color:#04111d;background:linear-gradient(115deg,#45f0c2,#52bfff);box-shadow:0 10px 30px rgba(48,204,217,.16)}.primary:hover{background:linear-gradient(115deg,#72f7d3,#74cdff)}.secondary{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.045);color:#d9e5f2}.secondary:hover{border-color:rgba(69,240,194,.35);background:rgba(69,240,194,.07)}.danger{background:rgba(255,102,120,.12);color:#ff9baa;border:1px solid rgba(255,102,120,.2)}
.hero{background:linear-gradient(135deg,rgba(10,27,48,.96),rgba(8,20,39,.92));border:1px solid rgba(90,187,255,.2);box-shadow:0 24px 70px rgba(0,0,0,.28)}.hero:after{content:"";position:absolute;inset:auto -80px -120px auto;width:300px;height:300px;border-radius:50%;background:rgba(69,240,194,.09);filter:blur(18px)}.hero .eyebrow{color:#45f0c2}.hero p{color:#91a4ba}.hero-art span{border-color:rgba(69,240,194,.24);background:rgba(69,240,194,.08);color:#62ebc7}
.stat,.panel,.account-card,.settings-card{background:linear-gradient(145deg,rgba(17,29,50,.8),rgba(8,16,32,.88));border-color:rgba(255,255,255,.1);box-shadow:0 18px 50px rgba(0,0,0,.16)}.stat-top,.stat small,.panel-heading p,.account-card p,.account-meta small{color:#8494aa}.stat-value,.account-card h3,.account-meta strong,td strong{color:#eff7ff}.table-wrap{border-color:var(--line)}th{color:#708097;background:rgba(255,255,255,.025);border-color:var(--line)}td{color:#9aabc0;border-color:rgba(255,255,255,.065)}.badge{background:rgba(255,255,255,.055);color:#9eacc0}.badge.running,.badge.admin,.badge.manager{color:#54e7c0;background:rgba(69,240,194,.1)}.badge.stopped,.badge.error{color:#ffd27a;background:rgba(255,191,71,.1)}.badge.pending,.badge.stopping{color:#76c7ff;background:rgba(64,161,255,.1)}
input,select,textarea{border-color:rgba(255,255,255,.12);background:rgba(3,9,20,.66);color:#edf6ff}input:focus,select:focus,textarea:focus{outline:2px solid rgba(69,240,194,.55);border-color:#45f0c2}input::placeholder{color:#526177}label{color:#aebdd0}.pagination{border-color:var(--line)}dialog{background:#091224;color:#eaf4ff;border-color:rgba(86,208,222,.24);box-shadow:0 30px 100px #0009}dialog::backdrop{background:#02050cbb}.icon-button{color:#92a3b8}pre{color:#c2d6e8;background:#050b17;border-color:var(--line)}.empty .empty-icon{background:rgba(69,240,194,.08);color:#51e9c1}#toast{background:#102b31;color:#dffff7;border:1px solid rgba(69,240,194,.25)}footer{border-color:var(--line);color:#59687c}
.login-screen{background:transparent}.login-story{width:56%;background:rgba(4,8,20,.44);border-right:1px solid var(--line);padding:42px 7vw}.login-story .brand{padding:0}.auth-hero{max-width:680px;margin:auto 0}.login-story h1{font-size:clamp(43px,5vw,72px);line-height:1.02;letter-spacing:-3px;margin:22px 0}.login-story h1 span{color:#75a4c3}.login-story p{color:#94a5ba;font-size:15px;max-width:550px}.auth-signals{display:flex;gap:9px;flex-wrap:wrap;margin:28px 0}.auth-signals span{font-size:9px;text-transform:uppercase;letter-spacing:.8px;padding:9px 11px;border:1px solid rgba(255,255,255,.11);border-radius:6px;background:rgba(255,255,255,.035);color:#9fb0c3}
.control-preview{max-width:550px;border:1px solid rgba(85,195,255,.2);border-radius:10px;padding:17px;background:linear-gradient(145deg,rgba(22,53,84,.72),rgba(8,23,42,.72));box-shadow:0 28px 90px rgba(0,0,0,.3)}.preview-head{display:flex;justify-content:space-between;font-size:10px;color:#d9e8f6}.preview-head i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#45f0c2;box-shadow:0 0 9px #45f0c2}.preview-head small{color:#71849a}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.preview-grid div{padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:rgba(255,255,255,.035)}.preview-grid small{display:block;color:#788ba1;font-size:9px}.preview-grid strong{display:block;margin-top:10px;font-size:22px}
.login-panel{background:rgba(4,8,18,.32)}.auth-card{width:100%;max-width:410px;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(9,17,33,.82);box-shadow:0 30px 100px rgba(0,0,0,.32);backdrop-filter:blur(18px)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid var(--line);border-radius:8px;margin-bottom:30px;background:rgba(0,0,0,.18)}.auth-tabs button{border:0;border-radius:5px;padding:9px;background:transparent;color:#72839a;font-size:10px}.auth-tabs button.active{background:rgba(69,240,194,.1);color:#5ce9c5}.login-panel form{max-width:none}.login-panel .primary{width:100%;margin:18px 0 12px}.login-panel h2{font-size:25px}.login-panel small{color:#718197}.error{color:#ff8899}.aws{border-color:#4ecde2;color:#c8f6ff}.alibaba{font-weight:750;font-size:19px;letter-spacing:-1px;border-bottom:2px solid #ff6a00;color:#ff9a57}
.appearance{padding:0 7px 14px}.appearance label{display:block;margin:0 0 7px;font-size:8px;letter-spacing:1.3px;color:#64748a}.appearance select{padding:8px 10px;font-size:10px;background:rgba(255,255,255,.035)}
.sidebar{overflow-y:auto}.account-context{margin:-18px 0 25px;padding:0 7px}.account-context label{margin:0 0 7px;font-size:8px;letter-spacing:1.3px;color:#64748a}.account-context select{padding:9px 10px;font-size:10px}.account-context small{display:block;margin-top:7px;color:#607188;font-size:8px;letter-spacing:.9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav a b{font:inherit}#provider-navigation{display:grid;gap:5px}.provider-toolbar{padding:15px 0 21px;align-items:end}.provider-toolbar label{margin:0;min-width:230px}.operation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}.operation-grid button{width:100%}.cost-warning{padding:13px 15px;border:1px solid rgba(255,191,71,.25);border-radius:7px;background:rgba(255,191,71,.08);color:#ffd27a;font-size:11px}.confirm-check{padding:12px;border:1px solid rgba(255,191,71,.2);border-radius:6px}
.provider-toolbar select{min-width:360px}.eds-toolbar{flex-wrap:wrap}.eds-toolbar input{min-width:240px}.eds-toolbar select{width:auto;min-width:125px}.status-control{display:flex;align-items:center;gap:7px}.mini-button{border:1px solid rgba(69,240,194,.28);border-radius:4px;background:rgba(69,240,194,.08);color:#63e9c7;padding:4px 7px;font-size:8px;line-height:1}.mini-button.danger{border-color:rgba(255,102,120,.25);background:rgba(255,102,120,.08);color:#ff9baa}.mini-button:disabled{opacity:.5}.operation-grid .secondary{min-height:39px}
.auth-appearance{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:14px}.auth-appearance span{font-size:8px;letter-spacing:1.2px;color:#64748a}.auth-appearance select{width:auto;min-width:92px;padding:7px 9px;font-size:10px}
html[data-theme="dark"]{color-scheme:dark}html[data-theme="light"]{color-scheme:light;--muted:#64748b;--line:#dce5ef;--dark:#0a1728;color:#102033;background:#f4f8fc}
html[data-theme="light"] body{color:#102033;background-color:#f4f8fc;background-image:linear-gradient(rgba(34,80,115,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(34,80,115,.055) 1px,transparent 1px),radial-gradient(circle at 12% 38%,rgba(45,214,179,.1),transparent 28%),radial-gradient(circle at 92% 40%,rgba(51,143,255,.1),transparent 30%)}
html[data-theme="light"] .sidebar,html[data-theme="light"] .topbar{background:rgba(250,253,255,.9);border-color:#dce5ef}html[data-theme="light"] .sidebar .brand{color:#102033}html[data-theme="light"] .workspace{background:#f1f6fa;border-color:#dce5ef;color:#22364a}html[data-theme="light"] .workspace-icon{background:#e2fbf5;border-color:#b5eadc;color:#168c72}html[data-theme="light"] nav a{color:#63758a}html[data-theme="light"] nav a:hover{background:#edf4f8;color:#1a3046}html[data-theme="light"] nav a.active{color:#087c69;background:linear-gradient(90deg,#dcf7f0,#e9f5fb)}html[data-theme="light"] .profile{color:#22364a;border-color:#dce5ef}html[data-theme="light"] .topbar{color:#718197}html[data-theme="light"] .topbar strong,html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3{color:#102033}
html[data-theme="light"] .stat,html[data-theme="light"] .panel,html[data-theme="light"] .account-card,html[data-theme="light"] .settings-card{background:rgba(255,255,255,.88);border-color:#dce5ef;box-shadow:0 18px 50px rgba(35,68,96,.07)}html[data-theme="light"] .stat-value,html[data-theme="light"] .account-card h3,html[data-theme="light"] .account-meta strong,html[data-theme="light"] td strong{color:#152a3d}html[data-theme="light"] th{color:#66798d;background:#f3f7fa;border-color:#dce5ef}html[data-theme="light"] td{color:#5f7184;border-color:#e4ebf1}html[data-theme="light"] .secondary{background:#fff;border-color:#ccd9e4;color:#34495d}html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fff;border-color:#cedae5;color:#193047}html[data-theme="light"] label{color:#52677b}html[data-theme="light"] dialog{background:#fff;color:#193047;border-color:#cbdde9}html[data-theme="light"] pre{color:#274159;background:#f0f5f8;border-color:#d9e4ec}html[data-theme="light"] .login-panel{background:rgba(244,248,252,.56)}html[data-theme="light"] .auth-card{background:rgba(255,255,255,.9);border-color:#d7e3ec;box-shadow:0 30px 90px rgba(29,62,89,.15)}html[data-theme="light"] .auth-tabs{background:#edf3f7;border-color:#d7e3ec}html[data-theme="light"] .auth-tabs button.active{background:#d9f7ef;color:#087c69}html[data-theme="light"] .appearance select{background:#fff}
html[data-theme="light"] .login-story{background:rgba(4,8,20,.94)}html[data-theme="light"] .login-story h1{color:#f7fbff}html[data-theme="light"] .login-story h1 span{color:#75a4c3}html[data-theme="light"] .login-story p{color:#94a5ba}html[data-theme="light"] .cost-warning{background:#fff7e8;border-color:#efcf93;color:#8a5a17}
html[data-theme="light"] .hero h2{color:#f7fbff}
@media(max-width:750px){.login-story{display:none}.auth-card{padding:22px}.sidebar{background:#050816}.topbar{background:#070d1c}.account-context{margin:14px 0 4px;padding:0}.account-context label,.account-context small{display:none}.operation-grid{grid-template-columns:1fr}.provider-toolbar{padding-top:0}.provider-toolbar label,.provider-toolbar select{min-width:0;width:100%}.eds-toolbar input,.eds-toolbar select{width:100%;min-width:0}}
@media(max-width:750px){html[data-theme="light"] .sidebar,html[data-theme="light"] .topbar{background:#f8fbfd}}

/* Readability pass: keep the compact control-plane layout without tiny text. */
.workspace,.profile,nav a{font-size:13px}
.workspace small,.profile small{font-size:11px}
.nav-label,.eyebrow{font-size:10px}
.topbar,.primary,.secondary,.danger{font-size:12px}
.topbar>div,.panel-heading p,.pagination{font-size:11px}
.heading p,.muted{font-size:13px}
.hero p,.stat-top,.account-card p{font-size:12px}
.stat small,.count,.account-meta small{font-size:10px}
.panel-heading h2,.empty h3,.api-doc h3{font-size:16px}
input,select,textarea{font-size:13px}
label{font-size:12px}
table{font-size:12px}
th{font-size:10px}
td strong{font-size:12px}
td small,.badge{font-size:10px}
.text-button,.empty p,pre{font-size:12px}
.detail-grid dt{font-size:11px}
.detail-grid dd,.api-row,#toast{font-size:13px}

.provider-toolbar{align-items:flex-end;flex-wrap:wrap}
.provider-toolbar .region-select{margin:0;min-width:360px}
.provider-toolbar .region-select select{max-width:none;min-width:360px}
.region-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.region-shortcut{min-height:39px;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:rgba(255,255,255,.045);color:#aebdd0;font-size:11px}
.region-shortcut:hover{border-color:rgba(69,240,194,.35);background:rgba(69,240,194,.07);color:#d9e5f2}
.region-shortcut.active{border-color:rgba(69,240,194,.48);background:rgba(69,240,194,.12);color:#63e9c7}
.region-shortcut.all-regions{border-style:dashed}.region-shortcut.all-regions strong{background:rgba(82,191,255,.14);color:#7ad0ff}
.region-shortcut strong{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:rgba(69,240,194,.13);font-size:10px}

.table-icon-button{width:30px;height:30px;padding:0;display:inline-grid;place-items:center;gap:0;border-radius:6px}
.table-icon-button svg{width:15px;height:15px;display:block}
.table-icon-button.lifecycle-start{border:1px solid rgba(69,240,194,.28);background:rgba(69,240,194,.08);color:#63e9c7}
.table-icon-button.manage-action{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);color:#9fb1c6}
.table-icon-button:hover{filter:brightness(1.18)}
.table-icon-button:focus-visible,.region-shortcut:focus-visible{outline:2px solid rgba(69,240,194,.65)}

html[data-theme="light"] .region-shortcut,html[data-theme="light"] .table-icon-button.manage-action{border-color:#ccd9e4;background:#fff;color:#52677b}
html[data-theme="light"] .region-shortcut:hover{border-color:#82cdbb;background:#edf9f6;color:#126f5f}
html[data-theme="light"] .region-shortcut.active{border-color:#47b99d;background:#dcf7f0;color:#087c69}

@media(max-width:750px){
 .provider-toolbar .region-select,.provider-toolbar .region-select select{min-width:0;width:100%}
 .region-shortcuts{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}
 .region-shortcut{flex:0 0 auto}
}

.inline-warning{margin:0 23px 18px;padding:11px 13px;border:1px solid rgba(255,191,71,.24);border-radius:6px;background:rgba(255,191,71,.08);color:#ffd27a;font-size:11px}
.binding-count{min-width:38px;padding:7px 11px;border:1px solid rgba(69,240,194,.3);border-radius:16px;background:rgba(69,240,194,.09);color:#63e9c7;font-weight:700}
.binding-count:hover{background:rgba(69,240,194,.16)}
.assignment-summary{display:flex;gap:10px;margin:18px 0 24px}
.assignment-summary span{padding:9px 12px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:11px}
.assignment-summary strong{color:var(--green);font-size:14px}
.assignment-list{display:grid;gap:8px;max-height:250px;overflow:auto;margin:10px 0 24px;padding-right:3px}
.assignment-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 12px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.025)}
.assignment-row>div:first-child{min-width:0}
.assignment-row>div:last-child{display:flex;align-items:center;gap:8px}
.assignment-row strong,.assignment-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.assignment-row strong{font-size:12px;color:#eff7ff}
.assignment-row small{margin-top:5px;color:var(--muted);font:10px ui-monospace,monospace}
.assignment-row button{padding:7px 10px;font-size:10px}
html[data-theme="light"] .inline-warning{background:#fff7e8;border-color:#efcf93;color:#8a5a17}
html[data-theme="light"] .binding-count{background:#e3f8f2;border-color:#8cd6c4;color:#087c69}
html[data-theme="light"] .assignment-row{background:#f8fbfd}
html[data-theme="light"] .assignment-row strong{color:#152a3d}
@media(max-width:750px){.inline-warning{margin:0 15px 15px}.assignment-row{align-items:flex-start}.assignment-row>div:last-child{flex-direction:column;align-items:flex-end}}

.refresh-status{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:-16px 0 20px;padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(7,17,32,.72);color:#9fb1c6}
.refresh-status-dot{width:8px;height:8px;flex:0 0 auto;border:2px solid currentColor;border-radius:50%;background:currentColor}
.refresh-status-dot.spinning{border-color:rgba(69,240,194,.25);border-top-color:#45f0c2;background:transparent;animation:refresh-spin .8s linear infinite}
.refresh-status strong{display:block;color:#dce8f5;font-size:11px;font-weight:600}.refresh-status small{display:block;margin-top:1px;color:#71839a;font-size:9px}.refresh-status.completed{color:#45f0c2;border-color:rgba(69,240,194,.2)}.refresh-status.partial{color:#ffd27a;border-color:rgba(255,191,71,.2)}.refresh-status.failed{color:#ff9baa;border-color:rgba(255,102,120,.2)}
html[data-theme="light"] .refresh-status{background:#fff;border-color:#dce5ef;color:#60758a}html[data-theme="light"] .refresh-status strong{color:#20364b}html[data-theme="light"] .refresh-status.completed{border-color:#bce8dc}html[data-theme="light"] .refresh-status.partial{border-color:#efd39c}html[data-theme="light"] .refresh-status.failed{border-color:#efc2c8}
@keyframes refresh-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.refresh-status-dot.spinning{animation:none}}

#custom-modal{width:min(720px,calc(100% - 28px));max-width:720px}
.creation-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.creation-mode-card{position:relative;display:flex;align-items:flex-start;gap:13px;min-height:142px;padding:20px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025);color:#dce8f5;text-align:left}.creation-mode-card:hover,.creation-mode-card:focus-visible{border-color:rgba(69,240,194,.5);background:rgba(69,240,194,.07)}.creation-mode-card.recommended{border-color:rgba(69,240,194,.28)}.creation-mode-card .mode-icon{display:grid;flex:0 0 36px;place-items:center;width:36px;height:36px;border-radius:8px;background:rgba(69,240,194,.1);color:#62ebc7;font-size:18px}.creation-mode-card strong,.creation-mode-card small{display:block}.creation-mode-card strong{margin:2px 0 8px;font-size:14px}.creation-mode-card small{color:var(--muted);font-size:11px;line-height:1.55}.creation-mode-card em{display:inline-block;margin-top:12px;padding:4px 7px;border-radius:4px;background:rgba(69,240,194,.1);color:#63e9c7;font-size:8px;font-style:normal;letter-spacing:.7px;text-transform:uppercase}.eds-wizard-progress{grid-template-columns:repeat(5,1fr)}
.bundle-field{display:flex;align-items:flex-end;gap:8px}.bundle-field label{flex:1;margin:0}.compact-action{min-height:39px;white-space:nowrap}
.custom-config-summary,.custom-type-summary{margin:10px 0 18px;padding:11px 13px;border:1px solid rgba(69,240,194,.24);border-radius:6px;background:rgba(69,240,194,.07);color:#73ebca;font-size:12px}#eds-desktop-form .custom-config-summary{grid-column:1/-1}
.command-status{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--muted);font-size:12px}.command-result pre{min-height:180px;max-height:440px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}
html[data-theme="light"] .custom-config-summary,html[data-theme="light"] .custom-type-summary{background:#e9f8f4;border-color:#a8dccf;color:#087c69}html[data-theme="light"] .creation-mode-card{background:#f7fafc;color:#193047}html[data-theme="light"] .creation-mode-card:hover,html[data-theme="light"] .creation-mode-card:focus-visible{background:#e9f8f4}
@media(max-width:750px){.creation-mode-grid{grid-template-columns:1fr}.creation-mode-card{min-height:0}.bundle-field{align-items:stretch;flex-direction:column}.compact-action{width:100%}#custom-modal{width:calc(100% - 18px)}.eds-wizard-progress span{font-size:0}.eds-wizard-progress b{font-size:10px}}

.display-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:13px 16px;border:1px solid rgba(86,208,222,.18);border-radius:8px;background:rgba(9,20,39,.72)}.display-mode-bar>div:first-child{display:grid;gap:3px}.display-mode-bar strong{color:#eaf4ff;font-size:12px}.display-mode-bar span{color:var(--muted);font-size:10px}
.view-toggle{display:inline-flex;flex:0 0 auto;padding:4px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:rgba(255,255,255,.045)}
.view-toggle button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 13px;border:0;border-radius:5px;background:transparent;color:#9cacbf;font-size:11px}
.view-toggle button.active{background:rgba(69,240,194,.12);color:#63e9c7;box-shadow:inset 0 0 0 1px rgba(69,240,194,.2)}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:4px 23px 23px}
.resource-card{display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025)}
.resource-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.resource-card-head>div:first-child{min-width:0}.resource-card h3{margin:6px 0;color:#eff7ff;font-size:15px;overflow-wrap:anywhere}.resource-card code{display:block;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.service-label{color:var(--green);font-size:9px;font-weight:700;letter-spacing:1.2px}.resource-card dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.resource-card dt{margin-bottom:5px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.5px}.resource-card dd{margin:0;color:#dce8f5;font-size:12px;overflow-wrap:anywhere}.resource-card-actions{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.resource-card-actions .secondary{width:100%}
html[data-theme="light"] .display-mode-bar{background:#fff;border-color:#d4e2eb}html[data-theme="light"] .display-mode-bar strong{color:#152a3d}html[data-theme="light"] .view-toggle{border-color:#ccd9e4;background:#edf3f7}html[data-theme="light"] .view-toggle button{color:#63758a}html[data-theme="light"] .view-toggle button.active{background:#d9f7ef;color:#087c69}html[data-theme="light"] .resource-card{background:#f8fbfd}html[data-theme="light"] .resource-card h3,html[data-theme="light"] .resource-card dd{color:#152a3d}
@media(max-width:1100px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.heading-actions{align-items:stretch}.display-mode-bar{align-items:flex-start;flex-direction:column}.view-toggle{width:100%}.view-toggle button{flex:1}.resource-grid{grid-template-columns:1fr;padding:2px 15px 15px}.resource-card dl{grid-template-columns:1fr 1fr}}

.report-freshness{display:flex;flex-wrap:wrap;gap:8px;margin:-12px 0 18px}.report-freshness span{padding:6px 9px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:9px}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.report-panel{padding-bottom:18px}.report-bars{display:grid;gap:14px;padding:0 22px 6px}.report-bar>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}.report-bar strong{color:#dce8f5;font-size:11px}.report-bar span{color:var(--muted);font-size:10px}.report-bar i{display:block;height:7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.06)}.report-bar b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#45f0c2,#52bfff)}.billing-report{margin-bottom:18px}.billing-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 22px 20px}.billing-summary>div{padding:15px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.025)}.billing-summary small,.billing-summary strong{display:block}.billing-summary small{color:var(--muted);font-size:8px;letter-spacing:1px}.billing-summary strong{margin-top:7px;color:#dce8f5;font-size:12px}.billing-report>.inline-warning{margin:0 22px 22px}.billing-report+section.panel{margin-bottom:18px}
.billing-builder{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(260px,1fr) minmax(240px,1.4fr) auto;gap:14px;align-items:end;padding:0 22px 20px}.billing-builder fieldset{display:flex;gap:12px;align-items:center;min-height:42px;margin:0;padding:7px 11px;border:1px solid var(--line);border-radius:6px}.billing-builder fieldset legend{padding:0 4px;color:var(--muted);font-size:9px}.billing-builder .check{display:flex;flex-direction:row;gap:5px;margin:0}.billing-builder-actions,.billing-export,.billing-export>div{display:flex;gap:8px;align-items:center}.billing-builder-actions{padding-bottom:1px}.billing-export{justify-content:space-between;padding:0 22px 18px;color:var(--muted);font-size:10px}.alibaba-billing .table-wrap{border-top:1px solid var(--line)}
@media(max-width:1050px){.billing-builder{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-builder-actions{justify-content:flex-end}}@media(max-width:680px){.billing-builder{grid-template-columns:1fr}.billing-builder-actions,.billing-export{align-items:stretch;flex-direction:column}.billing-export>div{width:100%}.billing-export button{flex:1}}
.cloud-policy-guide{margin:18px 0;border:1px solid rgba(86,208,222,.2);border-radius:8px;background:rgba(9,20,39,.55)}.cloud-policy-guide summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;color:#dce8f5;cursor:pointer;list-style:none}.cloud-policy-guide summary::-webkit-details-marker{display:none}.cloud-policy-guide summary strong,.cloud-policy-guide summary small{display:block}.cloud-policy-guide summary strong{font-size:12px}.cloud-policy-guide summary small{margin-top:3px;color:var(--muted);font-size:9px}.cloud-policy-body{padding:0 15px 15px;border-top:1px solid var(--line)}.cloud-policy-body p,.cloud-policy-body li{color:#9fb0c3;font-size:11px;line-height:1.55}.cloud-policy-body pre{max-height:290px;font-size:10px}.cloud-policy-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.cloud-policy-actions .secondary{padding:8px 11px}#wizard-policy-help,#account-policy-help{margin-top:16px}
html[data-theme="light"] .report-bar strong,html[data-theme="light"] .billing-summary strong,html[data-theme="light"] .cloud-policy-guide summary{color:#193047}html[data-theme="light"] .report-bar i{background:#e7edf2}html[data-theme="light"] .billing-summary>div,html[data-theme="light"] .cloud-policy-guide{background:#f7fafc}html[data-theme="light"] .cloud-policy-body p,html[data-theme="light"] .cloud-policy-body li{color:#52677b}
@media(max-width:750px){.report-grid,.billing-summary{grid-template-columns:1fr}.cloud-policy-actions{align-items:stretch;flex-direction:column}.cloud-policy-actions button{width:100%}}
