:root{--bg:#111315;--side:#181a1d;--panel:#1c1f22;--panel2:#23262a;--line:#30343a;--text:#f4f5f6;--muted:#9299a3;--accent:#e53535;--accent2:#b7252b;--green:#21b873;--soft:#f4f7fb;--blue:#1677ff;--navy:#102a43}*{box-sizing:border-box}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body{margin:0;min-height:100%;font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}a{text-decoration:none}button,input,textarea{font:inherit}.app-body{background:var(--bg);color:var(--text);padding-left:236px;padding-top:64px}.app-sidebar{position:fixed;z-index:40;inset:0 auto 0 0;width:236px;background:#17191c;border-right:1px solid #292c30;overflow-y:auto;padding:19px 13px}.sidebar-brand{height:43px;display:flex;align-items:center;gap:11px;padding:0 11px;margin-bottom:19px;color:#fff;font-size:20px}.logo-mark{display:grid;place-items:center;width:33px;height:33px;background:var(--accent);border-radius:8px;color:#fff;font-size:12px;font-weight:900;letter-spacing:-.04em}.side-nav{display:grid;gap:3px}.nav-label{margin:18px 12px 7px;color:#686f78;font-size:12px;font-weight:800;letter-spacing:.14em}.nav-item{height:40px;padding:0 12px;display:flex;align-items:center;gap:12px;border-radius:7px;color:#aeb3bb;font-weight:600;transition:.15s}.nav-item span{width:19px;text-align:center;color:#7d838c;font-size:17px}.nav-item:hover{background:#222529;color:#fff}.nav-item.active{background:#632127;color:#fff}.nav-item.active span{color:#ff6f70}.app-topbar{position:fixed;z-index:30;left:236px;right:0;top:0;height:64px;background:#181a1d;border-bottom:1px solid #2b2e32;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.top-profile{display:flex;align-items:center;gap:10px}.top-profile>span:last-child{display:grid}.top-profile small{color:var(--muted);font-size:12px}.avatar-mini,.profile-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ea4d4d,#85252b);color:#fff;font-weight:800}.avatar-mini{width:35px;height:35px}.top-tools{display:flex;align-items:center;gap:19px;color:#aeb4bb;font-size:12px}.top-tools button{border:0;background:transparent;color:#bbc0c7;font-size:20px;cursor:pointer}.top-tools form{margin:0}.top-tools .logout{color:#f06a6a}.mobile-menu{display:none!important}.app-frame{min-height:calc(100vh - 64px)}.app-content{padding:25px 27px 60px;max-width:1600px;margin:auto}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:25px}.dashboard-center{min-width:0}.greeting-banner{min-height:74px;background:#432327;border:1px solid #6a2c31;border-radius:7px;padding:14px 17px;display:flex;align-items:center;gap:14px;margin-bottom:22px}.banner-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#653037}.greeting-banner strong{font-size:14px}.greeting-banner p{margin:3px 0 0;color:#c8aeb1;font-size:12px}.greeting-banner button{margin-left:auto;background:transparent;border:0;color:#a67c80;font-size:22px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:11px}.section-title h2,.panel-heading h2{font-size:15px;margin:0}.section-title span{font-size:12px;color:var(--muted)}.quick-section{margin-bottom:24px}.quick-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.quick-actions a{min-height:66px;background:linear-gradient(145deg,#d83136,#a62228);border:1px solid #ea494e;color:#fff;border-radius:7px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:700}.quick-actions a span{font-size:20px}.quick-actions a:hover{filter:brightness(1.12)}.dark-panel,.rail-card,.profile-card{background:var(--panel);border:1px solid var(--line);border-radius:7px}.service-panel{margin-bottom:22px;min-height:270px}.panel-tabs{height:53px;display:flex;gap:24px;align-items:end;padding:0 20px;border-bottom:1px solid var(--line)}.panel-tabs button{height:53px;background:none;border:0;border-bottom:2px solid transparent;color:#7e858e;font-weight:700}.panel-tabs button.active{color:#fff;border-color:var(--accent)}.panel-tabs b{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:5px;border-radius:9px;background:#4f2428;color:#f57373;font-size:12px}.service-row{display:grid;grid-template-columns:42px minmax(160px,1fr) 150px 110px 30px;align-items:center;gap:10px;padding:15px 19px;border-bottom:1px solid #292d31}.service-row>div{display:grid}.service-row small{font-size:12px;letter-spacing:.07em;color:#727983}.service-name small{font-size:12px;letter-spacing:0}.server-icon{width:34px;height:34px;place-items:center;border-radius:6px;background:#342326;color:#ef5f62}.status{width:max-content;padding:4px 9px;border-radius:12px;font-size:12px}.status.active{background:#173b2d;color:#4bdd9c}.service-row button{background:none;border:0;color:#767d85}.service-empty{min-height:215px;display:grid;place-items:center;align-content:center;text-align:center;padding:25px}.service-empty>span{font-size:31px;color:#555b62}.service-empty h3{margin:8px 0 1px}.service-empty p{margin:0 0 13px;color:var(--muted);font-size:12px}.service-empty a,.action-red{background:var(--accent);color:#fff;padding:9px 15px;border:0;border-radius:5px;font-weight:700}.ticket-preview{padding:18px}.panel-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:15px}.panel-heading p{margin:3px 0;color:var(--muted);font-size:12px}.panel-heading a,.rail-head a{color:#ee676a;font-size:12px}.ticket-item{display:flex;align-items:center;gap:12px;padding:13px;background:#24272b;border-radius:6px}.ticket-item>div{display:grid;flex:1}.ticket-item small{color:var(--muted)}.ticket-item>a{color:#f06b6d;font-size:12px}.ticket-symbol{font-size:22px}.right-rail{display:grid;align-content:start;gap:17px}.profile-card{text-align:center;padding:24px 18px 18px}.profile-avatar{width:69px;height:69px;margin:auto;font-size:25px;border:3px solid #522529;box-shadow:0 0 0 4px #26292d}.profile-card h2{margin:11px 0 0;font-size:17px}.profile-card p{margin:2px 0 18px;color:var(--muted);font-size:12px}.credit{display:grid;padding:13px;border-top:1px solid var(--line)}.credit small{color:var(--muted)}.credit strong{font-size:22px}.profile-card>a{display:block;background:var(--accent);color:#fff;padding:10px;border-radius:5px;font-weight:700}.rail-card{padding:17px}.rail-head,.usage-line{display:flex;justify-content:space-between}.rail-card h3{font-size:13px;margin:16px 0 9px}.usage-line{font-size:12px;color:var(--muted)}.progress{height:6px;background:#33373c;border-radius:5px;margin:6px 0}.progress i{display:block;height:100%;background:var(--accent);border-radius:5px}.rail-card>small{color:var(--muted);font-size:12px}.support-card{display:flex;gap:12px}.support-icon{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:50%;background:#382426;color:#f16e70}.support-card h3{margin:0}.support-card p{font-size:12px;color:var(--muted);margin:4px 0}.support-card a{color:#ef686b;font-size:12px}.cloud-page-head{display:flex;gap:15px;align-items:center;margin-bottom:22px}.cloud-page-head h1{margin:0;font-size:25px}.cloud-page-head p{margin:3px 0;color:var(--muted)}.cloud-page-head .eyebrow{color:#ef6568;font-size:12px;font-weight:800;letter-spacing:.14em}.page-icon{display:grid;place-items:center;width:48px;height:48px;background:#4d2428;border-radius:8px;color:#ff7073;font-size:24px}.placeholder-panel{min-height:430px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.placeholder-panel p{max-width:500px;color:var(--muted)}.empty-orbit{display:grid;place-items:center;width:80px;height:80px;border:1px dashed #555b63;border-radius:50%;font-size:33px;color:#e15a5c}.action-red{display:inline-block;margin-top:10px;cursor:pointer}
/* Existing pages */.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.page-head h1{margin:0;color:#fff}.page-head .muted,.muted{color:var(--muted)}.eyebrow{color:#ee6467;font-size:12px;font-weight:800;letter-spacing:.13em}.card,.balance{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:20px;color:var(--text)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product{background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:7px}.product h2{color:#fff}.primary,.secondary,.button{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:5px;padding:10px 15px;font-weight:700}.table .row{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid var(--line)}.row span{display:grid}.row small{color:var(--muted)}.pill{color:#53d99c}.empty{text-align:center;padding:35px}.profile{display:flex;gap:14px;align-items:center}.avatar{display:grid;place-items:center;width:50px;height:50px;background:var(--accent);border-radius:50%}.alert{padding:12px 15px;border-radius:6px;margin-bottom:15px}.success{background:#173b2d;color:#55dda0}.error{background:#542429;color:#ff9da0}
/* Auth shell */.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(340px,.9fr) minmax(480px,1.1fr);background:#161c24;color:#fff}.auth-visual-panel{display:flex;min-height:100vh;flex-direction:column;padding:42px 50px;background:radial-gradient(circle at 15% 10%,rgba(226,18,49,.2),transparent 35%),linear-gradient(145deg,#202a35,#141a21);border-right:1px solid rgba(145,158,171,.14)}.auth-brand{display:flex;align-items:center;gap:12px;color:#fff}.auth-brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#e21231;font-size:12px;font-weight:900}.auth-brand>span:last-child{display:grid}.auth-brand strong{font-size:18px}.auth-brand small{color:#7f8b98;font-size:12px;font-weight:850;letter-spacing:.15em}.auth-visual-copy{max-width:520px;margin:auto 0}.auth-visual-copy>span{color:#ff6075;font-size:12px;font-weight:850;letter-spacing:.16em}.auth-visual-copy h2{margin:12px 0 17px;font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-.04em}.auth-visual-copy p{max-width:460px;margin:0;color:#a7b1bc;font-size:14px;line-height:1.75}.auth-visual-copy ul{display:grid;gap:11px;margin:28px 0 0;padding:0;list-style:none;color:#c4cbd3;font-size:12px}.auth-visual-copy li{display:flex;align-items:center;gap:9px}.auth-visual-copy li:before{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:rgba(84,214,168,.12);color:#54d6a8;content:'✓';font-size:12px}.auth-visual-foot{color:#637381}.auth-form-panel{display:grid;min-height:100vh;place-items:center;padding:36px;background:#161c24}.auth-card{width:min(100%,460px);padding:38px;border:1px solid rgba(145,158,171,.16);border-radius:16px;background:#212b36;box-shadow:0 24px 60px rgba(0,0,0,.25)}.auth-card h1{margin:5px 0 7px;color:#fff;font-size:28px;letter-spacing:-.025em}.auth-card .eyebrow{margin:0;color:#ff6075}.auth-card .muted{color:#919eab}.auth-card form{display:grid;gap:17px;margin-top:25px}.auth-card label{display:grid;gap:7px;color:#f4f6f8;font-size:12px;font-weight:700}.auth-card input{width:100%;height:48px;padding:0 13px;border:1px solid rgba(145,158,171,.28);border-radius:8px;outline:0;background:#161c24;color:#fff}.auth-card input:focus{border-color:#e7495f;box-shadow:0 0 0 3px rgba(226,18,49,.1)}.auth-card input::placeholder{color:#637381}.auth-card .primary{min-height:48px;border-radius:8px;background:#e21231}.between{display:flex;justify-content:space-between;align-items:center}.check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;color:#919eab!important;font-weight:500!important}.check input{width:auto;height:auto}.wide{width:100%;cursor:pointer}.center{text-align:center}.auth-card a{color:#c7d0da}.auth-card .center a{color:#ff7185}.auth-card input::placeholder{color:#7f8b98}.check{align-items:center!important}.check input{margin:0 7px 0 0}.auth-visual-copy p,.auth-card .muted{color:#a9b3be}@media(max-height:620px) and (min-width:821px){.auth-visual-panel{padding-block:30px}.auth-form-panel{padding-block:24px}.auth-card{padding-block:28px}.auth-card form{margin-top:20px;gap:14px}}@media(max-width:820px){.auth-shell{grid-template-columns:1fr}.auth-visual-panel{display:none}.auth-form-panel{padding:24px}}@media(max-width:430px){.auth-form-panel{padding:15px}.auth-card{padding:28px 21px}.auth-card h1{font-size:24px}}
/* Compute deploy wizard */
.deploy-head{margin-bottom:22px}.deploy-head h1{font-size:27px;margin:7px 0 3px}.deploy-head>div>p:last-child{margin:0;color:var(--muted)}.deploy-crumb{display:flex;align-items:center;gap:8px;color:#727982;font-size:12px}.deploy-crumb a{color:#aeb4bc}.deploy-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.deploy-config{display:grid;gap:16px}.deploy-step,.summary-card{background:#1b1e21;border:1px solid #30343a;border-radius:9px}.deploy-step{padding:20px}.deploy-step-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:17px}.deploy-step-title>span{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:50%;background:#632127;color:#ff8588;font-weight:800}.deploy-step-title h2{font-size:16px;margin:1px 0}.deploy-step-title p{font-size:12px;color:var(--muted);margin:2px 0}.server-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.server-type-card,.choice-card,.os-card{position:relative;border:1px solid #35393f;background:#222529;color:#fff;border-radius:8px;text-align:left;cursor:pointer;transition:.16s}.server-type-card{min-height:164px;padding:16px;display:flex;flex-direction:column;align-items:flex-start}.server-type-card:hover,.choice-card:hover,.os-card:hover{border-color:#737a84}.server-type-card.selected,.choice-card.selected,.os-card.selected{border:2px solid var(--accent);background:#2b2023;box-shadow:0 0 0 1px #e5353520}.type-icon{font-size:22px;color:#ea5b5f}.selected-check{display:none;position:absolute;right:10px;top:10px;width:20px;height:20px;border-radius:50%;background:var(--accent);place-items:center;font-size:12px}.selected .selected-check{display:grid}.type-badge{font-size:12px;letter-spacing:.08em;color:#ef777a;background:#482327;border-radius:3px;padding:3px 5px;margin:9px 0 5px}.server-type-card strong{font-size:14px}.server-type-card small{color:#a0a6ae;font-size:12px;line-height:1.35;margin-top:5px}.server-type-card em{font-style:normal;color:#747b84;font-size:12px;margin-top:auto;padding-top:9px}.option-row{display:flex;flex-wrap:wrap;gap:10px}.choice-card{width:150px;min-height:76px;padding:13px;display:grid;grid-template-columns:25px 1fr;align-items:center}.choice-card>span{grid-row:span 2;color:#ec6669;font-size:20px}.choice-card small{color:var(--muted)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.resource-grid label,.network-grid label{display:grid;gap:6px;color:#d9dce0;font-size:12px;font-weight:650}.resource-grid input,.network-grid input,.network-grid select{width:100%;background:#24272b;border:1px solid #3a3e44;color:#fff;padding:11px 12px;border-radius:6px;outline:0}.resource-grid input:focus,.network-grid input:focus,.network-grid select:focus{border-color:#d44}.resource-grid small{font-size:12px;color:#737a83;font-weight:400}.os-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:260px;overflow:auto;padding-right:3px}.os-card{min-height:67px;padding:11px;display:grid;grid-template-columns:25px 1fr}.os-card>span{grid-row:span 2;color:#ec6669}.os-card small{color:var(--muted);font-size:12px}.network-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.network-grid .full{grid-column:1/-1}.toggle-label{display:flex!important;align-items:center;grid-template-columns:auto 1fr}.toggle-label input{width:auto}.order-summary{position:sticky;top:84px}.summary-card{padding:18px}.summary-title{display:flex;gap:10px;align-items:center;padding-bottom:16px;border-bottom:1px solid #30343a}.summary-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#632127;color:#ff8789}.summary-title h2{font-size:15px;margin:0}.summary-title p{font-size:12px;margin:2px 0;color:var(--muted)}.summary-product{display:flex;align-items:center;gap:11px;padding:16px 0}.summary-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:7px;background:#2c2325;color:#ed686b}.summary-product>div{display:grid}.summary-product small{color:var(--muted);font-size:12px}.summary-specs{margin:0;display:grid;gap:0;border-top:1px solid #30343a}.summary-specs>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #30343a}.summary-specs dt{color:#838a93;font-size:12px}.summary-specs dd{margin:0;text-align:right;color:#e8eaed;font-size:12px}.summary-price{margin:16px 0;padding:13px;border-radius:7px;background:#25282c;display:grid;gap:3px}.summary-price>span{color:#9198a1;font-size:12px}.summary-price strong{color:#ffb0b2;font-size:13px}.summary-price small{color:#777e87;font-size:12px;line-height:1.35}.instance-count{display:flex;align-items:center;justify-content:space-between;margin:13px 0}.instance-count>span{font-size:12px;color:#a4aab2}.instance-count>div{display:flex;align-items:center;gap:10px}.instance-count button{width:26px;height:26px;border:1px solid #3b3f45;background:#282b30;color:#737982;border-radius:5px}.deploy-disabled{width:100%;border:0;border-radius:6px;background:#30343a;color:#7f8790;padding:12px;font-weight:800;cursor:not-allowed}.summary-note{text-align:center;color:#6f757e;font-size:12px;line-height:1.4;margin:11px 12px 0}.deploy-empty{color:var(--muted);padding:20px}
/* Full deploy wizard additions */
.location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.location-card{position:relative;min-height:76px;padding:13px;border:1px solid #373b41;border-radius:7px;background:#222529;color:#fff;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.location-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#2b2e33;color:#ea6568}.location-card>span:nth-child(2){display:grid}.location-card small{color:#858c95}.location-card i,.cycle-card i,.key-card i{display:none;margin-left:auto;font-style:normal}.location-card.selected,.cycle-card.selected,.key-card.selected{background:#742329;border-color:#e8474b}.location-card.selected i,.cycle-card.selected i,.key-card.selected i{display:block}.deploy-tabs{display:flex;gap:23px;border-bottom:1px solid #35393f;margin-bottom:14px;overflow-x:auto}.deploy-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#8b929b;padding:0 2px 11px;white-space:nowrap;cursor:pointer}.deploy-tabs button.active{color:#fff;border-color:#e6474b}.software-empty{min-height:150px;place-items:center;align-content:center;text-align:center;color:#858c95}.software-empty:not([hidden]){display:grid}.software-empty>span{font-size:26px}.software-empty strong{color:#fff}.software-empty p{margin:4px}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.config-grid label,.config-field{display:grid;gap:6px;color:#dadde1;font-size:12px;font-weight:650}.config-grid .full{grid-column:1/-1}.config-grid select,.config-grid input,.promo-field input{width:100%;background:#24272b;border:1px solid #3a3e44;color:#fff;padding:11px 12px;border-radius:6px}.config-grid label>small{color:#797f88;font-size:12px;font-weight:400}.selectable-key-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.key-card{display:grid;grid-template-columns:26px 1fr auto;align-items:center;min-height:62px;padding:11px;border:1px solid #393d43;border-radius:7px;background:#23262a;color:#fff;text-align:left;cursor:pointer}.key-card>span{grid-row:span 2;color:#ef6b6e}.key-card small{color:#858c95}.key-card i{grid-column:3;grid-row:1/3}.inline-empty{margin:0;padding:13px;background:#23262a;border-radius:6px;color:#858c95;font-size:12px}.network-toggles{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:9px}.network-toggles label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:12px;border:1px solid #393d43;border-radius:7px;background:#23262a}.network-toggles input{width:auto}.network-toggles b{color:#4cd997;font-size:12px}.build-switch{display:flex;width:max-content;background:#24272b;border:1px solid #393d43;border-radius:6px;padding:3px;margin-bottom:14px}.build-switch button{border:0;background:none;color:#8d949d;padding:8px 18px;border-radius:4px;cursor:pointer}.build-switch button.active{background:#6d252a;color:#fff}.plans-wrap{overflow-x:auto}.plans-head,.plan-row{min-width:610px;display:grid;grid-template-columns:100px 70px 70px 80px 1fr 25px;align-items:center;gap:8px}.plans-head{padding:7px 12px;color:#777e87;font-size:12px}.plan-row{width:100%;margin:7px 0;padding:12px;border:1px solid #393d43;border-radius:6px;background:#23262a;color:#e7e9ec;text-align:left;cursor:pointer}.plan-row.selected{background:#6d252a;border-color:#e64a4e}.plan-row i{display:none;font-style:normal}.plan-row.selected i{display:block}.custom-note{color:#7f868f;font-size:12px;margin:12px 0 0}.subsection-title{font-size:12px;margin:0 0 9px}.cycle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cycle-card{position:relative;min-height:58px;padding:10px;border:1px solid #393d43;border-radius:6px;background:#23262a;color:#fff;display:grid;text-align:left;cursor:pointer}.cycle-card small{color:#858c95;font-size:12px}.cycle-card i{position:absolute;right:8px;top:8px}.addons-title{margin-top:20px}.addons-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.addon-card{position:relative;display:grid;grid-template-columns:auto 36px 1fr auto!important;align-items:center;gap:10px;padding:14px;border:1px solid #393d43;border-radius:7px;background:#23262a;cursor:pointer}.addon-card>input{width:auto}.addon-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:7px}.addon-icon.green{background:#193a2d;color:#50d99d}.addon-icon.blue{background:#1d3044;color:#67aaff}.addon-card>span:nth-child(3){display:grid}.addon-card small{color:#858c95;font-size:12px}.addon-card>b{color:#4dd99b;font-size:12px}.promo-field{display:grid;gap:6px;color:#9097a0;font-size:12px}.promo-field>div{display:flex}.promo-field input{border-radius:6px 0 0 6px}.promo-field button{border:1px solid #3a3e44;border-left:0;background:#2d3035;color:#6d747d;border-radius:0 6px 6px 0;width:40px}
.mobile-overlay{display:none}
@media(max-width:1080px){.dashboard-grid{grid-template-columns:1fr}.right-rail{grid-template-columns:repeat(3,1fr)}.quick-actions{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(2,1fr)}.deploy-shell{grid-template-columns:minmax(0,1fr) 280px}.server-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.app-body{padding-left:0;padding-top:58px}.app-sidebar{width:min(86vw,280px);transform:translateX(-105%);transition:.22s;box-shadow:20px 0 50px #0008}.nav-open .app-sidebar{transform:none}.nav-open .mobile-overlay{display:block;position:fixed;z-index:35;inset:0;background:#000a}.app-topbar{left:0;height:58px;padding:0 13px}.mobile-menu{display:grid!important}.top-profile{margin-right:auto;margin-left:10px}.top-tools>span{display:none}.app-content{padding:15px 13px 42px}.dashboard-grid{gap:15px}.right-rail{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}.quick-actions a:first-child{grid-column:span 2}.section-title span{display:none}.greeting-banner{align-items:start}.greeting-banner p{line-height:1.35}.service-row{grid-template-columns:38px 1fr auto}.service-row>div:nth-child(3),.service-row>div:nth-child(4){display:none}.ticket-item>a{display:none}.products,.kpis{grid-template-columns:1fr}.page-head{align-items:start;gap:15px}.auth-card{padding:26px 21px}.cloud-page-head{align-items:start}.placeholder-panel{min-height:350px}.deploy-head h1{font-size:23px}.deploy-shell{grid-template-columns:1fr;gap:15px}.order-summary{position:static;order:2}.deploy-step{padding:15px}.server-type-grid,.resource-grid,.os-grid,.network-grid{grid-template-columns:1fr}.network-grid .full{grid-column:auto}.server-type-card{min-height:145px}.choice-card{width:100%}.summary-card{padding:15px}.deploy-crumb{flex-wrap:wrap}.location-grid,.config-grid,.cycle-grid,.addons-grid,.selectable-key-grid,.network-toggles{grid-template-columns:1fr}.config-grid .full,.network-toggles{grid-column:auto}.deploy-tabs{gap:17px}.addon-card{grid-template-columns:auto 32px 1fr!important}.addon-card>b{grid-column:3}.plans-wrap{margin-inline:-3px}.plans-head,.plan-row{min-width:560px}}
@media(max-width:340px){.quick-actions{grid-template-columns:1fr}.quick-actions a:first-child{grid-column:auto}.top-profile small{display:none}.app-content{padding-inline:10px}.auth-shell{padding:14px}}

/* Compute deploy polish v2 */
.deploy-hero{position:relative;overflow:hidden;margin:-4px 0 24px;padding:24px 26px;border:1px solid #30343a;border-radius:14px;background:radial-gradient(circle at 92% 10%,rgba(229,53,53,.15),transparent 34%),linear-gradient(135deg,#1d2024 0%,#181b1e 100%)}.deploy-hero:after{content:"";position:absolute;right:-34px;bottom:-76px;width:210px;height:210px;border:1px solid rgba(255,255,255,.035);border-radius:50%}.deploy-hero>div{position:relative;z-index:1}.deploy-hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.deploy-kicker{display:block;margin:13px 0 5px;color:#ef696d;font-size:12px;font-weight:850;letter-spacing:.17em}.deploy-hero h1{margin:0 0 5px;font-size:30px;line-height:1.15;letter-spacing:-.025em}.deploy-hero-row p{max-width:680px;margin:0;color:#a5abb4;font-size:13px}.deploy-live{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:8px 11px;border:1px solid #34453d;border-radius:999px;background:#1b2923;color:#8ce0b5;font-size:12px;font-weight:800;letter-spacing:.05em}.deploy-live i{width:7px;height:7px;border-radius:50%;background:#37cb82;box-shadow:0 0 0 4px rgba(55,203,130,.12)}
.deploy-shell{grid-template-columns:minmax(0,1fr) 336px;gap:24px}.deploy-config{gap:18px}.deploy-step{overflow:hidden;padding:0;border-color:#2f343a;border-radius:13px;background:linear-gradient(180deg,#1d2024,#1a1d20);box-shadow:0 10px 30px rgba(0,0,0,.09)}.deploy-step-title{margin:0;padding:18px 20px;border-bottom:1px solid #2c3035;background:rgba(255,255,255,.012)}.deploy-step-title>span{width:30px;height:30px;flex-basis:30px;background:linear-gradient(135deg,#7d282e,#552025);box-shadow:inset 0 0 0 1px rgba(255,112,115,.12);color:#ff9da0}.deploy-step-title h2{margin:0 0 2px;font-size:15px;letter-spacing:-.01em}.deploy-step-title p{color:#959ca6;font-size:12px}.deploy-step-body{padding:18px 20px 20px}
.server-type-grid{gap:12px}.server-type-card{min-height:172px;padding:17px;border-color:#373c43;border-radius:10px;background:linear-gradient(145deg,#24282c,#202327)}.server-type-card:hover{transform:translateY(-2px);border-color:#666e79;background:#272b30}.server-type-card.selected{border:1px solid #e34b50;background:linear-gradient(145deg,#312326,#272225);box-shadow:inset 0 0 0 1px rgba(229,53,53,.24),0 8px 24px rgba(0,0,0,.16)}.type-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#30262a;font-size:16px}.type-badge{margin:12px 0 7px}.server-type-card strong{font-size:13.5px;line-height:1.35}.server-type-card small{color:#aeb4bc}.server-type-card em{margin-top:auto;padding-top:13px;color:#8f96a0;font-size:12px}.selected-check{right:12px;top:12px}
.location-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.location-card{min-height:72px;padding:13px 14px;border-color:#373c42;border-radius:9px;background:#22262a;transition:.16s}.location-card:hover{transform:translateY(-1px);border-color:#646b75}.location-card.selected{border-color:#db474c;background:#332326;box-shadow:inset 0 0 0 1px rgba(229,53,53,.18)}.location-mark{background:#2d3035}.location-card.selected .location-mark{background:#54262b}.location-card strong{font-size:12px}.location-card small{font-size:12px}
.deploy-tabs{gap:8px;margin-bottom:15px;padding:4px;border:1px solid #343941;border-radius:9px;background:#181b1e}.deploy-tabs button{flex:0 0 auto;padding:9px 13px;border:0;border-radius:6px;color:#9299a3;font-size:12px;font-weight:750}.deploy-tabs button.active{border:0;background:#2d3035;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18)}.deploy-tabs button:disabled{opacity:.35}.os-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:336px;overflow-y:auto;padding-right:5px;scrollbar-color:#4b5159 #202328}.os-card{min-height:74px;padding:12px 13px;border-color:#363b41;border-radius:8px;background:#22262a}.os-card:hover{transform:translateY(-1px)}.os-card.selected{border:1px solid #df4a4f;background:#332326;box-shadow:inset 0 0 0 1px rgba(229,53,53,.16)}.os-card>span{color:#ef6c70}.os-card strong{overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.35}.os-card small{color:#8f96a0;font-size:12px}
.config-grid{gap:16px}.config-grid label{gap:8px;color:#e3e6e9;font-size:12px}.config-grid select,.config-grid input{min-height:44px;padding:11px 13px;border-color:#3b4148;border-radius:8px;background:#202428;transition:border-color .15s,box-shadow .15s}.config-grid select:focus,.config-grid input:focus{outline:0;border-color:#d3474c;box-shadow:0 0 0 3px rgba(229,53,53,.1)}.config-grid label>small{color:#8e959f;font-size:12px}.resource-grid{gap:11px;padding:13px;border:1px solid #30353b;border-radius:10px;background:#181b1e}.network-toggles{gap:11px}.network-toggles label{min-height:62px;padding:13px 14px;border-color:#363b42;border-radius:9px;background:#22262a}.network-toggles b{padding:4px 7px;border-radius:999px;background:#28332e;color:#72d6a2;font-size:12px}
.cycle-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cycle-card{min-height:78px;padding:13px;border:1px solid #373c43;border-radius:9px;background:#22262a;color:#fff;text-align:left;transition:.16s}.cycle-card:hover{transform:translateY(-1px);border-color:#626a74}.cycle-card.selected{border-color:#df4a4f;background:#332326;box-shadow:inset 0 0 0 1px rgba(229,53,53,.17)}.cycle-card strong{font-size:12px}.cycle-card small{margin-top:4px;color:#9097a1;font-size:12px}.cycle-card i{color:#ff8e91}
.order-summary{position:sticky;top:84px;align-self:start}.summary-card{overflow:hidden;padding:0;border-color:#373c43;border-radius:14px;background:linear-gradient(180deg,#202429,#191c1f);box-shadow:0 18px 48px rgba(0,0,0,.24)}.summary-title{margin:0;padding:19px 20px;border-bottom:1px solid #30353b;background:rgba(255,255,255,.015)}.summary-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#3a2529;color:#ff777a}.summary-title h2{font-size:15px}.summary-title p{color:#8f96a0}.summary-product{margin:17px 18px 0;padding:14px;border:1px solid #343941;border-radius:10px;background:#24282c}.summary-icon{width:34px;height:34px;border-radius:9px}.summary-product strong{font-size:12px}.summary-specs{padding:8px 18px 0}.summary-specs>div{padding:10px 0;border-color:#30353b}.summary-specs dt{color:#8f96a0;font-size:12px}.summary-specs dd{max-width:62%;font-size:12px}.summary-price{margin:14px 18px;padding:15px;border:1px solid #3b4047;border-radius:10px;background:linear-gradient(135deg,#262a2f,#222529)}.summary-price span{color:#aeb4bc}.summary-price strong{margin:5px 0 3px;font-size:18px;line-height:1.2}.summary-price small{color:#959ca5;line-height:1.4}.summary-card>.btn,.summary-card>.deploy-disabled{width:calc(100% - 36px);min-height:44px;margin:0 18px 9px;border-radius:8px}.summary-card>.btn:disabled{background:#46282b;color:#a98789;cursor:not-allowed}.deploy-disabled{border:1px solid #343941;background:#23272b;color:#777e87}.summary-note{margin:3px 20px 14px;color:#8f96a0;line-height:1.45}.summary-trust{display:flex;align-items:center;gap:10px;padding:13px 18px;border-top:1px solid #30353b;background:#181b1e}.summary-trust>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#20342b;color:#65d59b;font-size:12px}.summary-trust p{display:grid;margin:0}.summary-trust strong{font-size:12px}.summary-trust small{color:#7f8791;font-size:12px}
@media(max-width:1180px){.deploy-shell{grid-template-columns:minmax(0,1fr) 300px}.os-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cycle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.deploy-shell{grid-template-columns:1fr}.order-summary{position:static}.summary-card{max-width:none}.server-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.os-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.deploy-hero{margin-top:0;padding:19px 17px}.deploy-hero-row{align-items:flex-start}.deploy-hero h1{font-size:25px}.deploy-live{margin-top:9px}.deploy-step-title{padding:16px}.deploy-step-body{padding:15px 16px 17px}.server-type-grid,.os-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.config-grid{grid-template-columns:1fr}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.network-toggles{grid-template-columns:repeat(2,minmax(0,1fr))}.cycle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.deploy-hero-row{display:block}.deploy-live{width:max-content}.deploy-hero-row p{font-size:12px}.deploy-step-title>span{width:28px;height:28px;flex-basis:28px}.server-type-grid,.os-grid,.location-grid{grid-template-columns:1fr}.server-type-card{min-height:156px}.os-grid{max-height:360px}.resource-grid,.network-toggles{grid-template-columns:1fr}.cycle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-specs dd{max-width:58%}}
@media(max-width:340px){.cycle-grid{grid-template-columns:1fr}.deploy-hero{padding-inline:14px}.deploy-step-body{padding-inline:13px}.summary-card>.btn,.summary-card>.deploy-disabled{width:calc(100% - 28px);margin-inline:14px}.summary-price{margin-inline:14px}}

/* Compute deploy reference v3 */
.deploy-reference-head{margin:0 0 22px;padding:2px 0 18px;border-bottom:1px solid #292d32}.deploy-reference-head h1{margin:0 0 7px;color:#f4f5f6;font-size:22px;font-weight:650;letter-spacing:-.02em}.deploy-reference-head .deploy-crumb{margin:0;font-size:12px}.deploy-reference-head .deploy-crumb a{color:#8d949e}.deploy-reference-head .deploy-crumb span{color:#555c65}
.deploy-shell{grid-template-columns:minmax(0,1fr) 342px;gap:24px}.deploy-config{gap:14px}.deploy-step{overflow:hidden;padding:0;border:1px solid #2d3238;border-radius:7px;background:#191c20;box-shadow:none}.deploy-step-title{display:flex;align-items:center;gap:11px;margin:0;padding:14px 16px;border-bottom:1px solid #2b3036;background:#1c1f23}.deploy-step-title>div{min-width:0;flex:1}.deploy-step-title>div h2{margin:0;color:#f1f2f4;font-size:13px;font-weight:650;line-height:1.3}.deploy-step-title>div p{margin:2px 0 0;color:#7f8791;font-size:12px;line-height:1.35}.deploy-step-title>b{color:#6f7781;font-size:13px;font-weight:400}.deploy-section-icon{display:grid!important;place-items:center;width:29px!important;height:29px!important;flex:0 0 29px!important;border:1px solid #373d44!important;border-radius:6px!important;background:#23272c!important;color:#aeb5be!important;box-shadow:none!important}.deploy-section-icon svg,.type-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.deploy-step-body{padding:16px}
.server-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.server-type-card{display:grid;grid-template-columns:38px minmax(0,1fr);align-content:start;column-gap:11px;min-height:158px;padding:16px;border:1px solid #343a41;border-radius:7px;background:#1e2226;box-shadow:none;transform:none}.server-type-card:hover{transform:none;border-color:#59616b;background:#202429}.server-type-card.selected{border:1px solid #d33b43;background:#302024;box-shadow:none}.type-icon{display:grid;grid-row:1/4;place-items:center;width:38px;height:38px;border:1px solid #3a4047;border-radius:7px;background:#24282d;color:#c4cad1}.server-type-card.selected .type-icon{border-color:#743239;background:#3b2529;color:#f1787d}.selected-check{right:12px;top:12px;width:18px;height:18px;border-radius:50%;background:#dc4148;color:#fff;font-size:12px}.type-badge{width:max-content;margin:0 28px 3px 0;padding:2px 6px;border:1px solid #3b424a;border-radius:3px;background:transparent;color:#929aa4;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.server-type-card.selected .type-badge{border-color:#6d3439;color:#f0787d}.server-type-card strong{padding-right:24px;color:#f2f3f4;font-size:13px;font-weight:650;line-height:1.35}.server-type-card small{margin:4px 0 0;color:#9ca3ad;font-size:12px}.server-type-card em{grid-column:1/-1;margin-top:15px;padding:12px 0 0;border-top:1px solid #30353b;color:#7f8791;font-size:12px;line-height:1.45}
.location-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.location-card{min-height:62px;padding:10px 11px;border:1px solid #343a41;border-radius:6px;background:#1f2327;box-shadow:none;transform:none}.location-card:hover{transform:none;border-color:#59616b}.location-card.selected{border:1px solid #d13c44;background:#302024;box-shadow:none}.location-flag{display:grid;place-items:center;width:29px;height:29px;border:1px solid #393f46;border-radius:5px;background:#25292e;font-size:16px}.location-card strong{font-size:12px;font-weight:650}.location-card small{color:#777f89;font-size:12px}.location-card i{color:#f4787c;font-size:12px}
.deploy-tabs{display:flex;gap:20px;margin:0 0 13px;padding:0;border:0;border-bottom:1px solid #30353b;border-radius:0;background:transparent}.deploy-tabs button{flex:0 0 auto;padding:0 1px 9px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#848c96;font-size:12px;font-weight:600}.deploy-tabs button.active{border-bottom-color:#d94148;border-radius:0;background:transparent;color:#f2f3f4;box-shadow:none}.os-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:310px;padding-right:4px}.os-card{display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;min-height:59px;padding:9px 10px;border:1px solid #343a41;border-radius:6px;background:#1f2327;box-shadow:none;transform:none}.os-card:hover{transform:none;border-color:#59616b}.os-card.selected{border:1px solid #d13c44;background:#302024;box-shadow:none}.os-logo{grid-row:1/3;width:23px;height:23px;object-fit:contain;filter:none}.os-logo-generic{display:grid;place-items:center;color:#d85a60}.os-card strong{padding-right:2px;color:#eceef0;font-size:12px;font-weight:600;line-height:1.25;white-space:normal}.os-card small{color:#737b85;font-size:12px}
.config-grid{gap:13px}.config-grid label{gap:6px;color:#cfd3d8;font-size:12px;font-weight:600}.config-grid select,.config-grid input{min-height:39px;padding:9px 11px;border:1px solid #363c43;border-radius:5px;background:#1f2327}.config-grid select:focus,.config-grid input:focus{border-color:#c43b42;box-shadow:none}.config-grid label>small{color:#737b85;font-size:12px}.resource-grid{gap:9px;padding:0;border:0;border-radius:0;background:transparent}.network-toggles{gap:9px}.network-toggles label{min-height:52px;padding:10px 11px;border:1px solid #343a41;border-radius:6px;background:#1f2327}.network-toggles b{padding:0;background:transparent;color:#6fcf9d;font-size:12px}
.cycle-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cycle-card{min-height:59px;padding:10px;border:1px solid #343a41;border-radius:6px;background:#1f2327;box-shadow:none;transform:none}.cycle-card:hover{transform:none;border-color:#59616b}.cycle-card.selected{border:1px solid #d13c44;background:#302024;box-shadow:none}.cycle-card strong{font-size:12px;font-weight:650}.cycle-card small{color:#767e88;font-size:12px}.cycle-card i{color:#f2777c;font-size:12px}
.order-summary{position:sticky;top:80px;align-self:start}.summary-card{overflow:hidden;padding:0;border:1px solid #30363d;border-radius:7px;background:#191c20;box-shadow:none}.summary-title{margin:0;padding:15px 16px;border-bottom:1px solid #2c3137;background:#1c1f23}.summary-title>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #3a4047;border-radius:6px;background:#24282d;color:#b8bec6}.summary-title h2{font-size:13px;font-weight:650}.summary-title p{color:#777f89;font-size:12px}.summary-product{margin:14px 15px 0;padding:12px;border:1px solid #343a41;border-radius:6px;background:#1f2327}.summary-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid #3a4047;border-radius:6px;background:#25292e;color:#e06469}.summary-product strong{font-size:12px;font-weight:650}.summary-product small{color:#777f89;font-size:12px}.summary-specs{padding:7px 15px 0}.summary-specs>div{padding:8px 0;border-color:#2d3238}.summary-specs dt{color:#7d858f;font-size:12px}.summary-specs dd{max-width:64%;color:#dce0e4;font-size:12px}.summary-price{margin:12px 15px;padding:12px;border:1px solid #343a41;border-radius:6px;background:#1f2327}.summary-price span{color:#8c949e;font-size:12px}.summary-price strong{margin:4px 0 2px;color:#f0f2f4;font-size:18px}.summary-price small{color:#777f89;font-size:12px}.summary-card>.btn,.summary-card>.deploy-disabled{width:calc(100% - 30px);min-height:40px;margin:0 15px 8px;border-radius:5px}.summary-card>.btn:disabled{background:#42262a;color:#9d777a}.deploy-disabled{border:1px solid #343a41;background:#22262a;color:#6f7781}.summary-note{margin:2px 17px 12px;color:#737b85;font-size:12px;line-height:1.45}.summary-trust{padding:11px 15px;border-top:1px solid #2c3137;background:#171a1d}.summary-trust>span{width:22px;height:22px;background:#1f3129;color:#66c995;font-size:12px}.summary-trust strong{font-size:12px}.summary-trust small{color:#717983;font-size:12px}
@media(max-width:1180px){.deploy-shell{grid-template-columns:minmax(0,1fr) 310px}.server-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.os-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.deploy-shell{grid-template-columns:1fr}.order-summary{position:static}.summary-card{max-width:none}.server-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.os-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.deploy-reference-head{margin-bottom:14px;padding-bottom:14px}.deploy-reference-head h1{font-size:19px}.deploy-step-title{padding:12px 13px}.deploy-step-body{padding:13px}.server-type-grid{grid-template-columns:1fr}.location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.os-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.network-toggles{grid-template-columns:repeat(2,minmax(0,1fr))}.cycle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.deploy-shell{gap:12px}.deploy-config{gap:10px}.deploy-section-icon{width:27px!important;height:27px!important;flex-basis:27px!important}.deploy-step-title>div p{font-size:12px}.location-grid,.os-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-grid,.network-toggles{grid-template-columns:1fr}.cycle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-type-card{min-height:148px}.summary-specs dd{max-width:59%}}
@media(max-width:340px){.location-grid,.os-grid,.cycle-grid{grid-template-columns:1fr}}

/* Compute deploy screenshot match v4 */
.section-complete{display:grid!important;place-items:center;width:20px;height:20px;border-radius:50%;background:#193c2c;color:#68d39d!important;font-size:12px!important}.location-grid{gap:12px}.location-card{min-height:76px;padding:13px 14px;border-color:#383e46;border-radius:8px}.location-card.selected{border-color:#d83c47;background:#c92f3b}.location-card.selected .location-flag{border-color:rgba(255,255,255,.22);background:rgba(0,0,0,.13)}.location-card.selected strong,.location-card.selected small,.location-card.selected i{color:#fff}.location-flag{width:34px;height:28px;font-size:19px}.location-card strong{font-size:12px}.location-card small{margin-top:2px;font-size:12px}.location-card i{align-self:start;margin-top:2px}.os-grid{gap:12px;max-height:330px}.os-card{grid-template-columns:38px minmax(0,1fr) 15px;min-height:76px;padding:12px 13px;border-color:#383e46;border-radius:8px}.os-card.selected{border-color:#d83c47;background:#c92f3b}.os-logo{width:31px;height:31px}.os-card strong{font-size:12px}.os-card small{font-size:12px}.os-card>i{grid-column:3;grid-row:1/3;align-self:center;color:#717984;font-size:12px}.os-card.selected strong,.os-card.selected small,.os-card.selected>i{color:#fff}.software-foot{margin:15px 0 0;padding-top:13px;border-top:1px solid #30353b;color:#747c86;font-size:12px;text-align:center}.software-foot button{padding:0;border:0;background:transparent;color:#e65b64;font-size:12px;font-weight:650}.software-foot button:disabled{color:#626973}.deploy-rocket{display:inline-grid;place-items:center;margin-right:5px;font-size:13px;transform:rotate(-45deg)}.summary-card>.btn.primary:not(:disabled){background:#d6323e}.summary-card>.deploy-disabled:not(:disabled){border-color:#dc3a45;background:#d6323e;color:#fff}.summary-card>.deploy-disabled{font-weight:650}
@media(max-width:1180px){.location-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.location-grid,.os-grid{gap:9px}.location-card,.os-card{min-height:70px}}
@media(max-width:390px){.location-grid,.os-grid{grid-template-columns:1fr}.location-card,.os-card{min-height:68px}}

/* Onidel MHT geometry adaptation v5 */
:root{--mht-accent:#E21231;--mht-bg:rgb(22,28,36);--mht-paper:rgb(33,43,54);--mht-muted:rgb(145,158,171);--mht-line:rgba(145,158,171,.2)}
html,body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}.app-body{padding-left:280px;padding-top:80px;background:var(--mht-bg)}
.app-sidebar{width:280px;padding:24px 16px 18px;background:#161c24;border-right:0;display:flex;flex-direction:column}.sidebar-brand{height:48px;margin:0 0 22px;padding:0 12px;font-size:21px}.logo-mark{width:36px;height:36px;border-radius:8px;background:var(--mht-accent)}.side-nav{gap:0}.nav-label{margin:20px 12px 8px;color:#637381;font-size:12px;letter-spacing:.08em}.nav-item{min-height:44px;height:44px;margin-bottom:4px;padding:4px 8px 4px 12px;border-radius:8px;color:var(--mht-muted);font-size:14px}.nav-item span{width:24px;color:inherit;font-size:19px}.nav-item:hover{background:rgba(145,158,171,.08)}.nav-item.active{background:rgba(226,18,49,.16);color:#fff}.nav-item.active span{color:#ff5068}.sidebar-help{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin-top:auto;border-radius:8px;background:var(--mht-accent);color:#fff;font-size:13px}.sidebar-help span{display:grid;place-items:center;width:21px;height:21px;border:1px solid #fff;border-radius:50%}
.app-topbar{left:280px;height:80px;padding:0 40px;background:rgba(22,28,36,.8);border-bottom:0;backdrop-filter:blur(6px);box-shadow:none}.workspace-switch{display:flex;align-items:center;gap:18px;padding:5px 8px;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}.workspace-switch>span{display:grid}.workspace-switch strong{font-size:14px}.workspace-switch small{color:var(--mht-muted);font-size:12px}.workspace-switch b{color:#637381;font-size:12px;line-height:.6}.top-tools{gap:12px}.top-tools button{min-height:40px;color:#fff}.search-tool{display:flex;align-items:center;gap:8px}.search-tool span{font-size:24px}.search-tool kbd{padding:3px 7px;border:1px solid rgba(145,158,171,.28);border-radius:6px;background:rgba(145,158,171,.12);color:var(--mht-muted);font:11px inherit}.locale-tool{display:flex;align-items:center;gap:7px;padding:0 8px!important;font-size:12px!important}.locale-tool b{color:#637381}.settings-tool{font-size:18px!important}.avatar-mini{width:34px;height:34px;background:#E21231}.top-tools .logout{font-size:19px}.app-frame{min-height:calc(100vh - 80px)}.app-content{width:100%;max-width:1536px;padding:32px 24px 88px;margin:0 auto}
.deploy-reference-head{margin:0 0 24px;padding:0;border:0}.deploy-reference-head h1{font-size:24px;font-weight:700}.deploy-shell{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:24px}.deploy-config{gap:24px}.deploy-step,.summary-card{border:0;border-radius:16px;background:var(--mht-paper);box-shadow:0 0 2px rgba(0,0,0,.4),0 12px 24px -4px rgba(0,0,0,.12)}.deploy-step-title{padding:24px 24px 0;margin:0 0 16px;border:0;background:transparent}.deploy-step-title>div h2{font-size:16px}.deploy-step-title>div p{margin-top:4px;color:var(--mht-muted);font-size:14px;line-height:1.57143}.deploy-section-icon{border:0!important;background:transparent!important;color:#fff!important}.deploy-step-body{padding:0 24px 24px}.section-complete{background:transparent;color:#54d6a8!important;font-size:20px!important}.server-type-grid,.location-grid,.os-grid{gap:16px}.server-type-card,.location-card,.os-card,.cycle-card{border:1px solid var(--mht-line);background:#161c24;border-radius:8px}.server-type-card.selected,.location-card.selected,.os-card.selected,.cycle-card.selected{border-color:var(--mht-accent);background:var(--mht-accent)}.server-type-card.selected .type-icon{background:rgba(0,0,0,.14);border-color:rgba(255,255,255,.24);color:#fff}.server-type-card.selected .type-badge,.server-type-card.selected small,.server-type-card.selected em{color:#fff;border-color:rgba(255,255,255,.25)}
.deploy-tabs{min-height:54px;margin:0 0 20px;padding:8px;gap:0;border:0;border-radius:8px;background:rgba(145,158,171,.12)}.deploy-tabs button{min-height:38px;margin-right:20px;padding:8px 16px;border:0;border-radius:8px;font-size:14px}.deploy-tabs button.active{border:0;background:#161c24;box-shadow:0 1px 2px rgba(0,0,0,.16)}
.order-summary{top:82px}.summary-card{border-radius:16px}.summary-title{padding:24px 24px 16px;border-bottom:1px solid var(--mht-line);background:transparent}.summary-title h2{font-size:16px}.summary-title p{font-size:12px}.summary-product{margin:0;padding:16px 16px 14px;border:0;border-radius:0;background:transparent}.summary-specs{padding:0 16px}.summary-specs>div{padding:9px 0;border-color:var(--mht-line)}.summary-specs dt,.summary-specs dd{font-size:12px}.summary-price{margin:16px;padding:16px;border:0;background:rgba(145,158,171,.08)}.summary-price span{font-size:12px}.summary-price strong{font-size:21px}.summary-price small{font-size:12px}.summary-card>.btn,.summary-card>.deploy-disabled{width:calc(100% - 32px);height:52px;margin:16px 16px 8px;padding:0 32px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:var(--mht-accent);color:#fff;font-size:17px;line-height:50px;box-shadow:inset 0 -2px 3px rgba(0,0,0,.14)}.summary-card>.btn:disabled,.summary-card>.deploy-disabled:disabled{background:rgba(145,158,171,.24);color:rgba(145,158,171,.8);box-shadow:none}.summary-note{margin:0 18px 16px;font-size:12px}.summary-trust{padding:16px;border-top:1px solid var(--mht-line);background:transparent}.summary-trust strong{font-size:12px}.summary-trust small{font-size:12px}
@media(max-width:1180px){.app-topbar{padding-inline:24px}.deploy-shell{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}}
@media(max-width:900px){.deploy-shell{grid-template-columns:1fr}.order-summary{position:static}}
@media(max-width:760px){.app-body{padding-left:0;padding-top:64px}.app-sidebar{width:min(86vw,280px)}.app-topbar{left:0;height:64px;padding:0 16px}.workspace-switch{margin-right:auto}.workspace-switch b,.language-tool,.settings-tool,.search-tool kbd{display:none}.app-content{padding:24px 16px 56px}.deploy-step-title{padding:20px 20px 0}.deploy-step-body{padding:0 20px 20px}}
@media(max-width:520px){.locale-tool strong{display:none}.top-tools{gap:4px}.deploy-step-title>div p{font-size:12px}.deploy-tabs button{margin-right:4px;padding-inline:10px;font-size:12px}.summary-card>.btn,.summary-card>.deploy-disabled{font-size:15px}}
@media(max-width:340px){.app-content{padding-inline:12px}.workspace-switch strong{max-width:90px;overflow:hidden;text-overflow:ellipsis}.locale-tool{display:none}}

/* Unified deploy icon system */
.deploy-icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.deploy-ui-icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.deploy-section-icon .deploy-ui-icon{width:21px;height:21px}.deploy-step-toggle{display:grid;place-items:center;color:#77808b}.deploy-step-toggle .deploy-ui-icon{width:18px;height:18px}.section-complete{display:grid;place-items:center}.section-complete .deploy-ui-icon{width:16px;height:16px;stroke-width:2.2;transform:translate(.5px,.5px)}.cycle-card i .deploy-ui-icon,.location-card i .deploy-ui-icon{width:15px;height:15px;stroke-width:2.2}.summary-title .deploy-ui-icon,.summary-icon .deploy-ui-icon{width:18px;height:18px;stroke-width:1.8}.summary-title>span .deploy-ui-icon{transform:translate(.5px,.5px)}.deploy-rocket{display:grid;place-items:center}.deploy-rocket .deploy-ui-icon{width:21px;height:21px;stroke-width:2}.summary-trust>span{display:grid;place-items:center}.summary-trust>span .deploy-ui-icon{width:18px;height:18px;stroke-width:1.8}.os-card i{display:grid;place-items:center}.os-card i .deploy-ui-icon{width:18px;height:18px;stroke-width:1.8}.os-logo-generic{display:grid;place-items:center}.os-logo-generic .deploy-ui-icon{width:22px;height:22px}

/* Software family picker, version menu, and animated tabs */
.deploy-tabs{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-height:0;margin:0 0 20px;padding:5px;border:1px solid rgba(145,158,171,.2);border-radius:14px;background:#161c24;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.deploy-tabs button{position:relative;z-index:1;display:grid;place-items:center;min-height:46px;margin:0;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--mht-muted);font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;transition:color .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s ease}.deploy-tabs button:hover{background:rgba(145,158,171,.08);color:#fff}.deploy-tabs button.active{border-color:rgba(226,18,49,.58);background:linear-gradient(180deg,#e92945,#d6102c);color:#fff;box-shadow:0 6px 16px rgba(226,18,49,.22),inset 0 1px 0 rgba(255,255,255,.16);transform:translateY(-1px)}.deploy-tabs button:focus-visible{outline:2px solid #ff6176;outline-offset:2px}.os-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;min-height:104px;max-height:none;padding:0;overflow:visible;opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s ease}.os-grid.is-switching{opacity:0;transform:translateY(7px)}.os-family-card{position:relative;min-width:0}.os-card{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;width:100%;min-height:100px;padding:14px;border:1px solid var(--mht-line);border-radius:12px;background:#161c24;color:#fff;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.os-card:hover{border-color:rgba(145,158,171,.5);background:#1b2531;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.16)}.os-family-card.selected>.os-card,.os-card.selected{border-color:var(--mht-accent);background:linear-gradient(145deg,#e92945,#d6102c);box-shadow:0 9px 22px rgba(226,18,49,.2)}.os-card .os-logo{width:36px;height:36px;object-fit:contain}.os-family-card.selected>.os-card .os-logo,.os-card.selected .os-logo{padding:4px;border-radius:9px;background:#fff}.os-card-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.os-card strong{font-size:13px}.os-card small{overflow:hidden;color:var(--mht-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.os-card em{color:#637381;font-size:12px;font-style:normal}.os-family-card.selected>.os-card small,.os-family-card.selected>.os-card em{color:#ffe8ec}.os-card i{display:grid;place-items:center;color:#7d8998;transition:transform .2s ease,color .2s ease}.os-family-card.selected>.os-card i{color:#fff}.os-family-card.version-open>.os-card i{transform:rotate(180deg)}.os-version-menu{position:relative;z-index:1;display:grid;gap:4px;max-height:0;margin-top:0;padding:0 6px;overflow:hidden;border:0 solid #38465a;border-radius:12px;background:#111a27;opacity:0;transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,.24);transition:max-height .24s ease,margin-top .24s ease,padding .24s ease,opacity .2s ease,transform .2s ease,border-width .2s ease}.os-family-card.version-open{z-index:2}.os-family-card.version-open .os-version-menu{max-height:260px;margin-top:7px;padding:6px;border-width:1px;overflow-y:auto;opacity:1;transform:translateY(0)}.os-version-menu button{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;min-height:42px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#b5c0d0;font-size:12px;font-weight:650;text-align:left;cursor:pointer}.os-version-menu button:hover{background:#1c2737;color:#fff}.os-version-menu button.selected{background:rgba(226,18,49,.14);color:#fff}.os-version-menu .deploy-ui-icon{width:15px;height:15px;color:var(--mht-accent);opacity:0}.os-version-menu button.selected .deploy-ui-icon{opacity:1}.software-empty-grid{display:block}.software-tab-empty{display:flex;align-items:center;justify-content:center;gap:16px;min-height:164px;padding:24px;border:1px dashed rgba(145,158,171,.3);border-radius:12px;background:rgba(145,158,171,.045);color:var(--mht-muted)}.software-empty-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border:1px solid rgba(226,18,49,.3);border-radius:12px;background:rgba(226,18,49,.1);color:#f04b63}.software-empty-icon .deploy-ui-icon{width:24px;height:24px}.software-tab-empty strong{display:block;color:#e8edf3;font-size:13px}.software-tab-empty small{display:block;max-width:510px;margin-top:5px;font-size:12px;line-height:1.5}.software-tab-empty button{margin-top:11px;padding:7px 10px;border:1px solid rgba(145,158,171,.3);border-radius:8px;background:#1c2530;color:#e8edf3;font-size:12px;font-weight:700;cursor:pointer}.software-tab-empty button:hover{border-color:var(--mht-accent)}.software-foot{margin-top:16px}.software-foot button{color:var(--mht-accent)}
@media(max-width:760px){.deploy-tabs{gap:3px}.deploy-tabs button{padding-inline:5px;font-size:12px}.os-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.deploy-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.os-grid{grid-template-columns:1fr}.software-tab-empty{align-items:flex-start}}

/* Server configuration flat workspace */
.server-config-body{padding-top:2px}.server-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.server-config-item{min-width:0;padding:0;color:#f4f6f8}.server-config-item-wide{grid-column:1/-1;padding:16px 0;border-top:1px solid var(--mht-line);border-bottom:1px solid var(--mht-line)}.server-config-label{display:flex;align-items:center;gap:9px;margin:0 0 10px;color:#f4f6f8;font-size:13px;font-weight:700}.server-config-label>.deploy-ui-icon{width:18px;height:18px;color:#ff5068;stroke-width:1.9}.server-config-label i{display:grid;place-items:center;width:15px;height:15px;border:1px solid #687482;border-radius:50%;color:#8f9aa7;font:700 9px/1 inherit}.server-config-empty-card{display:flex;align-items:center;gap:11px;width:100%;height:46px;padding:6px 12px;border:1px solid rgba(145,158,171,.28);border-radius:8px;background:#212b36;color:#fff;text-align:left}.server-config-empty-card:disabled{opacity:.72;cursor:not-allowed}.server-config-empty-card>span:last-child{display:grid;gap:0}.server-config-empty-card strong{font-size:12px}.server-config-empty-card small,.server-config-help,.server-config-item>small{color:var(--mht-muted);font-size:12px;line-height:1.4}.config-key-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:rgba(226,18,49,.12);color:#ff5068}.config-key-mark .deploy-ui-icon{width:16px;height:16px}.server-config-select{position:relative;display:block}.server-config-select select,.server-config-item>input{width:100%;height:46px;padding:0 42px 0 14px;border:1px solid rgba(145,158,171,.28);border-radius:8px;background:#212b36;color:#f4f6f8;font:12px inherit;appearance:none}.server-config-select select:disabled{color:#8c98a5;opacity:1;cursor:not-allowed}.server-config-select>.deploy-ui-icon{position:absolute;right:14px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:#7e8a98;pointer-events:none}.server-config-help,.server-config-item>small{display:block;margin-top:7px}.server-config-help span{color:#ff5068}.server-host-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.server-config-network{display:flex;align-items:center;justify-content:space-between;gap:18px}.server-config-network .server-config-label{margin:0}.server-config-toggle{display:flex;align-items:center;gap:10px}.server-config-toggle b{display:flex;align-items:center;min-height:22px;color:#d6dce3;font-size:12px;line-height:22px}.server-config-toggle input{position:absolute;opacity:0;pointer-events:none}.server-config-toggle>span{position:relative;display:block;width:42px;height:22px;border-radius:20px;background:#3b4652}.server-config-toggle>span:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#8b96a3}.server-config-toggle input:disabled+span{opacity:.72;cursor:not-allowed}/* Server specifications Onidel table */
.specification-tabs{display:flex;align-items:center;gap:6px;margin:0 0 18px;border-bottom:1px solid var(--mht-line)}.specification-tabs button{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:0;background:transparent;color:var(--mht-muted);font:700 12px inherit;cursor:pointer}.specification-tabs button .deploy-ui-icon{width:18px;height:18px}.specification-tabs button.active{color:#fff}.specification-tabs button.active::after{position:absolute;right:8px;bottom:-1px;left:8px;height:2px;background:#fff;content:""}.specification-pane[hidden]{display:none}.specification-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;border:1px solid var(--mht-line);border-radius:8px;background:#161c24}.specification-table{width:100%;border-collapse:collapse;min-width:690px}.specification-table th,.specification-table td{padding:14px 16px;border-bottom:1px solid var(--mht-line);color:#f4f6f8;font-size:12px;text-align:left;white-space:nowrap}.specification-table th{color:var(--mht-muted);font-size:12px;font-weight:700}.specification-table tbody tr:last-child td{border-bottom:0}.specification-row{cursor:pointer;transition:background .16s}.specification-row:hover{background:rgba(145,158,171,.08)}.specification-row.selected{background:var(--mht-accent)}.specification-row.selected td{border-color:rgba(255,255,255,.16);color:#fff}.specification-price{display:flex;align-items:center;justify-content:space-between;gap:10px}.specification-price small{color:var(--mht-muted);font-size:12px}.specification-row.selected .specification-price small{color:rgba(255,255,255,.78)}.specification-check{display:none;place-items:center;width:23px;height:23px;border-radius:50%;background:#fff;color:var(--mht-accent)}.specification-check .deploy-ui-icon{width:14px;height:14px;stroke-width:2.5}.specification-row.selected .specification-check{display:grid}.specification-custom{display:grid;grid-template-columns:1fr;gap:16px}.specification-custom>.resource-grid{grid-column:auto}.specification-custom>.network-toggles{grid-column:auto}.specification-empty td{color:var(--mht-muted);text-align:center}.server-specifications .deploy-section-icon{color:#54d6a8!important}
/* Refined Onidel payment and add-on selection cards */
.payment-addons .deploy-step-body{display:grid;gap:24px;padding-top:4px}.payment-group{display:grid;gap:14px}.payment-group h3{display:flex;align-items:center;gap:10px;margin:0;color:#f4f6f8;font-size:13px;font-weight:750;letter-spacing:.01em}.payment-group h3:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(145,158,171,.24),transparent)}.payment-cycle-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.payment-cycle-grid .cycle-card{position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:72px;padding:17px 42px 17px 15px;overflow:hidden;border:1px solid rgba(145,158,171,.22);border-radius:11px;background:#1b222b;color:#f4f6f8;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.payment-cycle-grid .cycle-card:not(:disabled):hover{transform:translateY(-1px);border-color:rgba(255,80,104,.55);background:#202934;box-shadow:0 8px 18px rgba(0,0,0,.12)}.payment-cycle-grid .cycle-card strong{overflow:hidden;font-size:12px;font-weight:750;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.payment-cycle-grid .cycle-card>span{position:absolute;top:7px;left:10px;padding:3px 7px;border-radius:999px;background:rgba(54,179,126,.13);color:#5be0ae;font-size:12px;font-weight:750;line-height:1}.payment-cycle-grid .cycle-card>span+strong{padding-top:13px}.payment-cycle-grid .cycle-card[data-cycle="hourly"]>span{background:rgba(255,171,0,.13);color:#ffc857}.payment-cycle-grid .cycle-card.selected{border-color:#e93b55;background:#2c1e24;box-shadow:inset 3px 0 0 #e93b55,0 8px 20px rgba(226,18,49,.1)}.payment-cycle-grid .cycle-card .selection-check{position:absolute;top:50%;right:12px;display:none;place-items:center;width:24px;height:24px;margin:0;border:0;border-radius:50%;background:#e92945;color:#fff;transform:translateY(-50%);box-shadow:0 4px 10px rgba(226,18,49,.3)}.payment-cycle-grid .cycle-card.selected .selection-check{display:grid}.payment-cycle-grid .cycle-card .selection-check .deploy-ui-icon{width:13px;height:13px;stroke-width:2.7}.payment-cycle-grid .cycle-card:disabled{cursor:not-allowed;opacity:.48;filter:saturate(.65)}.payment-divider{height:1px;background:rgba(145,158,171,.18)}.addon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.addon-card{position:relative;display:flex;align-items:center;gap:14px;min-height:126px;padding:18px 48px 18px 17px;overflow:hidden;border:1px solid rgba(145,158,171,.22);border-radius:12px;background:#1b222b;color:#fff;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.addon-card:not(:disabled):hover{transform:translateY(-1px);border-color:rgba(255,80,104,.5);background:#202934;box-shadow:0 9px 20px rgba(0,0,0,.13)}.addon-card:disabled{cursor:not-allowed;opacity:.5;filter:saturate(.7)}.addon-card input{position:absolute;opacity:0;pointer-events:none}.addon-card:has(input:checked){border-color:#e93b55;background:#2c1e24;box-shadow:inset 3px 0 0 #e93b55,0 8px 20px rgba(226,18,49,.1)}.addon-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(255,255,255,.04);border-radius:10px}.addon-icon.backup{background:rgba(54,179,126,.12);color:#5be0ae}.addon-icon.ipv6{background:rgba(51,132,255,.13);color:#68a7ff}.addon-icon .deploy-ui-icon{width:21px;height:21px}.addon-copy{display:grid;gap:8px;min-width:0}.addon-copy>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.addon-copy strong{font-size:12px;font-weight:750}.addon-copy b{padding:3px 7px;border-radius:999px;background:rgba(54,179,126,.1);color:#5be0ae;font-size:12px;white-space:nowrap}.addon-copy small{color:#8f9aa7;font-size:12px;line-height:1.55}.addon-copy u{color:#ff6578;font-weight:700;text-decoration:none}.addon-card:not(:disabled){cursor:pointer}.addon-selection-check{position:absolute;top:50%;right:14px;display:none;place-items:center;width:25px;height:25px;border-radius:50%;background:#e92945;color:#fff;transform:translateY(-50%);box-shadow:0 4px 10px rgba(226,18,49,.3)}.addon-card:has(input:checked) .addon-selection-check{display:grid}.addon-selection-check .deploy-ui-icon{width:13px;height:13px;stroke-width:2.7}.specification-price{position:relative;padding-right:35px}.specification-check{position:absolute;top:50%;right:0;transform:translateY(-50%)}
@media(max-width:760px){.payment-cycle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.addon-grid{grid-template-columns:1fr}.addon-card{min-height:112px}}
@media(max-width:390px){.payment-cycle-grid{grid-template-columns:1fr}.payment-cycle-grid .cycle-card{min-height:62px}.addon-copy>span{align-items:flex-start;flex-direction:column;gap:6px}}
@media(max-width:620px){.server-config-grid{grid-template-columns:1fr;gap:20px}.server-config-item-wide{grid-column:auto}.server-config-empty-card{width:100%}.specification-tabs button{padding-inline:10px}.specification-table th,.specification-table td{padding:12px}.specification-table{min-width:620px}}
@media(prefers-reduced-motion:reduce){.deploy-tabs button,.os-grid,.os-card,.os-card i,.os-version-menu{transition:none!important}}

/* Unified sidebar icon system */
.mobile-menu{place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:8px;background:rgba(226,18,49,.12);color:var(--mht-accent)!important}.mobile-menu svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.sidebar-icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.nav-item .nav-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;color:inherit}.nav-item .nav-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-help .nav-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border:0;border-radius:0}.sidebar-help .nav-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Larger unframed country flags */
.location-flag{width:38px;height:38px;border:0;background:transparent;font-size:28px}
.location-card.selected .location-flag{border:0;background:transparent}
.location-flag img{display:block;width:36px;height:24px;object-fit:contain;border-radius:3px}
@media(max-width:520px){.location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.location-card{min-width:0;padding-inline:10px;gap:7px}.location-card>span:nth-child(2){min-width:0}.location-card strong,.location-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Collapsible desktop sidebar */
@media(min-width:761px){.mobile-menu{display:grid!important;flex:0 0 40px}.app-body.sidebar-collapsed{padding-left:72px}.sidebar-collapsed .app-sidebar{width:72px;padding-inline:10px}.sidebar-collapsed .app-topbar{left:72px}.sidebar-collapsed .sidebar-brand{justify-content:center;padding-inline:0}.sidebar-collapsed .sidebar-brand strong,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-help strong{display:none}.sidebar-collapsed .nav-item{justify-content:center;padding-inline:0;font-size:0}.sidebar-collapsed .nav-item .nav-icon{width:24px;flex-basis:24px}.sidebar-collapsed .sidebar-help{justify-content:center;padding-inline:0}.app-body,.app-sidebar,.app-topbar{transition:padding-left .2s ease,width .2s ease,left .2s ease}}

/* Location availability states */
.location-card.location-unavailable{cursor:not-allowed;opacity:1;border-color:var(--mht-line);background:#161c24;transform:none}.location-card.location-unavailable:hover{border-color:var(--mht-line);background:#161c24;transform:none}.location-card.location-unavailable .location-flag{filter:grayscale(.3);opacity:.58}.location-card.location-unavailable strong,.location-card.location-unavailable small{color:#637381}.location-card.location-unavailable i{display:block;position:absolute;top:9px;right:9px;margin:0;padding:3px 7px;border-radius:999px;background:rgba(255,171,0,.12);color:#ffab00;font-size:12px;font-weight:700;line-height:1.35;white-space:nowrap}.location-card:disabled{pointer-events:none}

/* Server type reference cards */
.server-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.server-type-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:138px;padding:14px 16px;border:1px solid var(--mht-line);border-radius:8px;background:#161c24;text-align:left;transform:none;box-shadow:none}.server-type-card:hover{transform:none;border-color:rgba(145,158,171,.48);background:#1b222c}.server-type-card strong{display:block;max-width:calc(100% - 128px);margin:2px 0 7px;color:#fff;font-size:16px;font-weight:700;line-height:1.45}.server-type-card small{display:block;color:var(--mht-muted);font-size:12px;line-height:1.55}.type-badge{position:absolute;top:12px;right:12px;max-width:124px;padding:4px 8px;border:0;border-radius:6px;background:rgba(54,179,126,.16);color:#54d6a8;font-size:12px;font-style:normal;font-weight:700;line-height:1.4;text-transform:none;white-space:nowrap}.server-type-card .selected-check{display:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);place-items:center;width:28px;height:28px;border:2px solid rgba(255,255,255,.96);border-radius:50%;background:#fff;color:transparent;font-size:0;line-height:0;text-align:center;box-shadow:0 2px 8px rgba(22,28,36,.22),inset 0 0 0 1px rgba(226,18,49,.06)}.server-type-card .selected-check svg{width:15px;height:15px;fill:none;stroke:var(--mht-accent);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transform:translate(.75px,1px)}.server-type-card.selected{background:var(--mht-accent);border-color:var(--mht-accent);box-shadow:none}.server-type-card.selected:hover{background:var(--mht-accent);border-color:var(--mht-accent)}.server-type-card.selected .selected-check{display:grid}.server-type-card.selected .type-badge{border:0;background:rgba(22,28,36,.2);color:#fff}.server-type-card.selected small{padding-right:32px;color:rgba(255,255,255,.84)}
@media(max-width:760px){.server-type-grid{grid-template-columns:1fr}.server-type-card{min-height:0}}
/* Order summary reconstructed from the supplied reference */
.summary-reference{overflow:hidden;background:#171d24}.summary-reference .summary-title{display:flex;align-items:center;gap:12px;margin:0;padding:20px;border:0;background:transparent}.summary-reference .summary-title>span{width:32px;height:32px;border:0;border-radius:8px;background:rgba(226,18,49,.14);color:#ff5068}.summary-reference .summary-title h2{margin:0;font-size:15px}.summary-content{display:grid;gap:18px;padding:0 20px 20px}.summary-product-card{padding:16px;border:1px solid rgba(145,158,171,.18);border-radius:12px;background:#202832}.summary-product-head{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px}.summary-product-head .summary-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:rgba(226,18,49,.12);color:#ff5c72}.summary-product-head>div{display:grid;min-width:0;gap:4px}.summary-product-head strong{overflow:hidden;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.summary-product-head small{overflow:hidden;color:#93a0ad;font-size:12px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.summary-meta-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.summary-meta-row>span{display:flex;align-items:center;gap:6px;min-width:0;color:#8f9aa7}.summary-meta-row .deploy-ui-icon{flex:0 0 15px;width:15px;height:15px}.summary-meta-row>span:first-child .deploy-ui-icon{color:#5b9cf5}.summary-meta-row>span:last-child .deploy-ui-icon{color:#54d6a8}.summary-meta-row b{overflow:hidden;color:#cbd2da;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.summary-network{display:flex;gap:7px;margin-top:12px}.summary-network span{padding:4px 7px;border-radius:999px;background:rgba(54,179,126,.1);color:#59dbaa;font-size:12px;font-weight:700}.summary-network span:last-child{background:rgba(145,158,171,.1);color:#9ba6b2}.summary-base{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding-top:13px;border-top:1px solid rgba(145,158,171,.17)}.summary-base span{color:#8f9aa7;font-size:12px}.summary-base strong{color:#fff;font-size:12px}.summary-promo{display:grid;gap:9px}.summary-promo label,.summary-instance label{display:flex;align-items:center;gap:7px;color:#dce1e7;font-size:12px;font-weight:700}.summary-promo label .deploy-ui-icon,.summary-instance label .deploy-ui-icon{width:15px;height:15px;color:#ffc857}.summary-promo>div{position:relative}.summary-promo input{width:100%;height:44px;padding:0 42px 0 13px;border:1px solid rgba(145,158,171,.22);border-radius:9px;background:#202832;color:#7f8b97;font:10px inherit}.summary-promo>div>span{position:absolute;top:50%;right:13px;color:#66727e;transform:translateY(-50%)}.summary-promo>div>span .deploy-ui-icon{width:16px;height:16px}.summary-total{display:grid;gap:4px;padding:18px 0;border-top:1px dashed rgba(145,158,171,.25);border-bottom:1px dashed rgba(145,158,171,.25);background:transparent}.summary-total>span{color:#7f8b97;font-size:12px;font-weight:800;letter-spacing:.16em}.summary-total>strong{color:#fff;font-size:24px;line-height:1.25}.summary-total>small{color:#7f8b97;font-size:12px}.summary-instance{display:flex;align-items:center;justify-content:space-between;gap:16px}.summary-instance label .deploy-ui-icon{color:#9ba6b2}.summary-instance-counter{display:grid;grid-template-columns:36px 42px 36px;align-items:center;overflow:hidden;height:38px;border:1px solid rgba(145,158,171,.2);border-radius:8px;background:#202832}.summary-instance-counter button,.summary-instance-counter strong{display:grid;place-items:center;height:100%;border:0;background:transparent;color:#8f9aa7;font-size:14px}.summary-instance-counter strong{border-right:1px solid rgba(145,158,171,.14);border-left:1px solid rgba(145,158,171,.14);color:#fff;font-size:12px}.summary-instance-counter button:disabled{opacity:.55}.summary-quote{width:100%;height:42px;border:1px solid rgba(226,18,49,.48);border-radius:8px;background:rgba(226,18,49,.1);color:#ff6578;font:750 10px inherit;cursor:pointer}.summary-quote:hover{background:rgba(226,18,49,.17)}.summary-quote:disabled{cursor:not-allowed;opacity:.5}.summary-verification{display:grid;grid-template-columns:28px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:12px;border:1px solid rgba(54,179,126,.18);border-radius:8px;background:#f7f8fa;color:#17202a}.summary-verification>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#36b37e;color:#fff}.summary-verification>span .deploy-ui-icon{width:14px;height:14px;stroke-width:2.7}.summary-verification p{display:grid;gap:2px;margin:0}.summary-verification strong{font-size:12px}.summary-verification small{overflow:hidden;display:block;color:#637381;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.summary-verification .summary-shield{width:20px;height:20px;color:#ff8b34}.summary-reference .deploy-disabled,.summary-reference>.summary-content>.btn{width:100%;min-height:50px;margin:0;border-radius:9px;font-size:13px}.summary-reference .deploy-disabled{background:#333b45;color:#798591}.summary-reference .btn.primary{background:#e21231;color:#fff;box-shadow:0 8px 18px rgba(226,18,49,.22)}
@media(max-width:900px){.summary-reference{max-width:460px;margin-inline:auto}}
@media(max-width:420px){.summary-content{padding-inline:15px}.summary-reference .summary-title{padding-inline:15px}.summary-meta-row{grid-template-columns:1fr}.summary-product-head small{white-space:normal}.summary-total>strong{font-size:21px}}
/* Order summary visual refinement v2 */
@media(min-width:1181px){.deploy-shell{grid-template-columns:minmax(0,1.9fr) minmax(360px,.9fr)}}
.summary-reference{border:1px solid rgba(145,158,171,.14);background:#171d24;box-shadow:0 18px 48px rgba(0,0,0,.18)}.summary-reference .summary-title{position:relative;padding:22px 22px 18px}.summary-reference .summary-title:after{position:absolute;right:22px;bottom:0;left:22px;height:1px;background:rgba(145,158,171,.14);content:""}.summary-reference .summary-title>span{width:36px;height:36px;border:1px solid rgba(255,80,104,.16);border-radius:10px;background:#2a2027;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.summary-reference .summary-title h2{font-size:17px;font-weight:750;letter-spacing:-.01em}.summary-content{gap:20px;padding:20px 22px 22px}.summary-product-card{padding:0;border:0;border-radius:0;background:transparent}.summary-product-head{grid-template-columns:44px minmax(0,1fr);gap:13px}.summary-product-head .summary-icon{width:44px;height:44px;border:1px solid rgba(255,80,104,.14);border-radius:11px;background:#2a2027}.summary-product-head .summary-icon .deploy-ui-icon{width:22px;height:22px}.summary-product-head>div{gap:5px}.summary-product-head strong{font-size:15px}.summary-product-head small{color:#9aa5b1;font-size:12px;line-height:1.55}.summary-meta-row{gap:8px;margin-top:16px}.summary-meta-row>span{min-height:38px;padding:9px 10px;border:1px solid rgba(145,158,171,.12);border-radius:8px;background:#1c242d}.summary-meta-row b{font-size:12px}.summary-network{margin-top:10px}.summary-network span{padding:5px 8px;font-size:12px}.summary-base{margin-top:16px;padding:15px 2px 0}.summary-base span{font-size:12px}.summary-base strong{font-size:12px}.summary-promo,.summary-instance{padding-top:2px}.summary-promo label,.summary-instance label{font-size:12px}.summary-promo input{height:46px;border-color:rgba(145,158,171,.18);background:#1c242d;color:#798592}.summary-total{position:relative;gap:5px;margin:0 -22px;padding:21px 22px;border-top:1px solid rgba(145,158,171,.12);border-bottom:1px solid rgba(145,158,171,.12);background:#141a20}.summary-total:before{position:absolute;top:0;bottom:0;left:0;width:3px;background:#e92945;content:""}.summary-total>span{color:#8f9aa7;font-size:12px}.summary-total>strong{font-size:28px;font-weight:780;letter-spacing:-.025em}.summary-total>small{font-size:12px}.summary-instance-counter{grid-template-columns:38px 44px 38px;height:42px;background:#1c242d}.summary-quote{height:46px;border-color:rgba(255,80,104,.34);background:#241d23;color:#ff6a7e;font-size:12px;transition:background .18s,border-color .18s,transform .18s}.summary-quote:hover{transform:translateY(-1px);border-color:#e92945;background:#2c2027}.summary-verification{grid-template-columns:30px minmax(0,1fr) 24px;padding:13px 14px;border-color:rgba(54,179,126,.13);background:#1a2926;color:#f4f6f8}.summary-verification>span{width:28px;height:28px;background:#36b37e}.summary-verification strong{font-size:12px}.summary-verification small{color:#8fa39e;font-size:12px}.summary-verification .summary-shield{color:#54d6a8}.summary-reference .deploy-disabled,.summary-reference>.summary-content>.btn{min-height:54px;border-radius:10px;font-size:14px}.summary-reference .deploy-disabled{border:1px solid rgba(145,158,171,.14);background:#242c35;color:#707c88}.summary-reference .btn.primary{border:1px solid #f03b56;background:#e21231;box-shadow:0 10px 22px rgba(226,18,49,.25);transition:transform .18s,box-shadow .18s}.summary-reference .btn.primary:hover{transform:translateY(-1px);box-shadow:0 13px 26px rgba(226,18,49,.3)}
@media(max-width:1180px) and (min-width:901px){.deploy-shell{grid-template-columns:minmax(0,1fr) 340px}.summary-content{padding-inline:18px}.summary-total{margin-inline:-18px;padding-inline:18px}}
@media(max-width:1100px){.deploy-shell{grid-template-columns:minmax(0,1fr)}.order-summary{position:static;width:100%}.summary-reference{max-width:none;margin-inline:0}}
@media(max-width:900px){.deploy-shell,.deploy-config,.order-summary,.summary-reference{min-width:0;width:100%}.order-summary{justify-self:stretch}.summary-reference{max-width:none;margin-inline:0;box-sizing:border-box}}
@media(max-width:520px){.location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.payment-cycle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.addon-grid{grid-template-columns:1fr}.payment-cycle-grid .cycle-card,.addon-card{min-width:0}.addon-card{padding-inline:10px}.addon-copy{min-width:0}.addon-copy strong,.addon-copy small{overflow:hidden;text-overflow:ellipsis}}
@media(max-width:760px){.workspace-switch{min-width:0;gap:8px}.workspace-switch>span,.workspace-switch strong{min-width:0}.workspace-switch strong{display:block;max-width:clamp(72px,25vw,130px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-tools{flex:0 0 auto}}
@media(max-width:390px){.locale-tool{display:none}}
@media(max-width:420px){.summary-reference{border-radius:14px}.summary-content{gap:17px;padding:17px 15px}.summary-reference .summary-title{padding:18px 15px 15px}.summary-reference .summary-title:after{right:15px;left:15px}.summary-product-head{grid-template-columns:40px minmax(0,1fr)}.summary-product-head .summary-icon{width:40px;height:40px}.summary-meta-row{grid-template-columns:1fr}.summary-total{margin-inline:-15px;padding:18px 15px}.summary-total>strong{font-size:24px}.summary-instance{align-items:flex-start;flex-direction:column}.summary-instance-counter{width:100%;grid-template-columns:1fr 52px 1fr}.summary-verification{grid-template-columns:28px minmax(0,1fr)}.summary-verification .summary-shield{display:none}}
/* Mobile specification table stays compact and scrolls horizontally */
@media(max-width:620px){.specification-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.specification-table{min-width:690px}.specification-table th,.specification-table td{padding:12px}.specification-table thead{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.specification-row{display:table-row}.specification-row td{display:table-cell}.specification-row td:before{display:none;content:none}}

/* Onidel Billing exact-layout reconstruction v3 */
.onidel-billing{display:grid;gap:24px;color:#fff}.onidel-billing-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.onidel-billing-head h1{margin:0;font-size:24px;font-weight:700;line-height:1.5}.onidel-billing-head nav{display:flex;align-items:center;gap:8px;color:#637381;font-size:13px}.onidel-billing-head nav a{color:#919eab}.onidel-billing-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:16px;background:#212b36;box-shadow:0 0 2px rgba(0,0,0,.4),0 12px 24px -4px rgba(0,0,0,.12);overflow:hidden}.onidel-kpi{display:flex;align-items:center;gap:16px;min-width:0;min-height:108px;padding:20px 24px}.onidel-kpi+.onidel-kpi{border-left:1px dashed rgba(145,158,171,.24)}.onidel-kpi-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:rgba(231,73,95,.12);color:#e7495f;font-size:20px;font-weight:800}.onidel-kpi>div{display:grid;min-width:0}.onidel-kpi span:not(.onidel-kpi-icon){color:#919eab;font-size:13px}.onidel-kpi strong{color:#fff;font-size:17px;font-weight:700;white-space:nowrap}.onidel-kpi small{color:#919eab;font-size:12px;white-space:nowrap}.onidel-primary-tabs{display:flex;align-items:center;gap:32px;min-height:48px;border-bottom:1px solid rgba(145,158,171,.2);overflow-x:auto;scrollbar-width:none}.onidel-primary-tabs::-webkit-scrollbar,.onidel-status-tabs::-webkit-scrollbar{display:none}.onidel-primary-tabs button{position:relative;display:flex;align-items:center;gap:9px;align-self:stretch;padding:0 3px;border:0;background:transparent;color:#919eab;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}.onidel-primary-tabs button span{font-size:18px}.onidel-primary-tabs button.active{color:#fff}.onidel-primary-tabs button.active:after{position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:2px;background:#fff;content:""}.onidel-billing-panel{border-radius:16px;background:#212b36;box-shadow:0 0 2px rgba(0,0,0,.4),0 12px 24px -4px rgba(0,0,0,.12);overflow:hidden}.onidel-billing-panel[hidden]{display:none}.onidel-status-tabs{display:flex;align-items:center;gap:28px;min-height:58px;padding:0 24px;border-bottom:1px solid rgba(145,158,171,.2);overflow-x:auto;scrollbar-width:none}.onidel-status-tabs button{display:flex;align-items:center;gap:8px;align-self:stretch;padding:0;border:0;border-bottom:2px solid transparent;background:transparent;color:#919eab;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}.onidel-status-tabs button.active{border-color:#fff;color:#fff}.onidel-status-tabs b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:7px;background:rgba(145,158,171,.14);color:#b8c2cc;font-size:12px}.onidel-status-tabs button.active b{background:rgba(231,73,95,.14);color:#ff7185}.onidel-invoice-tools{display:grid;grid-template-columns:170px 170px minmax(240px,1fr) auto;align-items:end;gap:16px;padding:24px}.onidel-invoice-tools label{display:grid;gap:7px;color:#919eab;font-size:12px}.onidel-invoice-tools input{width:100%;height:54px;padding:0 14px;border:1px solid rgba(145,158,171,.32);border-radius:8px;outline:0;background:transparent;color:#fff;font-size:13px;color-scheme:dark}.onidel-invoice-tools input:focus{border-color:#fff}.onidel-search{position:relative}.onidel-search i{position:absolute;z-index:1;bottom:15px;left:14px;color:#919eab;font-size:18px;font-style:normal}.onidel-search input{padding-left:42px}.onidel-merge{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 18px;border:0;border-radius:8px;background:rgba(145,158,171,.22);color:rgba(255,255,255,.42);font-weight:700;cursor:not-allowed}.onidel-swipe-hint{display:none}.onidel-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.onidel-table{width:100%;min-width:780px;border-collapse:collapse}.onidel-table th{height:56px;padding:16px;border-top:1px solid rgba(145,158,171,.2);border-bottom:1px solid rgba(145,158,171,.2);background:#212b36;color:#919eab;font-size:12px;font-weight:600;text-align:left;white-space:nowrap}.onidel-table td{height:57px;padding:16px;border-bottom:1px dashed rgba(145,158,171,.2);color:#fff;font-size:13px;white-space:nowrap}.onidel-table tbody tr:last-child td{border-bottom:0}.onidel-table tbody tr:not([data-filter-empty]):hover{background:rgba(145,158,171,.05)}.onidel-table td strong{font-weight:600}.onidel-not-available{color:#637381}.onidel-row-more{color:#919eab;font-size:18px}.onidel-status{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border-radius:7px;font-size:12px;font-weight:700}.status-paid{background:rgba(84,214,168,.16);color:#5be0b1}.status-unpaid,.status-failed{background:rgba(255,86,48,.16);color:#ff8066}.status-overdue{background:rgba(255,171,0,.16);color:#ffc04d}.status-pending{background:rgba(32,101,209,.18);color:#6ba6ff}.status-cancelled{background:rgba(145,158,171,.18);color:#b5bec8}.onidel-pagination{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-height:64px;padding:0 16px;border-top:1px solid rgba(145,158,171,.2);color:#919eab;font-size:12px}.onidel-pagination strong{color:#fff;font-weight:500}.onidel-pagination button{width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#637381;font-size:22px}.onidel-panel-heading{display:flex;align-items:center;min-height:82px;padding:20px 24px;border-bottom:1px solid rgba(145,158,171,.2)}.onidel-panel-heading h2{margin:0 0 4px;font-size:16px}.onidel-panel-heading p{margin:0;color:#919eab;font-size:13px}.onidel-credit-table{min-width:700px}.credit-credit{color:#5be0b1!important;font-weight:700}.credit-debit{color:#ff8066!important;font-weight:700}.onidel-empty{display:grid;place-items:center;min-height:190px;padding:32px;text-align:center;white-space:normal}.onidel-empty>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(145,158,171,.12);color:#919eab;font-size:20px}.onidel-empty strong{margin-top:12px}.onidel-empty p{margin:4px 0 0;color:#919eab}.onidel-payment-empty{display:grid;place-items:center;min-height:360px;padding:40px;text-align:center}.onidel-payment-empty>span{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:rgba(231,73,95,.12);color:#e7495f;font-size:28px}.onidel-payment-empty h2{margin:18px 0 5px;font-size:17px}.onidel-payment-empty p{max-width:480px;margin:0;color:#919eab;font-size:13px}.onidel-payment-empty button{margin-top:20px;padding:11px 18px;border:0;border-radius:8px;background:rgba(145,158,171,.22);color:rgba(255,255,255,.42);font-weight:700}
@media(max-width:1100px){.onidel-billing-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.onidel-kpi:nth-child(3){border-top:1px dashed rgba(145,158,171,.24);border-left:0}.onidel-kpi:nth-child(4){border-top:1px dashed rgba(145,158,171,.24)}.onidel-invoice-tools{grid-template-columns:1fr 1fr}.onidel-search{grid-column:1/2}.onidel-merge{grid-column:2/3}}
@media(max-width:760px){.onidel-billing{gap:18px}.onidel-billing-head{display:block}.onidel-billing-head nav{margin-top:5px}.onidel-billing-kpis{grid-template-columns:1fr 1fr}.onidel-kpi{min-height:102px;padding:16px;gap:12px}.onidel-kpi-icon{width:40px;height:40px;flex-basis:40px}.onidel-primary-tabs{gap:12px}.onidel-primary-tabs button{gap:6px}.onidel-status-tabs{gap:22px;padding-inline:18px}.onidel-invoice-tools{grid-template-columns:1fr 1fr;gap:13px;padding:18px}.onidel-search{grid-column:1/-1}.onidel-merge{grid-column:1/-1}.onidel-swipe-hint{display:block;margin:0;padding:9px 18px;border-top:1px solid rgba(145,158,171,.2);color:#919eab;font-size:12px;text-align:right}.onidel-table{min-width:760px}.onidel-pagination{gap:12px;overflow-x:auto;white-space:nowrap}.onidel-panel-heading{padding-inline:18px}}
@media(max-width:430px){.onidel-billing-head h1{font-size:22px}.onidel-billing-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.onidel-kpi{min-height:112px;padding:14px 12px;gap:10px}.onidel-kpi:nth-child(2){border-left:1px dashed rgba(145,158,171,.24)}.onidel-kpi:nth-child(3){border-top:1px dashed rgba(145,158,171,.24);border-left:0}.onidel-kpi:nth-child(4){border-top:1px dashed rgba(145,158,171,.24);border-left:1px dashed rgba(145,158,171,.24)}.onidel-kpi-icon{width:36px;height:36px;flex-basis:36px}.onidel-primary-tabs{margin-inline:-2px}.onidel-invoice-tools{grid-template-columns:1fr}.onidel-invoice-tools label,.onidel-search,.onidel-merge{grid-column:1}.onidel-status-tabs{padding-inline:16px}.onidel-payment-empty{min-height:300px;padding:30px 18px}}

/* RouterPay admin settings */
.gateway-admin{display:grid;gap:22px;max-width:1180px;margin:0 auto}.gateway-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.gateway-head h1{margin:0;font-size:26px}.gateway-head p:not(.eyebrow){margin:5px 0 0;color:#919eab}.gateway-state{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(145,158,171,.2);border-radius:999px;background:#212b36;color:#919eab;font-size:12px;font-weight:700}.gateway-state i{width:7px;height:7px;border-radius:50%;background:#637381}.gateway-state.is-active{color:#5be0b1}.gateway-state.is-active i{background:#54d6a8;box-shadow:0 0 0 4px rgba(84,214,168,.12)}.gateway-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:22px;align-items:start}.gateway-side{display:grid;gap:18px}.gateway-card{border:1px solid rgba(145,158,171,.16);border-radius:16px;background:#212b36;box-shadow:0 0 2px rgba(0,0,0,.4),0 12px 24px -4px rgba(0,0,0,.12);overflow:hidden}.gateway-card-head{display:flex;align-items:center;gap:14px;padding:21px 24px;border-bottom:1px solid rgba(145,158,171,.16)}.gateway-card-head h2{margin:0;font-size:16px}.gateway-card-head p{margin:3px 0 0;color:#919eab;font-size:12px}.gateway-logo,.gateway-small-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;background:rgba(231,73,95,.13);color:#ff7185;font-weight:900}.gateway-small-icon{flex-basis:38px;height:38px;border-radius:50%;font-size:17px}.gateway-form{display:grid;grid-template-columns:1fr 1fr;gap:19px;padding:24px}.gateway-form>label{display:grid;gap:7px;color:#fff;font-size:12px;font-weight:700}.gateway-form>label:nth-child(1),.gateway-form>label:nth-child(2),.gateway-toggle,.gateway-primary{grid-column:1/-1}.gateway-form input,.gateway-form select{width:100%;height:50px;padding:0 14px;border:1px solid rgba(145,158,171,.3);border-radius:8px;outline:0;background:#161c24;color:#fff}.gateway-form input:focus,.gateway-form select:focus{border-color:#fff}.gateway-form small{color:#7f8b98;font-size:12px;font-weight:400}.gateway-input-suffix{position:relative}.gateway-input-suffix input{padding-right:60px}.gateway-input-suffix span{position:absolute;top:16px;right:14px;color:#919eab;font-size:12px;font-weight:500}.gateway-toggle{grid-template-columns:auto 1fr!important;align-items:center;gap:12px!important;padding:15px;border:1px solid rgba(145,158,171,.16);border-radius:10px;background:#161c24;cursor:pointer}.gateway-toggle>input{position:absolute;opacity:0;width:1px;height:1px}.gateway-toggle>span{position:relative;width:42px;height:24px;border-radius:14px;background:#454f5b;transition:.2s}.gateway-toggle>span:after{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;content:"";transition:.2s}.gateway-toggle>input:checked+span{background:#e7495f}.gateway-toggle>input:checked+span:after{transform:translateX(18px)}.gateway-toggle.is-locked{opacity:.62;cursor:not-allowed}.gateway-toggle div{display:grid}.gateway-toggle strong{font-size:12px}.gateway-toggle small{font-size:12px}.gateway-primary,.gateway-secondary{height:46px;border:0;border-radius:8px;font-weight:700;cursor:pointer}.gateway-primary{background:#e7495f;color:#fff}.gateway-primary:hover{background:#f05a70}.gateway-endpoints>label{display:grid;gap:6px;padding:15px 22px;border-bottom:1px dashed rgba(145,158,171,.16);color:#919eab;font-size:12px}.gateway-endpoints>label:last-child{border-bottom:0}.gateway-endpoints code{display:block;max-width:100%;padding:10px;border-radius:7px;background:#161c24;color:#dfe3e8;font-size:12px;overflow-wrap:anywhere}.gateway-security{padding-bottom:20px}.gateway-security ul{display:grid;gap:10px;margin:18px 24px;padding:0;list-style:none;color:#b6bec8;font-size:12px}.gateway-security li:before{margin-right:8px;color:#54d6a8;content:"✓"}.gateway-security form{padding:0 24px}.gateway-secondary{width:100%;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff}.gateway-secondary:disabled{border-color:rgba(145,158,171,.12);color:#637381;cursor:not-allowed}.gateway-docs{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border:1px solid rgba(145,158,171,.16);border-radius:12px;background:#1c252e;color:#c9d1da;font-size:12px}.gateway-docs span{color:#ff7185}@media(max-width:1050px){.gateway-grid{grid-template-columns:1fr}.gateway-side{grid-template-columns:1fr 1fr}.gateway-docs{grid-column:1/-1}}@media(max-width:650px){.gateway-admin{gap:18px}.gateway-head{display:block}.gateway-state{margin-top:14px}.gateway-grid,.gateway-side,.gateway-form{grid-template-columns:1fr}.gateway-form>label,.gateway-toggle,.gateway-primary,.gateway-docs{grid-column:1}.gateway-form{padding:18px}.gateway-card-head{padding:18px}.gateway-head h1{font-size:23px}}

/* RouterPay deposit */
.deposit-box{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 22px 20px;padding:18px 20px;border:1px solid rgba(231,73,95,.28);border-radius:12px;background:rgba(231,73,95,.06)}.deposit-box h3,.deposit-history h3{margin:0;color:#fff;font-size:14px}.deposit-box p{margin:4px 0 0;color:#919eab;font-size:12px}.deposit-box form{display:flex;align-items:flex-end;gap:10px}.deposit-box label{position:relative;display:grid;gap:5px;color:#919eab;font-size:12px}.deposit-box label span{position:absolute;bottom:13px;left:12px;color:#919eab;font-weight:700}.deposit-box input{width:190px;height:44px;padding:0 12px 0 34px;border:1px solid rgba(145,158,171,.3);border-radius:8px;background:#161c24;color:#fff}.deposit-box button,.deposit-pay{display:grid;place-items:center;height:44px;padding:0 18px;border:0;border-radius:8px;background:#e7495f;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.deposit-box button:disabled{background:#454f5b;color:#919eab;cursor:not-allowed}.deposit-history{padding:0 22px 20px}.deposit-history h3{margin-bottom:10px}.deposit-history>a{display:grid;grid-template-columns:minmax(0,1fr) auto 80px;align-items:center;gap:15px;padding:12px 0;border-top:1px solid rgba(145,158,171,.13);color:#fff}.deposit-history span{display:grid;min-width:0}.deposit-history strong{overflow:hidden;font-size:12px;text-overflow:ellipsis}.deposit-history small{color:#637381;font-size:12px}.deposit-history b{font-size:12px}.deposit-history em{padding:5px 7px;border-radius:20px;background:rgba(255,171,0,.12);color:#ffc24b;font-size:12px;font-style:normal;text-align:center}.deposit-history em.deposit-paid{background:rgba(84,214,168,.12);color:#5be0b1}.deposit-history em.deposit-failed,.deposit-history em.deposit-expired{background:rgba(255,86,48,.12);color:#ff7961}.deposit-status-page{display:grid;gap:22px;max-width:680px;margin:0 auto}.deposit-status-page>a{color:#919eab;font-size:12px}.deposit-status-card{display:grid;justify-items:center;padding:40px 32px;border:1px solid rgba(145,158,171,.16);border-radius:16px;background:#212b36;text-align:center}.deposit-status-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:rgba(255,171,0,.12);color:#ffc24b;font-size:24px}.deposit-status-icon.deposit-paid{background:rgba(84,214,168,.12);color:#5be0b1}.deposit-status-icon.deposit-failed{background:rgba(255,86,48,.12);color:#ff7961}.deposit-status-card>p{margin:18px 0 5px;color:#e7495f;font-size:12px;font-weight:800;letter-spacing:.12em}.deposit-status-card h1{margin:0;color:#fff;font-size:23px}.deposit-status-card>strong{margin-top:12px;color:#fff;font-size:28px}.deposit-status-card dl{width:100%;margin:28px 0 20px}.deposit-status-card dl div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px dashed rgba(145,158,171,.18)}.deposit-status-card dt{color:#919eab;font-size:12px}.deposit-status-card dd{margin:0;color:#fff;font-size:12px;overflow-wrap:anywhere}.deposit-pay{width:100%;margin-bottom:15px}.deposit-status-card>small{max-width:470px;color:#637381;font-size:12px;line-height:1.6}@media(max-width:650px){.deposit-box{display:grid;margin-inline:16px;padding:16px}.deposit-box form{display:grid}.deposit-box input{width:100%}.deposit-box button{width:100%}.deposit-history{padding-inline:16px}.deposit-history>a{grid-template-columns:minmax(0,1fr) auto}.deposit-history em{grid-column:2}.deposit-status-card{padding:30px 18px}}

/* Dedicated CloudByte admin console */
.admin-body{min-height:100vh;margin:0;padding:72px 0 0 264px;background:#111820;color:#f4f6f8}.admin-sidebar{position:fixed;z-index:50;inset:0 auto 0 0;display:flex;width:264px;flex-direction:column;padding:22px 16px;border-right:1px solid #29333e;background:#151d26}.admin-brand{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 10px;color:#fff}.admin-brand>span{display:grid;width:38px;height:38px;place-items:center;border-radius:9px;background:#d92f45;font-size:12px;font-weight:900}.admin-brand>div{display:grid}.admin-brand strong{font-size:18px}.admin-brand small{color:#7f8b99;font-size:12px;font-weight:800;letter-spacing:.16em}.admin-nav{display:grid;gap:5px;margin-top:28px}.admin-nav>p{margin:18px 12px 7px;color:#647180;font-size:12px;font-weight:800;letter-spacing:.14em}.admin-nav>a{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:8px 10px;border-radius:9px;color:#a8b2bd}.admin-nav>a>span{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:#202a35;color:#8996a4;font-size:16px}.admin-nav>a>div{display:grid;min-width:0}.admin-nav>a strong{font-size:13px}.admin-nav>a small{overflow:hidden;color:#687686;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.admin-nav>a:hover{background:#1d2731;color:#fff}.admin-nav>a.active{background:#302029;color:#fff}.admin-nav>a.active>span{background:#522431;color:#ff7185}.admin-nav>a.active small{color:#bf9199}.admin-sidebar-foot{display:grid;gap:8px;margin-top:auto;padding-top:20px;border-top:1px solid #29333e}.admin-sidebar-foot>a,.admin-sidebar-foot button{display:flex;width:100%;min-height:40px;align-items:center;justify-content:center;border:1px solid #303b47;border-radius:8px;background:#1a232d;color:#aab4bf;font-size:12px;font-weight:700;cursor:pointer}.admin-sidebar-foot>a{gap:8px}.admin-sidebar-foot button:hover,.admin-sidebar-foot>a:hover{border-color:#4a5867;color:#fff}.admin-topbar{position:fixed;z-index:40;top:0;right:0;left:264px;display:flex;height:72px;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #29333e;background:rgba(17,24,32,.94);backdrop-filter:blur(8px)}.admin-topbar>div:first-of-type{display:grid}.admin-topbar>div:first-of-type strong{font-size:14px}.admin-topbar>div:first-of-type small{color:#748190;font-size:12px}.admin-identity{display:flex;align-items:center;gap:10px}.admin-identity>span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#d92f45;color:#fff;font-weight:800}.admin-identity>div{display:grid}.admin-identity strong{font-size:12px}.admin-identity small{color:#7e8b99;font-size:12px}.admin-menu-button{display:none;width:40px;height:40px;border:0;border-radius:8px;background:#302029;color:#ff7185;font-size:19px}.admin-main{width:100%;max-width:1500px;margin:0 auto;padding:30px 30px 70px}.admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.admin-page-head p{margin:0 0 6px;color:#ef5b70;font-size:12px;font-weight:800;letter-spacing:.15em}.admin-page-head h1{margin:0;color:#fff;font-size:27px}.admin-page-head span{display:block;margin-top:5px;color:#8e9aa7}.admin-page-head time{color:#758392;font-size:12px}.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-kpi-grid article{display:grid;min-height:128px;align-content:center;padding:20px;border:1px solid #2b3642;border-radius:12px;background:#19222c}.admin-kpi-grid span{color:#8d99a6;font-size:12px}.admin-kpi-grid strong{margin:4px 0;color:#fff;font-size:29px;line-height:1.2}.admin-kpi-grid small{color:#647282;font-size:12px}.admin-section-head{display:flex;align-items:end;justify-content:space-between;margin:30px 0 14px}.admin-section-head h2{margin:0;font-size:17px}.admin-section-head p{margin:4px 0 0;color:#7f8c9a;font-size:12px}.admin-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-module-grid>a{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;min-height:164px;padding:20px;border:1px solid #2b3642;border-radius:12px;background:#19222c;color:#fff;transition:.15s}.admin-module-grid>a:hover{border-color:#4a5868;background:#1c2732}.admin-module-grid>a>span{display:grid;width:44px;height:44px;place-items:center;border-radius:10px;background:#2d222a;color:#f26579;font-size:20px}.admin-module-grid h3{margin:1px 0 5px;font-size:15px}.admin-module-grid p{margin:0;color:#8996a4;font-size:12px;line-height:1.55}.admin-module-grid small{display:block;margin-top:15px;color:#ef6579;font-weight:700}.admin-body .gateway-admin{max-width:none}.admin-body .gateway-card,.admin-body .card,.admin-body .dark-panel{border-color:#2b3642;background:#19222c;box-shadow:none}.admin-body .gateway-head h1,.admin-body .page-head h1{font-size:25px}.admin-body .page-head{margin-bottom:22px}.admin-body .form-card{max-width:none}.admin-body .control-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr)}.admin-overlay{display:none}
@media(max-width:1050px){.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-module-grid{grid-template-columns:1fr}.admin-module-grid>a{min-height:126px}.admin-body .gateway-grid,.admin-body .control-grid{grid-template-columns:1fr}}
@media(max-width:760px){.admin-body{padding:64px 0 0}.admin-sidebar{width:min(86vw,284px);transform:translateX(-105%);transition:transform .2s}.admin-nav-open .admin-sidebar{transform:none}.admin-nav-open .admin-overlay{position:fixed;z-index:45;inset:0;display:block;background:rgba(0,0,0,.68)}.admin-topbar{left:0;height:64px;padding:0 14px}.admin-menu-button{display:grid;place-items:center}.admin-topbar>div:first-of-type{margin-right:auto;margin-left:10px}.admin-identity>div{display:none}.admin-main{padding:22px 15px 48px}.admin-page-head{display:block}.admin-page-head time{display:block;margin-top:7px}.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-kpi-grid article{min-height:112px;padding:15px}.admin-kpi-grid strong{font-size:24px}.admin-module-grid{gap:10px}.admin-module-grid>a{grid-template-columns:38px minmax(0,1fr);min-height:120px;padding:16px}.admin-module-grid>a>span{width:38px;height:38px}.admin-body .gateway-head{align-items:flex-start}.admin-body .gateway-form{grid-template-columns:1fr}.admin-body .gateway-form>label{grid-column:1}.admin-body .gateway-primary,.admin-body .gateway-toggle{grid-column:1}}
@media(max-width:360px){.admin-main{padding-inline:11px}.admin-kpi-grid{grid-template-columns:1fr}.admin-topbar>div:first-of-type small{display:none}}

/* Onidel-style tenant resource workspace */
.cloud-resource-page{display:grid;gap:28px;min-width:0}.cloud-resource-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.cloud-resource-head h1{margin:0;color:#fff;font-size:25px}.cloud-create-main{display:flex;align-items:center;gap:7px}.cloud-create-main span{font-size:20px}.cloud-capability-note{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid rgba(245,171,29,.3);border-radius:10px;background:rgba(245,171,29,.08)}.cloud-capability-note strong{color:#f5bd4f}.cloud-capability-note span{color:#b8c1cb;font-size:12px}.cloud-resource-card{overflow:hidden;border:1px solid #293441;border-radius:16px;background:#212b36;box-shadow:0 16px 42px rgba(0,0,0,.14)}.cloud-resource-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 26px 19px;border-bottom:1px solid #303b49}.cloud-resource-card-head h2{margin:0;color:#fff;font-size:17px}.cloud-resource-card-head p{margin:5px 0 0;color:#8995a4;font-size:12px}.cloud-resource-count{padding:5px 9px;border-radius:20px;background:#2b3541;color:#aeb8c4;font-size:12px;font-weight:700}.cloud-resource-filters{display:grid;grid-template-columns:190px 190px minmax(220px,1fr);gap:14px;padding:20px 26px;border-bottom:1px solid #303b49}.cloud-resource-filters label{display:grid;gap:7px;color:#8995a4;font-size:12px}.cloud-resource-filters select,.cloud-resource-filters input{width:100%;height:42px;padding:0 12px;border:1px solid #3b4655;border-radius:8px;background:#1a212a;color:#eef2f6}.cloud-resource-search{position:relative;align-self:end}.cloud-resource-search svg{position:absolute;left:13px;bottom:12px;width:18px;height:18px;fill:none;stroke:#778392;stroke-width:1.8}.cloud-resource-search input{padding-left:41px}.cloud-resource-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.cloud-resource-table{width:100%;border-collapse:collapse;min-width:780px}.cloud-resource-table th{height:48px;padding:0 18px;border-bottom:1px solid #303b49;color:#8995a4;font-size:12px;font-weight:700;text-align:left}.cloud-resource-table th:first-child,.cloud-resource-table td:first-child{padding-left:26px}.cloud-resource-table td{height:82px;padding:14px 18px;border-bottom:1px solid #303b49;color:#dce2e9;font-size:13px}.cloud-resource-table th:first-child{width:38%}.cloud-resource-table th:nth-child(2){width:24%}.cloud-resource-table th:nth-child(3){width:18%}.cloud-resource-name{display:flex;align-items:center;gap:12px}.cloud-resource-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:9px;background:rgba(226,18,49,.13);color:#ff5068;font-size:13px;font-weight:800}.cloud-resource-name strong{display:block;color:#fff;font-size:13px}.cloud-resource-name small{display:block;margin-top:5px;color:#8995a4;font-size:12px}.cloud-kind-chip{display:inline-flex;padding:5px 9px;border-radius:6px;background:#2b3541;color:#c5cdd6;font-size:12px}.cloud-status{display:inline-flex;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:750}.cloud-status.is-active{background:rgba(34,197,94,.14);color:#65d98a}.cloud-status.is-pending{background:rgba(245,171,29,.14);color:#f5bd4f}.cloud-status.is-deleting,.cloud-status.is-failed{background:rgba(226,18,49,.14);color:#ff6478}.cloud-status.is-deleted{background:#303946;color:#8995a4}.cloud-resource-actions{position:relative;text-align:right}.cloud-action-menu{position:absolute;z-index:40;right:18px;top:62px;width:180px;padding:7px;border:1px solid #3a4657;border-radius:9px;background:#1b222c;box-shadow:0 18px 42px rgba(0,0,0,.42)}.cloud-action-menu[hidden]{display:none}.cloud-action-menu button{display:block;width:100%;padding:10px 11px;border:0;border-radius:6px;background:transparent;color:#d8dfe7;font:12px inherit;text-align:left;cursor:pointer}.cloud-action-menu button:hover{background:#27313d}.cloud-action-menu .is-sensitive{color:#f5bd4f}.cloud-action-menu .is-danger{color:#ff6478}.cloud-resource-empty td{height:180px!important;text-align:center}.cloud-resource-empty strong,.cloud-resource-empty span{display:block}.cloud-resource-empty span{margin-top:7px;color:#8995a4}.cloud-resource-pagination{display:flex;align-items:center;justify-content:flex-end;gap:15px;min-height:60px;padding:0 26px;color:#8995a4;font-size:12px}.cloud-resource-pagination strong{color:#dce2e9}.cloud-resource-pagination button{width:34px;height:34px;border:0;border-radius:7px;background:transparent;color:#687483;font-size:20px}.cloud-inline-action{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid #303b49;border-radius:12px;background:#212b36}.cloud-inline-action strong,.cloud-inline-action span{display:block}.cloud-inline-action strong{color:#fff}.cloud-inline-action span{margin-top:5px;color:#8995a4;font-size:12px}.cloud-inline-action button{padding:9px 13px;border:1px solid #465365;border-radius:8px;background:#27313d;color:#eef2f6}.cloud-workspace-dialog{width:min(620px,calc(100vw - 28px));max-height:calc(100vh - 32px);padding:0;overflow:auto;border:1px solid #3b4655;border-radius:14px;background:#1b222c;color:#fff}.cloud-workspace-dialog::backdrop{background:rgba(5,8,12,.78);backdrop-filter:blur(3px)}.cloud-dialog-shell{display:grid;gap:16px;padding:0}.cloud-dialog-shell>header{position:sticky;z-index:3;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #303b49;background:#1b222c}.cloud-dialog-shell>header span{color:#e21231;font-size:12px;font-weight:800;letter-spacing:.1em}.cloud-dialog-shell>header h2{margin:4px 0 0;font-size:18px}.cloud-dialog-shell>header button{width:34px;height:34px;border:1px solid #3b4655;border-radius:8px;background:#27313d;color:#d8dfe7;font-size:21px}.cloud-kind-picker,.cloud-dialog-form>label,.cloud-dialog-form>p{margin-inline:22px}.cloud-kind-picker,.cloud-dialog-form>label{display:grid;gap:7px;color:#9ca7b4;font-size:12px}.cloud-kind-picker select,.cloud-dialog-form input,.cloud-dialog-form select,.cloud-dialog-form textarea{width:100%;padding:10px 11px;border:1px solid #3b4655;border-radius:8px;background:#171d24;color:#fff}.cloud-dialog-form{display:grid;gap:13px;padding-bottom:0}.cloud-dialog-form[hidden]{display:none!important}.cloud-dialog-form textarea{min-height:100px;resize:vertical}.cloud-dialog-form .cloud-checkbox{display:flex;align-items:center}.cloud-dialog-form .cloud-checkbox input{width:auto}.cloud-dialog-form>footer{position:sticky;z-index:3;bottom:0;display:flex;justify-content:flex-end;gap:9px;margin-top:5px;padding:16px 22px;border-top:1px solid #303b49;background:#1b222c}.cloud-dialog-form>footer button{padding:9px 13px;border:1px solid #465365;border-radius:8px;background:#27313d;color:#eef2f6}.cloud-dialog-form>footer .action-red{border-color:#e21231;background:#e21231}.cloud-dialog-form>footer .is-danger{border-color:#e21231;background:rgba(226,18,49,.14);color:#ff6478}.cloud-detail-dialog pre{max-height:65vh;overflow:auto;margin:0;padding:0 22px 22px;color:#cbd4df;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:760px){.cloud-resource-page{gap:18px}.cloud-resource-head{display:grid}.cloud-create-main{width:100%;justify-content:center}.cloud-resource-card{border-radius:12px}.cloud-resource-card-head,.cloud-resource-filters{padding-inline:16px}.cloud-resource-filters{grid-template-columns:1fr}.cloud-resource-table-wrap{overflow:visible}.cloud-resource-table{display:block;min-width:0}.cloud-resource-table thead{display:none}.cloud-resource-table tbody{display:grid;gap:12px;padding:14px}.cloud-resource-table tr[data-cloud-row]{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #354152;border-radius:11px;background:#26313d}.cloud-resource-table tr[data-cloud-row][hidden]{display:none}.cloud-resource-table td{display:flex;align-items:center;justify-content:space-between;gap:10px;width:auto;height:auto;padding:11px 13px!important;border-bottom:1px solid #354152;font-size:12px}.cloud-resource-table td::before{content:attr(data-label);color:#8995a4;font-size:12px;font-weight:750;text-transform:uppercase}.cloud-resource-table td:first-child{grid-column:1/-1;display:block;padding:15px!important}.cloud-resource-table td:first-child::before{display:none}.cloud-resource-table td:nth-child(2){border-right:1px solid #354152}.cloud-resource-actions{grid-column:1/-1;border-bottom:0!important}.cloud-action-menu{right:12px;top:52px}.cloud-resource-pagination{justify-content:space-between;padding-inline:14px}.cloud-inline-action{align-items:flex-start;flex-direction:column}.cloud-inline-action button{width:100%}.cloud-capability-note{align-items:flex-start;flex-direction:column}}
@media(max-width:380px){.cloud-resource-table tr[data-cloud-row]{grid-template-columns:1fr}.cloud-resource-table td{grid-column:1/-1;border-right:0!important}.cloud-resource-card-head{align-items:flex-start;flex-direction:column}}

/* Object Storage service order: provider API is read/bucket-only, so checkout is intentionally fail-closed. */
.cloud-head-actions{display:flex;align-items:center;gap:10px}.cloud-service-create{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 15px;border:1px solid #d74750;border-radius:8px;background:#e21231;color:#fff;font-size:12px;font-weight:750;text-decoration:none}.cloud-service-create:hover{background:#f01a3a}.object-storage-head{margin-bottom:18px}.object-storage-lock{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px;padding:15px 17px;border:1px solid rgba(245,171,29,.32);border-radius:12px;background:rgba(245,171,29,.08)}.object-storage-lock>span{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#f5ab1d;color:#171c24;font-weight:900}.object-storage-lock strong{color:#f6c55e}.object-storage-lock p{margin:3px 0 0;color:#b5bec8;font-size:12px;line-height:1.55}.object-storage-create .deploy-config{gap:18px}.object-storage-step .deploy-step-title{align-items:flex-start}.object-storage-step-number{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:9px;background:rgba(226,18,49,.13);color:#f06473;font-size:13px;font-weight:800}.object-storage-unavailable{display:grid;gap:4px;min-height:72px;padding:16px;border:1px dashed #45515f;border-radius:10px;background:#1a222b}.object-storage-unavailable strong{color:#d8dee5;font-size:13px}.object-storage-unavailable span{color:#8995a4;font-size:12px;line-height:1.5}.object-storage-existing .deploy-step-title{padding-bottom:0}.object-storage-service-list{display:grid;gap:10px}.object-storage-service{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #354251;border-radius:10px;background:#1a222b}.object-storage-service>div{display:grid;gap:3px}.object-storage-service strong{color:#fff;font-size:13px}.object-storage-service span{color:#8995a4;font-size:12px}.object-storage-service a{padding:8px 12px;border-radius:7px;background:#e21231;color:#fff;font-size:12px;font-weight:750;text-decoration:none}.object-storage-summary .summary-title{padding-bottom:18px}.object-storage-summary-body{padding:18px}.object-storage-summary-body dl{margin:0}.object-storage-summary-body dl>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #303b47}.object-storage-summary-body dt{color:#8995a4;font-size:12px}.object-storage-summary-body dd{margin:0;color:#c5ccd4;font-size:12px}.object-storage-total{display:grid;grid-template-columns:1fr auto;gap:5px;margin:18px 0;padding:16px;border-radius:10px;background:#161d25}.object-storage-total span{color:#aab4bf;font-size:12px}.object-storage-total strong{color:#fff;font-size:18px}.object-storage-total small{grid-column:1/-1;color:#7e8996;font-size:12px}.object-storage-summary-body>button{width:100%;height:45px;border:0;border-radius:8px;background:#3a424c;color:#808b97;font-weight:800;cursor:not-allowed}.object-storage-summary-body>p{margin:11px 3px 0;color:#788491;font-size:12px;line-height:1.5;text-align:center}
@media(max-width:760px){.cloud-head-actions{display:grid;grid-template-columns:1fr 1fr}.cloud-head-actions .cloud-create-main{width:auto}.object-storage-lock{margin-bottom:16px}.object-storage-service{align-items:flex-start;flex-direction:column}.object-storage-service a{width:100%;text-align:center}}
@media(max-width:420px){.cloud-head-actions{grid-template-columns:1fr}.object-storage-lock{padding:13px}.object-storage-create .deploy-step-title{padding:17px 17px 0}.object-storage-create .deploy-step-body{padding:0 17px 17px}}

/* Onidel-reference virtual machine list */
.vm-page{display:grid;min-width:0;gap:28px}.vm-page-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.vm-page-header h1{margin:0;color:#fff;font-size:25px}.vm-breadcrumb{display:flex;align-items:center;gap:9px;margin-top:7px;color:#637083;font-size:13px}.vm-breadcrumb a{color:#919eab;text-decoration:none}.vm-deploy{gap:7px}.vm-deploy span{font-size:20px;line-height:1}.vm-table-card{overflow:hidden;border:1px solid #293441;border-radius:16px;background:#212b36;box-shadow:0 0 2px rgba(0,0,0,.4),0 12px 24px -4px rgba(0,0,0,.12)}.vm-card-header{padding:22px 24px 18px;border-bottom:1px solid #293441}.vm-card-header h2{margin:0;color:#fff;font-size:17px}.vm-card-header p{margin:5px 0 0;color:#919eab;font-size:13px}.vm-filters{display:grid;grid-template-columns:220px 220px minmax(240px,1fr);gap:16px;padding:20px 24px}.vm-select-field,.vm-search-field{position:relative;display:block}.vm-select-field>span{position:absolute;z-index:1;top:-7px;left:12px;padding:0 5px;background:#212b36;color:#919eab;font-size:12px}.vm-select-field select,.vm-search-field input{width:100%;height:48px;border:1px solid #45515f;border-radius:8px;background:transparent;color:#fff;outline:none}.vm-select-field select{padding:0 38px 0 14px}.vm-select-field option{background:#212b36}.vm-search-field input{padding:0 14px 0 45px}.vm-search-field svg{position:absolute;top:14px;left:14px;width:20px;height:20px;fill:none;stroke:#919eab;stroke-width:1.8;stroke-linecap:round}.vm-select-field select:focus,.vm-search-field input:focus{border-color:#e21231}.vm-table-scroll{max-width:100%;overflow-x:auto;outline:none;contain:inline-size}.vm-table{width:100%;min-width:900px;border-collapse:collapse;color:#fff}.vm-table th{height:54px;padding:0 16px;background:#28333f;color:#919eab;font-size:12px;font-weight:700;text-align:left;white-space:nowrap}.vm-table th:first-child,.vm-table td:first-child{padding-left:24px}.vm-table th:last-child,.vm-table td:last-child{width:62px;padding-right:24px;text-align:center}.vm-table td{height:88px;padding:14px 16px;border-bottom:1px dashed #35404c;color:#d7dde3;font-size:13px;vertical-align:middle}.vm-table tbody tr:not([hidden]):hover{background:rgba(145,158,171,.06)}.vm-name-cell{display:flex;align-items:center;gap:13px;min-width:270px}.vm-os-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#e21231;color:#fff}.vm-os-avatar svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.vm-name-cell h3{margin:0;color:#fff;font-size:14px}.vm-name-cell p{max-width:360px;margin:5px 0 0;color:#919eab;font-size:12px;white-space:nowrap}.vm-location{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.vm-location span{color:#ef3340;font-size:12px}.vm-status{display:inline-flex;align-items:center;min-height:25px;padding:4px 10px;border-radius:7px;background:rgba(34,197,94,.14);color:#54d98c;font-size:12px;font-weight:700}.vm-status.status-failed,.vm-status.status-terminated{background:rgba(226,18,49,.14);color:#ff6b81}.vm-status.status-provisioning,.vm-status.status-queued,.vm-status.status-reconciliation_required{background:rgba(245,171,29,.14);color:#f5ab1d}.vm-status.status-suspended{background:rgba(145,158,171,.15);color:#c3cbd3}.vm-more{border:0;background:transparent;color:#637083;font-weight:800;letter-spacing:1px}.vm-empty-row td{height:180px!important;text-align:center!important}.vm-empty-row strong,.vm-empty-row span{display:block}.vm-empty-row span{margin-top:7px;color:#919eab}.vm-pagination{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-height:64px;padding:0 24px;color:#919eab;font-size:12px}.vm-pagination strong{color:#fff}.vm-pagination button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#637083;font-size:24px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.vm-filters{grid-template-columns:1fr 1fr}.vm-search-field{grid-column:1/-1}.vm-table-scroll{scrollbar-width:thin;scrollbar-color:#45515f #212b36}}
@media(max-width:760px){html,body{overflow-x:hidden}.vm-page{gap:18px}.vm-page-header{display:grid;align-items:start}.vm-deploy{width:100%;justify-content:center}.vm-table-card{border-radius:12px}.vm-card-header{padding:18px}.vm-filters{grid-template-columns:1fr;padding:18px}.vm-search-field{grid-column:auto}.vm-table{min-width:860px}.vm-table th:first-child,.vm-table td:first-child{padding-left:18px}.vm-name-cell p{max-width:250px}.vm-pagination{justify-content:flex-start;gap:12px;padding:0 18px;white-space:nowrap}}

/* Screenshot-parity details for virtual machine rows */
.vm-sort-label{display:inline-flex;align-items:center;gap:6px;color:#aeb8c4}.vm-table{min-width:940px}.vm-table th:first-child{width:44%}.vm-table th:nth-child(2){width:14%}.vm-table th:nth-child(3){width:14%}.vm-table th:nth-child(4){width:12%}.vm-table th:nth-child(5){width:10%}.vm-table td{height:104px}.vm-name-cell{align-items:center;min-width:390px}.vm-os-wrap{position:relative;flex:0 0 44px}.vm-os-avatar{width:44px;height:44px;background:#46515e}.vm-os-avatar.is-ubuntu{background:#e95420}.vm-os-avatar.is-ubuntu img{display:block;width:28px;height:28px;filter:brightness(0) invert(1)}.vm-os-avatar.is-almalinux img{display:block;width:30px;height:30px}.vm-os-avatar.is-almalinux{background:#f3f6f8}.vm-name-line h3,.vm-owner-chip,.vm-availability-chip{white-space:nowrap}.vm-live-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid #212b36;border-radius:50%;background:#637083}.vm-live-dot.status-active{background:#22c55e}.vm-live-dot.status-provisioning,.vm-live-dot.status-queued,.vm-live-dot.status-reconciliation_required{background:#f5ab1d}.vm-name-copy{min-width:0}.vm-name-line{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.vm-name-line h3{margin-right:2px}.vm-owner-chip,.vm-availability-chip{display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border-radius:6px;font-size:12px;font-weight:700;line-height:1.2}.vm-owner-chip{background:rgba(226,18,49,.16);color:#ff6b81}.vm-availability-chip{gap:4px;border:1px solid rgba(84,217,140,.5);background:rgba(34,197,94,.08);color:#6fe3a0}.vm-availability-chip>span{font-size:12px}.vm-name-copy p{margin:7px 0 0;color:#919eab;font-size:12px;white-space:nowrap}.vm-name-copy small{display:block;margin-top:3px;color:#748190;font-size:12px}.vm-os-spec{display:flex!important;align-items:center;flex-wrap:wrap;gap:5px}.vm-location{gap:7px}.vm-flag{font-size:17px;line-height:1}.vm-location-dot{color:#ef3340;font-size:12px}.vm-billing{color:#fff;font-size:13px}.vm-more{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:28px;height:34px;padding:0}.vm-more span{display:block;width:3px;height:3px;border-radius:50%;background:#7f8a98}.vm-more:disabled{opacity:1;cursor:not-allowed}
@media(max-width:760px){.vm-table{min-width:940px}.vm-name-cell{min-width:390px}.vm-name-copy p{white-space:normal}}

/* Compute lifecycle action menu */
.vm-action-cell{position:relative}.vm-more:not(:disabled){cursor:pointer}.vm-more:not(:disabled):hover,.vm-more[aria-expanded="true"]{background:#263141}.vm-action-menu{position:fixed;z-index:1200;width:220px;padding:7px;border:1px solid #364153;border-radius:10px;background:rgba(28,35,47,.98);box-shadow:0 20px 48px rgba(0,0,0,.42);backdrop-filter:blur(12px)}.vm-action-menu[hidden]{display:none}.vm-action-menu button,.vm-action-menu a{display:flex;align-items:center;gap:13px;width:100%;min-height:44px;padding:9px 11px;border:0;border-radius:7px;background:transparent;color:#f4f6f8;text-align:left;font:inherit;cursor:pointer}.vm-action-menu button:hover,.vm-action-menu button:focus-visible,.vm-action-menu a:hover,.vm-action-menu a:focus-visible{background:#48515e;outline:none}.vm-action-menu button:disabled{cursor:not-allowed;color:#8993a1;opacity:.72}.vm-action-menu button:disabled:hover{background:transparent}.vm-action-menu svg{flex:0 0 21px;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vm-action-menu button>span{display:flex;flex-direction:column;gap:2px;font-size:14px;font-weight:600}.vm-action-menu small{font-size:12px;font-weight:500;color:#7f8996}.vm-action-menu .is-danger{color:#f06f5c}.vm-dialog{width:min(560px,calc(100% - 28px));max-width:none;padding:0;border:1px solid #354154;border-radius:16px;background:#171e29;color:#eef2f6;box-shadow:0 28px 80px rgba(0,0,0,.55)}.vm-dialog::backdrop{background:rgba(4,8,14,.72);backdrop-filter:blur(3px)}.vm-dialog-panel{padding:24px}.vm-dialog-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #303b4c}.vm-dialog-panel>header h2{margin:4px 0 0;font-size:22px}.vm-dialog-kicker{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8f9baa}.vm-dialog-panel>header button{width:34px;height:34px;border:0;border-radius:8px;background:#252f3d;color:#cbd2dc;font-size:23px;cursor:pointer}.vm-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 0}.vm-detail-grid div{padding:13px;border:1px solid #303b4c;border-radius:9px;background:#1e2734}.vm-detail-grid dt{margin-bottom:5px;color:#8f9baa;font-size:12px;font-weight:700;text-transform:uppercase}.vm-detail-grid dd{margin:0;color:#eef2f6;font-size:14px;font-weight:650}.vm-confirm-dialog{width:min(500px,calc(100% - 28px))}.vm-confirm-dialog [data-confirm-message]{margin:20px 0;color:#b8c1cd;line-height:1.6}.vm-confirm-name{display:block;margin:0 0 16px}.vm-confirm-name span{display:block;margin-bottom:8px;color:#b8c1cd;font-size:13px}.vm-confirm-name input{width:100%;height:44px;padding:0 12px;border:1px solid #465368;border-radius:8px;background:#111823;color:#fff;box-sizing:border-box}.vm-action-feedback{min-height:20px;margin:10px 0;color:#f1b34a;font-size:13px}.vm-dialog-panel>footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.vm-dialog-panel>footer button{min-height:42px;padding:0 18px;border-radius:8px}.vm-dialog-cancel{border:1px solid #435064;background:#252f3d;color:#e2e7ed}.vm-dialog button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:520px){.vm-action-menu{width:210px}.vm-dialog-panel{padding:18px}.vm-detail-grid{grid-template-columns:1fr}.vm-dialog-panel>footer{flex-direction:column-reverse}.vm-dialog-panel>footer button{width:100%}}

/* Compute mobile cards */
@media(max-width:760px){
.vm-table-scroll{overflow:visible;contain:none}
.vm-table{display:block;width:100%;min-width:0}
.vm-table thead{display:none}
.vm-table tbody{display:grid;gap:12px;padding:0 14px 14px}
.vm-table tr[data-vm-row]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;width:100%;overflow:hidden;border:1px solid #354152;border-radius:12px;background:#26313d}
.vm-table tr[data-vm-row][hidden]{display:none}
.vm-table tr[data-vm-row]>td{display:flex;align-items:center;justify-content:space-between;gap:10px;width:auto;height:auto;min-width:0;padding:12px 14px;border-bottom:1px solid #354152;color:#e5e9ee;font-size:13px}
.vm-table tr[data-vm-row]>td::before{content:attr(data-label);color:#8995a4;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.vm-table tr[data-vm-row]>.vm-primary-cell{grid-column:1/-1;display:block;padding:16px 14px}
.vm-table tr[data-vm-row]>.vm-primary-cell::before{display:none}
.vm-table tr[data-vm-row]>td:nth-child(2),.vm-table tr[data-vm-row]>td:nth-child(4){border-right:1px solid #354152}
.vm-table tr[data-vm-row]>.vm-action-cell{grid-column:1/-1;border-bottom:0}
.vm-name-cell{align-items:flex-start;min-width:0}
.vm-os-wrap{flex-basis:48px}
.vm-os-avatar{width:48px;height:48px}
.vm-os-avatar.is-ubuntu img{width:30px;height:30px}
.vm-name-copy{width:calc(100% - 60px)}
.vm-name-line{align-items:flex-start;gap:6px}
.vm-name-line h3{flex-basis:100%;font-size:14px}
.vm-owner-chip,.vm-availability-chip{white-space:normal}
.vm-name-copy p{max-width:none;margin-top:10px;white-space:normal}
.vm-name-copy small{margin-top:5px}
.vm-location{min-width:0}
.vm-more{width:44px;height:44px;border:1px solid #465367;border-radius:8px}
.vm-pagination{justify-content:space-between;gap:8px;padding:14px;white-space:normal}
.vm-pagination button{width:44px;height:44px}
}

/* Compute detail reference layout */
body.compute-route:has(.vm-reference-detail){background:#141b23;color:#f7f9fb}
body.compute-route:has(.vm-reference-detail) .app-frame{min-height:calc(100vh - 80px)}
body.compute-route:has(.vm-reference-detail) .app-content{width:100%;max-width:none;min-height:calc(100vh - 80px);margin:0;padding:26px 27px 24px 46px;overflow-x:hidden}
.vm-reference-detail{display:grid;gap:16px!important;width:100%;max-width:none;margin:0}

.vm-reference-detail .vm-detail-hero{display:grid;position:relative!important;grid-template-columns:104px 54px minmax(220px,1fr) auto;align-items:center;gap:20px;min-height:87px!important;padding:0 6px!important;border:0;border-radius:0;background:transparent!important;box-shadow:none!important}
.vm-reference-detail .vm-detail-back{display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;width:max-content;height:36px;border:0;border-radius:0;color:#f7f9fb;font-size:13px;font-weight:800}
.vm-reference-detail .vm-detail-back:hover{color:#26d9f4}
.vm-reference-detail .vm-detail-back .customer-ui-icon{width:13px;height:13px}
.vm-reference-detail .vm-detail-back,
.vm-reference-detail .vm-detail-os,
.vm-reference-detail .vm-detail-identity,
.vm-reference-detail .vm-icon-actions{align-self:start!important;margin-top:5px!important}
.vm-reference-detail .vm-detail-os{width:54px;height:54px;border-radius:50%;box-shadow:none}
.vm-reference-detail .vm-detail-os img{width:36px;height:36px}
.vm-reference-detail .vm-detail-identity{position:relative;align-self:center;min-width:0}
.vm-reference-detail .vm-detail-name{display:flex;align-items:center;gap:13px}
.vm-reference-detail .vm-detail-name h1{margin:0;color:#fff;font-size:25px;line-height:1.15;letter-spacing:-.025em}
.vm-reference-detail .vm-detail-name a{display:grid;place-items:center;width:25px;height:25px;color:#8593a3}
.vm-reference-detail .vm-detail-name a:hover{color:#fff}
.vm-reference-detail .vm-detail-name .customer-ui-icon{width:16px;height:16px}
.vm-reference-detail .vm-detail-meta{gap:10px;margin-top:6px;color:#74869a;font-size:13px}
.vm-reference-detail .vm-detail-meta .vm-availability-chip{min-height:24px;padding:3px 7px;border:0;border-radius:5px;background:#123c27;color:#52e481;font-size:12px}
.vm-reference-detail .vm-detail-meta .vm-availability-chip .customer-ui-icon{display:none}
.vm-reference-detail .vm-detail-identity>.vm-live-dot{position:absolute;left:-21px;bottom:-8px;width:11px;height:11px;border:2px solid #141b23}
.vm-reference-detail .vm-icon-actions{display:block;position:static!important;z-index:auto;top:auto!important;right:auto!important;align-self:start!important;margin:5px 0 0!important}
.vm-reference-detail .vm-action-menu-panel{display:flex;align-items:center;justify-content:flex-end;gap:17px}
.vm-reference-detail .vm-action-menu-panel>button,
.vm-reference-detail .vm-action-menu-panel>.vm-action-link{display:grid!important;place-items:center;flex:0 0 36px;width:36px;height:36px;min-height:36px;padding:0!important;border:0!important;border-radius:7px;background:transparent!important;color:#8a98a8!important;box-shadow:none;transform:none!important}
.vm-reference-detail .vm-action-menu-panel>button:hover:not(:disabled),
.vm-reference-detail .vm-action-menu-panel>.vm-action-link:hover{border:0!important;background:#202a35!important;color:#eaf1f7!important;transform:none!important}
.vm-reference-detail .vm-action-menu-panel>.is-danger,
.vm-reference-detail .vm-action-menu-panel>.is-danger:hover:not(:disabled){border:0!important;background:transparent!important;color:#8a98a8!important}
.vm-reference-detail .vm-action-menu-panel .customer-ui-icon{width:20px;height:20px}

.vm-reference-detail .vm-billing-warning{display:flex;align-items:center;gap:13px;min-height:52px;padding:11px 18px;border:1px solid #14536a;border-radius:8px;background:#112c37;color:#27e4f5;font-size:13px;font-weight:650}
.vm-reference-detail .vm-billing-warning-icon{display:grid;place-items:center;flex:0 0 21px;width:21px;height:21px;border-radius:50%;background:#08bade;color:#092935}
.vm-reference-detail .vm-billing-warning-icon .customer-ui-icon{width:13px;height:13px}

.vm-reference-detail .vm-detail-tabs{display:flex;align-items:center;justify-content:center;gap:26px!important;min-height:52px;padding:7px 18px;border:0;border-radius:8px;background:#242d38;overflow-x:auto}
.vm-reference-detail .vm-detail-tabs a,
.vm-reference-detail .vm-detail-tabs>span{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:0 17px;border:0;border-radius:8px;color:#8492a5;font-size:13px;font-weight:650;cursor:default}
.vm-reference-detail .vm-detail-tabs a{cursor:pointer}
.vm-reference-detail .vm-detail-tabs a:hover{color:#cbd5df}
.vm-reference-detail .vm-detail-tabs a.active{border:0;background:#111923;color:#fff;box-shadow:0 5px 13px rgba(0,0,0,.22)}
.vm-reference-detail .vm-detail-tabs a.active .vm-tab-icon{color:#aeb8c4}
.vm-reference-detail .vm-detail-tabs>span{opacity:1}
.vm-reference-detail .vm-tab-icon{width:18px;height:18px;color:#7c8897}

.vm-reference-detail .vm-workspace-unified{gap:16px;margin-top:15px}
.vm-reference-detail .vm-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:16px;height:514px;min-height:0}
.vm-reference-detail .vm-detail-side{display:grid;grid-template-rows:307px 191px;gap:16px;min-width:0}
.vm-reference-detail .vm-info-card{border:1px solid #293747;border-radius:17px;background:#202c38;box-shadow:0 14px 30px rgba(3,8,14,.16);overflow:hidden}
.vm-reference-detail .vm-info-card>header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:95px;padding:18px 24px;border-bottom:1px solid #374452;background:transparent}
.vm-reference-detail .vm-info-card h2{margin:0;color:#fff;font-size:18px;line-height:1.25;letter-spacing:-.01em}
.vm-reference-detail .vm-card-heading{display:flex;align-items:center;gap:17px;min-width:0}
.vm-reference-detail .vm-card-heading>div{min-width:0}
.vm-reference-detail .vm-card-heading p{margin:6px 0 0;color:#8da0bc;font-size:13px}
.vm-reference-detail .vm-card-heading-icon{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;color:#8091a2}
.vm-reference-detail .vm-card-heading-icon.is-red{color:#d70f35}
.vm-reference-detail .vm-card-heading-icon.is-green{color:#28b967}
.vm-reference-detail .vm-card-heading-icon .customer-ui-icon{width:21px;height:21px}
.vm-reference-detail .vm-reference-action{gap:8px;min-height:37px;padding:0 15px;border-radius:7px;font-size:12px;cursor:pointer}
.vm-reference-detail .vm-reference-action.is-danger{padding-inline:20px;border:1px solid #ff2948;background:#e6082b;color:#fff}
.vm-reference-detail .vm-reference-action.is-danger .customer-ui-icon{color:#fff}

.vm-reference-detail .vm-system-reference{height:514px;min-height:0}
.vm-reference-detail .vm-system-primary-grid{grid-template-columns:1fr 1fr;min-height:79px;border-bottom:0}
.vm-reference-detail .vm-overview-identity{grid-template-columns:21px minmax(0,1fr);gap:11px;padding:16px 24px;border:0}
.vm-reference-detail .vm-overview-os{width:21px;height:21px;border:0;border-radius:50%;background:transparent}
.vm-reference-detail .vm-overview-os img{width:20px;height:20px}
.vm-reference-detail .vm-overview-os .customer-ui-icon{width:18px;height:18px}
.vm-reference-detail .vm-overview-identity>div{gap:2px}
.vm-reference-detail .vm-overview-identity>div>span{color:#8ca1bf;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}
.vm-reference-detail .vm-overview-identity strong{font-size:14px}
.vm-reference-detail .vm-system-peer{gap:2px;padding:16px 24px;border:0}
.vm-reference-detail .vm-system-peer>span{display:flex;align-items:center;gap:5px;color:#8ca1bf;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}
.vm-reference-detail .vm-system-peer>span .customer-ui-icon{width:14px;height:14px;color:#00c7e8}
.vm-reference-detail .vm-system-peer strong{color:#ff113e;font-size:14px}
.vm-reference-detail .vm-system-section-label{display:flex;align-items:center;gap:7px;padding:4px 24px 9px;color:#91a3bc;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}
.vm-reference-detail .vm-system-section-label .customer-ui-icon{width:15px;height:15px;color:#7d8a9b}
.vm-reference-detail .vm-overview-stats{gap:8px;padding:0 24px 18px}
.vm-reference-detail .vm-overview-stats article{display:grid;place-items:center;align-content:center;gap:6px;min-height:101px!important;padding:10px;border:1px solid #465566;border-radius:12px;background:#303b49;text-align:center}
.vm-reference-detail .vm-overview-stat-icon{width:20px;height:20px;min-width:20px;border-radius:0;background:transparent;color:#10c7e9}
.vm-reference-detail .vm-overview-stats article:nth-child(2) .vm-overview-stat-icon{color:#1dd473}
.vm-reference-detail .vm-overview-stats article:nth-child(3) .vm-overview-stat-icon{color:#d59b20}
.vm-reference-detail .vm-overview-stat-icon .customer-ui-icon{width:17px;height:17px}
.vm-reference-detail .vm-overview-stats article>div{gap:5px}
.vm-reference-detail .vm-overview-stats article span{color:#8ba1bd;font-size:12px}
.vm-reference-detail .vm-overview-stats article strong{font-size:18px}
.vm-reference-detail .vm-system-facts{grid-template-columns:1fr 1fr;border:0}
.vm-reference-detail .vm-system-facts>div{gap:4px;padding:0 24px 15px}
.vm-reference-detail .vm-system-facts>div+div{border:0}
.vm-reference-detail .vm-system-facts dt{display:flex;align-items:center;gap:4px;color:#8ca1bf;font-size:12px}
.vm-reference-detail .vm-system-facts dt .customer-ui-icon{width:13px;height:13px}
.vm-reference-detail .vm-system-facts dd{display:flex;align-items:center;gap:7px;font-size:14px}
.vm-reference-detail .vm-region-flag{display:block;width:20px;height:14px;border-radius:1px;object-fit:cover}
.vm-reference-detail .vm-system-bandwidth{gap:9px;margin-top:0;padding:5px 24px 20px}
.vm-reference-detail .vm-system-bandwidth-head strong{font-size:12px}
.vm-reference-detail .vm-system-bandwidth-head span{color:#fff;font-size:12px;font-weight:800}
.vm-reference-detail .vm-system-progress{height:11px;background:#394755}
.vm-reference-detail .vm-system-progress i{background:#22c36b}
.vm-reference-detail .vm-system-bandwidth-meta{display:grid;gap:3px;color:#fff;font-size:12px;font-weight:600}
.vm-reference-detail .vm-system-bandwidth-pool{display:flex;align-items:center;justify-content:space-between;gap:14px}
.vm-reference-detail .vm-system-bandwidth-meta strong{color:#fff;font-size:12px}

.vm-reinstall-dialog{width:min(590px,calc(100% - 28px));overflow:visible}
.vm-reinstall-dialog .vm-dialog-panel{overflow:visible;padding:26px 24px 22px;background:#202b38}
.vm-reinstall-dialog h2{margin:0;color:#f6f8fb;font-size:18px}
.vm-reinstall-warning{display:flex;align-items:flex-start;gap:10px;margin:20px 0;padding:12px 14px;border:1px solid #70562d;border-radius:7px;background:#322b20;color:#f2c46f;font-size:12px;line-height:1.55}
.vm-reinstall-warning .customer-ui-icon{flex:0 0 18px;width:18px;height:18px;margin-top:1px}
.vm-reinstall-picker{position:relative;margin-bottom:16px}
.vm-reinstall-picker-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;min-height:54px;padding:8px 13px;border:1px solid #465568;border-radius:7px;background:#202b38;color:#f7f9fb;text-align:left}
.vm-reinstall-picker-toggle>span:not(.vm-reinstall-picker-label){display:flex;flex-wrap:wrap;gap:5px;grid-column:1;grid-row:2;min-width:0;font-size:13px}
.vm-reinstall-picker-toggle b{grid-column:2;grid-row:1/3;color:#9aaabc;font-size:17px;font-weight:500}
.vm-reinstall-picker-label{grid-column:1;grid-row:1;color:#8698ad;font-size:12px;line-height:1.2}
.vm-reinstall-picker-menu{position:absolute;z-index:20;top:calc(100% + 5px);left:0;width:100%;padding:7px;border:1px solid #465568;border-radius:7px;background:#17212d;box-shadow:0 14px 34px #050a10b8;box-sizing:border-box}
.vm-reinstall-picker-menu[hidden]{display:none}
.vm-reinstall-picker-menu input{width:100%;height:38px;margin-bottom:6px;padding:0 11px;border:1px solid #465568;border-radius:6px;background:#111923;color:#f6f8fb;box-sizing:border-box;outline:0}
.vm-reinstall-picker-menu input:focus{border-color:#12bddd}
.vm-reinstall-picker-menu [role=listbox]{max-height:255px;overflow:auto}
.vm-reinstall-picker-menu [role=option]{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:7px 9px;border:0;border-radius:5px;background:transparent;color:#eaf0f6;text-align:left}
.vm-reinstall-picker-menu [role=option][hidden]{display:none}
.vm-reinstall-picker-menu [role=option]:hover,.vm-reinstall-picker-menu [role=option][aria-selected=true]{background:#293746}
.vm-os-choice{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;color:#3795e8;font-size:13px}.vm-os-choice.is-ubuntu{color:#e95420}.vm-os-choice.is-almalinux{color:#3cb878}.vm-os-choice.is-debian{color:#d70a53}.vm-os-choice.is-rocky{color:#10b981}.vm-os-choice.is-windows{color:#28a8ea}
.vm-reinstall-check{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border:1px solid #62758a;border-radius:4px;color:#07131d;background:#17212d;font-size:12px}.vm-reinstall-picker-menu [aria-selected=true] .vm-reinstall-check{border-color:#10bddb;background:#10bddb}
.vm-reinstall-chip{max-width:180px;padding:2px 7px;border-radius:5px;background:#0e8195;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vm-reinstall-empty{margin:7px 9px;color:#8495a8;font-size:12px}
.vm-reinstall-dialog footer{display:flex;justify-content:flex-end;margin-top:22px}
.vm-reinstall-dialog .action-red{min-height:38px;margin-top:0;padding:0 18px;border:0;border-radius:7px;background:#e01d3f;color:#fff;font-weight:800}
.vm-reinstall-dialog .action-red:hover{background:#ef294a}.vm-reinstall-dialog .action-red:disabled{cursor:not-allowed;opacity:.5}

.vm-reference-detail .vm-access-card{height:307px;min-height:0}
.vm-reference-detail .vm-info-card header button.vm-console-access{display:inline-flex;align-items:center;gap:8px;min-height:31px;padding:5px 10px;border:0;border-radius:8px;background:#0bbddd;color:#fff;font-size:12px}
.vm-reference-detail .vm-console-access .customer-ui-icon{width:17px;height:17px}
.vm-reference-detail .vm-access-grid{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:20px 23px 3px}
.vm-reference-detail .vm-access-grid>div{display:grid;grid-template-columns:19px minmax(0,1fr);gap:0 9px;min-width:0;padding:9px 10px 1px 0}
.vm-reference-detail .vm-access-grid dt{display:contents;color:#8ca1bf;font-size:12px}
.vm-reference-detail .vm-access-grid dt>.customer-ui-icon{grid-column:1;grid-row:1/3;align-self:center;width:16px;height:16px;color:#08bad8}
.vm-reference-detail .vm-access-grid>div:nth-child(2) dt>.customer-ui-icon{color:#db1739}
.vm-reference-detail .vm-access-grid>div:nth-child(3) dt>.customer-ui-icon{color:#2dc46e}
.vm-reference-detail .vm-access-grid>div:nth-child(4) dt>.customer-ui-icon{color:#d29b1a}
.vm-reference-detail .vm-access-grid dt>span{grid-column:2;color:#8ca1bf;font-size:12px}
.vm-reference-detail .vm-access-grid dd{display:flex;align-items:center;gap:7px;grid-column:2;min-width:0;margin:2px 0 0;color:#fff}
.vm-reference-detail .vm-access-grid code{overflow:hidden;color:#fff;font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}
.vm-reference-detail .vm-inline-copy{display:grid!important;place-items:center;flex:0 0 27px;width:27px;height:27px;min-height:27px!important;margin-left:auto;padding:0!important;border:0!important;border-radius:50%!important;background:#334250!important;color:#9baaba!important}
.vm-reference-detail .vm-inline-copy:hover{background:#405160!important;color:#fff!important}
.vm-reference-detail .vm-inline-copy.is-copied{background:#1d8d55!important;color:#fff!important}
.vm-reference-detail .vm-inline-copy .customer-ui-icon{width:14px;height:14px}
.vm-reference-detail .vm-access-note{display:flex;align-items:center;gap:13px;min-height:52px;margin:3px 23px 20px;padding:11px 16px;border:1px solid #14627a;border-radius:8px;background:#173b48;color:#35e3ef;font-size:12px}
.vm-reference-detail .vm-access-note .customer-ui-icon{flex:0 0 17px;width:17px;height:17px;color:#12aeca}

.vm-reference-detail .vm-detail-side>.vm-billing-card{height:191px!important;min-height:0}
.vm-reference-detail .vm-billing-card>header{min-height:94px}
.vm-reference-detail .vm-billing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:96px;margin:0;padding:0 22px}
.vm-reference-detail .vm-billing-grid>div{display:grid;align-content:center;gap:5px;min-width:0;padding:11px 0}
.vm-reference-detail .vm-billing-grid dt{display:flex;align-items:center;gap:5px;color:#8ca1bf;font-size:12px;font-weight:600;text-transform:uppercase}
.vm-reference-detail .vm-billing-grid dt .customer-ui-icon{width:13px;height:13px;color:#16bbd8}
.vm-reference-detail .vm-billing-grid dd{overflow:hidden;margin:0;color:#fff;font-size:17px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.vm-reference-detail .vm-renewal-badge{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:155px;min-height:25px;padding:3px 8px;border-radius:7px;background:#2b4a43;color:#75d99e;font-size:12px;text-transform:uppercase}

@media(max-width:1150px){
body.compute-route:has(.vm-reference-detail) .app-content{padding-inline:26px}
.vm-reference-detail .vm-detail-tabs{justify-content:flex-start}
.vm-reference-detail .vm-detail-layout{grid-template-columns:1fr}
.vm-reference-detail .vm-detail-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}
}
@media(max-width:760px){
body.compute-route:has(.vm-reference-detail) .app-frame{min-height:calc(100vh - 64px)}
body.compute-route:has(.vm-reference-detail) .app-content{min-height:0;padding:14px 12px 30px;overflow-x:clip!important;overflow-y:visible!important}
.vm-reference-detail{gap:12px}
.vm-reference-detail .vm-detail-hero{grid-template-columns:54px minmax(0,1fr) auto;gap:11px;min-height:116px!important;padding:6px 2px!important}
.vm-reference-detail .vm-detail-back{grid-column:1/-1;height:25px}
.vm-reference-detail .vm-detail-os{grid-column:1;width:46px;height:46px}
.vm-reference-detail .vm-detail-os img{width:30px;height:30px}
.vm-reference-detail .vm-detail-name h1{font-size:20px}
.vm-reference-detail .vm-detail-meta{font-size:12px}
.vm-reference-detail .vm-detail-identity>.vm-live-dot{left:-18px;bottom:-6px}
.vm-reference-detail .vm-icon-actions{grid-column:3;grid-row:2}
.vm-reference-detail .vm-action-more{display:grid!important}
.vm-reference-detail .vm-action-menu-panel{top:42px;display:none;width:190px;height:auto;padding:7px}
.vm-reference-detail .vm-action-menu-panel.is-open{display:grid}
.vm-reference-detail .vm-billing-warning{align-items:flex-start;font-size:12px;line-height:1.45}
.vm-reference-detail .vm-detail-tabs{justify-content:flex-start;gap:4px;padding:5px 6px}
.vm-reference-detail .vm-detail-tabs a,.vm-reference-detail .vm-detail-tabs>span{min-height:40px;padding-inline:11px;font-size:12px}
.vm-reference-detail .vm-detail-side{grid-template-columns:1fr}
.vm-reference-detail .vm-detail-layout{height:auto;min-height:0}
.vm-reference-detail .vm-system-reference{height:auto;min-height:0}
.vm-reference-detail .vm-access-card{height:auto;min-height:0}
.vm-reference-detail .vm-detail-side{grid-template-rows:auto}
.vm-reference-detail .vm-detail-side>.vm-billing-card{height:auto!important;min-height:191px}
.vm-reference-detail .vm-info-card>header{min-height:78px;padding:14px 16px}
.vm-reference-detail .vm-card-heading{gap:11px}
.vm-reference-detail .vm-card-heading p{font-size:12px}
.vm-reference-detail .vm-system-primary-grid{grid-template-columns:1fr}
.vm-reference-detail .vm-system-peer{border-top:1px solid #374452}
.vm-reference-detail .vm-overview-stats{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:14px}
.vm-reference-detail .vm-overview-stats article{min-height:92px}
.vm-reference-detail .vm-overview-stats article strong{font-size:14px}
.vm-reference-detail .vm-system-facts{grid-template-columns:1fr 1fr}
.vm-reference-detail .vm-system-facts>div{padding-inline:15px}
.vm-reference-detail .vm-system-bandwidth{padding-inline:15px}
.vm-reference-detail .vm-system-bandwidth-pool{align-items:flex-start;flex-direction:column;gap:3px}
.vm-reference-detail .vm-access-grid{grid-template-columns:1fr;padding-inline:15px}
.vm-reference-detail .vm-access-note{margin-inline:15px}
.vm-reference-detail .vm-billing-grid{grid-template-columns:1fr 1fr;padding:10px 16px}
}
@media(max-width:430px){
.vm-reference-detail .vm-detail-meta .vm-availability-chip{display:none}
.vm-reference-detail .vm-overview-stats{grid-template-columns:1fr}
.vm-reference-detail .vm-system-facts{grid-template-columns:1fr}
.vm-reference-detail .vm-system-facts>div+div{border-top:1px solid #374452}
.vm-reference-detail .vm-billing-grid{grid-template-columns:1fr}
.vm-reference-detail .vm-billing-grid>div+div{border-top:1px solid #374452}
}
@media(max-width:360px){
.vm-table tbody{padding-inline:10px}
.vm-table tr[data-vm-row]{grid-template-columns:1fr}
.vm-table tr[data-vm-row]>td{grid-column:1/-1;border-right:0!important}
.vm-card-header,.vm-filters{padding-inline:14px}
}

/* Compute VM detail page */
.vm-detail-page{display:grid;gap:20px;min-width:0}.vm-detail-hero{display:grid;grid-template-columns:42px 52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:20px;border:1px solid #323a46;border-radius:12px;background:#1b2028}.vm-detail-back{display:grid;place-items:center;width:42px;height:42px;border:1px solid #384352;border-radius:9px;color:#cbd3de;font-size:22px}.vm-detail-os{display:grid;place-items:center;width:52px;height:52px;border-radius:11px;background:#46515e}.vm-detail-os img{width:34px;height:34px}.vm-detail-os.is-ubuntu{background:#e95420}.vm-detail-os.is-ubuntu img{filter:brightness(0) invert(1)}.vm-detail-os.is-almalinux{background:#f3f6f8}.vm-detail-identity{min-width:0}.vm-detail-identity h1{margin:0;color:#fff;font-size:22px}.vm-detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:7px;color:#9ba6b5;font-size:12px}.vm-detail-meta .vm-live-dot{position:static;display:inline-block;border-color:#1b2028}.vm-detail-separator{color:#5e6875}.vm-detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.vm-detail-actions button,.vm-info-card header button{min-height:40px;padding:8px 12px;border:1px solid #3b4655;border-radius:8px;background:#26313d;color:#edf1f5;font-weight:700;cursor:pointer}.vm-detail-actions button:hover:not(:disabled){background:#334153}.vm-detail-actions button:disabled,.vm-info-card header button:disabled{color:#7e8998;cursor:not-allowed}.vm-detail-actions .is-danger{border-color:#703841;color:#ff7f83;background:#38252a}.vm-detail-notice{display:flex;gap:12px;padding:13px 16px;border:1px solid #275b86;border-radius:9px;background:#173d5f;color:#cbe9ff}.vm-detail-notice span{color:#9dceeF}.vm-detail-tabs{display:flex;gap:4px;max-width:100%;overflow-x:auto;padding:0 2px;border-bottom:1px solid #323a46;scrollbar-width:thin}.vm-detail-tabs a,.vm-detail-tabs>span{display:flex;align-items:center;gap:6px;min-height:48px;padding:0 14px;border-bottom:2px solid transparent;white-space:nowrap;color:#8793a2;font-weight:700}.vm-detail-tabs a.active{border-color:#e53535;color:#fff}.vm-detail-tabs>span{cursor:not-allowed}.vm-detail-tabs small{font-size:12px;color:#687484}.vm-detail-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);align-items:stretch;gap:20px}.vm-detail-side{display:grid;grid-template-rows:auto 1fr;align-self:stretch;gap:20px;min-width:0}.vm-detail-side>.vm-info-card{width:100%}.vm-detail-side>.vm-billing-card{height:100%}.vm-info-card{min-width:0;border:1px solid #323a46;border-radius:12px;background:#1b2028;overflow:hidden}.vm-info-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #303844}.vm-info-card h2{margin:3px 0 0;font-size:16px}.vm-card-kicker{font-size:12px;font-weight:800;letter-spacing:.13em;color:#747f8e}.vm-system-list,.vm-access-list{margin:0}.vm-system-list>div,.vm-access-list>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 20px;border-bottom:1px solid #2b333e}.vm-system-list dt,.vm-access-list dt{color:#8d98a7;font-size:12px}.vm-system-list dd,.vm-access-list dd{display:flex;align-items:center;gap:8px;margin:0;text-align:right;color:#edf1f5;font-weight:700;overflow-wrap:anywhere}.vm-system-list dd img,.vm-inline-os img{display:block;width:22px;height:22px}.vm-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px}.vm-spec-grid article{display:grid;gap:6px;min-height:86px;padding:15px;border:1px solid #36404d;border-radius:10px;background:#232b35}.vm-spec-grid span{color:#8995a4;font-size:12px}.vm-spec-grid strong{font-size:19px}.vm-unavailable-panel{display:grid;gap:5px;margin:0 20px 20px;padding:15px;border:1px dashed #3b4655;border-radius:9px;color:#d9dfe7}.vm-unavailable-panel span{color:#7f8a99;font-size:12px}.vm-access-note{margin:16px 20px 20px;padding:12px;border-left:3px solid #337ab7;background:#202d3a;color:#92a8bd;font-size:12px}.vm-money-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#243b30;color:#55d99a;font-weight:900}.vm-access-list dd small{color:#7e8998;font-weight:500}
.vm-reveal-password{min-height:34px!important;padding:5px 10px!important}.vm-credential-result{display:grid;gap:10px;margin:0;padding:0 20px}.vm-credential-result>div{display:grid;gap:6px}.vm-credential-result dt{color:#8e99a8;font-size:12px}.vm-credential-result dd{display:flex;align-items:center;gap:8px;margin:0;min-width:0}.vm-credential-result code{display:block;min-width:0;overflow-wrap:anywhere;padding:9px 11px;border:1px solid #384352;border-radius:7px;background:#171c23;color:#eef2f6}.vm-credential-result button{min-height:36px;padding:6px 10px;border:1px solid #3b4655;border-radius:7px;background:#26313d;color:#edf1f5}
@media(max-width:1100px){.vm-detail-hero{grid-template-columns:42px 52px minmax(0,1fr)}.vm-detail-actions{grid-column:2/-1;justify-content:flex-start}}
@media(max-width:760px){.vm-detail-layout{grid-template-columns:1fr}.vm-detail-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;align-self:auto}.vm-detail-side>.vm-billing-card{height:auto}}
@media(max-width:700px){.vm-detail-side{grid-template-columns:1fr}}
@media(max-width:600px){.vm-detail-page{gap:14px}.vm-detail-hero{grid-template-columns:42px minmax(0,1fr);padding:15px}.vm-detail-os{grid-column:1}.vm-detail-identity{grid-column:2}.vm-detail-actions{grid-column:1/-1;justify-content:stretch}.vm-detail-actions button{flex:1 1 calc(33.333% - 8px);min-height:44px}.vm-detail-back{grid-column:1;grid-row:1;position:static;visibility:visible}.vm-detail-tabs a,.vm-detail-tabs>span{padding-inline:12px}.vm-info-card>header,.vm-system-list>div,.vm-access-list>div{padding-inline:15px}.vm-spec-grid{gap:8px;padding:15px}.vm-spec-grid article{min-height:78px;padding:12px}.vm-unavailable-panel{margin:0 15px 15px}.vm-detail-notice{display:grid}.vm-info-card>header{align-items:flex-start}.vm-info-card header button{max-width:135px}}
@media(max-width:370px){.vm-spec-grid{grid-template-columns:1fr}.vm-detail-actions button{flex-basis:calc(50% - 8px)}.vm-system-list>div,.vm-access-list>div{align-items:flex-start;flex-direction:column;gap:5px}.vm-system-list dd,.vm-access-list dd{text-align:left}}

/* VM detail reference tabs */
.vm-workspace{display:grid;gap:20px;min-width:0}.vm-workspace [hidden]{display:none!important}.vm-subtabs{display:flex;gap:5px;max-width:100%;overflow-x:auto;padding:5px;border:1px solid #303946;border-radius:10px;background:#191f27}.vm-subtabs button,.vm-subtabs a{display:inline-flex;align-items:center;min-height:38px;padding:0 15px;border:0;border-radius:7px;background:transparent;color:#7f8b9a;font-weight:700;text-decoration:none;white-space:nowrap}.vm-subtabs button.active,.vm-subtabs a.active{background:#303a47;color:#fff}.vm-reference-action{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid #3b4655;border-radius:8px;background:#26313d;color:#d7dee7;text-decoration:none;font-weight:700}.vm-two-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.vm-subview-card{margin-top:0}.vm-reference-table{width:100%;overflow-x:auto}.vm-reference-head,.vm-reference-row{display:grid;grid-template-columns:minmax(140px,1.4fr) repeat(4,minmax(110px,1fr));align-items:center;gap:12px;min-width:720px;padding:14px 20px}.vm-reference-head{border-bottom:1px solid #303844;color:#778393;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.vm-reference-row{border-bottom:1px solid #2b333e;color:#b7c0cc}.vm-reference-row:last-child{border-bottom:0}.vm-reference-row strong{color:#eef2f6}.vm-reference-row button,.vm-empty-state button,.vm-form-grid button{min-height:38px;border:1px solid #3b4655;border-radius:8px;background:#26313d;color:#778392}.vm-status-chip,.vm-disabled-badge{display:inline-flex;width:max-content;padding:4px 9px;border-radius:99px;background:#183b2d;color:#53d99c;font-size:12px;font-weight:800}.vm-disabled-badge{background:#303843;color:#909aaa}.vm-network-table .vm-reference-head,.vm-network-table .vm-reference-row{grid-template-columns:100px repeat(3,minmax(140px,1fr))}.vm-empty-state{display:grid;place-items:center;align-content:center;min-height:210px;padding:30px;text-align:center}.vm-empty-state p{max-width:480px;margin:6px 0 15px;color:#7f8a99;font-size:12px}.vm-empty-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:13px;border:1px dashed #465260;border-radius:50%;color:#e06165;font-size:24px}.vm-empty-large{min-height:360px}.vm-settings-grid,.vm-form-grid{display:grid;gap:14px;padding:20px}.vm-settings-grid label,.vm-form-grid label{display:grid;gap:8px;color:#909cab;font-size:12px}.vm-settings-grid select,.vm-form-grid select,.vm-form-grid input{width:100%;min-height:44px;padding:0 12px;border:1px solid #384453;border-radius:8px;background:#151b23;color:#dce2e9}.vm-toggle-row,.vm-radio-row,.vm-check-row{display:flex!important;align-items:center;justify-content:space-between;gap:15px;min-height:54px;padding:12px 14px;border:1px solid #343f4c;border-radius:9px;background:#222a34}.vm-toggle-row>span,.vm-radio-row>span{display:grid;gap:3px}.vm-toggle-row small,.vm-radio-row small{color:#788493}.vm-toggle-row input{width:40px!important;height:20px}.vm-radio-row input,.vm-check-row input{width:18px!important;height:18px}.vm-info-card>header .vm-toggle-row{min-height:auto;padding:0;border:0;background:transparent}.vm-price-preview{display:flex;justify-content:space-between;padding:15px;border:1px solid #34404d;border-radius:9px;background:#222a34}.vm-value-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vm-value-compare div{display:grid;gap:5px;padding:12px;border-radius:8px;background:#171d25}.vm-value-compare small{color:#788493}.vm-value-compare strong{overflow-wrap:anywhere}.vm-panel-note{margin:0 20px 20px;color:#7e8998;font-size:12px}.vm-danger-zone{border-color:#71363b}.vm-danger-zone>header{background:#322126}.vm-danger-zone>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px}.vm-danger-zone>div>span{display:grid;gap:5px}.vm-danger-zone small{color:#a4898c}.vm-danger-zone button{min-height:42px;padding:0 15px;border:1px solid #833d44;border-radius:8px;background:#47262b;color:#ff8589;font-weight:800}
@media(max-width:900px){.vm-two-cards{grid-template-columns:1fr}}
@media(max-width:600px){.vm-workspace{gap:14px}.vm-two-cards{gap:14px}.vm-info-card>header{flex-wrap:wrap}.vm-reference-head{display:none}.vm-reference-row,.vm-network-table .vm-reference-row{grid-template-columns:1fr;min-width:0;gap:8px;padding:15px}.vm-reference-row>*{min-width:0}.vm-form-grid,.vm-settings-grid{padding:15px}.vm-danger-zone>div{align-items:flex-start;flex-direction:column}.vm-danger-zone button{width:100%}.vm-subtabs button{min-height:44px}}
/* Complete Cloud API registry */
.api-groups{display:grid;gap:10px}.api-group{border:1px solid var(--mht-line);border-radius:10px;background:#161c24;overflow:hidden}.api-group>summary{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer}.api-group>summary span{color:var(--mht-muted);font-size:12px}.api-operation-list{border-top:1px solid var(--mht-line)}.api-operation{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid rgba(145,158,171,.12)}.api-operation:last-child{border-bottom:0}.api-operation>div:nth-child(2){display:grid;gap:2px}.api-operation small{color:var(--mht-muted);word-break:break-all}.api-method{display:inline-grid;place-items:center;min-height:25px;border-radius:6px;font-size:12px;font-weight:800}.api-method-get{background:rgba(25,148,211,.16);color:#56b9ef}.api-method-post{background:rgba(62,179,104,.16);color:#70d597}.api-method-patch,.api-method-put{background:rgba(245,171,29,.15);color:#f5b945}.api-method-delete{background:rgba(226,18,49,.15);color:#ff5068}.api-flags b,.api-flags span{font-size:12px;color:var(--mht-muted)}.api-flags b{color:#ff788b}@media(max-width:620px){.api-operation{grid-template-columns:56px minmax(0,1fr)}.api-flags{grid-column:2}}

/* Customer surface system v2 */
.customer-ui-icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.workspace-avatar{display:grid!important;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(145deg,#e92945,#c80f29);color:#fff;font-size:12px;font-weight:850}.workspace-switch>.customer-ui-icon{width:16px;color:#637381}.topbar-icon-button{display:grid!important;place-items:center;width:40px;height:40px;padding:0!important;border:0;border-radius:9px;background:transparent!important;color:#919eab!important;cursor:pointer}.topbar-icon-button:hover,.topbar-icon-button:focus-visible{outline:0;background:rgba(145,158,171,.1)!important;color:#fff!important}.search-tool{display:flex!important;width:auto;padding:0 8px!important}.search-tool .customer-ui-icon{width:22px}.locale-flag{display:grid;place-items:center;width:27px;height:20px;border-radius:5px;background:#e21231;color:#fff;font-size:12px;font-weight:900}.locale-tool .customer-ui-icon{width:14px;color:#637381}.dashboard-workspace{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.dashboard-main{display:grid;gap:24px;min-width:0}.dashboard-hero{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:17px;min-height:132px;padding:25px 28px;overflow:hidden;border:1px solid rgba(226,18,49,.18);border-radius:16px;background:radial-gradient(circle at 87% 0,rgba(226,18,49,.19),transparent 38%),linear-gradient(135deg,#212b36,#1d2630);box-shadow:0 12px 30px rgba(0,0,0,.14)}.dashboard-hero-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:rgba(226,18,49,.14);color:#ff6075}.dashboard-hero>div:nth-child(2){display:grid}.dashboard-kicker{color:#ff6075;font-size:12px;font-weight:850;letter-spacing:.14em}.dashboard-hero strong{margin:3px 0 4px;color:#fff;font-size:20px}.dashboard-hero p{margin:0;color:#919eab;font-size:12px}.dashboard-hero>a,.dashboard-panel-head>a,.profile-card>a,.ticket-item>span:last-child,.workspace-empty-state>a{display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:12px;font-weight:750}.dashboard-hero>a{min-height:42px;padding:0 15px;border-radius:8px;background:#e21231}.dashboard-hero>a svg,.dashboard-panel-head>a svg,.profile-card>a svg,.ticket-item>span:last-child svg,.workspace-empty-state>a svg{width:16px}.quick-section{display:grid;gap:13px}.section-title{display:flex;align-items:flex-end;justify-content:space-between}.section-title h2{margin:2px 0 0;font-size:17px}.section-title>span{color:#919eab;font-size:12px}.dashboard-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-quick-grid>a{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;min-height:82px;padding:15px;border:1px solid rgba(145,158,171,.15);border-radius:12px;background:#212b36;color:#fff;transition:.16s}.dashboard-quick-grid>a:hover{transform:translateY(-2px);border-color:rgba(255,80,104,.5);background:#25313e}.dashboard-quick-grid>a>span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:rgba(145,158,171,.1);color:#b7c1cc}.dashboard-quick-grid>a>div{display:grid}.dashboard-quick-grid strong{font-size:12px}.dashboard-quick-grid small{margin-top:3px;color:#7f8b98;font-size:12px}.dashboard-quick-grid .quick-primary{grid-template-columns:46px minmax(0,1fr) 18px;grid-row:span 2;min-height:176px;background:linear-gradient(145deg,#e92945,#c90e2a)}.dashboard-quick-grid .quick-primary>span{width:46px;height:46px;background:rgba(0,0,0,.14);color:#fff}.dashboard-quick-grid .quick-primary small{color:rgba(255,255,255,.72)}.quick-arrow{width:18px}.dashboard-surface,.workspace-surface{overflow:hidden;border:1px solid rgba(145,158,171,.15);border-radius:16px;background:#212b36;box-shadow:0 12px 28px rgba(0,0,0,.12)}.dashboard-panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid rgba(145,158,171,.14)}.dashboard-panel-head h2{margin:2px 0 0;font-size:16px}.dashboard-panel-head p{margin:3px 0 0;color:#919eab;font-size:12px}.dashboard-panel-head>a{color:#ff7185}.service-row{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(100px,.5fr) 90px 18px;gap:13px;min-height:82px;padding:15px 22px;border-bottom:1px solid rgba(145,158,171,.12);color:#fff}.service-row:last-child{border-bottom:0}.server-icon,.ticket-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:rgba(226,18,49,.12);color:#ff6075}.service-row>div{display:grid;align-content:center}.service-row small{color:#778594;font-size:12px}.service-row strong{font-size:12px}.service-arrow{align-self:center;width:17px;color:#637381}.ticket-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:18px 22px;color:#fff}.ticket-item>div{display:grid}.ticket-item small{color:#919eab;font-size:12px}.ticket-item>span:last-child{color:#ff7185}.dashboard-rail{display:grid;align-content:start;gap:16px}.dashboard-rail .profile-card,.dashboard-rail .rail-card{border:1px solid rgba(145,158,171,.15);background:#212b36}.dashboard-rail .profile-card>a{color:#ff7185}.support-card .support-icon{display:grid;place-items:center}.support-card a{display:inline-flex;align-items:center;gap:6px}.customer-workspace{display:grid;gap:24px;min-width:0}.workspace-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.workspace-page-head nav{display:flex;gap:8px;color:#637381;font-size:12px}.workspace-page-head nav a{color:#919eab}.workspace-page-head h1{margin:7px 0 3px;color:#fff;font-size:25px}.workspace-page-head p{margin:0;color:#919eab}.workspace-surface-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:21px 23px;border-bottom:1px solid rgba(145,158,171,.14)}.workspace-surface-head>div{display:flex;align-items:center;gap:13px}.workspace-surface-head h2{margin:0;font-size:16px}.workspace-surface-head p{margin:3px 0 0;color:#919eab;font-size:12px}.workspace-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:11px;background:rgba(226,18,49,.12);color:#ff6075;font-size:18px;font-weight:800}.workspace-state-badge{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;background:rgba(145,158,171,.12);color:#aab4bf;font-size:12px;font-style:normal;font-weight:800}.workspace-state-badge.is-active{background:rgba(84,214,168,.12);color:#5be0b1}.workspace-empty-state{display:grid;justify-items:center;min-height:330px;padding:50px 24px;text-align:center}.workspace-empty-state>span{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:rgba(145,158,171,.09);color:#718091}.workspace-empty-state>span svg{width:28px;height:28px}.workspace-empty-state h2{margin:16px 0 5px;font-size:16px}.workspace-empty-state p{max-width:510px;margin:0;color:#919eab;font-size:12px}.workspace-empty-state>a{margin-top:17px;padding:10px 14px;border-radius:8px;background:#e21231}.workspace-empty-state.compact{min-height:220px;padding-block:32px}.workspace-capability{margin:20px 23px 0;padding:15px 17px;border:1px solid rgba(245,171,29,.22);border-radius:10px;background:rgba(245,171,29,.07)}.workspace-capability strong{color:#f5bd4f;font-size:12px}.workspace-capability p{margin:4px 0 0;color:#aeb8c4;font-size:12px}.settings-grid,.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.workspace-detail-list{margin:0;padding:4px 23px 16px}.workspace-detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid rgba(145,158,171,.12)}.workspace-detail-list>div:last-child{border-bottom:0}.workspace-detail-list dt{color:#919eab;font-size:12px}.workspace-detail-list dd{margin:0;color:#fff;font-size:12px;font-weight:700;text-align:right}.workspace-form{display:grid;gap:17px;padding:22px}.workspace-form label{display:grid;gap:7px}.workspace-form label>span{font-size:12px;font-weight:700}.workspace-form input,.workspace-form textarea{width:100%;padding:12px 13px;border:1px solid rgba(145,158,171,.27);border-radius:8px;outline:0;background:#161c24;color:#fff;resize:vertical}.workspace-form input:focus,.workspace-form textarea:focus{border-color:#e7495f;box-shadow:0 0 0 3px rgba(226,18,49,.1)}.workspace-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:8px;background:#e21231;color:#fff;font-weight:750;cursor:pointer}.workspace-primary svg{width:17px}.support-ticket-list article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 22px;border-bottom:1px solid rgba(145,158,171,.12)}.support-ticket-list article>span{display:grid}.support-ticket-list small{color:#919eab;font-size:12px}
@media(max-width:1100px){.dashboard-workspace{grid-template-columns:1fr}.dashboard-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid,.support-grid{grid-template-columns:1fr}}
@media(max-width:760px){.workspace-avatar{width:30px;height:30px}.dashboard-hero{grid-template-columns:42px minmax(0,1fr);padding:20px}.dashboard-hero>a{grid-column:1/-1;justify-content:center}.dashboard-quick-grid{grid-template-columns:1fr 1fr}.dashboard-quick-grid .quick-primary{grid-column:1/-1;grid-row:auto;min-height:96px}.dashboard-rail{grid-template-columns:1fr}.service-row{grid-template-columns:42px minmax(0,1fr) 18px}.service-row>div:nth-child(3),.service-row>div:nth-child(4){display:none}.workspace-page-head{align-items:flex-start;flex-direction:column}.workspace-surface-head{padding-inline:17px}.workspace-icon{width:38px;height:38px;flex-basis:38px}.workspace-form{padding:18px}.workspace-detail-list{padding-inline:18px}}
@media(max-width:430px){.dashboard-quick-grid{grid-template-columns:1fr}.dashboard-quick-grid .quick-primary{grid-column:auto}.dashboard-hero{grid-template-columns:1fr}.dashboard-hero-icon{width:42px;height:42px}.section-title>span{display:none}.dashboard-panel-head{align-items:flex-start;padding-inline:17px}.service-row,.ticket-item{padding-inline:17px}.ticket-item{grid-template-columns:38px minmax(0,1fr)}.ticket-item>span:last-child{grid-column:2}.workspace-surface-head{align-items:flex-start;flex-direction:column}.workspace-empty-state{min-height:280px;padding-inline:18px}.support-ticket-list article{align-items:flex-start;flex-direction:column}}

/* Reference profile menu */
.top-tools{margin-left:auto}.language-flag{font-size:18px;line-height:1}.profile-menu-shell{position:relative;display:flex;align-items:center}.profile-menu-trigger{display:flex!important;min-height:44px!important;align-items:center;gap:7px;padding:2px 3px!important;border:0;border-radius:999px!important;background:transparent!important;color:#8c99a7!important;cursor:pointer}.profile-menu-trigger:hover,.profile-menu-trigger:focus-visible,.profile-menu-shell.is-open .profile-menu-trigger{outline:0;color:#fff!important}.profile-menu-avatar{display:grid;width:40px;height:40px;place-items:center;border:2px solid #f01645;border-radius:50%;background:linear-gradient(145deg,#344252,#1f2933);box-shadow:0 0 0 2px #161c24;color:#fff;font-size:12px;font-weight:850}.profile-menu-chevron{width:14px!important;height:14px!important;transition:transform .18s}.profile-menu-shell.is-open .profile-menu-chevron{transform:rotate(180deg)}.profile-menu-popover{position:absolute;z-index:80;top:calc(100% + 10px);right:0;width:250px;overflow:hidden;border:1px solid rgba(145,158,171,.17);border-radius:12px;background:#27323e;box-shadow:0 18px 42px rgba(0,0,0,.36);color:#fff}.profile-menu-popover[hidden]{display:none!important}.profile-menu-popover header{display:grid;gap:4px;padding:20px;border-bottom:1px dashed rgba(145,158,171,.22)}.profile-menu-popover header strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.profile-menu-popover header small{overflow:hidden;color:#a1adba;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.profile-menu-popover nav{display:grid;padding:7px 0}.profile-menu-popover nav a,.profile-menu-logout button{display:flex;width:100%;min-height:40px;align-items:center;padding:0 20px;border:0;background:transparent;color:#f4f6f8;font-size:13px;font-weight:600;text-align:left;cursor:pointer}.profile-menu-popover nav a:hover,.profile-menu-popover nav a:focus-visible,.profile-menu-logout button:hover,.profile-menu-logout button:focus-visible{outline:0;background:rgba(145,158,171,.1)}.profile-menu-logout{margin:0!important;padding:7px 0;border-top:1px dashed rgba(145,158,171,.22)}.profile-menu-logout button{color:#ff6347!important}.profile-menu-logout button:hover,.profile-menu-logout button:focus-visible{background:rgba(255,99,71,.09)}
@media(max-width:760px){.search-tool,.top-tools>.locale-tool:not(.language-tool){display:none!important}.language-tool{display:flex!important}.language-tool strong{display:inline!important}.profile-menu-popover{width:min(250px,calc(100vw - 24px))}.top-tools{gap:8px}}
@media(max-width:390px){.language-tool{padding-inline:3px!important}.language-tool .customer-ui-icon{display:none}.profile-menu-trigger{gap:2px}.profile-menu-chevron{display:none}}
.app-sidebar{padding-bottom:32px;scrollbar-width:thin;scrollbar-color:#45515f transparent}.app-sidebar::-webkit-scrollbar{width:6px}.app-sidebar::-webkit-scrollbar-thumb{border-radius:8px;background:#45515f}.catalog-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalog-product-card{display:grid;align-content:start;gap:18px;padding:22px}.catalog-product-top{display:flex;align-items:center;justify-content:space-between}.catalog-product-card h2{margin:0 0 4px;font-size:17px}.catalog-product-card p{margin:0;color:#919eab;font-size:12px}.catalog-product-card ul{display:grid;gap:8px;margin:0;padding:16px 0 16px 18px;border-top:1px solid rgba(145,158,171,.12);border-bottom:1px solid rgba(145,158,171,.12);color:#b6c0ca;font-size:12px}.catalog-product-price{display:grid;grid-template-columns:1fr auto;align-items:end}.catalog-product-price span{grid-column:1/-1;color:#919eab;font-size:12px}.catalog-product-price strong{font-size:21px}.catalog-product-price small{color:#919eab}.catalog-empty{grid-column:1/-1}.workspace-record-list{display:grid}.workspace-record-list>article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:78px;padding:14px 22px;border-bottom:1px solid rgba(145,158,171,.12)}.workspace-record-list>article:last-child{border-bottom:0}.workspace-record-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:rgba(145,158,171,.09);color:#aeb8c4}.workspace-record-list article>div:nth-child(2){display:grid}.workspace-record-list small{color:#919eab;font-size:12px}.workspace-record-meta{display:flex;align-items:center;gap:13px;color:#b8c1ca;font-size:12px}.workspace-record-meta em{font-style:normal}.vm-table-card,.cloud-resource-card,.onidel-billing-panel,.onidel-billing-kpis{border-color:rgba(145,158,171,.15);box-shadow:0 12px 28px rgba(0,0,0,.12)}.vm-deploy,.cloud-create-main,.workspace-primary,.dashboard-hero>a,.workspace-empty-state>a{border-radius:8px;background:#e21231}.cloud-resource-filters select,.cloud-resource-filters input,.vm-select-field select,.vm-search-field input{transition:border-color .16s,box-shadow .16s}.cloud-resource-filters select:focus,.cloud-resource-filters input:focus,.vm-select-field select:focus,.vm-search-field input:focus{outline:0;border-color:#e7495f;box-shadow:0 0 0 3px rgba(226,18,49,.1)}
@media(max-width:1050px){.catalog-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.catalog-product-grid{grid-template-columns:1fr}.workspace-record-list>article{grid-template-columns:38px minmax(0,1fr);padding-inline:17px}.workspace-record-meta{grid-column:2;justify-content:space-between}}

/* Unified customer SVG icon system */
.onidel-kpi-icon .customer-ui-icon,.deposit-status-icon .customer-ui-icon{width:22px;height:22px}.onidel-primary-tabs .customer-ui-icon,.onidel-merge .customer-ui-icon{width:18px;height:18px}.onidel-search i .customer-ui-icon{width:19px;height:19px}.onidel-row-more .customer-ui-icon{width:19px;height:19px}.onidel-empty>span .customer-ui-icon{width:24px;height:24px}.onidel-payment-empty>span .customer-ui-icon{width:30px;height:30px}.onidel-pagination button .customer-ui-icon,.vm-pagination button .customer-ui-icon,.cloud-resource-pagination button .customer-ui-icon{width:17px;height:17px;margin:auto}.vm-deploy>.customer-ui-icon,.cloud-create-main>.customer-ui-icon{width:19px;height:19px}.vm-availability-chip .customer-ui-icon{width:13px;height:13px}.vm-location-icon{width:14px;height:14px;color:#ef3340}.vm-detail-back .customer-ui-icon{width:21px;height:21px}.vm-empty-icon .customer-ui-icon{width:25px;height:25px}.vm-money-icon .customer-ui-icon{width:19px;height:19px}.cloud-resource-icon .customer-ui-icon{width:22px;height:22px}.deposit-status-page>a{display:inline-flex;align-items:center;gap:7px}.deposit-status-page>a .customer-ui-icon{width:16px;height:16px}

.admin-icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.admin-ui-icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.admin-nav a>span .admin-ui-icon,.admin-module-grid>a>span .admin-ui-icon{width:22px;height:22px}.admin-sidebar-foot>a>.admin-ui-icon{width:17px;height:17px}.admin-menu-button .admin-ui-icon{width:23px;height:23px}.gateway-small-icon .admin-ui-icon{width:19px;height:19px}.gateway-docs .admin-ui-icon{width:15px;height:15px}

.vm-dialog-panel header button .customer-ui-icon,.cloud-dialog-shell>header button .customer-ui-icon{width:18px;height:18px;margin:auto}

.breadcrumb-icon{width:13px!important;height:13px!important;flex:0 0 13px;color:#637381}


/* Compute network workspace polish */
.vm-ipv6-switch{position:relative;display:inline-flex;flex:0 0 46px;width:46px;height:26px}.vm-ipv6-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.vm-ipv6-switch i{position:absolute;inset:0;border:1px solid #46525f;border-radius:999px;background:#303946;cursor:pointer;transition:background .2s,border-color .2s}.vm-ipv6-switch i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.3);transition:transform .2s}.vm-ipv6-switch input:checked+i{border-color:#36b37e;background:#36b37e}.vm-ipv6-switch input:checked+i:after{transform:translateX(20px)}.vm-ipv6-switch input:focus-visible+i{outline:2px solid #75a7ff;outline-offset:2px}.vm-ipv6-switch input:disabled+i{cursor:wait;opacity:.65}
.vm-network-main,.vm-network-security{display:grid;gap:18px}.vm-network-main[hidden],.vm-network-security[hidden]{display:none!important}.vm-network-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border:1px solid #303946;border-radius:12px;background:linear-gradient(115deg,#191f27 0%,#202934 100%);box-shadow:0 12px 30px rgba(0,0,0,.12)}.vm-network-eyebrow{display:block;margin-bottom:5px;color:#ef6574;font-size:12px;font-weight:850;letter-spacing:.14em}.vm-network-summary h2{margin:0;color:#f4f7fa;font-size:20px}.vm-network-summary p{margin:6px 0 0;color:#8793a1;font-size:12px}.vm-network-stats{display:flex;gap:10px;margin:0}.vm-network-stats>div{display:grid;min-width:105px;padding:12px 14px;border:1px solid rgba(145,158,171,.16);border-radius:9px;background:rgba(17,23,30,.55)}.vm-network-stats dt{color:#7f8b99;font-size:12px;font-weight:700}.vm-network-stats dd{margin:3px 0 0;color:#fff;font-size:20px;font-weight:800}.vm-network-live{display:inline-flex;align-items:center;gap:7px;color:#62d7a4;font-size:12px;font-weight:800}.vm-network-live i{width:7px;height:7px;border-radius:50%;background:#36b37e;box-shadow:0 0 0 4px rgba(54,179,126,.11)}.vm-network-count{padding:5px 9px;border-radius:99px;background:#29333f;color:#9da8b5;font-size:12px;font-weight:750}.vm-network-address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.vm-network-address-card{min-width:0;padding:16px;border:1px solid #323d4a;border-radius:11px;background:#1d252f;transition:border-color .18s,transform .18s}.vm-network-address-card:hover{transform:translateY(-1px);border-color:#465566}.vm-network-address-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding-bottom:14px;border-bottom:1px solid #303a46}.vm-network-address-icon,.vm-network-control-icon,.vm-network-bgp-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(239,78,97,.16);border-radius:9px;background:#2b2229;color:#f15d70}.vm-network-address-icon .customer-ui-icon,.vm-network-control-icon .customer-ui-icon,.vm-network-bgp-icon .customer-ui-icon{width:19px;height:19px}.vm-network-address-head>div{display:grid;gap:2px}.vm-network-address-head>div>span{color:#788595;font-size:12px;font-weight:800;letter-spacing:.1em}.vm-network-address-head strong{font-size:12px}.vm-network-address-card dl{display:grid;gap:12px;margin:15px 0}.vm-network-address-card dl>div{display:grid;gap:5px}.vm-network-address-card dt{color:#778493;font-size:12px}.vm-network-address-card dd{overflow-wrap:anywhere;margin:0;color:#e8edf2;font-size:12px}.vm-network-address-card code,.vm-rdns-table code{color:#dfe7ef;font:600 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.vm-network-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:39px;border:1px solid #3b4857;border-radius:8px;background:#26313d;color:#d8e0e8;font-size:12px;font-weight:800;cursor:pointer}.vm-network-action:hover{border-color:#58687a;background:#2c3845}.vm-network-action .customer-ui-icon{width:15px;height:15px;color:#ef6574}.vm-rdns-table .vm-reference-head,.vm-rdns-table .vm-reference-row{grid-template-columns:minmax(170px,1.2fr) minmax(180px,1.4fr) 100px 90px;min-width:650px}.vm-rdns-table .vm-reference-row>span:last-child{text-align:right}.vm-network-delete{min-height:34px!important;padding:0 11px;border-color:#633940!important;background:#35262b!important;color:#ef7a85!important;font-size:12px;font-weight:800}.vm-network-empty{min-height:180px}.vm-network-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.vm-network-control-card{min-width:0}.vm-network-control-card>header{align-items:center}.vm-network-control-icon{margin-left:auto}.vm-network-control-icon.is-blue{border-color:rgba(77,143,231,.18);background:#202b3a;color:#62a0ef}.vm-network-control-body{display:grid;gap:16px;padding:18px}.vm-network-control-body>p{margin:0;color:#7f8c9a;font-size:12px;line-height:1.6}.vm-network-control-body>label:not(.vm-network-toggle){display:grid;gap:7px;color:#9ba7b4;font-size:12px;font-weight:750}.vm-network-control-body select{width:100%;min-height:43px;padding:0 12px;border:1px solid #394655;border-radius:8px;background:#151c24;color:#dce3ea}.vm-network-control-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding-top:14px;border-top:1px solid #303946;color:#7f8b98;font-size:12px}.vm-network-control-footer .is-active{color:#54d49e}.vm-network-primary{min-height:38px;padding:0 14px;border:1px solid #e6485a;border-radius:8px;background:#d93449;color:#fff;font-size:12px;font-weight:800}.vm-network-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:12px 14px;border:1px solid #35414e;border-radius:9px;background:#1a222c}.vm-network-toggle>span{display:grid;gap:4px;min-width:0}.vm-network-toggle strong{font-size:12px}.vm-network-toggle small{overflow:hidden;color:#788594;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.vm-network-toggle input{width:42px!important;height:22px;accent-color:#db3b50}.vm-network-bgp-body{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:15px;padding:18px}.vm-network-bgp-icon{width:44px;height:44px}.vm-network-bgp-body>div:nth-child(2){display:grid;gap:4px}.vm-network-bgp-body strong{font-size:12px}.vm-network-bgp-body p{margin:0;color:#7f8b98;font-size:12px;line-height:1.5}.vm-network-bgp-actions{display:flex;gap:8px}.vm-network-bgp-actions button{min-height:38px;padding:0 14px;border:1px solid #3b4857;border-radius:8px;background:#26313d;color:#d7dfe7;font-size:12px;font-weight:800}.vm-network-bgp-actions button:last-child{border-color:#5e3b42;background:#34262b;color:#e57b85}
@media(max-width:820px){.vm-network-address-grid,.vm-network-security-grid{grid-template-columns:1fr}.vm-network-summary{align-items:flex-start;flex-direction:column}.vm-network-stats{width:100%}.vm-network-stats>div{flex:1}.vm-network-bgp-body{grid-template-columns:44px minmax(0,1fr)}.vm-network-bgp-actions{grid-column:1/-1}.vm-network-bgp-actions button{flex:1}}
@media(max-width:600px){.vm-network-main,.vm-network-security{gap:14px}.vm-network-summary{padding:18px}.vm-network-summary h2{font-size:17px}.vm-network-stats>div{min-width:0;padding:10px 12px}.vm-network-address-grid{padding:14px}.vm-network-address-card{padding:14px}.vm-rdns-table .vm-reference-row{display:grid;grid-template-columns:1fr;min-width:0;gap:10px}.vm-rdns-table .vm-reference-row>*{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px;text-align:left!important}.vm-rdns-table .vm-reference-row>*:before{content:attr(data-label);color:#758291;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.vm-rdns-table .vm-reference-row>span:last-child button{justify-self:start}.vm-network-control-body{padding:15px}.vm-network-control-footer{align-items:flex-start;flex-direction:column}.vm-network-primary{width:100%}.vm-network-bgp-body{padding:15px}.vm-network-bgp-actions{width:100%}}


/* Complete VM detail workspace polish */
.vm-detail-shell-polished{gap:18px}.vm-detail-shell-polished .vm-detail-hero{background:linear-gradient(115deg,#181e26,#202832);box-shadow:0 16px 36px rgba(0,0,0,.12)}.vm-detail-shell-polished .vm-detail-tabs{gap:2px;padding:0 4px}.vm-detail-tabs a{gap:8px}.vm-tab-icon{width:16px;height:16px}.vm-detail-tabs a.active .vm-tab-icon{color:#ef5365}.vm-reference-action{gap:7px}.vm-reference-action .customer-ui-icon{width:15px;height:15px;color:#ed596b}.vm-overview-identity{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;padding:20px;border-bottom:1px solid #2e3742}.vm-overview-os{display:grid;place-items:center;width:52px;height:52px;border:1px solid #3a4654;border-radius:12px;background:#27313d}.vm-overview-os img{width:34px;height:34px}.vm-overview-os .customer-ui-icon{width:25px;height:25px}.vm-overview-identity>div{display:grid;gap:4px}.vm-overview-identity>div>span,.vm-capability-label{color:#788493;font-size:12px;font-weight:850;letter-spacing:.12em}.vm-overview-identity strong{font-size:15px}.vm-overview-identity small{color:#7f8b99;font-size:12px}.vm-overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px}.vm-overview-stats article{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #34404c;border-radius:10px;background:#202832}.vm-overview-stat-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:8px;background:#2c2229;color:#ed5b6d}.vm-overview-stat-icon.is-blue{background:#202d3c;color:#64a3f0}.vm-overview-stat-icon .customer-ui-icon{width:17px;height:17px}.vm-overview-stats article>div{display:grid;gap:3px}.vm-overview-stats article span{color:#7f8b99;font-size:12px}.vm-overview-stats article strong{font-size:14px}.vm-overview-bandwidth{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 18px 18px;padding:14px;border:1px dashed #3b4755;border-radius:10px;background:#1c242d}.vm-overview-bandwidth>div{display:grid;gap:4px}.vm-overview-bandwidth strong{font-size:12px}.vm-overview-bandwidth>div span{color:#7f8b99;font-size:12px}.vm-access-list code{overflow-wrap:anywhere;color:#dfe6ed;font:600 11px ui-monospace,SFMono-Regular,Consolas,monospace}.vm-billing-highlight{display:grid;gap:4px;padding:20px;background:linear-gradient(135deg,#202a35,#25212a)}.vm-billing-highlight span{color:#7f8b99;font-size:12px;font-weight:850;letter-spacing:.12em}.vm-billing-highlight strong{font-size:24px}.vm-billing-highlight small{color:#909ba8;font-size:12px}.vm-storage-summary{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px 19px;border:1px solid #303b48;border-radius:11px;background:linear-gradient(110deg,#191f27,#202934)}.vm-storage-summary>span:first-child,.vm-storage-disk-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#2b2229;color:#ee5b6d}.vm-storage-summary svg,.vm-storage-disk-icon svg{width:21px;height:21px}.vm-storage-summary>div{display:grid;gap:3px}.vm-storage-summary>div>span{color:#7d8997;font-size:12px;font-weight:850;letter-spacing:.12em}.vm-storage-summary strong{font-size:13px}.vm-storage-summary small{color:#7f8b99;font-size:12px}.vm-storage-disk{display:grid;grid-template-columns:46px minmax(0,1fr) minmax(220px,.7fr) auto;align-items:center;gap:14px;padding:18px}.vm-storage-disk>div{display:grid;gap:4px}.vm-storage-disk>div>span{color:#7f8b99;font-size:12px}.vm-storage-disk dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.vm-storage-disk dl>div{display:grid;gap:3px}.vm-storage-disk dt{color:#788493;font-size:12px}.vm-storage-disk dd{margin:0;font-size:12px;font-weight:750}.vm-capability-panel{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:16px;margin:18px;padding:18px;border:1px dashed #3b4755;border-radius:11px;background:#1d252e}.vm-capability-panel>span{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:#2d2529;color:#ec6573}.vm-capability-panel>span svg{width:25px;height:25px}.vm-capability-panel>div{display:grid;gap:6px}.vm-capability-panel strong{font-size:13px}.vm-capability-panel p{max-width:720px;margin:0;color:#82909e;font-size:12px;line-height:1.6}.vm-capability-panel .vm-reference-action{width:max-content;margin-top:5px}.vm-row-actions{display:flex;flex-wrap:wrap;gap:6px}.vm-row-actions .is-danger-soft{border-color:#633b43;background:#35272c;color:#ef7c86}.vm-settings-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border:1px solid #303b48;border-radius:12px;background:linear-gradient(110deg,#191f27,#202934)}.vm-settings-header>div{display:grid;gap:4px}.vm-settings-header>div>span{color:#ef5e70;font-size:12px;font-weight:850;letter-spacing:.13em}.vm-settings-header h2{margin:0;font-size:20px}.vm-settings-header p{margin:0;color:#84909e;font-size:12px}.vm-settings-header>span{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#2d2229;color:#ee6172}.vm-settings-header svg{width:21px;height:21px}.vm-settings-heading{display:flex;align-items:center;gap:11px}.vm-settings-section-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#2c2229;color:#ed5b6d}.vm-settings-section-icon.is-green{background:#1f302b;color:#57d7a1}.vm-settings-section-icon.is-danger{background:#3a252a;color:#f0717d}.vm-settings-section-icon svg{width:17px;height:17px}.vm-settings-grid>p{margin:0;color:#808c9a;font-size:12px;line-height:1.6}.vm-settings-grid button{color:#d8dfe7}.vm-settings-primary{border-color:#e14b5c!important;background:#d6384d!important;color:#fff!important}.vm-settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vm-identity-grid{grid-template-columns:2fr 1fr 1fr}.vm-danger-zone{box-shadow:inset 3px 0 #77333d}
.vm-system-reference{display:flex;min-height:0;flex-direction:column}.vm-system-reference>header p{margin:4px 0 0;color:#7f8b99;font-size:12px}.vm-system-primary-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(210px,.8fr);border-bottom:1px solid #303844}.vm-system-primary-grid .vm-overview-identity{border-bottom:0}.vm-system-peer{display:grid;align-content:center;gap:4px;padding:18px 20px;border-left:1px solid #303844}.vm-system-peer>span,.vm-system-section-label{color:#778392;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.vm-system-peer strong{color:#e7ebf0;font-size:13px}.vm-system-peer small{color:#768291;font-size:12px}.vm-system-section-label{padding:15px 20px 0}.vm-system-reference .vm-overview-stats{padding-top:10px}.vm-system-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:1px solid #303844;border-bottom:1px solid #303844}.vm-system-facts>div{display:grid;gap:5px;padding:15px 20px}.vm-system-facts>div+div{border-left:1px solid #303844}.vm-system-facts dt{color:#84909f;font-size:12px}.vm-system-facts dd{margin:0;color:#eef2f6;font-weight:750}.vm-system-bandwidth{display:grid;gap:9px;margin-top:auto;padding:17px 20px 20px}.vm-system-bandwidth-head,.vm-system-bandwidth-meta{display:flex;align-items:center;justify-content:space-between;gap:14px}.vm-system-bandwidth-head strong{font-size:12px}.vm-system-bandwidth-head span,.vm-system-bandwidth-meta{color:#84909f;font-size:12px}.vm-system-bandwidth-meta strong{color:#cbd3dc;font-size:12px}.vm-system-progress{height:7px;overflow:hidden;border-radius:999px;background:#303944}.vm-system-progress i{display:block;height:100%;border-radius:inherit;background:#e84f60}.vm-system-reference .vm-overview-stats article{min-height:74px}.vm-system-reference .vm-overview-identity{padding-block:18px}@media(max-width:900px){.vm-identity-grid{grid-template-columns:1fr 1fr}.vm-identity-grid label:first-child{grid-column:1/-1}}@media(max-width:700px){.vm-system-primary-grid{grid-template-columns:1fr}.vm-system-peer{border-top:1px solid #303844;border-left:0}.vm-system-facts{grid-template-columns:1fr}.vm-system-facts>div+div{border-top:1px solid #303844;border-left:0}.vm-system-bandwidth-meta{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:700px){.vm-overview-stats{grid-template-columns:1fr}.vm-storage-disk{grid-template-columns:44px minmax(0,1fr) auto}.vm-storage-disk dl{grid-column:1/-1}.vm-overview-bandwidth{grid-template-columns:36px minmax(0,1fr)}.vm-overview-bandwidth>.vm-disabled-badge{grid-column:2}.vm-identity-grid{grid-template-columns:1fr}.vm-identity-grid label:first-child{grid-column:auto}}
@media(max-width:600px){.vm-detail-tabs a{padding-inline:11px}.vm-tab-icon{width:15px;height:15px}.vm-storage-summary{grid-template-columns:40px minmax(0,1fr);padding:15px}.vm-storage-summary>.vm-status-chip{grid-column:2}.vm-storage-disk{grid-template-columns:40px minmax(0,1fr)}.vm-storage-disk>.vm-status-chip{grid-column:2}.vm-mobile-data-table .vm-reference-row{display:grid;grid-template-columns:1fr;min-width:0}.vm-mobile-data-table .vm-reference-row>*{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px}.vm-mobile-data-table .vm-reference-row>*:before{content:attr(data-label);color:#758291;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.vm-mobile-data-table .vm-row-actions{display:flex}.vm-mobile-data-table .vm-row-actions:before{flex:0 0 78px}.vm-capability-panel{grid-template-columns:44px minmax(0,1fr);margin:14px;padding:15px}.vm-capability-panel>span{width:44px;height:44px}.vm-settings-header{padding:17px}.vm-settings-actions{grid-template-columns:1fr}}



/* VM workspace unified visual system */
.vm-workspace-unified{display:grid;gap:16px}.vm-workspace-intro{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:82px;padding:17px 20px;border:1px solid #303b48;border-radius:12px;background:linear-gradient(115deg,#191f27,#202934);box-shadow:0 12px 28px rgba(0,0,0,.1)}.vm-workspace-intro-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(239,96,113,.14);border-radius:10px;background:#2d2229;color:#ef6071}.vm-workspace-intro-icon svg{width:21px;height:21px}.vm-workspace-intro>div{display:grid;gap:3px;min-width:0}.vm-workspace-intro h2{margin:0;color:#f3f6f9;font-size:18px;letter-spacing:-.01em}.vm-workspace-intro p{margin:0;color:#84909e;font-size:12px}.vm-workspace-intro-meta{padding:7px 10px;border:1px solid #394552;border-radius:99px;background:#202934;color:#aab5c1;font-size:12px;font-weight:800;white-space:nowrap}.vm-workspace-unified>.vm-subtabs{margin:0;padding:0 5px;border:1px solid #303b48;border-radius:10px;background:#1b222b}.vm-workspace-unified>.vm-subtabs a{min-height:45px}.vm-workspace-unified>.vm-info-card{border-radius:11px}.vm-workspace-unified>.vm-info-card>header{min-height:68px;background:#1d252e}.vm-workspace-unified .vm-empty-state{min-height:210px}.vm-workspace-unified .vm-capability-panel{margin-block:16px}.vm-workspace-unified.vm-overview-polished>.vm-detail-layout{margin:0}.vm-workspace-unified.vm-settings-v2{gap:16px}.vm-workspace-unified.vm-settings-v2>.vm-settings-intro{display:grid}.vm-workspace-unified.vm-settings-v2>.vm-settings-intro>div:last-child{display:grid}
@media(max-width:600px){.vm-workspace-unified{gap:13px}.vm-workspace-intro{grid-template-columns:40px minmax(0,1fr);min-height:0;padding:15px}.vm-workspace-intro-icon{width:40px;height:40px}.vm-workspace-intro h2{font-size:16px}.vm-workspace-intro p{font-size:12px;line-height:1.5}.vm-workspace-intro>.vm-status-chip,.vm-workspace-intro>.vm-disabled-badge,.vm-workspace-intro>.vm-workspace-intro-meta{grid-column:2;justify-self:start}.vm-workspace-unified>.vm-subtabs{overflow-x:auto;padding-inline:3px}.vm-workspace-unified>.vm-subtabs a{flex:0 0 auto;min-height:43px;padding-inline:13px}.vm-workspace-unified>.vm-info-card>header{min-height:62px}}

/* VM Settings v2 — clear hierarchy and real action feedback */
.vm-settings-v2{gap:16px}.vm-settings-intro{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid #303b48;border-radius:12px;background:linear-gradient(115deg,#191f27,#202934)}.vm-settings-intro-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:10px;background:#2d2229;color:#ef6071}.vm-settings-intro-icon svg{width:21px;height:21px}.vm-settings-intro>div:last-child{display:grid;gap:3px}.vm-settings-intro h2{margin:0;font-size:18px}.vm-settings-intro p{margin:0;color:#84909e;font-size:12px}.vm-settings-identity>header{background:#1d252e}.vm-settings-identity-body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:0}.vm-settings-name-form{display:grid;align-content:start;gap:12px;padding:22px;border-right:1px solid #303844}.vm-settings-name-form>label{display:grid;gap:5px}.vm-settings-name-form>label>span,.vm-settings-card-body label>span{color:#dbe2ea;font-size:12px;font-weight:750}.vm-settings-name-form>label>small{color:#7e8a98;font-size:12px}.vm-settings-name-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.vm-settings-name-control input,.vm-settings-card-body select{width:100%;min-height:44px;padding:0 12px;border:1px solid #3a4654;border-radius:8px;outline:none;background:#151b23;color:#e4e9ef}.vm-settings-name-control input:focus,.vm-settings-card-body select:focus{border-color:#e45263;box-shadow:0 0 0 3px rgba(228,82,99,.12)}.vm-settings-save{min-height:44px;padding:0 17px;border:1px solid #e24d5f!important;border-radius:8px;background:#d83c51!important;color:#fff!important;font-weight:800}.vm-settings-save:hover:not(:disabled){background:#e4475b!important}.vm-settings-save:disabled{border-color:#394452!important;background:#2b3440!important;color:#778392!important;cursor:not-allowed}.vm-settings-feedback{min-height:16px;margin:0;color:#7f8b99;font-size:12px}.vm-settings-feedback[data-state=success],.vm-settings-feedback[data-state=saved]{color:#58d99e}.vm-settings-feedback[data-state=error]{color:#ff7d89}.vm-settings-feedback[data-state=pending],.vm-settings-feedback[data-state=loading]{color:#e9b45f}.vm-settings-metadata{display:grid;align-content:start;margin:0;padding:10px 22px}.vm-settings-metadata>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #2f3843}.vm-settings-metadata>div:last-child{border-bottom:0}.vm-settings-metadata dt{color:#7f8b99;font-size:12px}.vm-settings-metadata dd{margin:0;color:#e1e7ed;font-size:12px;font-weight:750;text-align:right}.vm-settings-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vm-setting-card{display:flex;min-height:310px;flex-direction:column}.vm-setting-card>header{min-height:74px;background:#1d252e}.vm-settings-card-body{display:flex;flex:1;flex-direction:column;gap:16px;padding:20px}.vm-settings-card-body>p{min-height:34px;margin:0;color:#818e9c;font-size:12px;line-height:1.65}.vm-settings-card-body label{display:grid;gap:8px}.vm-settings-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:15px;border-top:1px solid #303844}.vm-settings-card-footer>span{display:flex;align-items:center;gap:7px;max-width:220px;color:#8a95a2;font-size:12px;line-height:1.45}.vm-settings-card-footer>span svg{flex:0 0 14px;width:14px;height:14px;color:#e5a552}.vm-settings-card-footer button{min-height:40px;padding:0 14px;border:1px solid #3b4655;border-radius:8px;background:#26313d;color:#dce3ea;font-weight:750}.vm-settings-card-actions{justify-content:flex-end}.vm-settings-secondary-danger{border-color:#663741!important;background:#35262b!important;color:#f27985!important}.vm-danger-zone-v2{border-color:#65353d;box-shadow:inset 3px 0 #7b3440}.vm-danger-zone-v2>header{background:#2e2227}.vm-danger-zone-v2>div{padding:18px 20px}.vm-danger-zone-v2 strong{font-size:12px}.vm-danger-zone-v2 small{max-width:620px;color:#98868a;font-size:12px;line-height:1.55}
@media(max-width:900px){.vm-settings-identity-body{grid-template-columns:1fr}.vm-settings-name-form{border-right:0;border-bottom:1px solid #303844}.vm-settings-columns{grid-template-columns:1fr}.vm-setting-card{min-height:0}}
@media(max-width:600px){.vm-settings-v2{gap:13px}.vm-settings-intro{padding:15px}.vm-settings-identity>header .vm-status-chip{display:none}.vm-settings-name-form,.vm-settings-metadata,.vm-settings-card-body{padding:15px}.vm-settings-name-control{grid-template-columns:1fr}.vm-settings-name-control button{width:100%}.vm-settings-card-footer{align-items:stretch;flex-direction:column}.vm-settings-card-footer button{width:100%}.vm-settings-card-actions{display:grid;grid-template-columns:1fr 1fr}.vm-danger-zone-v2>div{padding:15px}}


/* VM header icon actions */
.vm-detail-hero{position:relative!important;min-height:112px;padding:54px 270px 18px 20px!important}.vm-icon-actions{position:absolute!important;z-index:20;top:10px!important;right:10px!important;left:auto!important;grid-column:auto!important;grid-row:auto!important;align-self:auto!important;justify-self:auto!important;margin:0!important;transform:none!important}.vm-action-more{display:none!important}.vm-action-menu-panel{display:flex;align-items:center;justify-content:flex-end;gap:7px}.vm-action-menu-panel>button,.vm-action-menu-panel>.vm-action-link{display:grid!important;place-items:center;flex:0 0 40px;width:40px;height:40px;min-height:40px;padding:0!important;border:1px solid #3b4655!important;border-radius:9px;background:#26313d!important;color:#dce3eb!important;text-decoration:none;cursor:pointer;transition:border-color .18s,background .18s,color .18s,transform .18s}.vm-action-menu-panel>button:hover:not(:disabled),.vm-action-menu-panel>.vm-action-link:hover{border-color:#566476!important;background:#334153!important;color:#fff!important;transform:translateY(-1px)}.vm-action-menu-panel .customer-ui-icon{width:17px;height:17px}.vm-action-menu-panel>button>span,.vm-action-menu-panel>.vm-action-link>span{display:none}.vm-action-menu-panel>.is-danger{border-color:#703841!important;background:#38252a!important;color:#ff7f83!important}.vm-action-menu-panel>.is-danger:hover:not(:disabled){border-color:#a74b58!important;background:#492a31!important;color:#ff9ba4!important}
@media(max-width:700px){.vm-detail-hero{min-height:92px;padding:18px 68px 18px 15px!important}.vm-icon-actions{top:10px!important;right:10px!important}.vm-action-more{display:grid!important;place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0!important;border:1px solid #3d4958!important;border-radius:9px;background:#27323e!important;color:#e6ebf1!important;font-size:15px;letter-spacing:1px}.vm-action-more:hover,.vm-action-more[aria-expanded=true]{border-color:#5d6b7c!important;background:#354252!important}.vm-action-menu-panel{position:absolute;top:47px;right:0;display:none;width:190px;padding:7px;border:1px solid #3a4654;border-radius:10px;background:#202832;box-shadow:0 16px 38px rgba(0,0,0,.38)}.vm-action-menu-panel.is-open{display:grid;gap:3px}.vm-action-menu-panel>button,.vm-action-menu-panel>.vm-action-link{display:flex!important;justify-content:flex-start;gap:10px;width:100%;height:40px;min-height:40px;padding:0 11px!important;border-color:transparent!important;background:transparent!important;transform:none!important}.vm-action-menu-panel>button:hover:not(:disabled),.vm-action-menu-panel>.vm-action-link:hover{background:#2b3744!important}.vm-action-menu-panel>button>span,.vm-action-menu-panel>.vm-action-link>span{display:inline}.vm-action-menu-panel>.is-danger{margin-top:3px;border-top:1px solid #44363d!important;border-radius:7px;background:transparent!important;color:#ff858d!important}}


/* VM mobile overflow menu — reference treatment */
@media(max-width:700px){.vm-action-more{border-color:transparent!important;background:transparent!important;box-shadow:none;color:#cfd6df!important}.vm-action-more:hover,.vm-action-more[aria-expanded=true]{border-color:#3e4a58!important;background:#293440!important}.vm-action-more>span{display:grid;place-items:center;gap:3px}.vm-action-more>span>i{display:block;width:3px;height:3px;border-radius:50%;background:currentColor}.vm-action-menu-panel{top:50px;right:0;width:218px;padding:8px 7px;border:1px solid rgba(105,119,136,.42);border-radius:11px;background:rgba(29,36,45,.97);box-shadow:0 18px 42px rgba(0,0,0,.48);backdrop-filter:blur(14px)}.vm-action-menu-panel:before{content:"";position:absolute;top:-6px;right:14px;width:11px;height:11px;border-top:1px solid rgba(105,119,136,.42);border-left:1px solid rgba(105,119,136,.42);background:#1d242d;transform:rotate(45deg)}.vm-action-menu-panel>button,.vm-action-menu-panel>.vm-action-link{position:relative;z-index:1;gap:13px;height:48px;min-height:48px;padding:0 13px!important;border-radius:7px!important;color:#f0f3f6!important;font-size:12px;font-weight:650}.vm-action-menu-panel .customer-ui-icon{width:19px;height:19px}.vm-action-menu-panel>.is-danger{margin-top:3px;border-top:1px solid #3d3940!important;border-radius:7px!important;color:#f17860!important}.vm-action-menu-panel>.is-danger:hover:not(:disabled){background:rgba(127,55,45,.22)!important;color:#ff8c71!important}}

/* Superseded mobile card layout; overridden by the single-row table below */
@media(max-width:760px){
.vm-table tbody{gap:12px;padding:0 14px 14px}
.vm-table tr[data-vm-row]{display:grid;grid-template-rows:repeat(2,minmax(62px,auto));grid-template-columns:minmax(250px,78vw) repeat(2,minmax(148px,44vw)) 68px;grid-auto-flow:column;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#526072 #26313d;-webkit-overflow-scrolling:touch}
.vm-table tr[data-vm-row]>.vm-primary-cell{grid-row:1/3;grid-column:1;display:flex;align-items:center;padding:14px;scroll-snap-align:start;border-right:1px solid #354152;border-bottom:0}
.vm-table tr[data-vm-row]>td:nth-child(2){grid-row:1;grid-column:2;border-right:0}
.vm-table tr[data-vm-row]>td:nth-child(3){grid-row:2;grid-column:2;border-right:0;border-bottom:0}
.vm-table tr[data-vm-row]>td:nth-child(4){grid-row:1;grid-column:3;border-right:0}
.vm-table tr[data-vm-row]>td:nth-child(5){grid-row:2;grid-column:3;border-right:0;border-bottom:0}
.vm-table tr[data-vm-row]>.vm-action-cell{grid-row:1/3;grid-column:4;display:flex;justify-content:center;padding:12px;border-right:0;border-bottom:0;border-left:1px solid #354152;scroll-snap-align:end}
.vm-table tr[data-vm-row]>td:not(.vm-primary-cell):not(.vm-action-cell){display:grid;align-content:center;justify-content:start;gap:5px;padding:10px 13px;scroll-snap-align:start}
.vm-table tr[data-vm-row]>td:not(.vm-primary-cell):not(.vm-action-cell)::before{display:block}
.vm-name-cell{width:100%}.vm-name-copy p{margin-top:7px}.vm-name-copy small{margin-top:3px}
.vm-more{width:44px;height:44px}
}
@media(max-width:360px){
.vm-table tr[data-vm-row]{grid-template-rows:repeat(2,minmax(62px,auto));grid-template-columns:minmax(238px,82vw) repeat(2,minmax(142px,48vw)) 64px}
.vm-table tr[data-vm-row]>td{grid-column:auto;border-right:0}
.vm-table tr[data-vm-row]>.vm-primary-cell{grid-row:1/3;grid-column:1}
.vm-table tr[data-vm-row]>.vm-action-cell{grid-row:1/3;grid-column:4}
}

/* Compute mobile single-row horizontal table */
@media(max-width:760px){
.vm-table-card{overflow:hidden}
.vm-table-scroll{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#526072 #212b36;-webkit-overflow-scrolling:touch}
.vm-table{display:table;width:940px;min-width:940px;border-collapse:collapse;table-layout:fixed}
.vm-table thead{display:table-header-group}
.vm-table tbody{display:table-row-group;padding:0}
.vm-table thead tr,.vm-table tr[data-vm-row]{display:table-row;width:auto;overflow:visible;border:0;border-radius:0;background:transparent}
.vm-table tr[data-vm-row][hidden]{display:none}
.vm-table th,.vm-table tr[data-vm-row]>td{display:table-cell;position:static;grid-row:auto;grid-column:auto;width:auto;height:82px;padding:12px 16px;border-right:0;border-bottom:1px solid #354152;vertical-align:middle;white-space:nowrap}
.vm-table th{height:46px;padding-top:10px;padding-bottom:10px;background:#212b36}
.vm-table tr[data-vm-row]>td::before{display:none;content:none}
.vm-table tr[data-vm-row]>.vm-primary-cell{display:table-cell;padding:12px 16px;border-right:0;border-bottom:1px solid #354152;scroll-snap-align:none}
.vm-table tr[data-vm-row]>.vm-action-cell{display:table-cell;padding:12px 16px;border-right:0;border-bottom:1px solid #354152;border-left:0;text-align:center;scroll-snap-align:none}
.vm-table th:first-child,.vm-table td:first-child{position:sticky;z-index:3;left:0;width:390px;background:#212b36;box-shadow:8px 0 14px rgba(12,17,23,.24)}
.vm-table thead th:first-child{z-index:4}
.vm-table th:nth-child(2),.vm-table td:nth-child(2){width:135px}.vm-table th:nth-child(3),.vm-table td:nth-child(3){width:130px}.vm-table th:nth-child(4),.vm-table td:nth-child(4){width:110px}.vm-table th:nth-child(5),.vm-table td:nth-child(5){width:110px}.vm-table th:nth-child(6),.vm-table td:nth-child(6){width:65px}
.vm-name-cell{align-items:center;width:auto;min-width:0}.vm-name-copy{width:auto;min-width:0}.vm-name-copy p,.vm-name-copy small{overflow:hidden;max-width:275px;margin-top:3px;text-overflow:ellipsis;white-space:nowrap}.vm-owner-chip,.vm-availability-chip{white-space:nowrap}
.vm-more{width:40px;height:40px}
.vm-pagination{min-width:940px}
}
@media(max-width:360px){
.vm-table{display:table;width:920px;min-width:920px}.vm-table tr[data-vm-row]>td{display:table-cell;position:static;grid-row:auto;grid-column:auto;border-right:0}.vm-table th:first-child,.vm-table td:first-child{position:sticky;left:0;width:370px}.vm-table tr[data-vm-row]>.vm-primary-cell,.vm-table tr[data-vm-row]>.vm-action-cell{display:table-cell;grid-row:auto;grid-column:auto}
}

/* Final mobile VM treatment: one compact line, intentionally wide and swipeable */
@media(max-width:760px){
.vm-page{gap:12px}.vm-page-header{gap:10px}.vm-page-header h1{font-size:21px}.vm-breadcrumb{margin-top:3px;font-size:12px}.vm-deploy{min-height:38px;padding:8px 12px}
.vm-table-card{border-radius:8px}.vm-card-header{padding:12px 13px}.vm-card-header h2{font-size:14px}.vm-card-header p{margin-top:2px;font-size:12px}
.vm-filters{display:flex;align-items:end;gap:7px;overflow-x:auto;padding:10px 12px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.vm-select-field{flex:0 0 130px}.vm-search-field{flex:0 0 170px;grid-column:auto}.vm-select-field span{margin-bottom:3px;font-size:12px}.vm-select-field select,.vm-search-field input{height:36px;min-height:36px;padding-top:0;padding-bottom:0;font-size:12px}.vm-search-field svg{left:10px}.vm-search-field input{padding-left:34px}
.vm-table-scroll{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.vm-table{display:table;width:1120px;min-width:1120px;border-collapse:collapse;table-layout:fixed}
.vm-table thead{display:table-header-group}.vm-table tbody{display:table-row-group;padding:0}.vm-table thead tr,.vm-table tr[data-vm-row]{display:table-row;width:auto;background:transparent}
.vm-table th,.vm-table tr[data-vm-row]>td{display:table-cell!important;position:static!important;grid-row:auto!important;grid-column:auto!important;height:60px;padding:8px 12px!important;border-right:0!important;border-bottom:1px solid #354152!important;vertical-align:middle;white-space:nowrap!important}
.vm-table th{height:36px!important;padding-top:7px!important;padding-bottom:7px!important;font-size:12px}.vm-table tr[data-vm-row]>td::before{display:none!important;content:none!important}
.vm-table th:first-child,.vm-table td:first-child{position:static!important;left:auto!important;width:560px!important;background:transparent!important;box-shadow:none!important}.vm-table thead th:first-child{background:#212b36!important}
.vm-table th:nth-child(2),.vm-table td:nth-child(2){width:125px!important}.vm-table th:nth-child(3),.vm-table td:nth-child(3){width:115px!important}.vm-table th:nth-child(4),.vm-table td:nth-child(4){width:100px!important}.vm-table th:nth-child(5),.vm-table td:nth-child(5){width:110px!important}.vm-table th:nth-child(6),.vm-table td:nth-child(6){width:70px!important}
.vm-name-cell{display:flex;align-items:center;min-width:0;width:auto;gap:9px}.vm-os-wrap{flex:0 0 34px}.vm-os-avatar{width:34px;height:34px}.vm-os-avatar.is-ubuntu img{width:22px;height:22px}.vm-live-dot{right:-1px;bottom:-1px}
.vm-name-copy{display:flex;align-items:center;gap:8px;width:auto;min-width:0;white-space:nowrap}.vm-name-line{display:flex;align-items:center;flex:0 0 auto;gap:6px;white-space:nowrap}.vm-name-line h3{flex-basis:auto;margin:0;font-size:12px;white-space:nowrap}.vm-owner-chip,.vm-availability-chip{padding:3px 6px;font-size:12px;white-space:nowrap}
.vm-name-copy p,.vm-name-copy small{display:inline;flex:0 0 auto;overflow:visible;max-width:none;margin:0;font-size:12px;text-overflow:clip;white-space:nowrap}.vm-name-copy p:before,.vm-name-copy small:before{margin-right:8px;color:#596676;content:"•"}.vm-os-spec{display:inline-flex!important;align-items:center;gap:5px}
.vm-location,.vm-billing,.vm-status{white-space:nowrap}.vm-status{padding:5px 8px;font-size:12px}.vm-more{width:34px;height:34px}
.vm-pagination{justify-content:flex-start;min-width:0;padding:9px 12px;font-size:12px;white-space:nowrap}.vm-pagination button{width:34px;height:34px}
}
@media(max-width:360px){.vm-table{display:table;width:1120px;min-width:1120px}.vm-table th:first-child,.vm-table td:first-child{position:static!important;width:560px!important}.vm-card-header,.vm-filters{padding-inline:11px}}

/* VM mobile compact frame */
@media(max-width:760px){
.vm-page{gap:8px}
.vm-page-header{gap:7px;margin:0}
.vm-page-header>div{min-width:0}
.vm-deploy{margin:0}
.vm-table-card{width:100%;margin:0;border-radius:8px}
.vm-card-header{min-height:0;padding:9px 11px}
.vm-card-header h2,.vm-card-header p{margin:0}
.vm-card-header p{margin-top:1px}
.vm-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;width:100%;overflow:visible;padding:8px 10px}
.vm-select-field{min-width:0;flex:auto}
.vm-search-field{grid-column:1/-1;min-width:0;flex:auto}
.vm-select-field select,.vm-search-field input{width:100%;height:34px;min-height:34px}
.vm-table-scroll{margin:0}
.vm-pagination{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:0;margin:0;padding:7px 10px}
.vm-pagination button{width:30px;height:30px}
}
@media(max-width:360px){
.vm-page{gap:7px}.vm-card-header{padding:8px 9px}.vm-filters{gap:5px;padding:7px 9px}.vm-pagination{gap:6px;padding:6px 9px}
}

/* VM mobile responsive width containment */
@media(max-width:760px){
.app-frame,.app-content,.vm-page,.vm-table-card{min-width:0;max-width:100%}
.app-content{width:100%;overflow-x:hidden}
.vm-table-card{contain:inline-size}
.vm-table-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible}
.vm-table{display:table;width:900px;min-width:900px}
.vm-table th:first-child,.vm-table td:first-child{width:340px!important}
.vm-table th:nth-child(2),.vm-table td:nth-child(2){width:120px!important}.vm-table th:nth-child(3),.vm-table td:nth-child(3){width:110px!important}.vm-table th:nth-child(4),.vm-table td:nth-child(4){width:95px!important}.vm-table th:nth-child(5),.vm-table td:nth-child(5){width:105px!important}.vm-table th:nth-child(6),.vm-table td:nth-child(6){width:65px!important}
.vm-name-copy{gap:6px}.vm-name-copy p,.vm-name-copy small{font-size:12px}.vm-owner-chip,.vm-availability-chip{padding-inline:5px}
}
@media(max-width:360px){.vm-table{display:table;width:900px;min-width:900px}.vm-table th:first-child,.vm-table td:first-child{width:340px!important}}

/* Mobile viewport lock: page fills the device; only explicit scrollers overflow */
@media(max-width:760px){
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:pan-y}
body.app-body{width:100%;max-width:100%;min-width:0;margin:0;overflow-x:hidden}
.app-frame{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
.app-content{width:100%;max-width:100%;min-width:0;margin:0;overflow-x:hidden}
.vm-page,.vm-page-header,.vm-table-card{width:100%;max-width:100%;min-width:0}
.vm-page-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}
.vm-deploy{width:auto;justify-self:end;justify-content:center}
.vm-table-scroll{touch-action:pan-x pan-y}
}

/* Compute Storage — aligned with the provider workspace reference */
.vm-storage-reference{gap:24px}
.vm-storage-reference>.vm-storage-subtabs{justify-self:start;width:max-content;max-width:100%;padding:7px 8px;border:0;border-radius:8px;background:#262d38;box-shadow:none}
.vm-storage-reference>.vm-storage-subtabs a{gap:9px;min-height:38px;padding:0 16px;border-radius:7px;color:#8490a0;font-size:12px;font-weight:650}
.vm-storage-reference>.vm-storage-subtabs a.active{background:#151b24;color:#fff;box-shadow:0 2px 7px rgba(0,0,0,.18)}
.vm-storage-reference>.vm-storage-subtabs .customer-ui-icon{width:16px;height:16px;color:#7f8a99}
.vm-storage-reference>.vm-storage-subtabs a.active .customer-ui-icon{color:#f1f4f7}
.vm-storage-panel{display:grid;min-width:0;gap:22px}
.vm-storage-table-wrap{width:100%;overflow:auto;border:1px solid #2d3744;border-radius:14px;background:#222b38;box-shadow:0 10px 25px rgba(0,0,0,.1)}
.vm-storage-table{width:100%;border-collapse:collapse;color:#f4f6f8;table-layout:fixed}
.vm-storage-table th{height:56px;padding:0 16px;background:#313845;color:#8f9caf;font-size:12px;font-weight:500;text-align:left}
.vm-storage-table td{height:56px;padding:0 16px;border-top:1px solid #303a47;color:#f0f3f6;font-size:12px;vertical-align:middle}
.vm-storage-table th:last-child,.vm-storage-table td:last-child{text-align:right}
.vm-storage-disks-table th:nth-child(1){width:40%}.vm-storage-disks-table th:nth-child(2){width:18%}.vm-storage-disks-table th:nth-child(3){width:13%}.vm-storage-disks-table th:nth-child(4){width:20%}.vm-storage-disks-table th:nth-child(5){width:9%}
.vm-storage-disk-name{display:flex;align-items:center;gap:10px;min-width:0}
.vm-storage-disk-name>.customer-ui-icon{flex:0 0 16px;width:16px;height:16px;color:#d91338}
.vm-storage-disk-name strong{font-size:12px}
.vm-storage-inline-badge{display:inline-flex;width:max-content;margin-left:2px;padding:4px 7px;border-radius:5px;background:#1b4a35;color:#52df8d;font-size:12px;font-weight:800;line-height:1}
.vm-storage-state{display:inline-flex;width:max-content;padding:4px 7px;border-radius:5px;font-size:12px;font-weight:800;line-height:1}
.vm-storage-state.is-success{background:#1a4b35;color:#58e18f}.vm-storage-state.is-warning{background:#554018;color:#ffd05e}.vm-storage-state.is-info{background:#173f55;color:#53d9f3}
.vm-storage-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;min-height:40px}
.vm-storage-section-heading h2{margin:0;color:#fff;font-size:18px;line-height:1.25;letter-spacing:-.015em}
.vm-storage-section-heading p{margin:8px 0 0;color:#778597;font-size:12px}
.vm-storage-iso-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vm-storage-iso-card{display:flex;min-width:0;min-height:253px;flex-direction:column;padding:24px;border:1px solid #2d3744;border-radius:14px;background:#222b38;box-shadow:0 10px 25px rgba(0,0,0,.1)}
.vm-storage-iso-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.vm-storage-iso-title h3{overflow-wrap:anywhere;margin:2px 0 0;color:#fff;font-size:15px;line-height:1.25}
.vm-storage-iso-title>span{flex:0 0 auto;padding:5px 7px;border-radius:6px;background:#1a4b35;color:#58e18f;font-size:12px;font-weight:800}
.vm-storage-iso-card>p{min-height:38px;margin:10px 0 0;color:#8b98aa;font-size:12px;line-height:1.55}
.vm-storage-iso-card dl{display:grid;gap:4px;margin:26px 0 18px}
.vm-storage-iso-card dt{color:#8693a5;font-size:12px}
.vm-storage-iso-card dd{margin:0;color:#fff;font-size:12px;font-weight:700}
.vm-storage-iso-action{position:relative;display:inline-flex;align-items:center;justify-content:center;align-self:flex-end;gap:8px;min-width:96px;min-height:36px;margin-top:auto;padding:0 12px;border:1px solid #465364;border-radius:8px;background:transparent;color:#fff;font:700 11px/1 inherit;cursor:pointer}
.vm-storage-iso-action:hover:not(:disabled){border-color:#637185;background:#293442}
.vm-storage-iso-action.is-detach{border-color:#f04d37;background:#f45138;color:#fff}
.vm-storage-iso-action.is-detach:hover:not(:disabled){border-color:#ff745e;background:#e9442f}
.vm-storage-iso-action .customer-ui-icon{width:15px;height:15px}
.vm-storage-iso-action:disabled{cursor:not-allowed;opacity:.55}
.vm-storage-iso-action.is-loading{color:transparent!important;cursor:wait;opacity:.72}
.vm-storage-iso-action.is-loading>*{visibility:hidden}
.vm-storage-iso-action.is-loading:after{position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%;content:"";animation:vm-storage-spin .7s linear infinite}
@keyframes vm-storage-spin{to{transform:rotate(360deg)}}
.vm-storage-notice{display:flex;align-items:center;gap:13px;min-height:52px;padding:0 18px;border:1px solid #145467;border-radius:8px;background:#12313d;color:#2ce7ef;font-size:12px}
.vm-storage-notice .customer-ui-icon{flex:0 0 17px;width:17px;height:17px;color:#15c8e8}
.vm-storage-create-snapshot{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:192px;min-height:44px;border:1px solid #f12545;border-radius:7px;background:#df1233;color:#fff;font-size:12px;font-weight:800;cursor:pointer}
.vm-storage-create-snapshot:hover{background:#ed1a3d}
.vm-storage-create-snapshot .customer-ui-icon{width:16px;height:16px}
.vm-storage-recovery-table{margin-top:-6px}
.vm-storage-recovery-table th:nth-child(1){width:16%}.vm-storage-recovery-table th:nth-child(2){width:18%}.vm-storage-recovery-table th:nth-child(3){width:12%}.vm-storage-recovery-table th:nth-child(4){width:17%}.vm-storage-recovery-table th:nth-child(5){width:16%}.vm-storage-recovery-table th:nth-child(6){width:21%}
.vm-storage-recovery-table td{height:64px;color:#cbd3dd}
.vm-storage-recovery-table td>strong,.vm-storage-recovery-table td>small{display:block}.vm-storage-recovery-table td>strong{color:#fff}.vm-storage-recovery-table td>small{margin-top:4px;color:#798697;font-size:12px}
.vm-storage-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.vm-storage-row-actions button{min-height:32px;padding:0 9px;border:1px solid #435063;border-radius:7px;background:#27313e;color:#dce3eb;font-size:12px;font-weight:750}
.vm-storage-row-actions button.is-danger{border-color:#6a3842;background:#39262c;color:#f27c87}
.vm-storage-empty-row td{height:86px!important;color:#7f8da0!important;text-align:center!important}
.vm-storage-snapshot-dialog{width:min(444px,calc(100% - 32px));max-width:none;padding:0;border:1px solid #303b49;border-radius:9px;background:#222b38;color:#fff;box-shadow:0 28px 80px rgba(0,0,0,.58)}
.vm-storage-snapshot-dialog::backdrop{background:rgba(7,11,17,.79);backdrop-filter:blur(2px)}
.vm-storage-snapshot-dialog form{display:grid;padding:24px}
.vm-storage-snapshot-dialog h2{margin:0 0 27px;font-size:18px}
.vm-storage-snapshot-field{position:relative;display:block}
.vm-storage-snapshot-field>span{position:absolute;z-index:1;top:11px;left:14px;color:#8a96a6;font-size:12px;pointer-events:none;transition:.14s}
.vm-storage-snapshot-field>span b{color:#f45454}
.vm-storage-snapshot-field input,.vm-storage-snapshot-field textarea{width:100%;box-sizing:border-box;border:1px solid #526071;border-radius:6px;outline:0;background:#222b38;color:#fff;font:inherit;transition:border-color .14s,box-shadow .14s}
.vm-storage-snapshot-field input{height:40px;padding:14px 14px 3px}
.vm-storage-snapshot-field textarea{height:83px;padding:20px 14px 8px;resize:none}
.vm-storage-snapshot-field:focus-within>span,.vm-storage-snapshot-field.has-value>span{top:3px;font-size:12px}
.vm-storage-snapshot-field:focus-within input,.vm-storage-snapshot-field:focus-within textarea{border-color:#8694a7;box-shadow:0 0 0 2px rgba(91,111,137,.12)}
.vm-storage-snapshot-field.has-error input{border-color:#ef4c47}
.vm-storage-snapshot-field.has-error>span{color:#ef4c47}
.vm-storage-field-error{min-height:16px;margin:7px 0 17px;padding-left:14px;color:#ef504b;font-size:12px}
.vm-storage-snapshot-description{margin-bottom:0}
.vm-storage-snapshot-feedback{min-height:14px;margin:7px 0 0;color:#f1b34a;font-size:12px}
.vm-storage-snapshot-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}
.vm-storage-snapshot-dialog footer button{min-height:36px;padding:0 13px;border-radius:7px;font-size:12px;font-weight:750;cursor:pointer}
.vm-storage-snapshot-dialog [data-snapshot-submit]{border:1px solid #e62646;background:#df1233;color:#fff}
.vm-storage-snapshot-dialog [data-snapshot-submit]:disabled{border-color:#46515e;background:#46515e;color:#9ca6b2;cursor:not-allowed}
.vm-storage-snapshot-dialog [data-snapshot-cancel]{border:1px solid #526071;background:transparent;color:#fff}
@media(max-width:1100px){.vm-storage-iso-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.vm-storage-reference{gap:18px}.vm-storage-reference>.vm-storage-subtabs{justify-self:stretch;width:auto;overflow-x:auto}.vm-storage-reference>.vm-storage-subtabs a{flex:0 0 auto}.vm-storage-iso-grid{grid-template-columns:1fr}.vm-storage-snapshot-heading{align-items:stretch;flex-direction:column}.vm-storage-create-snapshot{width:100%}.vm-storage-table{min-width:760px}.vm-storage-disks-table .vm-storage-table{min-width:680px}}
@media(max-width:520px){.vm-storage-iso-card{min-height:230px;padding:18px}.vm-storage-notice{align-items:flex-start;padding:14px 15px;line-height:1.55}.vm-storage-snapshot-dialog form{padding:20px}.vm-storage-snapshot-dialog footer{flex-direction:column}.vm-storage-snapshot-dialog footer button{width:100%}}

/* Compute / Network — faithful control-panel reference layout. */
.vm-network-reference{gap:24px}
.vm-network-reference>.vm-network-subtabs{justify-self:start;width:412px;max-width:100%;padding:7px 8px;border:0;border-radius:8px;background:#262d38;box-shadow:none}
.vm-network-reference>.vm-network-subtabs a{flex:1 1 0;justify-content:center;gap:9px;min-height:38px;padding:0 14px;border-radius:7px;color:#8793a3;font-size:12px;font-weight:650}
.vm-network-reference>.vm-network-subtabs a.active{background:#151b24;color:#fff;box-shadow:0 2px 7px rgba(0,0,0,.2)}
.vm-network-reference>.vm-network-subtabs .customer-ui-icon{width:16px;height:16px;color:#858f9d}
.vm-network-reference>.vm-network-subtabs a.active .customer-ui-icon{color:#f1f4f7}
.vm-network-panel{display:grid;gap:16px;min-width:0}
.vm-network-panel[hidden]{display:none!important}
.vm-network-card{min-width:0;overflow:hidden;border:1px solid #2b3542;border-radius:14px;background:#222b38;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.vm-network-card-head{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:94px;padding:18px 24px;border-bottom:1px solid #34404d}
.vm-network-card-title{display:flex;align-items:center;gap:17px;min-width:0}
.vm-network-card-title>div{display:grid;gap:5px;min-width:0}
.vm-network-card-title h2{margin:0;color:#fff;font-size:16px;line-height:1.25}
.vm-network-card-title p{margin:0;color:#8da0bc;font-size:12px;line-height:1.4}
.vm-network-title-icon{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;color:#e40f38}
.vm-network-title-icon .customer-ui-icon{width:21px;height:21px}
.vm-network-title-icon.is-cyan{color:#08b8cf}
.vm-network-title-icon.is-firewall{color:#ef4a43}
.vm-network-title-icon.is-gold{color:#d59d16}
.vm-network-head-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.vm-network-red-button,.vm-network-outline-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 14px;border-radius:7px;font-size:12px;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer}
.vm-network-red-button{border:1px solid #f02a4b;background:#df0c35;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.07)}
.vm-network-red-button:hover{background:#ed123d;color:#fff}
.vm-network-red-button .customer-ui-icon,.vm-network-outline-button .customer-ui-icon{width:14px;height:14px}
.vm-network-table{min-width:0;padding:24px 22px 20px}
.vm-network-table-head,.vm-network-address-row{display:grid;grid-template-columns:minmax(130px,.72fr) minmax(245px,1.65fr) minmax(190px,1.1fr) minmax(210px,1.22fr) minmax(270px,1.65fr);align-items:center;gap:14px;min-width:1040px}
.vm-network-table-head{min-height:38px;padding:0 16px;background:#303846;color:#91a0b6;font-size:12px;font-weight:650}
.vm-network-address-row{min-height:44px;padding:0 16px;color:#eaf0f5;font-size:12px}
.vm-network-address-row+ .vm-network-address-row{border-top:1px solid rgba(49,60,73,.5)}
.vm-network-address-row code{overflow-wrap:anywhere;color:#f4f7fa;background:transparent;font:700 11px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace}
.vm-network-ip-type,.vm-network-address-value,.vm-network-rdns-value,.vm-network-row-actions{display:flex;align-items:center;gap:9px;min-width:0}
.vm-network-ip-type i{display:grid;place-items:center;flex:0 0 auto;width:17px;height:17px;border-radius:4px}
.vm-network-ip-type i.is-v4{background:#067f8d;color:#1dd9e8}
.vm-network-ip-type i.is-v6{background:#700839;color:#dd105c}
.vm-network-ip-type i .customer-ui-icon{width:11px;height:11px}
.vm-network-ip-type strong{font-size:12px}
.vm-network-ip-type em{padding:3px 6px;border-radius:99px;background:#214336;color:#59d8a1;font-size:12px;font-style:normal;font-weight:800}
.vm-network-address-value button,.vm-network-rdns-value button{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;padding:0;border:0;background:transparent;color:#8b96a4;cursor:pointer}
.vm-network-address-value button:hover,.vm-network-rdns-value button:hover{color:#e5ebf1}
.vm-network-address-value button .customer-ui-icon,.vm-network-rdns-value button .customer-ui-icon{width:13px;height:13px}
.vm-network-rdns-value>span{overflow:hidden;color:#697687;text-overflow:ellipsis;white-space:nowrap}
.vm-network-row-actions{justify-content:flex-end;gap:8px}
.vm-network-outline-button{min-height:30px;padding:0 10px;border:1px solid #536170;background:transparent;color:#fff}
.vm-network-outline-button:hover{border-color:#758596;background:#293441;color:#fff}
.vm-network-outline-button.is-gold{border-color:#6b6250;color:#f7c94b}
.vm-network-outline-button.is-cyan{border-color:#078b9b;color:#12d4e8}
.vm-network-outline-button.is-danger{border-color:#753543;color:#f87885}
.vm-network-outline-button.is-loading{min-width:96px;color:transparent;pointer-events:none;position:relative}
.vm-network-outline-button.is-loading:after{content:"";position:absolute;width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:vm-network-spin .7s linear infinite}
@keyframes vm-network-spin{to{transform:rotate(360deg)}}
.vm-network-private-card .vm-network-card-head{min-height:68px;padding-block:14px}
.vm-network-private-card .vm-network-card-title{gap:17px}
.vm-network-notice{display:flex;align-items:center;gap:13px;min-height:52px;margin:24px;padding:0 18px;border:1px solid #0d5262;border-radius:6px;background:#173946;color:#43f1ef;font-size:12px}
.vm-network-notice .customer-ui-icon{width:17px;height:17px;color:#0cc5dc}
.vm-network-private-list{display:grid;padding:10px 24px 20px}
.vm-network-private-list>div{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;border-bottom:1px solid #34404c}
.vm-network-private-list>div:last-child{border-bottom:0}
.vm-network-private-list>div>span{display:grid;gap:4px}
.vm-network-private-list small{color:#8492a4}
.vm-network-security-panel{gap:22px}
.vm-network-page-title{margin:0;color:#fff;font-size:17px}
.vm-network-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.vm-network-security-card{min-height:239px}
.vm-network-security-card .vm-network-card-head{min-height:94px}
.vm-network-security-body{display:grid;align-content:start;gap:8px;min-height:140px;padding:28px 24px}
.vm-network-security-body>label:not(.vm-port-security-row){display:grid;gap:9px;color:#9aabc1;font-size:12px}
.vm-network-security-body select,.vm-network-dialog input,.vm-network-dialog select{width:100%;height:39px;padding:0 13px;border:1px solid #3d4a59;border-radius:8px;outline:0;background:#202934;color:#fff;font-size:12px}
.vm-network-security-body select:focus,.vm-network-dialog input:focus,.vm-network-dialog select:focus{border-color:#6b7b8d;box-shadow:0 0 0 2px rgba(107,123,141,.12)}
.vm-network-security-body>small{min-height:12px;color:#e6b14b;font-size:12px}
.vm-port-security-body{gap:0;padding:20px 24px 18px;transition:opacity .18s}
.vm-port-security-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;cursor:pointer}
.vm-port-security-row>span:first-child{display:grid;gap:4px;min-width:0}
.vm-port-security-row strong{color:#fff;font-size:12px}
.vm-port-security-row small{overflow:hidden;color:#75869e;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.vm-network-switch{position:relative;display:inline-flex;flex:0 0 auto;width:32px;height:20px}
.vm-network-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.vm-network-switch i{display:block;width:32px;height:20px;border-radius:99px;background:#6f7986;transition:background .18s,opacity .18s;cursor:pointer}
.vm-network-switch i:after{content:"";display:block;width:14px;height:14px;margin:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.45);transition:transform .18s}
.vm-network-switch input:checked+i{background:#e8003b}
.vm-network-switch input:checked+i:after{transform:translateX(12px)}
.vm-network-switch input:disabled+i{opacity:.45;cursor:wait}
.vm-network-security-card.is-saving{opacity:.58;pointer-events:none}
.vm-bgp-toggle{display:flex;align-items:center;gap:12px;color:#fff;font-size:12px;cursor:pointer}
.vm-bgp-toggle strong{font-size:12px}
.vm-network-bgp-card{min-height:291px}
.vm-network-bgp-card .vm-network-card-head{min-height:94px}
.vm-network-bgp-empty{display:grid;place-items:center;align-content:center;min-height:171px;margin:24px;border:1px dashed #2f3a48;border-radius:12px;color:#59687a;text-align:center}
.vm-network-bgp-empty strong{margin-top:8px;font-size:16px}
.vm-network-bgp-empty p{margin:12px 0 0;color:#53647b;font-size:12px}
.vm-network-bgp-empty>small{min-height:12px;margin-top:8px;color:#c99741;font-size:12px}
.vm-network-bgp-illustration{position:relative;display:grid;place-items:center;width:45px;height:40px;border:1px solid #3f4b59;border-radius:4px;background:#56616d;color:#26313d;opacity:.55}
.vm-network-bgp-illustration .customer-ui-icon{width:22px;height:22px}
.vm-network-bgp-illustration i{position:absolute;bottom:-6px;width:18px;height:2px;background:#3f4b59}
.vm-network-bgp-illustration i:nth-of-type(2){bottom:-10px;width:28px}
.vm-network-bgp-illustration i:nth-of-type(3){display:none}
.vm-network-bgp-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px;padding:24px;border:1px dashed #35414e;border-radius:12px}
.vm-network-bgp-details>div{display:grid;gap:8px}
.vm-network-bgp-details dt{color:#8391a4;font-size:12px}
.vm-network-bgp-details dd{overflow-wrap:anywhere;margin:0;color:#fff;font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}
.vm-network-bgp-card.is-saving{opacity:.6;pointer-events:none}
.vm-network-dialog{width:min(444px,calc(100vw - 30px));max-width:none;padding:0;border:1px solid #303a47;border-radius:8px;background:#222b38;color:#fff;box-shadow:0 26px 70px rgba(0,0,0,.55)}
.vm-network-dialog::backdrop{background:rgba(3,7,12,.76)}
.vm-network-dialog form{display:grid;gap:14px;padding:24px}
.vm-network-dialog h2{margin:0 0 2px;font-size:15px}
.vm-network-dialog label{display:grid;gap:7px;color:#95a3b5;font-size:12px}
.vm-network-dialog input::placeholder{color:#6d7b8b}
.vm-network-dialog p{min-height:12px;margin:0;color:#e4aa43;font-size:12px;line-height:1.4}
.vm-network-dialog .vm-network-dialog-copy{color:#8796a8;font-size:12px}
.vm-network-dialog footer{display:flex;justify-content:flex-end;gap:9px;margin-top:2px}
.vm-network-dialog footer button{min-width:58px;min-height:34px;padding:0 13px;border-radius:6px;font-size:12px;font-weight:750;cursor:pointer}
.vm-network-dialog footer button:first-child{border:1px solid #526071;background:transparent;color:#fff}
.vm-network-dialog footer button:last-child{border:1px solid #ec2145;background:#df0c35;color:#fff}
.vm-network-dialog footer button:last-child:disabled{border-color:#4c5764;background:#46515e;color:#98a2ad;cursor:not-allowed}
.vm-network-rdns-dialog [data-rdns-cancel]{min-width:74px;border-color:#f3f6f9}
.vm-network-rdns-dialog [data-rdns-save]{min-width:64px}
.vm-network-rdns-dialog form{min-height:266px;grid-template-rows:auto 39px 39px minmax(0,1fr) auto}
.vm-network-change-dialog,.vm-network-vpc-dialog{width:min(500px,calc(100vw - 30px))}
.vm-network-change-dialog form,.vm-network-vpc-dialog form{gap:12px}
.vm-network-confirm-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px!important;padding:10px 11px;border:1px solid #394552;border-radius:7px;background:#1d252f}
.vm-network-confirm-check input{flex:0 0 auto;width:16px!important;height:16px!important;padding:0;accent-color:#e30d38}
@media(max-width:1100px){.vm-network-table{overflow-x:auto}.vm-network-security-grid{grid-template-columns:1fr}.vm-network-security-card{min-height:0}.vm-network-bgp-details{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.vm-network-reference{gap:18px}.vm-network-reference>.vm-network-subtabs{justify-self:stretch;width:auto;overflow-x:auto}.vm-network-reference>.vm-network-subtabs a{flex:0 0 auto}.vm-network-card-head{align-items:flex-start;flex-direction:column;min-height:0;padding:18px}.vm-network-head-actions{width:100%;flex-wrap:wrap}.vm-network-head-actions>*{flex:1 1 180px}.vm-network-table{padding:14px}.vm-network-notice{margin:16px}.vm-network-security-body{padding:20px 18px}.vm-network-bgp-card .vm-network-card-head{align-items:flex-start}.vm-network-bgp-empty{margin:16px}.vm-network-bgp-details{margin:16px}}
@media(max-width:520px){.vm-network-reference>.vm-network-subtabs a{padding-inline:12px}.vm-network-head-actions{display:grid}.vm-network-red-button{width:100%}.vm-network-page-title{font-size:16px}.vm-network-bgp-details{grid-template-columns:1fr}.vm-network-dialog form{padding:18px}.vm-network-dialog footer{flex-direction:column-reverse}.vm-network-dialog footer button{width:100%}}

/* Settings workspace — mirrors the provider's two-by-two settings layout. */
.vm-settings-reference{display:block;width:100%;max-width:1560px;min-width:0;margin-inline:auto}
.vm-settings-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;align-items:stretch;gap:16px}
.vm-settings-reference-card{display:flex;min-width:0;min-height:0;flex-direction:column;padding:24px;border:1px solid #34404d;border-radius:13px;background:#212b36;box-shadow:0 8px 20px rgba(0,0,0,.13);color:#fff;overflow:hidden}
.vm-settings-reference-card>header{display:block;min-height:0;padding:0;border:0;background:transparent}
.vm-settings-reference-card>header h2{margin:0;color:#fff;font-size:17px;line-height:1.35}
.vm-settings-reference-card>header p{margin:5px 0 0;color:#91a2b8;font-size:13px;line-height:1.45}
.vm-settings-boot-options{display:grid;margin:19px 0 0;padding:0;border:0}
.vm-settings-boot-options legend{margin:0 0 6px;padding:0;color:#fff;font-size:12px;font-weight:750}
.vm-settings-boot-options label{display:flex;align-items:center;gap:10px;min-height:36px;color:#fff;cursor:pointer}
.vm-settings-boot-options input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.vm-settings-boot-options label>span{position:relative;display:block;flex:0 0 16px;width:16px;height:16px;border:1.5px solid #9aa7b6;border-radius:50%;transition:border-color .16s}
.vm-settings-boot-options label>span:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#eb0039;opacity:0;transform:scale(.5);transition:opacity .16s,transform .16s}
.vm-settings-boot-options input:checked+span{border-color:#eb0039}
.vm-settings-boot-options input:checked+span:after{opacity:1;transform:scale(1)}
.vm-settings-boot-options input:focus-visible+span{outline:2px solid rgba(235,0,57,.35);outline-offset:2px}
.vm-settings-boot-options strong{font-size:13px}
.vm-settings-helper{min-height:15px;margin:4px 0 14px;color:#8192a8;font-size:13px;line-height:1.55}
.vm-settings-warning{display:flex;align-items:flex-start;gap:11px;min-height:44px;padding:11px 13px;border:1px solid #66542a;border-radius:7px;background:#33342f;color:#ffc94b;font-size:13px;font-weight:650;line-height:1.5}
.vm-settings-warning .customer-ui-icon{flex:0 0 17px;width:17px;height:17px;margin-top:1px;color:#ffab00}
.vm-settings-change-boot{align-self:flex-start;width:auto;min-width:190px;min-height:40px;margin-top:14px;padding:7px 18px;border:1px solid #445262;border-radius:7px;background:transparent;color:#9aabbd;font-size:13px;font-weight:750;cursor:pointer}
.vm-settings-change-boot:hover:not(:disabled){border-color:#718197;background:#283441;color:#fff}
.vm-settings-change-boot:disabled{color:#62748a;cursor:not-allowed}
.vm-settings-security-list{display:grid;gap:0;margin-top:17px}
.vm-settings-security-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:9px 0;border-bottom:1px solid #313d49}
.vm-settings-security-row:nth-child(2){min-height:78px;border-bottom:0}
.vm-settings-security-row>div{display:grid;gap:3px;min-width:0;padding-right:8px}
.vm-settings-security-row strong{color:#fff;font-size:13px}
.vm-settings-security-row>div>span{max-width:540px;color:#8192a8;font-size:13px;line-height:1.5}
.vm-settings-switch{position:relative;display:inline-flex;flex:0 0 36px;width:36px;height:20px;cursor:pointer}
.vm-settings-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.vm-settings-switch>span[aria-hidden]{display:block;width:36px;height:20px;border-radius:99px;background:#596674;transition:background .16s,opacity .16s}
.vm-settings-switch>span[aria-hidden]:after{content:"";display:block;width:14px;height:14px;margin:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform .16s}
.vm-settings-switch input:checked+span{background:#e9003b}
.vm-settings-switch input:checked+span:after{transform:translateX(16px)}
.vm-settings-switch input:focus-visible+span{outline:2px solid rgba(235,0,57,.35);outline-offset:2px}
.vm-settings-switch input:disabled+span{opacity:.45;cursor:not-allowed}
.vm-settings-sev-warning{min-height:70px;margin-top:13px;padding-top:11px}
.vm-settings-inline-feedback{margin:7px 0 0;color:#ff8d98;font-size:12px}
.vm-settings-inline-feedback[data-state=success]{color:#56d99d}
.vm-settings-identity-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) minmax(120px,.55fr);gap:12px;margin:22px 0 0}
.vm-settings-identity-list>div{display:grid;align-content:start;gap:7px;min-width:0;padding:14px;border:1px solid #34414e;border-radius:9px;background:#1c252f}
.vm-settings-identity-list dt{color:#91a2b8;font-size:12px}
.vm-settings-identity-list dd{display:flex;align-items:center;gap:8px;min-width:0;margin:0;color:#fff;font-size:13px}
.vm-settings-identity-list dd strong{overflow-wrap:anywhere}
.vm-settings-identity-list dd button{min-height:23px;padding:2px 8px;border:1px solid #596777;border-radius:5px;background:transparent;color:#fff;font-size:12px;font-weight:700;cursor:pointer}
.vm-settings-identity-list dd button:hover{border-color:#8190a0;background:#293442}
.vm-settings-danger-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:start;column-gap:24px;border-color:#67404a;box-shadow:inset 3px 0 #8e3c4b,0 8px 20px rgba(0,0,0,.13)}
.vm-settings-danger-card>header{grid-column:1/-1}
.vm-settings-delete{grid-column:2;grid-row:2;align-self:center;width:auto;min-width:230px;min-height:40px;margin-top:20px;padding:7px 18px;border:1px solid #e04b55;border-radius:7px;background:#c93646;color:#fff;font-size:13px;font-weight:800;cursor:pointer}
.vm-settings-delete:hover{background:#df4354}
.vm-settings-danger-card>p{grid-column:1;grid-row:2;align-self:center;margin:20px 0 0;color:#9b8790;font-size:13px;line-height:1.55}
.vm-settings-action-dialog,.vm-settings-rename-dialog{width:min(500px,calc(100% - 28px));background:#212b36}
.vm-settings-action-dialog [data-settings-action-message]{margin:20px 0 14px;color:#b8c1cd;font-size:13px;line-height:1.6}
.vm-settings-dialog-warning{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #5b4b22;border-radius:7px;background:#323431;color:#ffbf21;font-size:12px;line-height:1.55}
.vm-settings-dialog-warning .customer-ui-icon{flex:0 0 17px;width:17px;height:17px;color:#ffab00}
.vm-settings-rename-field{display:grid;gap:8px;margin-top:20px;color:#b8c1cd;font-size:12px}
.vm-settings-rename-field input{width:100%;height:44px;padding:0 12px;border:1px solid #465368;border-radius:8px;outline:0;background:#111823;color:#fff}
.vm-settings-rename-field input:focus{border-color:#e21231;box-shadow:0 0 0 3px rgba(226,18,49,.12)}
.vm-settings-rename-field small{color:#718097;font-size:12px}
@media(max-width:900px){.vm-settings-reference-grid{grid-template-columns:1fr;grid-template-rows:none}.vm-settings-reference-card,.vm-settings-boot-card,.vm-settings-security-card,.vm-settings-identity-card,.vm-settings-danger-card{min-height:0}.vm-settings-identity-list{grid-template-columns:1fr 1fr}.vm-settings-identity-list>div:first-child{grid-column:1/-1}}
@media(max-width:520px){.vm-reference-detail .vm-detail-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;overflow:visible;padding:5px}.vm-reference-detail .vm-detail-tabs a,.vm-reference-detail .vm-detail-tabs>span{min-width:0;padding-inline:4px;font-size:12px;gap:5px}.vm-settings-reference-grid{gap:13px}.vm-settings-reference-card{padding:18px}.vm-settings-reference-card>header h2{font-size:16px}.vm-settings-reference-card>header p{font-size:12px}.vm-settings-change-boot{width:100%}.vm-settings-security-row{gap:12px}.vm-settings-security-row>div>span,.vm-settings-helper,.vm-settings-warning{font-size:12px}.vm-settings-warning{line-height:1.45}.vm-settings-identity-list{grid-template-columns:1fr;gap:9px}.vm-settings-identity-list>div:first-child{grid-column:auto}.vm-settings-danger-card{grid-template-columns:1fr}.vm-settings-danger-card>p{grid-column:1;grid-row:2;margin-top:17px}.vm-settings-delete{grid-column:1;grid-row:3;width:100%;margin-top:14px}.vm-settings-action-dialog .vm-dialog-panel,.vm-settings-rename-dialog .vm-dialog-panel{padding:18px}}

/* Cloud resource sidebar submenus */
.nav-group{display:grid;margin-bottom:4px}
.nav-group>.nav-item{margin-bottom:0}
.nav-parent{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}
.nav-parent .nav-caret{display:grid;flex:0 0 18px;width:18px;height:18px;margin-left:auto;place-items:center;color:#7f8b98;transition:transform .18s ease,color .18s ease}
.nav-parent .nav-caret svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nav-parent:hover .nav-caret,.nav-parent.active .nav-caret{color:inherit}
.nav-group.is-open .nav-caret{transform:rotate(180deg)}
.nav-submenu{display:grid;gap:2px;padding:5px 0 3px}
.nav-submenu[hidden]{display:none}
.nav-subitem{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;column-gap:12px;min-height:36px;align-items:center;padding:6px 8px 6px 12px;border-radius:7px;color:#8f9ba8;font-size:12px;font-weight:600;transition:background .15s ease,color .15s ease}
.nav-subitem>.nav-submarker{display:block;justify-self:center;width:5px;height:5px;border-radius:50%;background:#596674;transition:background .15s ease,box-shadow .15s ease}
.nav-subitem:hover,.nav-subitem:focus-visible{outline:0;background:rgba(145,158,171,.08);color:#fff}
.nav-subitem.active{background:rgba(226,18,49,.12);color:#fff}
.nav-subitem.active>.nav-submarker{background:#ff5068;box-shadow:0 0 0 3px rgba(255,80,104,.12)}
.nav-new-badge{display:inline-flex;grid-column:3;align-items:center;justify-content:center;gap:4px;width:auto!important;height:24px!important;padding:0 7px;border-radius:6px;background:#0d5060;color:#61dce7!important;font-size:12px!important;font-weight:800;letter-spacing:.02em}
.nav-new-badge svg{display:block;width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:761px){.sidebar-collapsed .nav-group{margin-bottom:4px}.sidebar-collapsed .nav-parent .nav-caret,.sidebar-collapsed .nav-submenu{display:none}}

/* Reserved IP workspace — provider-owned data only */
.reserved-ip-page{gap:47px}
.reserved-ip-page-head{display:flex;min-height:60px;align-items:flex-start;justify-content:space-between;gap:24px}
.reserved-ip-page-head h1{margin:0;color:#fff;font-size:24px;line-height:1.5}
.reserved-ip-page-head nav{display:flex;align-items:center;gap:14px;margin-top:12px;color:#62758e;font-size:12px}
.reserved-ip-page-head nav a{color:#fff;font-weight:650}
.reserved-ip-page-head nav span[aria-hidden]{color:#66798f;font-size:12px}
.reserved-ip-create{display:inline-flex;min-width:193px;height:44px;align-items:center;justify-content:center;gap:8px;margin-top:5px;padding:0 24px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#e21231;color:#fff;font-size:15px;font-weight:650;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 8px 20px rgba(0,0,0,.08)}
.reserved-ip-create:hover,.reserved-ip-create:focus-visible{outline:0;background:#f31242;box-shadow:0 0 0 3px rgba(233,0,53,.16)}
.reserved-ip-create .customer-ui-icon{width:18px;height:18px;stroke-width:2}
.reserved-ip-card{overflow:hidden;border:0;border-radius:16px;background:#212b36;box-shadow:0 0 2px rgba(0,0,0,.4),0 12px 24px -4px rgba(0,0,0,.12)}
.reserved-ip-card>header{display:grid;align-content:start;min-height:94px;padding:24px 24px 0}
.reserved-ip-card>header h2{margin:0;color:#fff;font-size:18px;line-height:28px}
.reserved-ip-card>header p{margin:4px 0 0;color:#919eab;font-size:14px;line-height:22px}
.reserved-ip-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.reserved-ip-table{width:100%;min-width:960px;border-collapse:collapse;table-layout:fixed}
.reserved-ip-table col:nth-child(1){width:18.6%}.reserved-ip-table col:nth-child(2){width:16.9%}.reserved-ip-table col:nth-child(3){width:14.1%}.reserved-ip-table col:nth-child(4){width:20.5%}.reserved-ip-table col:nth-child(5){width:12.7%}.reserved-ip-table col:nth-child(6){width:11.4%}.reserved-ip-table col:nth-child(7){width:5.8%}
.reserved-ip-table th{height:57px;padding:0 16px;background:rgba(145,158,171,.12);color:#919eab;font-size:14px;font-weight:600;line-height:24px;text-align:left;white-space:nowrap}
.reserved-ip-table th:first-child,.reserved-ip-table td:first-child{padding-left:16px}
.reserved-ip-table td{height:63px;padding:11px 16px;border-bottom:1px dashed #2e3236;color:#fff;font-size:14px;line-height:22px;vertical-align:middle}
.reserved-ip-table td>strong,.reserved-ip-table td code{color:#fff;font-size:14px;font-weight:600}
.reserved-ip-table td code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.reserved-ip-region{display:inline-flex;align-items:center;gap:8px;min-width:0}
.reserved-ip-region>strong{overflow:hidden;color:#fff;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.reserved-ip-flag{display:grid;flex:0 0 20px;width:20px;height:15px;place-items:center;font-size:16px;line-height:1}
.reserved-ip-flag img{display:block;width:20px;height:14px;border-radius:1px;object-fit:cover}
.reserved-ip-attachment{display:inline-flex;max-width:100%;height:24px;align-items:center;gap:5px;padding:0 7px;border-radius:8px;font-size:12px;font-weight:700}
.reserved-ip-attachment .customer-ui-icon{flex:0 0 15px;width:15px;height:15px;stroke-width:2.3}
.reserved-ip-attachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reserved-ip-attachment.is-attached{background:#174b38;color:#4be393}
.reserved-ip-attachment.is-empty{background:#303b47;color:#8d9bab}
.reserved-ip-attachment.is-empty .customer-ui-icon{display:none}
.reserved-ip-status{display:inline-flex;min-width:80px;height:24px;align-items:center;justify-content:center;padding:0 10px;border-radius:6px;background:#303b47;color:#a9b4c0;font-size:12px;font-weight:700}
.reserved-ip-status.is-active{background:#174b38;color:#4be393}.reserved-ip-status.is-pending,.reserved-ip-status.is-updating,.reserved-ip-status.is-awaiting-payment{background:#4c3c18;color:#ffc548}.reserved-ip-status.is-failed,.reserved-ip-status.is-deleting,.reserved-ip-status.is-reconciliation-required{background:#4b2630;color:#ff7082}.reserved-ip-status.is-deleted{background:#303946;color:#8390a0}
.reserved-ip-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}
.reserved-ip-actions button{display:grid;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:#919eab;place-items:center;cursor:pointer}
.reserved-ip-actions button:hover,.reserved-ip-actions button:focus-visible{outline:0;background:rgba(145,158,171,.1);color:#aab5c1}
.reserved-ip-actions button.is-danger{color:#ff4d2f}.reserved-ip-actions button.is-danger:hover{background:rgba(255,77,47,.1);color:#ff694f}
.reserved-ip-actions button:disabled{opacity:1;cursor:not-allowed}.reserved-ip-actions .customer-ui-icon{width:20px;height:20px}
.reserved-ip-empty td{height:126px!important;text-align:center}
.reserved-ip-empty strong,.reserved-ip-empty span{display:block}.reserved-ip-empty strong{font-size:13px}.reserved-ip-empty span{margin-top:7px;color:#8391a1;font-size:12px}
.reserved-ip-notice{margin:0;padding:10px 16px;border-top:1px solid rgba(245,171,29,.2);background:rgba(245,171,29,.07);color:#f5bd4f;font-size:12px}
.reserved-ip-page~.cloud-workspace-dialog .cloud-kind-picker[hidden]{display:none!important}
@media(max-width:760px){.reserved-ip-page{gap:24px}.reserved-ip-page-head{min-height:70px;gap:12px}.reserved-ip-page-head h1{font-size:20px;line-height:30px}.reserved-ip-page-head nav{gap:9px;flex-wrap:wrap}.reserved-ip-create{flex:0 0 auto;min-width:0;margin-top:0;padding-inline:14px}.reserved-ip-card{border-radius:12px}.reserved-ip-card>header{min-height:94px}.reserved-ip-table-wrap{overflow-x:auto}.reserved-ip-table{display:table;min-width:960px;padding:0}.reserved-ip-table colgroup{display:table-column-group}.reserved-ip-table thead{display:table-header-group}.reserved-ip-table tbody{display:table-row-group}.reserved-ip-table tr[data-reserved-ip-row]{display:table-row;border:0;background:transparent}.reserved-ip-table tr[data-reserved-ip-row] td{display:table-cell;width:auto;height:63px;min-height:0;padding:11px 16px!important;border-bottom:1px dashed #2e3236}.reserved-ip-table tr[data-reserved-ip-row] td::before{display:none;content:none}.reserved-ip-empty{display:table-row}.reserved-ip-empty td{display:table-cell!important;width:auto;height:126px!important;padding:20px!important}.reserved-ip-region>strong{white-space:nowrap}}

/* Dedicated Reserved IP order flow */
.rip-create-page{display:grid;width:100%;max-width:1488px;gap:39px;margin-inline:auto;min-width:0}
.rip-create-head h1{margin:0;color:#fff;font-size:24px;line-height:36px}
.rip-create-head nav{display:flex;align-items:center;gap:14px;margin-top:4px;color:#62758e;font-size:14px;line-height:22px}
.rip-create-head nav a{color:#fff;font-weight:650}.rip-create-head nav span[aria-hidden]{color:#66798f;font-size:12px}
.rip-create-notice{display:flex;align-items:center;gap:10px;margin-top:-18px;padding:12px 16px;border:1px solid rgba(0,184,217,.34);border-radius:9px;background:rgba(0,184,217,.08);color:#8edff0;font-size:13px}.rip-create-notice .customer-ui-icon{width:18px;height:18px;flex:0 0 18px}
.rip-create-errors{margin-top:-18px;padding:14px 17px;border:1px solid rgba(255,86,48,.38);border-radius:9px;background:rgba(255,86,48,.09);color:#ff9b85;font-size:13px}.rip-create-errors ul{margin:6px 0 0;padding-left:18px}
.rip-create-layout{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(360px,1fr);align-items:start;gap:24px;min-width:0}
.rip-create-steps{display:grid;gap:24px;min-width:0}
.rip-create-card,.rip-order-card{overflow:hidden;border:0;border-radius:16px;background:#212b36;box-shadow:0 0 2px rgba(0,0,0,.4),0 12px 24px -4px rgba(0,0,0,.12)}
.rip-create-card[hidden]{display:none!important}
.rip-create-card-head{display:flex;min-height:95px;align-items:flex-start;gap:16px;padding:24px 24px 16px;border-bottom:1px solid rgba(145,158,171,.18)}
.rip-create-card-head h2,.rip-order-card>header h2{margin:0;color:#fff;font-size:18px;line-height:28px}
.rip-create-card-head p{margin:4px 0 0;color:#919eab;font-size:14px;line-height:22px}
.rip-step-icon{display:grid;flex:0 0 24px;width:24px;height:28px;place-items:center;color:#919eab}.rip-step-icon .customer-ui-icon{width:21px;height:21px;stroke-width:2}
.rip-step-icon.is-cyan{color:#00b8d9}.rip-step-icon.is-red{color:#e21231}.rip-step-icon.is-green{color:#22c55e}.rip-step-icon.is-gold{color:#d39a16}
.rip-location-grid,.rip-type-grid,.rip-pool-grid{display:grid;gap:16px;padding:24px}
.rip-location-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rip-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rip-pool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rip-pool-grid:empty{display:none}
.rip-select-card{position:relative;display:block;min-width:0;cursor:pointer}.rip-select-card[hidden]{display:none!important}
.rip-select-card>input{position:absolute;width:1px;height:1px;margin:-1px;opacity:0;pointer-events:none}
.rip-select-card-body{display:flex;min-height:76px;align-items:center;gap:12px;padding:14px 16px;border:1px solid #384656;border-radius:8px;background:#212b36;color:#fff;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}
.rip-select-card:hover .rip-select-card-body{border-color:#59687a;background:#25313d}.rip-select-card>input:focus-visible+.rip-select-card-body{outline:2px solid rgba(226,18,49,.75);outline-offset:3px}
.rip-select-card>input:checked+.rip-select-card-body{border-color:rgba(145,158,171,.16);background:#810321;box-shadow:0 0 0 2px #e21231}
.rip-location-choice img{display:block;flex:0 0 33px;width:33px;height:22px;border-radius:1px;object-fit:cover}.rip-location-choice .rip-select-card-body>span:nth-child(2){display:grid;min-width:0}.rip-location-choice strong{font-size:14px}.rip-location-choice small{margin-top:1px;color:#fff;font-size:12px}
.rip-selected-check{display:grid;flex:0 0 20px;width:20px;height:20px;margin-left:auto;border-radius:50%;background:#ffe3ea;color:#bd0634;place-items:center;opacity:0}.rip-selected-check .customer-ui-icon{width:13px;height:13px;stroke-width:3}.rip-select-card>input:checked+.rip-select-card-body .rip-selected-check{opacity:1}
.rip-type-choice .rip-select-card-body{min-height:82px;gap:16px;padding:20px}.rip-type-choice strong{font-size:16px}.rip-type-symbol{display:grid;flex:0 0 40px;width:40px;height:40px;color:#6f7d8d;place-items:center}.rip-type-symbol .customer-ui-icon{width:40px;height:40px}.rip-type-choice .rip-selected-check{width:24px;height:24px;flex-basis:24px}.rip-type-choice .rip-selected-check .customer-ui-icon{width:15px;height:15px}.rip-select-card>input:checked+.rip-select-card-body .rip-type-symbol,.rip-select-card>input:checked+.rip-select-card-body .rip-pool-symbol{color:#e21231}.rip-type-choice>input:checked+.rip-select-card-body strong{color:#ffd6e2}
.rip-pool-symbol{display:grid;flex:0 0 24px;width:24px;height:24px;color:#6f7d8d;place-items:center}.rip-pool-symbol .customer-ui-icon{width:24px;height:24px}.rip-pool-choice .rip-select-card-body{min-height:58px;padding:14px 16px}.rip-pool-choice code{overflow:hidden;color:#fff;font-size:14px;font-weight:700;line-height:22px;text-overflow:ellipsis;white-space:nowrap}.rip-pool-choice .rip-selected-check{width:20px;height:20px;flex-basis:20px}.rip-pool-choice>input:checked+.rip-select-card-body code{color:#ffd6e2}
.rip-pool-state{display:flex;min-height:74px;align-items:center;justify-content:center;gap:10px;margin:0;padding:24px;color:#91a7c6;font-size:13px;text-align:center}.rip-pool-state[hidden]{display:none}.rip-pool-state.is-loading:before{width:17px;height:17px;border:2px solid rgba(145,167,198,.3);border-top-color:#00b8d9;border-radius:50%;content:"";animation:rip-spin .8s linear infinite}.rip-pool-state.is-error{color:#ff8798}.rip-pool-state button{padding:5px 10px;border:1px solid rgba(226,18,49,.6);border-radius:6px;background:transparent;color:#fff;font:inherit;font-weight:650;cursor:pointer}@keyframes rip-spin{to{transform:rotate(360deg)}}
.rip-name-field{padding:24px}.rip-name-field input{width:100%;height:53px;padding:0 14px;border:1px solid #3a4859;border-radius:8px;outline:0;background:#212b36;color:#fff;font-size:14px}.rip-name-field input::placeholder{color:#62758e}.rip-name-field input:focus{border-color:#e21231;box-shadow:0 0 0 3px rgba(226,18,49,.12)}
.rip-order-card{position:sticky;top:122px;min-height:661px}
.rip-order-card>header{display:flex;min-height:68px;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid rgba(145,158,171,.18)}
.rip-order-body{padding:0 24px 24px}.rip-order-item{display:grid;gap:7px;padding:24px 0;border-bottom:1px dashed rgba(145,158,171,.23)}
.rip-order-label{display:flex;align-items:center;gap:10px;color:#919eab;font-size:12px}.rip-order-label .customer-ui-icon{width:17px;height:17px}.rip-order-item.is-service .rip-order-label .customer-ui-icon{color:#e21231}.rip-order-item.is-location .rip-order-label .customer-ui-icon{color:#00b8d9}.rip-order-item.is-cycle .rip-order-label .customer-ui-icon{color:#d39a16}
.rip-order-item>strong{font-size:14px}.rip-order-item code{display:flex;width:max-content;max-width:100%;min-height:24px;align-items:center;padding:0 8px;border-radius:8px;background:rgba(226,18,49,.16);color:#ff6075;font-size:13px;line-height:24px;white-space:normal;overflow-wrap:anywhere}
.rip-order-location{display:flex;align-items:center;gap:9px}.rip-order-location img{display:block;width:22px;height:15px;object-fit:cover}.rip-order-location strong{font-size:14px}
.rip-order-price{display:flex;align-items:center;justify-content:space-between;gap:18px}.rip-order-price>strong{font-size:14px}.rip-order-price>span{display:flex;align-items:baseline}.rip-order-price b{font-size:18px}.rip-order-price small{margin-left:3px;color:#919eab;font-size:12px}.rip-order-item.is-cycle>p{margin:0;color:#919eab;font-size:12px}
.rip-order-note{padding:20px 0 24px;border-bottom:1px dashed rgba(145,158,171,.23);color:#919eab;font-size:12px;line-height:18px}.rip-order-note p{margin:0}.rip-order-note p:first-child{display:flex;gap:9px}.rip-order-note p:first-child span{color:#00b8d9;font-size:12px}.rip-order-note p+p{padding-left:19px}
.rip-order-submit{display:flex;width:100%;height:52px;align-items:center;justify-content:center;gap:9px;margin-top:36px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#e21231;color:#fff;font-size:17px;font-weight:600;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.rip-order-submit:hover:not(:disabled),.rip-order-submit:focus-visible{outline:0;background:#f31242;box-shadow:0 0 0 3px rgba(226,18,49,.16)}.rip-order-submit:disabled{opacity:.55;cursor:not-allowed}.rip-order-submit .customer-ui-icon{width:18px;height:18px}
@media(max-width:1180px){.rip-create-layout{grid-template-columns:1fr}.rip-order-card{position:static;min-height:0}.rip-order-submit{margin-top:24px}.rip-location-grid,.rip-pool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){.rip-create-page{gap:24px}.rip-create-head h1{font-size:20px;line-height:30px}.rip-create-head nav{gap:9px;flex-wrap:wrap;font-size:12px}.rip-create-card-head{gap:12px;padding:24px 24px 16px}.rip-create-card-head h2,.rip-order-card>header h2{font-size:17px;line-height:26px}.rip-create-card-head p{font-size:14px;line-height:22px}.rip-location-grid,.rip-type-grid,.rip-pool-grid{grid-template-columns:1fr;padding:24px}.rip-order-card>header{padding-inline:24px}.rip-order-body{padding-inline:24px}}

/* Object Storage service list */
body:has(.object-storage-page),body:has(.os-order-page){background:#151b23}
body:has(.object-storage-page) .app-content,body:has(.os-order-page) .app-content{padding-top:22px;padding-bottom:64px}
.object-storage-page{display:grid;width:100%;max-width:1488px;gap:47px;margin-inline:auto;color:#fff}
.object-storage-page-head{display:flex;min-height:55px;align-items:flex-start;justify-content:space-between;gap:24px}
.object-storage-page-head h1{margin:0;color:#fff;font-size:24px;line-height:36px}
.object-storage-page-head nav,.os-order-head nav{display:flex;align-items:center;gap:14px;margin-top:4px;color:#63758d;font-size:14px;line-height:22px}
.object-storage-page-head nav a,.os-order-head nav a{color:#fff;font-weight:650}.object-storage-page-head nav span[aria-hidden],.os-order-head nav span[aria-hidden]{color:#66778d;font-size:12px}
.object-storage-primary{display:inline-flex;min-width:288px;height:44px;align-items:center;justify-content:center;gap:9px;margin-top:5px;padding:0 24px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#e4003b;color:#fff;font-size:15px;font-weight:650;box-shadow:inset 0 -2px 3px rgba(0,0,0,.12)}
.object-storage-primary:hover,.object-storage-primary:focus-visible{outline:0;background:#f41349;box-shadow:0 0 0 3px rgba(228,0,59,.16)}.object-storage-primary .customer-ui-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.object-storage-table-card{overflow:hidden;min-height:515px;border:0;border-radius:16px;background:#212b36;box-shadow:0 0 2px rgba(0,0,0,.45),0 12px 24px -4px rgba(0,0,0,.14)}
.object-storage-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;contain:inline-size}
.object-storage-table{width:100%;min-width:930px;border-collapse:collapse;table-layout:fixed}.object-storage-table col:nth-child(1){width:55%}.object-storage-table col:nth-child(2){width:11%}.object-storage-table col:nth-child(3){width:11%}.object-storage-table col:nth-child(4){width:11%}.object-storage-table col:nth-child(5){width:8%}.object-storage-table col:nth-child(6){width:4%}
.object-storage-table th{height:59px;padding:0 16px;background:#303946;color:#91a0b2;font-size:14px;font-weight:600;line-height:24px;text-align:left;white-space:nowrap}.object-storage-table th:first-child,.object-storage-table td:first-child{padding-left:16px}.object-storage-table th button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:#fff;font:inherit;font-weight:650;cursor:pointer}.object-storage-table th button span{color:#7f8b9a;font-size:18px;font-weight:400}
.object-storage-table tbody{background:#212b36}.object-storage-table tr[data-os-row] td{height:80px;padding:11px 16px;border-bottom:1px dashed rgba(145,158,171,.2);color:#fff;font-size:14px;vertical-align:middle}.object-storage-table tr[hidden]{display:none!important}
.object-storage-service-name{display:flex;align-items:center;gap:14px;min-width:0}.object-storage-service-icon{display:grid;flex:0 0 46px;width:46px;height:46px;border-radius:8px;background:#303a46;color:#c2cad4;place-items:center}.object-storage-service-icon .customer-ui-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.object-storage-service-name>span:last-child{display:grid;min-width:0}.object-storage-service-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-storage-service-name small{color:#77879a;font-size:12px}
.object-storage-location{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.object-storage-location img{display:block;width:20px;height:14px;border-radius:1px;object-fit:cover}.object-storage-meter{display:block;width:80px;height:6px;margin:0 auto 7px;border-radius:8px;background:#35414f;overflow:hidden}.object-storage-meter>span{display:block;width:var(--value);height:100%;border-radius:inherit;background:#36b37e}.object-storage-table td:nth-child(2),.object-storage-table td:nth-child(3),.object-storage-table td:nth-child(4),.object-storage-table td:nth-child(5){text-align:center}
.object-storage-status{display:inline-flex;min-width:72px;height:24px;align-items:center;justify-content:center;padding:0 8px;border-radius:6px;background:#394552;color:#b5c0cb;font-size:12px;font-weight:700}.object-storage-status.is-active{background:#164b37;color:#4be393}.object-storage-status.is-building,.object-storage-status.is-pending,.object-storage-status.is-awaiting-payment{background:#4c3d19;color:#ffc548}.object-storage-status.is-failed,.object-storage-status.is-reconciliation-required{background:#4d2530;color:#ff7184}
.object-storage-row-action{display:grid;width:34px;height:34px;border-radius:50%;color:#8c99a8;place-items:center}.object-storage-row-action:hover,.object-storage-row-action:focus-visible{outline:0;background:rgba(145,158,171,.1);color:#fff}.object-storage-row-action .customer-ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.object-storage-no-data[hidden]{display:none!important}.object-storage-no-data td{height:389px;padding:16px;border:16px solid #212b36;border-top-width:15px;border-bottom-width:0;border-radius:16px;background:#252f3b;text-align:center;vertical-align:middle}.object-storage-no-data td>strong{display:block;margin-top:13px;color:#637183;font-size:18px}.object-storage-empty-art{position:relative;width:96px;height:88px;margin:auto;color:#667486}.object-storage-empty-art>span{position:absolute;left:27px;top:18px;display:grid;width:48px;height:48px;border:1px solid #657383;border-radius:7px;background:#7a8795;color:#3e4a57;box-shadow:0 8px 18px rgba(0,0,0,.14);place-items:center}.object-storage-empty-art>span .customer-ui-icon{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8}.object-storage-empty-art i{position:absolute;width:5px;height:5px;border-radius:50%;background:#526071}.object-storage-empty-art i:nth-of-type(1){left:4px;top:47px}.object-storage-empty-art i:nth-of-type(2){right:3px;top:31px}.object-storage-empty-art i:nth-of-type(3){right:10px;bottom:3px}
.object-storage-list-notice{margin:0;padding:10px 16px;border-top:1px solid rgba(245,171,29,.22);background:rgba(245,171,29,.07);color:#f5bd4f;font-size:12px}
.object-storage-pagination{display:flex;height:64px;align-items:center;justify-content:flex-end;gap:28px;padding:0 20px;color:#fff;font-size:14px}.object-storage-pagination label{display:flex;align-items:center;gap:8px}.object-storage-pagination select{min-width:48px;padding:4px 20px 4px 5px;border:0;outline:0;background:transparent;color:#fff;cursor:pointer}.object-storage-pagination select option{background:#212b36;color:#fff}.object-storage-pagination button{display:grid;width:34px;height:34px;margin-left:-14px;padding:0;border:0;border-radius:50%;background:transparent;color:#91a0b2;place-items:center;cursor:pointer}.object-storage-pagination button:hover:not(:disabled){background:rgba(145,158,171,.1);color:#fff}.object-storage-pagination button:disabled{color:#596777;cursor:not-allowed}.object-storage-pagination .customer-ui-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}

/* Object Storage order flow */
.os-order-page{display:grid;width:100%;max-width:1488px;gap:39px;margin-inline:auto;color:#fff;min-width:0}.os-order-head h1{margin:0;color:#fff;font-size:24px;line-height:36px}.os-order-head nav{margin-top:4px}.os-order-notice{display:flex;align-items:center;gap:10px;margin-top:-18px;padding:12px 16px;border:1px solid rgba(0,184,217,.34);border-radius:9px;background:rgba(0,184,217,.08);color:#8edff0;font-size:13px}.os-order-notice .customer-ui-icon{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.os-order-layout{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(420px,1fr);align-items:start;gap:24px;min-width:0}.os-order-config{display:grid;min-width:0}.os-choice-section h2,.os-configuration-section>h2{margin:0;color:#fff;font-size:20px;line-height:30px}.os-choice-section>p{margin:13px 0 16px;color:#fff;font-size:16px;line-height:24px}.os-location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.os-location-choice{position:relative;display:block;min-width:0;cursor:pointer}.os-location-choice>input,.os-cycle-choice>input{position:absolute;width:1px;height:1px;margin:-1px;opacity:0;pointer-events:none}.os-location-choice-body{display:flex;min-height:80px;align-items:center;gap:12px;padding:14px 20px;border:1px solid #394757;border-radius:8px;background:#212b36;color:#fff;transition:border-color .14s,background .14s,box-shadow .14s}.os-location-choice:hover .os-location-choice-body{border-color:#5a6879;background:#25313d}.os-location-choice>input:focus-visible+.os-location-choice-body{outline:2px solid rgba(226,18,49,.8);outline-offset:3px}.os-location-choice>input:checked+.os-location-choice-body{border-color:#e4003b;background:#af002c;box-shadow:0 0 0 1px #e4003b}.os-location-choice img{display:block;flex:0 0 48px;width:48px;height:34px;border-radius:1px;object-fit:cover}.os-location-choice strong{font-size:14px}.os-location-choice small{padding:3px 6px;border-radius:5px;background:rgba(255,255,255,.12);font-size:12px}.os-choice-check{display:grid;flex:0 0 20px;width:20px;height:20px;margin-left:auto;border-radius:50%;background:#ffe2ea;color:#c20035;place-items:center;opacity:0}.os-choice-check .customer-ui-icon{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:3}.os-location-choice>input:checked+.os-location-choice-body .os-choice-check{opacity:1}
.os-cycle-section{margin-top:31px}.os-cycle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.os-cycle-choice{position:relative;display:block;cursor:pointer}.os-cycle-choice>span{display:flex;min-height:48px;align-items:center;justify-content:center;gap:10px;padding:8px 16px;border:1px solid #3b4857;border-radius:7px;background:#212b36;color:#fff;font-size:14px;font-weight:700;transition:border-color .14s,background .14s}.os-cycle-choice:hover>span{border-color:#596777;background:#25313d}.os-cycle-choice>input:focus-visible+span{outline:2px solid rgba(226,18,49,.8);outline-offset:3px}.os-cycle-choice>input:checked+span{border-color:#e4003b;background:#b2002f;box-shadow:0 0 0 1px #e4003b}.os-cycle-choice>input:checked+span:after{display:grid;width:18px;height:18px;border-radius:50%;background:#ffdbe5;color:#bb0032;content:'✓';font-size:12px;place-items:center}.os-cycle-choice small{padding:3px 6px;border-radius:6px;background:#18553d;color:#4ee496;font-size:12px;font-weight:800}.os-cycle-choice>input:checked+span small{background:rgba(22,28,36,.2);color:#fff}.os-cycle-choice>input:disabled+span{opacity:.45;cursor:not-allowed}.os-capacity-cycle-note{margin:8px 0 0!important;color:#f8bd4c!important;font-size:12px!important}.os-capacity-cycle-note[hidden]{display:none!important}
.os-configuration-section{margin-top:31px}.os-configuration-section>h2{margin-bottom:18px}.os-configuration-card{min-height:319px;padding:26px 25px;border:1px solid #394757;border-radius:7px;background:#212b36}.os-name-field{display:grid;gap:0;color:#fff;font-size:14px;font-weight:700}.os-name-field>span{margin-bottom:17px}.os-name-field input{width:100%;height:53px;padding:0 14px;border:1px solid #3b495a;border-radius:8px;outline:0;background:#212b36;color:#fff;font-size:14px;font-weight:500}.os-name-field input::placeholder{color:#62768f}.os-name-field input:focus{border-color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.08)}.os-name-field input.is-error{border-color:#ff4d68;box-shadow:0 0 0 1px rgba(255,77,104,.1)}.os-name-field small{min-height:20px;margin:8px 14px 0;color:#7e94af;font-size:12px;font-weight:500}.os-name-field small.is-error{color:#ff6a81}.os-capacity-head{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.os-capacity-head strong{font-size:14px}.os-capacity-head output{display:inline-flex;min-width:68px;height:36px;align-items:center;justify-content:center;padding:0 14px;border-radius:7px;background:#df0039;color:#fff;font-size:18px;font-weight:800}.os-capacity-control{position:relative;margin-top:17px;padding-bottom:31px}.os-capacity-control input[type=range]{--range-progress:7.69%;display:block;width:100%;height:18px;margin:0;appearance:none;background:transparent;cursor:pointer}.os-capacity-control input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:8px;background:linear-gradient(to right,#e4003b 0 var(--range-progress),#3b4755 var(--range-progress) 100%)}.os-capacity-control input[type=range]::-moz-range-track{height:6px;border-radius:8px;background:linear-gradient(to right,#e4003b 0 var(--range-progress),#3b4755 var(--range-progress) 100%)}.os-capacity-control input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;border:3px solid #fff;border-radius:50%;appearance:none;background:#d9dfe5;box-shadow:0 0 0 5px rgba(255,255,255,.13),0 2px 6px rgba(0,0,0,.35)}.os-capacity-control input[type=range]::-moz-range-thumb{width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#d9dfe5;box-shadow:0 0 0 5px rgba(255,255,255,.13),0 2px 6px rgba(0,0,0,.35)}.os-capacity-control input[type=range]:focus-visible{outline:0}.os-capacity-control input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(228,0,59,.25)}.os-capacity-marks{position:absolute;left:0;right:0;top:24px;height:24px;color:#60758e;font-size:12px;pointer-events:none}.os-capacity-marks span{position:absolute;left:var(--left);white-space:nowrap;transform:translateX(-50%)}.os-capacity-marks span:first-child{transform:none}.os-capacity-marks span:last-child{transform:translateX(-100%)}.os-unit-price{margin:5px 0 0;color:#7590b1;font-size:12px}.os-unit-price strong{color:#8ea6c3}
.os-summary-card{position:sticky;top:88px;overflow:hidden;min-height:696px;border-radius:16px;background:#212b36;box-shadow:0 0 2px rgba(0,0,0,.45),0 12px 24px -4px rgba(0,0,0,.14)}.os-summary-card>header{display:flex;min-height:70px;align-items:center;gap:16px;padding:17px 28px;border-bottom:1px solid rgba(145,158,171,.18)}.os-summary-card>header h2{margin:0;font-size:18px}.os-summary-title-icon{display:grid;width:24px;height:30px;color:#d8003b;place-items:center}.os-summary-title-icon .customer-ui-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.os-summary-body{padding:15px 16px 16px}.os-summary-service{padding:12px;border:1px solid #414d5b;border-radius:14px;background:#303946}.os-summary-product{display:flex;align-items:flex-start;gap:13px}.os-summary-product-icon{display:grid;flex:0 0 36px;width:36px;height:36px;border-radius:9px;background:#ffd4e1;color:#d30742;place-items:center}.os-summary-product-icon .customer-ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.os-summary-product>div{display:grid;min-width:0}.os-summary-product strong{font-size:14px}.os-summary-product small{margin-top:2px;color:#91a0b2;font-size:12px}.os-summary-location{display:flex;align-items:center;gap:5px;margin-top:4px;color:#7d93ae;font-size:12px}.os-summary-location .customer-ui-icon{width:13px;height:13px;fill:none;stroke:#00b8d9;stroke-width:2}.os-summary-badges{display:flex;gap:6px;margin:7px 0 14px;padding-left:49px}.os-summary-badges span{display:inline-flex;height:20px;align-items:center;padding:0 6px;border-radius:5px;background:rgba(226,18,49,.15);color:#ff3d63;font-size:12px;font-weight:800}.os-summary-badges span.is-discount{background:rgba(54,179,126,.16);color:#54d6a8}.os-summary-badges span[hidden]{display:none!important}.os-summary-base{display:flex;align-items:flex-end;justify-content:space-between;padding-top:16px;border-top:1px dashed rgba(145,158,171,.25);color:#91a0b2;font-size:12px}.os-summary-base>span:last-child{display:grid;justify-items:end}.os-summary-base s{color:#708093;font-size:12px}.os-summary-base s[hidden]{display:none}.os-summary-base strong{color:#fff;font-size:14px}
.os-summary-features{margin-top:16px;padding-top:16px;border-top:1px dashed rgba(145,158,171,.23)}.os-summary-features h3{margin:0 0 10px;font-size:12px}.os-summary-features dl{display:grid;gap:6px;margin:0}.os-summary-features dl>div{display:flex;min-height:36px;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border:1px solid #3d4b5a;border-radius:9px;color:#fff;font-size:12px}.os-summary-features dt{display:flex;align-items:center;gap:8px}.os-summary-features dt>span{display:grid;width:16px;height:16px;place-items:center}.os-summary-features dt>span .customer-ui-icon{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.os-summary-features dt>span.is-green{color:#3dda84}.os-summary-features dt>span.is-green .customer-ui-icon{transform:rotate(180deg)}.os-summary-features dt>span.is-cyan{color:#04bdd8}.os-summary-features dt>span.is-gold{color:#ffb400}.os-summary-features dt>span.is-purple{color:#8a24ee}.os-summary-features dt button{display:grid;width:16px;height:16px;padding:0;border:0;background:transparent;color:#708092;place-items:center;cursor:help}.os-summary-features dt button .customer-ui-icon{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}.os-summary-features dd{margin:0;color:#7fa0c6;font-size:12px}
.os-summary-total{display:grid;margin-top:16px;padding-top:16px;border-top:1px dashed rgba(145,158,171,.23)}.os-summary-total>span{color:#89a0bc;font-size:12px;font-weight:700;letter-spacing:.05em}.os-summary-saving{display:flex;align-items:center;justify-content:space-between;margin-top:8px;color:#71839a;font-size:12px}.os-summary-saving[hidden]{display:none!important}.os-summary-saving em{padding:3px 7px;border-radius:5px;background:rgba(54,179,126,.16);color:#54d6a8;font-style:normal;font-weight:700}.os-summary-total>strong{display:flex;min-height:77px;align-items:center;margin-top:9px;padding:12px 20px;border:1px solid #404d5c;border-radius:14px;background:#303946;color:#fff;font-size:32px;line-height:1}.os-summary-total>strong small{margin-left:auto;color:#87a0bf;font-size:12px;font-weight:500}.os-deploy-button{display:flex;width:100%;height:49px;align-items:center;justify-content:center;gap:9px;margin-top:16px;border:0;border-radius:7px;background:#fff;color:#17202a;font-size:15px;font-weight:750;cursor:pointer}.os-deploy-button:hover:not(:disabled),.os-deploy-button:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(255,255,255,.16)}.os-deploy-button:disabled{background:#3f4b59;color:#7f8d9d;cursor:not-allowed}.os-deploy-button .customer-ui-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
@media(max-width:1180px){.object-storage-page,.os-order-page{max-width:none}.os-order-layout{grid-template-columns:1fr}.os-summary-card{position:static;min-height:0}.os-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.os-cycle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body:has(.object-storage-page) .app-content,body:has(.os-order-page) .app-content{padding-top:18px}.object-storage-page,.os-order-page{gap:25px}.object-storage-page-head{align-items:flex-start;gap:12px}.object-storage-page-head h1,.os-order-head h1{font-size:20px;line-height:30px}.object-storage-page-head nav,.os-order-head nav{gap:9px;flex-wrap:wrap;font-size:12px}.object-storage-primary{min-width:0;height:40px;margin-top:0;padding:0 13px;font-size:12px}.object-storage-table-card{min-height:430px;border-radius:12px}.object-storage-table{width:100%;min-width:0}.object-storage-table col:nth-child(1){width:52%}.object-storage-table col:nth-child(2){width:28%}.object-storage-table col:nth-child(5){width:20%}.object-storage-table col:nth-child(3),.object-storage-table col:nth-child(4),.object-storage-table col:nth-child(6),.object-storage-table th:nth-child(3),.object-storage-table th:nth-child(4),.object-storage-table th:nth-child(6),.object-storage-table tr[data-os-row] td:nth-child(3),.object-storage-table tr[data-os-row] td:nth-child(4),.object-storage-table tr[data-os-row] td:nth-child(6){display:none}.object-storage-table th,.object-storage-table tr[data-os-row] td{padding-inline:9px}.object-storage-service-icon{width:36px;height:36px;flex-basis:36px}.object-storage-service-icon .customer-ui-icon{width:20px;height:20px}.object-storage-service-name{gap:9px}.object-storage-service-name small{display:none}.object-storage-location{white-space:normal}.object-storage-no-data td{height:300px}.object-storage-pagination{gap:17px;padding-inline:12px;font-size:12px}.object-storage-pagination button{margin-left:-8px}.os-choice-section>p{font-size:14px}.os-location-grid,.os-cycle-grid{grid-template-columns:1fr}.os-configuration-card{padding:20px 16px}.os-capacity-marks{font-size:12px}.os-summary-card>header{padding-inline:20px}.os-summary-body{padding-inline:12px}}
@media(max-width:430px){.object-storage-page-head{display:grid}.object-storage-primary{width:max-content}.object-storage-primary svg{display:none}.object-storage-pagination{justify-content:space-between;gap:5px}.object-storage-pagination label{gap:3px}.object-storage-pagination button{margin-left:0}.os-summary-total>strong{font-size:26px}.os-capacity-marks span:nth-child(even){display:none}}
/* Onidel-style graceful/forced shutdown confirmation. */
.vm-force-shutdown{display:flex;align-items:flex-start;gap:13px;margin:0;padding:15px 14px;border:1px solid #455266;border-radius:8px;background:#202a37;color:#f5f7fa;cursor:pointer}.vm-force-shutdown[hidden],.vm-confirm-name[hidden]{display:none}.vm-force-shutdown>input{flex:0 0 auto;width:17px;height:17px;margin:0;margin-top:1px;accent-color:#ffae00;cursor:pointer}.vm-force-shutdown>span{display:flex;flex-direction:column;gap:3px}.vm-force-shutdown strong{font-size:14px;line-height:1.25}.vm-force-shutdown small{max-width:330px;color:#778395;font-size:12px;line-height:1.5}.vm-confirm-dialog.is-power{width:min(444px,calc(100% - 28px));border:0;border-radius:16px;background:#202b38}.vm-confirm-dialog.is-power .vm-dialog-panel{padding:25px 24px 24px}.vm-confirm-dialog.is-power .vm-dialog-panel>header{padding:0;border:0}.vm-confirm-dialog.is-power .vm-dialog-panel>header h2{margin:0;font-size:19px;line-height:1.35}.vm-confirm-dialog.is-power .vm-dialog-kicker,.vm-confirm-dialog.is-power .vm-dialog-panel>header>button{display:none}.vm-confirm-dialog.is-power [data-confirm-message]{margin:19px 0 18px;color:#f0f3f6;font-size:14px;font-weight:550;line-height:1.52}.vm-confirm-dialog.is-power .vm-action-feedback:empty{display:none}.vm-confirm-dialog.is-power .vm-dialog-panel>footer{margin-top:24px}.vm-confirm-dialog.is-power .vm-dialog-panel>footer [data-confirm-submit]{order:1;border:1px solid #ffae00;background:#ffae00;color:#111820;font-weight:750}.vm-confirm-dialog.is-power .vm-dialog-panel>footer .vm-dialog-cancel{order:2;border:1px solid #506075;background:transparent;color:#f2f4f7;font-weight:700}.vm-confirm-dialog.is-power .vm-dialog-panel>footer button{min-height:38px;padding:0 13px}

/* Consistent Onidel-style action dialogs. */
.vm-dialog{border-color:#3d495b;border-radius:15px;background:#202b38}
.vm-dialog .vm-dialog-panel{border-radius:inherit}
.vm-dialog-panel>footer{align-items:center;gap:12px;margin-top:22px}
.vm-dialog-panel>footer button{width:auto;min-width:112px;height:40px;min-height:40px;padding:0 16px;border-radius:8px;line-height:1}
.vm-confirm-dialog.is-power .vm-dialog-panel>footer button{width:112px;height:40px;min-height:40px;padding:0 12px}
.vm-confirm-dialog.is-power .vm-dialog-panel{padding:26px 24px 24px}
.vm-confirm-dialog.is-power [data-confirm-message]{margin:20px 0;color:#f3f5f7;line-height:1.55}
.vm-force-shutdown{padding:16px 14px;border-color:#48576a;border-radius:9px;background:#202b38}
.vm-force-shutdown small{color:#8491a2}
.vm-reinstall-dialog{width:min(540px,calc(100% - 28px));border-color:#3d495b;background:#202b38}
.vm-reinstall-dialog .vm-dialog-panel{padding:27px 24px 23px}
.vm-reinstall-dialog .vm-dialog-panel>header{padding:0;border-bottom:0}
.vm-reinstall-dialog h2{font-size:20px;line-height:1.3}
.vm-reinstall-warning{min-height:56px;align-items:center;margin:22px 0 27px;padding:13px 15px;border-color:#725b2c;border-radius:8px;background:#302c23;color:#ffd966;font-size:13px;font-weight:650}
.vm-reinstall-warning .customer-ui-icon,.vm-reinstall-warning .tabler-ui-icon{flex:0 0 20px;width:20px;height:20px;color:#ffbe2e}
.vm-reinstall-picker{margin:0 0 22px}
.vm-reinstall-picker-toggle{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:58px;min-height:58px;padding:10px 14px;border:1px solid #536174;border-radius:8px;background:#202b38;color:#f7f9fb;cursor:pointer;text-align:left}
.vm-reinstall-picker-toggle:hover,.vm-reinstall-picker-toggle:focus-visible,.vm-reinstall-picker-toggle[aria-expanded=true]{border-color:#d9e1ea;outline:none}
.vm-reinstall-picker-label{position:absolute;z-index:1;top:-9px;left:10px;display:block!important;padding:0 6px;background:#202b38;color:#e8edf3!important;font-size:12px!important;font-weight:700;line-height:18px}
.vm-reinstall-picker-toggle>span:not(.vm-reinstall-picker-label){display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-width:0;font-size:14px}
.vm-reinstall-picker-toggle b{margin-left:auto;color:#9caaba;font-size:18px;font-weight:500;line-height:1}
.vm-reinstall-picker-menu{top:calc(100% + 7px);padding:6px;border-color:#435164;border-radius:8px;background:#202b38;box-shadow:0 18px 45px rgba(3,7,12,.62)}
.vm-reinstall-picker-menu input{height:41px;margin-bottom:6px;border-color:#4b596c;background:#18222e}
.vm-reinstall-picker-menu [role=listbox]{max-height:315px}
.vm-reinstall-picker-menu [role=option]{min-height:43px;padding:8px 11px;border-radius:6px;font-size:14px}
.vm-reinstall-picker-menu [role=option]:hover,.vm-reinstall-picker-menu [role=option][aria-selected=true]{background:#2d3947}
.vm-os-choice{display:block;flex:0 0 25px;width:25px;height:25px;object-fit:contain}
.vm-os-choice.is-generic{display:grid;place-items:center;border-radius:50%;color:#728195;font-size:12px}
.vm-reinstall-picker-toggle .vm-os-choice{flex-basis:23px;width:23px;height:23px}
.vm-reinstall-chip{display:inline-flex;align-items:center;min-height:24px;padding:2px 8px;border-radius:5px;background:#087f96;color:#fff}
.vm-reinstall-dialog .vm-action-feedback:empty{display:none}
.vm-reinstall-dialog footer{margin-top:4px}
.vm-reinstall-dialog footer .action-red{width:112px;height:40px;min-height:40px}
@media(max-width:520px){.vm-dialog-panel>footer button,.vm-confirm-dialog.is-power .vm-dialog-panel>footer button,.vm-reinstall-dialog footer .action-red{width:100%}.vm-reinstall-dialog .vm-dialog-panel{padding:23px 18px 20px}}

/* Match Onidel power-action footer geometry: equal height, content-sized width. */
.vm-confirm-dialog.is-power .vm-dialog-panel>footer{justify-content:flex-end}
.vm-confirm-dialog.is-power .vm-dialog-panel>footer button{width:auto;min-width:0;height:40px;min-height:40px;padding:0 13px}
.vm-confirm-dialog.is-power .vm-dialog-panel>footer [data-confirm-submit]{min-width:104px;margin-top:0}
.vm-confirm-dialog.is-power .vm-dialog-panel>footer .vm-dialog-cancel{min-width:72px}
.vm-os-choice{flex-basis:24px;width:24px;height:24px}
.vm-reinstall-picker-toggle .vm-os-choice{flex-basis:24px;width:24px;height:24px}
@media(max-width:520px){.vm-confirm-dialog.is-power .vm-dialog-panel>footer button{width:100%}}

/* Block Storage list and fail-closed order preview. */
body:has(.block-storage-page),body:has(.block-storage-order-page){background:#151b23}
body:has(.block-storage-page) .app-content,body:has(.block-storage-order-page) .app-content{padding-top:22px;padding-bottom:64px}
.block-storage-page,.block-storage-order-page{display:grid;width:100%;max-width:1488px;margin-inline:auto;color:#fff;min-width:0}
.block-storage-page{gap:47px}
.block-storage-page-head{display:flex;min-height:55px;align-items:flex-start;justify-content:space-between;gap:24px}
.block-storage-page-head h1,.block-storage-order-head h1{margin:0;color:#fff;font-size:24px;line-height:36px}
.block-storage-page-head nav,.block-storage-order-head nav{display:flex;align-items:center;gap:14px;margin-top:4px;color:#63758d;font-size:14px;line-height:22px}
.block-storage-page-head nav a,.block-storage-order-head nav a{color:#fff;font-weight:650}
.block-storage-page-head nav span[aria-hidden],.block-storage-order-head nav span[aria-hidden]{color:#66778d;font-size:12px}
.block-storage-primary{display:inline-flex;min-width:224px;height:44px;align-items:center;justify-content:center;gap:9px;margin-top:5px;padding:0 22px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#e4003b;color:#fff;font-size:14px;font-weight:700;text-decoration:none;box-shadow:inset 0 -2px 3px rgba(0,0,0,.12)}
.block-storage-primary:hover,.block-storage-primary:focus-visible{outline:0;background:#f41349;box-shadow:0 0 0 3px rgba(228,0,59,.16)}
.block-storage-primary .customer-ui-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.block-storage-table-card{overflow:hidden;min-height:606px;border-radius:16px;background:#212b36;box-shadow:0 0 2px rgba(0,0,0,.45),0 12px 24px -4px rgba(0,0,0,.14)}
.block-storage-filters{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;padding:20px;border-bottom:1px solid rgba(145,158,171,.12)}
.block-storage-filters label{display:block;min-width:0}
.block-storage-filters select,.block-storage-search{width:100%;height:54px;border:1px solid #3c4a5b;border-radius:8px;background:#212b36;color:#8293a8}
.block-storage-filters select{padding:0 42px 0 14px;font-size:14px;appearance:auto}
.block-storage-filters select:focus,.block-storage-search:focus-within{border-color:#fff;outline:0;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.block-storage-search{display:flex;align-items:center;gap:10px;padding:0 15px}
.block-storage-search .customer-ui-icon{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.block-storage-search input{width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;color:#fff;font-size:14px}
.block-storage-search input::placeholder{color:#718298}
.block-storage-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.block-storage-table{width:100%;min-width:850px;border-collapse:collapse;table-layout:fixed}
.block-storage-table col:nth-child(1){width:43%}.block-storage-table col:nth-child(2){width:20%}.block-storage-table col:nth-child(3){width:16%}.block-storage-table col:nth-child(4){width:11%}.block-storage-table col:nth-child(5){width:10%}
.block-storage-table th{height:59px;padding:0 16px;background:#303946;color:#91a0b2;font-size:14px;font-weight:600;text-align:left;white-space:nowrap}
.block-storage-table th button{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:#fff;font:inherit;font-weight:650;cursor:pointer}
.block-storage-table th button span{color:#788797;font-size:18px;font-weight:400}
.block-storage-table tbody{background:#212b36}
.block-storage-table tr[data-bs-row] td{height:80px;padding:11px 16px;border-bottom:1px dashed rgba(145,158,171,.2);color:#fff;font-size:14px;vertical-align:middle}
.block-storage-table tr[hidden]{display:none!important}
.block-storage-service-name{display:flex;align-items:center;gap:14px;min-width:0}
.block-storage-service-icon{display:grid;flex:0 0 46px;width:46px;height:46px;border-radius:8px;background:#303a46;color:#c2cad4;place-items:center}
.block-storage-service-icon .customer-ui-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
.block-storage-service-name>span:last-child{display:grid;min-width:0}.block-storage-service-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-storage-service-name small{color:#77879a;font-size:12px}
.block-storage-location{display:inline-flex;align-items:center;gap:8px}.block-storage-location img{display:block;width:22px;height:15px;border-radius:2px;object-fit:cover}
.block-storage-status{display:inline-flex;min-width:72px;height:24px;align-items:center;justify-content:center;padding:0 8px;border-radius:6px;background:#394552;color:#b5c0cb;font-size:12px;font-weight:700}
.block-storage-status.is-active{background:#164b37;color:#4be393}.block-storage-status.is-pending,.block-storage-status.is-building{background:#4c3d19;color:#ffc548}.block-storage-status.is-failed{background:#4d2530;color:#ff7184}
.block-storage-no-data[hidden]{display:none!important}
.block-storage-no-data td{height:373px;padding:16px;border:16px solid #212b36;border-top-width:15px;border-bottom-width:0;border-radius:16px;background:#252f3b;text-align:center;vertical-align:middle}
.block-storage-no-data td>strong{display:block;margin-top:13px;color:#637183;font-size:18px}
.block-storage-empty-art{position:relative;width:102px;height:92px;margin:auto;color:#667486}
.block-storage-empty-art>span{position:absolute;left:27px;top:18px;display:grid;width:54px;height:48px;border:1px solid #657383;border-radius:7px;background:#7a8795;color:#3e4a57;box-shadow:0 8px 18px rgba(0,0,0,.14);place-items:center}
.block-storage-empty-art>span .customer-ui-icon{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8}
.block-storage-empty-art i{position:absolute;width:5px;height:5px;border-radius:50%;background:#526071}.block-storage-empty-art i:nth-of-type(1){left:4px;top:48px}.block-storage-empty-art i:nth-of-type(2){right:5px;top:26px}.block-storage-empty-art i:nth-of-type(3){right:13px;bottom:4px}.block-storage-empty-art i:nth-of-type(4){left:17px;bottom:14px}
.block-storage-pagination{display:flex;height:64px;align-items:center;justify-content:flex-end;gap:28px;padding:0 20px;color:#fff;font-size:14px}
.block-storage-pagination label{display:flex;align-items:center;gap:8px}.block-storage-pagination select{min-width:48px;padding:4px 20px 4px 5px;border:0;outline:0;background:transparent;color:#fff;cursor:pointer}.block-storage-pagination select option{background:#212b36;color:#fff}
.block-storage-pagination button{display:grid;width:34px;height:34px;margin-left:-14px;padding:0;border:0;border-radius:50%;background:transparent;color:#91a0b2;place-items:center;cursor:pointer}.block-storage-pagination button:hover:not(:disabled){background:rgba(145,158,171,.1);color:#fff}.block-storage-pagination button:disabled{color:#596777;cursor:not-allowed}.block-storage-pagination .customer-ui-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}

.block-storage-order-page{gap:39px}
.block-storage-order-layout{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(420px,1fr);align-items:start;gap:24px;min-width:0}
.block-storage-order-config{display:grid;min-width:0}
.block-storage-choice-section h2,.block-storage-configuration>h2{margin:0;color:#fff;font-size:20px;line-height:30px}
.block-storage-choice-section>p{margin:13px 0 16px;color:#9aaabe;font-size:14px;line-height:24px}
.block-storage-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.block-storage-type-choice{position:relative;display:block;min-width:0;cursor:pointer}.block-storage-type-choice>input,.block-storage-location-choice>input,.block-storage-cycle-choice>input{position:absolute;width:1px;height:1px;margin:-1px;opacity:0;pointer-events:none}
.block-storage-type-body{display:flex;min-height:132px;align-items:center;gap:16px;padding:18px 24px;border:1px solid #394757;border-radius:8px;background:#212b36;color:#fff;transition:border-color .14s,background .14s,box-shadow .14s}
.block-storage-type-choice:hover .block-storage-type-body{border-color:#596777;background:#25313d}.block-storage-type-choice>input:focus-visible+.block-storage-type-body{outline:2px solid rgba(228,0,59,.8);outline-offset:3px}.block-storage-type-choice>input:checked+.block-storage-type-body{border-color:#e4003b;background:#b20031;box-shadow:0 0 0 1px #e4003b}
.block-storage-type-icon{display:grid;flex:0 0 44px;width:44px;height:44px;color:#8c9aab;place-items:center}.block-storage-type-icon .customer-ui-icon{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.7}.block-storage-type-choice>input:checked+.block-storage-type-body .block-storage-type-icon{color:#f5a7bd}
.block-storage-type-body>span:nth-child(2){display:grid;min-width:0}.block-storage-type-body strong{font-size:15px}.block-storage-type-body small{margin-top:2px;color:#7e98b9;font-size:12px}.block-storage-type-body em{margin-top:7px;color:#8aa0ba;font-size:14px;font-style:normal;line-height:1.55}.block-storage-type-choice>input:checked+.block-storage-type-body small,.block-storage-type-choice>input:checked+.block-storage-type-body em{color:#d9a5b4}
.block-storage-choice-check{display:grid;flex:0 0 20px;width:20px;height:20px;margin-left:auto;border-radius:50%;background:#ffe2ea;color:#c20035;place-items:center;opacity:0}.block-storage-choice-check .customer-ui-icon{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:3}.block-storage-type-choice>input:checked+.block-storage-type-body .block-storage-choice-check,.block-storage-location-choice>input:checked+.block-storage-location-body .block-storage-choice-check{opacity:1}
.block-storage-location-section,.block-storage-cycle-section,.block-storage-configuration{margin-top:31px}
.block-storage-location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.block-storage-location-choice{position:relative;display:block;min-width:0;cursor:pointer}
.block-storage-location-body{display:flex;min-height:86px;align-items:center;gap:12px;padding:14px 20px;border:1px solid #394757;border-radius:8px;background:#212b36;color:#fff;transition:border-color .14s,background .14s,box-shadow .14s}
.block-storage-location-choice:hover:not(.is-unavailable) .block-storage-location-body{border-color:#596777;background:#25313d}.block-storage-location-choice>input:focus-visible+.block-storage-location-body{outline:2px solid rgba(228,0,59,.8);outline-offset:3px}.block-storage-location-choice>input:checked+.block-storage-location-body{border-color:#e4003b;background:#b20031;box-shadow:0 0 0 1px #e4003b}
.block-storage-location-body img{display:block;flex:0 0 48px;width:48px;height:34px;border-radius:2px;object-fit:cover}.block-storage-location-body>span:nth-child(2){display:grid;min-width:0}.block-storage-location-body strong{font-size:14px}.block-storage-location-body small{margin-top:3px;font-size:12px}.block-storage-unavailable-badge{position:absolute;right:9px;top:9px;padding:4px 7px;border-radius:5px;background:rgba(142,112,18,.24);color:#b89d4d;font-size:12px;font-weight:750}.block-storage-unavailable-badge[hidden]{display:none}.block-storage-location-choice.is-unavailable{cursor:not-allowed}.block-storage-location-choice.is-unavailable .block-storage-location-body{opacity:.42}.block-storage-location-choice.is-unavailable .block-storage-choice-check{display:none}
.block-storage-cycle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.block-storage-cycle-choice{position:relative;display:block;cursor:pointer}.block-storage-cycle-choice>span{display:flex;min-height:48px;align-items:center;justify-content:center;gap:10px;padding:8px 16px;border:1px solid #3b4857;border-radius:7px;background:#212b36;color:#fff;font-size:14px;font-weight:700;transition:border-color .14s,background .14s}.block-storage-cycle-choice:hover>span{border-color:#596777;background:#25313d}.block-storage-cycle-choice>input:focus-visible+span{outline:2px solid rgba(228,0,59,.8);outline-offset:3px}.block-storage-cycle-choice>input:checked+span{border-color:#e4003b;background:#b20031;box-shadow:0 0 0 1px #e4003b}.block-storage-cycle-choice>input:checked+span:after{display:grid;width:18px;height:18px;border-radius:50%;background:#ffdbe5;color:#bb0032;content:'✓';font-size:12px;place-items:center}.block-storage-cycle-choice small{padding:3px 6px;border-radius:6px;background:#18553d;color:#4ee496;font-size:12px;font-weight:800}.block-storage-cycle-choice>input:checked+span small{background:rgba(22,28,36,.2);color:#fff}
.block-storage-configuration>h2{margin-bottom:18px}.block-storage-name-card,.block-storage-size-card{padding:26px 25px;border:1px solid #394757;border-radius:7px;background:#212b36}.block-storage-name-card{display:grid}.block-storage-name-card label{margin-bottom:17px;font-size:14px;font-weight:700}.block-storage-name-card input{width:100%;height:53px;padding:0 14px;border:1px solid #3b495a;border-radius:8px;outline:0;background:#212b36;color:#fff;font-size:14px;font-weight:500}.block-storage-name-card input::placeholder{color:#62768f}.block-storage-name-card input:focus{border-color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.08)}.block-storage-name-card small{margin:8px 14px 0;color:#7e94af;font-size:12px;font-weight:500}
.block-storage-size-card{min-height:180px;margin-top:24px}.block-storage-size-card>div:first-child{display:flex;align-items:center;justify-content:space-between}.block-storage-size-card strong{font-size:14px}.block-storage-size-card>div:first-child output{display:inline-flex;min-width:68px;height:36px;align-items:center;justify-content:center;padding:0 14px;border-radius:7px;background:#df0039;color:#fff;font-size:18px;font-weight:800}
.block-storage-size-control{position:relative;margin-top:17px;padding-bottom:31px}.block-storage-size-control input[type=range]{--range-progress:26.32%;display:block;width:100%;height:18px;margin:0;appearance:none;background:transparent;cursor:pointer}.block-storage-size-control input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:8px;background:linear-gradient(to right,#e4003b 0 var(--range-progress),#3b4755 var(--range-progress) 100%)}.block-storage-size-control input[type=range]::-moz-range-track{height:6px;border-radius:8px;background:linear-gradient(to right,#e4003b 0 var(--range-progress),#3b4755 var(--range-progress) 100%)}.block-storage-size-control input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;border:3px solid #fff;border-radius:50%;appearance:none;background:#d9dfe5;box-shadow:0 0 0 5px rgba(255,255,255,.13),0 2px 6px rgba(0,0,0,.35)}.block-storage-size-control input[type=range]::-moz-range-thumb{width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#d9dfe5;box-shadow:0 0 0 5px rgba(255,255,255,.13),0 2px 6px rgba(0,0,0,.35)}.block-storage-size-control input[type=range]:focus-visible{outline:0}
.block-storage-range-tip{position:absolute;top:-35px;z-index:2;padding:5px 8px;border-radius:5px;background:#283342;color:#fff;font-size:12px;font-weight:750;pointer-events:none;opacity:0;transform:translateX(-50%);transition:opacity .12s}.block-storage-size-control:focus-within .block-storage-range-tip,.block-storage-size-control:active .block-storage-range-tip{opacity:1}
.block-storage-size-marks{position:absolute;left:0;right:0;top:24px;height:24px;color:#60758e;font-size:12px;pointer-events:none}.block-storage-size-marks[hidden]{display:none}.block-storage-size-marks span{position:absolute;left:var(--left);white-space:nowrap;transform:translateX(-50%)}.block-storage-size-marks span:first-child{transform:none}.block-storage-size-marks span:last-child{transform:translateX(-100%)}.block-storage-size-card>p{margin:5px 0 0;color:#7590b1;font-size:12px}
.block-storage-summary{position:sticky;top:88px;overflow:hidden;min-height:474px;border-radius:16px;background:#212b36;box-shadow:0 0 2px rgba(0,0,0,.45),0 12px 24px -4px rgba(0,0,0,.14)}.block-storage-summary>header{display:flex;min-height:70px;align-items:center;gap:16px;padding:17px 28px;border-bottom:1px solid rgba(145,158,171,.18)}.block-storage-summary>header h2{margin:0;font-size:18px}.block-storage-summary>header>span{display:grid;width:24px;height:30px;color:#d8003b;place-items:center}.block-storage-summary>header .customer-ui-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.block-storage-summary-body{padding:16px}
.block-storage-summary-service{padding:12px;border:1px solid #414d5b;border-radius:14px;background:#303946}.block-storage-summary-product{display:flex;align-items:flex-start;gap:13px}.block-storage-summary-icon{display:grid;flex:0 0 36px;width:36px;height:36px;border-radius:9px;background:#ffd4e1;color:#d30742;place-items:center}.block-storage-summary-icon .customer-ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.block-storage-summary-product>div{display:grid;min-width:0}.block-storage-summary-product strong{font-size:14px}.block-storage-summary-product small{margin-top:2px;color:#91a0b2;font-size:12px}.block-storage-summary-product div>span{display:flex;align-items:center;gap:5px;margin-top:4px;color:#7d93ae;font-size:12px}.block-storage-summary-product div>span .customer-ui-icon{width:13px;height:13px;fill:none;stroke:#00b8d9;stroke-width:2}.block-storage-summary-product b{font-weight:500}.block-storage-summary-badge{display:inline-flex;height:20px;align-items:center;margin:8px 0 14px 49px;padding:0 6px;border-radius:5px;background:rgba(226,18,49,.15);color:#ff3d63;font-size:12px;font-weight:800}.block-storage-summary-base{display:flex;align-items:flex-end;justify-content:space-between;padding-top:16px;border-top:1px dashed rgba(145,158,171,.25);color:#91a0b2;font-size:12px}.block-storage-summary-base strong{color:#fff;font-size:14px}
.block-storage-summary-total{display:grid;margin-top:16px;padding-top:16px;border-top:1px dashed rgba(145,158,171,.23)}.block-storage-summary-total>span{color:#89a0bc;font-size:12px;font-weight:700;letter-spacing:.05em}.block-storage-summary-total>div{display:flex;min-height:77px;align-items:center;margin-top:9px;padding:12px 20px;border:1px solid #404d5c;border-radius:14px;background:#303946}.block-storage-summary-total strong{color:#fff;font-size:32px;line-height:1}.block-storage-summary-total strong small{color:#91a0b2;font-size:15px}.block-storage-summary-total em{margin-left:auto;color:#87a0bf;font-size:12px;font-style:normal}
.block-storage-deploy{display:flex;width:100%;height:49px;align-items:center;justify-content:center;gap:9px;margin-top:16px;border:0;border-radius:7px;background:#fff;color:#17202a;font-size:15px;font-weight:750;cursor:pointer}.block-storage-deploy:disabled{background:#3f4b59;color:#7f8d9d;cursor:not-allowed}.block-storage-deploy .customer-ui-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
@media(max-width:1180px){.block-storage-page,.block-storage-order-page{max-width:none}.block-storage-order-layout{grid-template-columns:1fr}.block-storage-summary{position:static;min-height:0}.block-storage-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.block-storage-cycle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body:has(.block-storage-page) .app-content,body:has(.block-storage-order-page) .app-content{padding-top:18px}.block-storage-page,.block-storage-order-page{gap:25px}.block-storage-page-head{align-items:flex-start;gap:12px}.block-storage-page-head h1,.block-storage-order-head h1{font-size:20px;line-height:30px}.block-storage-page-head nav,.block-storage-order-head nav{gap:9px;flex-wrap:wrap;font-size:12px}.block-storage-primary{min-width:0;height:40px;margin-top:0;padding:0 13px;font-size:12px}.block-storage-filters{grid-template-columns:1fr;padding:14px}.block-storage-table-card{min-height:430px;border-radius:12px}.block-storage-table{min-width:0}.block-storage-table col:nth-child(1){width:55%}.block-storage-table col:nth-child(3){width:25%}.block-storage-table col:nth-child(5){width:20%}.block-storage-table col:nth-child(2),.block-storage-table col:nth-child(4),.block-storage-table th:nth-child(2),.block-storage-table th:nth-child(4),.block-storage-table tr[data-bs-row] td:nth-child(2),.block-storage-table tr[data-bs-row] td:nth-child(4){display:none}.block-storage-table th,.block-storage-table tr[data-bs-row] td{padding-inline:9px}.block-storage-service-icon{width:36px;height:36px;flex-basis:36px}.block-storage-service-name{gap:9px}.block-storage-service-name small{display:none}.block-storage-no-data td{height:300px}.block-storage-pagination{gap:17px;padding-inline:12px;font-size:12px}.block-storage-pagination button{margin-left:-8px}.block-storage-type-grid,.block-storage-location-grid,.block-storage-cycle-grid{grid-template-columns:1fr}.block-storage-type-body{padding:16px}.block-storage-name-card,.block-storage-size-card{padding:20px 16px}.block-storage-summary>header{padding-inline:20px}}
@media(max-width:430px){.block-storage-page-head{display:grid}.block-storage-primary{width:max-content}.block-storage-pagination{justify-content:space-between;gap:5px}.block-storage-pagination label{gap:3px}.block-storage-pagination button{margin-left:0}.block-storage-summary-total strong{font-size:26px}.block-storage-size-marks{font-size:12px}}

/* SSH Keys workspace */
body:has(.ssh-keys-page),body:has(.ssh-key-create-page){background:#151b23}
body:has(.ssh-keys-page) .app-content,body:has(.ssh-key-create-page) .app-content{padding-top:22px;padding-bottom:64px}
.ssh-keys-page,.ssh-key-create-page{display:grid;width:100%;max-width:1488px;margin-inline:auto;color:#fff;min-width:0}
.ssh-keys-page{gap:47px}
.ssh-keys-page-head{display:flex;min-height:65px;align-items:flex-start;justify-content:space-between;gap:24px}
.ssh-keys-page-head h1{margin:0;color:#fff;font-size:24px;line-height:36px}
.ssh-keys-page-head nav{display:flex;align-items:center;gap:14px;margin-top:4px;color:#63758d;font-size:14px;line-height:22px}
.ssh-keys-page-head nav a{color:#fff;font-weight:650}
.ssh-keys-page-head nav span[aria-hidden]{color:#66778d;font-size:12px}
.ssh-key-primary{display:inline-flex;min-width:160px;height:48px;align-items:center;justify-content:center;gap:8px;margin-top:1px;padding:0 18px;border-radius:7px;background:#e4003b;color:#fff;font-size:14px;font-weight:750;box-shadow:0 7px 16px rgba(228,0,59,.13);transition:background .15s,transform .15s}
.ssh-key-primary:hover{background:#f0114b;transform:translateY(-1px)}
.ssh-key-primary .customer-ui-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.3}
.ssh-key-card,.ssh-key-create-card{overflow:hidden;border:1px solid rgba(145,158,171,.08);border-radius:16px;background:#212b36;box-shadow:0 0 2px rgba(0,0,0,.35),0 12px 24px -4px rgba(0,0,0,.12)}
.ssh-key-card-head{display:flex;min-height:95px;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid #3a4654}
.ssh-key-card-head>div{display:grid;gap:3px;min-width:0}
.ssh-key-card-head h2{margin:0;color:#fff;font-size:18px;line-height:28px}
.ssh-key-card-head p{margin:0;color:#8ca0ba;font-size:14px;line-height:22px}
.ssh-key-heading-icon{display:grid;flex:0 0 24px;width:24px;height:32px;color:#d5a000;place-items:center}
.ssh-key-heading-icon .customer-ui-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}
.ssh-key-table-wrap{overflow-x:auto}
.ssh-key-table{width:100%;border-collapse:collapse;table-layout:fixed}
.ssh-key-table col:nth-child(1){width:62%}.ssh-key-table col:nth-child(2){width:25%}.ssh-key-table col:nth-child(3){width:13%}
.ssh-key-table thead{background:#303a46}
.ssh-key-table th{height:58px;padding:0 24px;color:#fff;font-size:13px;font-weight:750;text-align:left}
.ssh-key-table th:last-child{text-align:right}
.ssh-key-table tbody{background:#212b36}
.ssh-key-table tr[data-ssh-key-row] td{height:74px;padding:10px 24px;border-bottom:1px dashed rgba(145,158,171,.2);color:#fff;font-size:14px;vertical-align:middle}
.ssh-key-table tr[data-ssh-key-row]:last-child td{border-bottom:0}
.ssh-key-name{display:flex;align-items:center;gap:14px;min-width:0}
.ssh-key-row-icon{display:grid;flex:0 0 44px;width:44px;height:44px;border-radius:8px;background:#5a4b16;color:#f0bf24;place-items:center}
.ssh-key-row-icon .customer-ui-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2}
.ssh-key-name>span:last-child{display:grid;min-width:0}
.ssh-key-name strong{overflow:hidden;color:#fff;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.ssh-key-name small{margin-top:2px;color:#798ba2;font-size:12px}
.ssh-key-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.ssh-key-action{display:grid;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;place-items:center;cursor:pointer;transition:background .14s,color .14s}
.ssh-key-action .customer-ui-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}
.ssh-key-action.is-edit{color:#a7b3c1}.ssh-key-action.is-edit:hover{background:#33404e;color:#fff}
.ssh-key-action.is-delete{color:#f45166}.ssh-key-action.is-delete:hover{background:rgba(244,81,102,.12);color:#ff7183}
.ssh-key-pending{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border-radius:6px;background:#4c3d19;color:#ffc548;font-size:12px;font-weight:750}
.ssh-key-empty td{height:150px;padding:24px;text-align:center}.ssh-key-empty strong,.ssh-key-empty span{display:block}.ssh-key-empty strong{font-size:15px}.ssh-key-empty span{margin-top:5px;color:#7e8fa4;font-size:13px}
.ssh-key-provider-notice{margin:-29px 0 0;padding:11px 14px;border:1px solid #5a4b25;border-radius:8px;background:#332d20;color:#d8b75b;font-size:12px}

.ssh-key-create-page{gap:40px}
.ssh-key-create-head{display:flex;min-height:38px;align-items:center;gap:18px}
.ssh-key-create-head a{display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:14px;font-weight:700}
.ssh-key-create-head a:hover{color:#e6c45c}.ssh-key-create-head a .customer-ui-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2}
.ssh-key-create-head h1{margin:0;color:#fff;font-size:24px;line-height:36px}
.ssh-key-create-card{width:min(900px,100%)}
.ssh-key-form-body{display:grid;padding:24px}
.ssh-key-field{position:relative;display:block}
.ssh-key-field+.ssh-key-field{margin-top:24px}
.ssh-key-field>span{position:absolute;z-index:1;left:14px;top:50%;color:#dbe2ea;font-size:12px;font-weight:700;pointer-events:none;opacity:0;transform:translateY(-50%);transition:top .14s,opacity .14s,transform .14s}
.ssh-key-field.is-textarea>span{top:17px}
.ssh-key-field input,.ssh-key-field textarea{display:block;width:100%;border:1px solid #465464;border-radius:8px;outline:0;background:#212b36;color:#fff;font-size:14px;font-weight:500;transition:border-color .14s,box-shadow .14s}
.ssh-key-field input{height:54px;padding:0 14px}
.ssh-key-field textarea{height:210px;padding:14px;line-height:1.55;resize:vertical}
.ssh-key-field input::placeholder,.ssh-key-field textarea::placeholder{color:#657a94;opacity:1}
.ssh-key-field input:focus,.ssh-key-field textarea:focus{border-color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.ssh-key-field:has(input:focus)>span,.ssh-key-field:has(input:not(:placeholder-shown))>span,.ssh-key-field:has(textarea:focus)>span,.ssh-key-field:has(textarea:not(:placeholder-shown))>span{top:7px;opacity:1;transform:none}
.ssh-key-field:has(input:focus) input,.ssh-key-field:has(input:not(:placeholder-shown)) input{padding-top:15px}
.ssh-key-field:has(textarea:focus) textarea,.ssh-key-field:has(textarea:not(:placeholder-shown)) textarea{padding-top:22px}
.ssh-key-field:has(input:focus) input::placeholder,.ssh-key-field:has(input:not(:placeholder-shown)) input::placeholder,.ssh-key-field:has(textarea:focus) textarea::placeholder,.ssh-key-field:has(textarea:not(:placeholder-shown)) textarea::placeholder{color:#53667d}
.ssh-key-form-body>small{margin:8px 14px 0;color:#7891b0;font-size:12px;line-height:20px}
.ssh-key-submit{display:inline-flex;min-width:150px;height:48px;align-items:center;justify-content:center;justify-self:end;gap:9px;margin-top:20px;padding:0 17px;border:0;border-radius:8px;background:#e4003b;color:#fff;font-size:14px;font-weight:750;cursor:pointer;transition:background .14s,transform .14s}
.ssh-key-submit:hover{background:#f0114b;transform:translateY(-1px)}
.ssh-key-submit>span{display:grid;width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.4);place-items:center}
.ssh-key-submit .customer-ui-icon{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:3}

.ssh-key-dialog{width:min(540px,calc(100vw - 32px));max-width:none;padding:0;border:0;border-radius:16px;background:transparent;color:#fff;box-shadow:0 24px 64px rgba(0,0,0,.5)}
.ssh-key-dialog::backdrop{background:rgba(8,12,17,.76);backdrop-filter:blur(2px)}
.ssh-key-dialog-shell{overflow:hidden;border:1px solid #354252;border-radius:16px;background:#212b36}
.ssh-key-dialog-shell>header{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-bottom:1px solid #354252}
.ssh-key-dialog-shell>header>div{display:grid;gap:2px}.ssh-key-dialog-shell>header span{color:#e7b938;font-size:12px;font-weight:800;letter-spacing:.11em}.ssh-key-dialog-shell h2{margin:0;font-size:19px}.ssh-key-dialog-shell>header button{display:grid;width:34px;height:34px;padding:0;border:0;border-radius:8px;background:transparent;color:#91a0b2;place-items:center;cursor:pointer}.ssh-key-dialog-shell>header button:hover{background:#303c49;color:#fff}.ssh-key-dialog-shell>header .customer-ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.ssh-key-dialog-body{display:grid;gap:16px;padding:22px}.ssh-key-dialog-body label{display:grid;gap:7px}.ssh-key-dialog-body label>span{color:#dbe2ea;font-size:12px;font-weight:700}.ssh-key-dialog-body input,.ssh-key-dialog-body textarea{width:100%;padding:12px 13px;border:1px solid #465464;border-radius:8px;outline:0;background:#1b242e;color:#fff}.ssh-key-dialog-body input:focus,.ssh-key-dialog-body textarea:focus{border-color:#fff}.ssh-key-dialog-body textarea{resize:vertical}.ssh-key-dialog-body>small{margin-top:-9px;color:#7891b0;font-size:12px;line-height:18px}.ssh-key-dialog-body p{margin:0;color:#9baabd;line-height:1.6}.ssh-key-dialog-body p strong{color:#fff}
.ssh-key-dialog-shell>footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 22px;border-top:1px solid #354252}.ssh-key-dialog-shell>footer button{min-width:120px;height:42px;padding:0 16px;border:1px solid #465464;border-radius:8px;background:transparent;color:#fff;font-weight:750;cursor:pointer}.ssh-key-dialog-shell>footer .ssh-key-dialog-primary{border-color:#e4003b;background:#e4003b}.ssh-key-dialog-shell>footer .ssh-key-dialog-danger{border-color:#c53348;background:#c53348}

@media(max-width:760px){body:has(.ssh-keys-page) .app-content,body:has(.ssh-key-create-page) .app-content{padding-top:18px}.ssh-keys-page{gap:25px}.ssh-keys-page-head{align-items:flex-start;gap:12px}.ssh-keys-page-head h1,.ssh-key-create-head h1{font-size:20px;line-height:30px}.ssh-keys-page-head nav{gap:9px;flex-wrap:wrap;font-size:12px}.ssh-key-primary{min-width:0;height:40px;padding:0 13px;font-size:12px}.ssh-key-card,.ssh-key-create-card{border-radius:12px}.ssh-key-card-head{min-height:88px;padding:16px}.ssh-key-card-head p{font-size:12px}.ssh-key-table{min-width:520px}.ssh-key-table th,.ssh-key-table tr[data-ssh-key-row] td{padding-inline:14px}.ssh-key-table col:nth-child(1){width:57%}.ssh-key-table col:nth-child(2){width:24%}.ssh-key-table col:nth-child(3){width:19%}.ssh-key-create-page{gap:25px}.ssh-key-create-head{gap:11px}.ssh-key-form-body{padding:18px}.ssh-key-field textarea{height:190px}.ssh-key-dialog-shell>footer{align-items:stretch;flex-direction:column-reverse}.ssh-key-dialog-shell>footer button{width:100%}}
@media(max-width:430px){.ssh-keys-page-head{display:grid}.ssh-key-primary{width:max-content}.ssh-key-card-head p{line-height:18px}.ssh-key-create-head{align-items:flex-start;flex-direction:column;gap:4px}.ssh-key-submit{width:100%;justify-self:stretch}.ssh-key-dialog-body,.ssh-key-dialog-shell>header,.ssh-key-dialog-shell>footer{padding-inline:16px}}
/* Billing workspace parity: invoices, Cloud Credit, and payment information */
.onidel-billing-head{display:grid;justify-content:start;gap:2px}.onidel-billing-head nav{margin-top:0}.onidel-balance-kpi .onidel-kpi-icon{border-radius:12px}.onidel-balance-kpi>div>small{color:#ff8495}.onidel-billing-kpis>.onidel-kpi:nth-child(n+2) .onidel-kpi-icon{background:rgba(226,18,49,.12);color:#ff6178}.onidel-table{min-width:680px}.onidel-table th:first-child,.onidel-table td:first-child{padding-left:24px}.onidel-table th:last-child,.onidel-table td:last-child{padding-right:24px}.onidel-pagination button{display:grid;place-items:center;cursor:pointer}.onidel-pagination button:not(:disabled){color:#d5dbe2}.onidel-pagination button:not(:disabled):hover{background:rgba(145,158,171,.12)}.onidel-pagination button:disabled{cursor:not-allowed;opacity:.48}.onidel-table-wrap[aria-busy=true]{opacity:.55}.onidel-table-wrap{transition:opacity .15s}.onidel-filter-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:0 24px 20px;color:#dce1e7;font-size:12px}.onidel-filter-summary[hidden]{display:none}.onidel-filter-summary>div{display:grid;gap:10px}.onidel-filter-summary>div>div{display:flex;flex-wrap:wrap;gap:8px}.onidel-filter-summary [data-clear-filter]{min-height:30px;padding:5px 9px;border:1px solid #3a4655;border-radius:7px;background:#28323e;color:#d9dfe6;font-size:12px}.onidel-filter-summary [data-clear-filter] span{font-weight:700}.onidel-filter-summary>[data-invoice-clear]{padding:5px 0;border:0;background:transparent;color:#ff5b70;font-size:12px;font-weight:750;cursor:pointer}.onidel-empty{min-height:245px}.onidel-empty>span svg{width:24px;height:24px}.onidel-empty strong{color:#fff;font-size:14px}.onidel-empty p{font-size:12px}
.onidel-credit-panel{overflow:visible;background:transparent;box-shadow:none}.onidel-credit-workspace{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);align-items:start;gap:20px}.onidel-credit-options{display:grid;gap:20px}.onidel-subcard,.onidel-credit-summary,.onidel-ledger-section,.onidel-payment-methods,.onidel-billing-information{overflow:hidden;border:1px solid rgba(145,158,171,.16);border-radius:16px;background:#212b36;box-shadow:0 12px 28px rgba(0,0,0,.13)}.onidel-subcard>header,.onidel-credit-summary>header,.onidel-billing-information>header{padding:21px 24px;border-bottom:1px solid rgba(145,158,171,.16)}.onidel-subcard h2,.onidel-credit-summary h2,.onidel-payment-methods h2,.onidel-billing-information h2{margin:0;color:#fff;font-size:16px}.onidel-subcard header p,.onidel-credit-summary header p,.onidel-payment-methods header p,.onidel-billing-information header p{margin:4px 0 0;color:#919eab;font-size:12px}.onidel-method-list{padding:18px 24px 24px}.onidel-method{display:grid;grid-template-columns:46px minmax(0,1fr) 18px;align-items:center;gap:13px;width:100%;min-height:76px;padding:12px 15px;border:1px solid #3b4654;border-radius:10px;background:#1b232d;color:#fff;text-align:left;cursor:pointer}.onidel-method.active{border-color:#e7495f;box-shadow:0 0 0 1px rgba(231,73,95,.28)}.onidel-method-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:#e21231;color:#fff;font-size:12px;font-weight:900}.onidel-method>span:nth-child(2){display:grid;gap:4px}.onidel-method strong{font-size:13px}.onidel-method small{color:#8995a4;font-size:12px}.onidel-method i{width:14px;height:14px;border:1px solid #647180;border-radius:50%}.onidel-method.active i{border:4px solid #e7495f;background:#fff}.onidel-amount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:20px 24px 12px}.onidel-amount-grid button{min-height:48px;border:1px solid #3b4654;border-radius:9px;background:#1b232d;color:#dce2e8;font-size:13px;font-weight:750;cursor:pointer}.onidel-amount-grid button:hover,.onidel-amount-grid button.active{border-color:#e7495f;background:rgba(226,18,49,.08);color:#fff;box-shadow:0 0 0 1px rgba(231,73,95,.22)}.onidel-custom-amount{display:grid;gap:7px;padding:4px 24px 10px;color:#919eab;font-size:12px}.onidel-custom-amount[hidden]{display:none}.onidel-custom-amount input{width:100%;height:46px;padding:0 13px;border:1px solid #45515f;border-radius:8px;background:#161c24;color:#fff;outline:0}.onidel-custom-amount input:focus{border-color:#e7495f}.onidel-rate-note{display:block;padding:0 24px 22px;color:#758291;font-size:12px}.onidel-credit-summary{position:sticky;top:98px;padding-bottom:22px}.onidel-credit-notice{display:flex;align-items:flex-start;gap:11px;margin:20px 22px;padding:13px 14px;border:1px solid #176079;border-radius:8px;background:#11313d;color:#2ae0f3}.onidel-credit-notice>span,.onidel-payment-info>span{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#22d3ee;color:#0c2d36;font-size:12px;font-weight:900}.onidel-credit-notice p{margin:0;font-size:12px;line-height:1.5}.onidel-credit-summary dl{margin:0;padding:0 22px}.onidel-credit-summary dl>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px dashed rgba(145,158,171,.2)}.onidel-credit-summary dt{color:#919eab;font-size:12px}.onidel-credit-summary dd{margin:0;color:#fff;font-size:12px;font-weight:700}.onidel-credit-summary .onidel-credit-total{margin-top:8px;padding-top:18px;border-bottom:0}.onidel-credit-summary .onidel-credit-total dt{color:#fff;font-size:14px;font-weight:750}.onidel-credit-summary .onidel-credit-total dd{font-size:23px}.onidel-credit-conversion{margin:-5px 22px 17px;color:#7f8b98;font-size:12px;text-align:right}.onidel-credit-ack{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:9px;margin:0 22px 17px;color:#aeb7c1;font-size:12px;line-height:1.45;cursor:pointer}.onidel-credit-ack input{width:16px;height:16px;margin:0;accent-color:#e21231}.onidel-credit-summary>button{width:calc(100% - 44px);height:45px;margin:0 22px;border:0;border-radius:8px;background:#e21231;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.onidel-credit-summary>button:disabled{background:#424c58;color:#7f8b98;cursor:not-allowed}.onidel-gateway-unavailable{margin:10px 22px 0;color:#ff7185;font-size:12px;text-align:center}.onidel-ledger-section{margin-top:20px}.onidel-credit-panel>.deposit-history{padding:20px 24px}.onidel-credit-panel>.deposit-history h3{margin-bottom:10px}.onidel-credit-panel>.deposit-history>a:last-child{padding-bottom:0}.onidel-ledger-section .onidel-pagination{border-top:1px solid rgba(145,158,171,.2)}
.onidel-payment-panel{display:grid;gap:20px;overflow:visible;background:transparent;box-shadow:none}.onidel-payment-methods>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 24px;border-bottom:1px solid rgba(145,158,171,.16)}.onidel-payment-methods>header button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 15px;border:0;border-radius:8px;background:#e21231;color:#fff;font-size:12px;font-weight:750}.onidel-payment-methods>header button:disabled{cursor:not-allowed;opacity:.62}.onidel-payment-methods>header button svg{width:17px;height:17px}.onidel-payment-info{display:flex;align-items:flex-start;gap:12px;margin:20px 24px;padding:14px 15px;border:1px solid #176079;border-radius:8px;background:#11313d;color:#bfeef4}.onidel-payment-info p{margin:0;font-size:12px;line-height:1.55}.onidel-payment-info strong{color:#2ae0f3}.onidel-billing-information form{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:24px}.onidel-billing-information form>label{display:grid;gap:7px;color:#aeb7c1;font-size:12px;font-weight:650}.onidel-billing-information form>label>input{width:100%;height:48px;padding:0 13px;border:1px solid #414d5c;border-radius:8px;background:#1a222b;color:#fff;outline:0}.onidel-billing-information form>label>input:focus{border-color:#e7495f;box-shadow:0 0 0 3px rgba(226,18,49,.1)}.onidel-billing-information form>label>input[readonly]{background:#29323d;color:#8995a4;cursor:not-allowed}.onidel-profile-wide{grid-column:1/-1}.onidel-billing-information form>footer{display:flex;justify-content:flex-end;grid-column:1/-1;padding-top:5px}.onidel-billing-information form>footer button{min-height:43px;padding:0 20px;border:0;border-radius:8px;background:#e21231;color:#fff;font-size:12px;font-weight:800;cursor:pointer}
@media(max-width:1050px){.onidel-credit-workspace{grid-template-columns:1fr}.onidel-credit-summary{position:static}.onidel-credit-options{grid-template-columns:1fr 1fr}.onidel-credit-options .onidel-amount-card{min-width:0}}
@media(max-width:760px){.onidel-filter-summary{padding-inline:18px}.onidel-credit-options{grid-template-columns:1fr}.onidel-credit-workspace{gap:14px}.onidel-subcard>header,.onidel-credit-summary>header,.onidel-billing-information>header{padding:18px}.onidel-method-list{padding:16px 18px 18px}.onidel-amount-grid{padding-inline:18px}.onidel-rate-note{padding-inline:18px}.onidel-payment-methods>header{align-items:flex-start;padding:18px}.onidel-payment-methods>header button{flex:0 0 auto}.onidel-payment-info{margin:16px 18px}.onidel-billing-information form{grid-template-columns:1fr;padding:18px}.onidel-billing-information form>label,.onidel-profile-wide,.onidel-billing-information form>footer{grid-column:1}.onidel-billing-information form>footer button{width:100%}.onidel-credit-panel>.deposit-history{padding:18px}.onidel-table{min-width:680px}}
@media(max-width:470px){.onidel-filter-summary{align-items:flex-start;flex-direction:column}.onidel-amount-grid{grid-template-columns:1fr 1fr}.onidel-payment-methods>header{flex-direction:column}.onidel-payment-methods>header button{width:100%}.onidel-credit-summary>button{height:48px}}
/* Affiliate workspace */
.affiliate-page{display:grid;gap:24px;min-width:0;color:#fff}.affiliate-head{display:grid;gap:3px}.affiliate-head h1{margin:0;font-size:25px;line-height:1.4}.affiliate-head nav{display:flex;align-items:center;gap:10px;color:#637083;font-size:12px}.affiliate-head nav a{color:#fff}.affiliate-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.affiliate-kpi{position:relative;display:flex;min-width:0;min-height:150px;align-items:center;padding:24px;overflow:hidden;border-radius:15px;color:#122132;box-shadow:0 10px 24px rgba(0,0,0,.12)}.affiliate-kpi:after{position:absolute;right:-15px;bottom:-30px;width:150px;height:150px;border-radius:50%;background-image:radial-gradient(currentColor 1px,transparent 1.5px);background-size:7px 7px;content:"";opacity:.12;transform:rotate(-15deg)}.affiliate-kpi.is-referrals{background:linear-gradient(135deg,#e6fff0,#c9f5da);color:#096b3a}.affiliate-kpi.is-current{background:linear-gradient(135deg,#f2e0ff,#dec4fb);color:#5c0a91}.affiliate-kpi.is-earned{background:linear-gradient(135deg,#ffe0e8,#f5c5d0);color:#8e0829}.affiliate-kpi.is-visitors{background:linear-gradient(135deg,#fff9df,#f8ecc0);color:#865600}.affiliate-kpi-icon{position:absolute;top:24px;left:24px;display:grid;place-items:center;width:42px;height:42px}.affiliate-kpi-icon svg{width:39px;height:39px;stroke-width:1.65}.affiliate-kpi>div{position:relative;z-index:1;display:grid;align-self:end;gap:7px}.affiliate-kpi>div span{font-size:12px;font-weight:650}.affiliate-kpi>div strong{font-size:23px;line-height:1.1}.affiliate-share-row{display:grid;grid-template-columns:minmax(0,2.12fr) minmax(290px,1fr);gap:22px}.affiliate-invite-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 100px;min-height:226px;padding:36px 38px 28px;overflow:hidden;border-radius:15px;background:linear-gradient(135deg,#df002f,#bc0031);box-shadow:0 12px 28px rgba(0,0,0,.15)}.affiliate-invite-card:before{position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.12),transparent 31%),linear-gradient(155deg,transparent 58%,rgba(79,0,24,.18));content:""}.affiliate-invite-copy{position:relative;z-index:1}.affiliate-invite-copy h2{margin:0 0 16px;font-size:17px}.affiliate-invite-copy p{max-width:720px;margin:0;color:#fff;font-size:12px;line-height:1.55}.affiliate-invite-copy>strong{display:block;margin-top:3px;font-size:12px}.affiliate-reward-art{position:relative;z-index:1;display:grid;place-items:center;align-self:start;justify-self:end;width:82px;height:82px;border:7px solid rgba(255,255,255,.62);border-radius:28px;background:linear-gradient(145deg,#eef7ff,#d2e7ff);color:#5d36c5;box-shadow:0 8px 0 rgba(87,0,34,.14);transform:rotate(-7deg)}.affiliate-reward-art svg{width:42px;height:42px}.affiliate-reward-art i{position:absolute;right:-7px;bottom:-8px;display:grid;place-items:center;width:31px;height:31px;border:4px solid #fff1b9;border-radius:50%;background:#ffb300;color:#733b00;font-size:13px;font-style:normal;font-weight:900}.affiliate-copy-field{position:relative;z-index:1;display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-self:end;gap:8px;margin-top:19px;padding:6px;border-radius:9px;background:rgba(255,255,255,.12)}.affiliate-copy-field input{width:100%;min-width:0;height:37px;padding:0 10px;border:0;outline:0;background:transparent;color:#fff;font-size:12px}.affiliate-copy-field button{min-width:68px;height:37px;border:0;border-radius:8px;background:#ffb300;color:#201700;font-size:12px;font-weight:800;cursor:pointer}.affiliate-copy-field button:hover{background:#ffc233}.affiliate-balance-card{display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;border:1px solid #2e3947;border-radius:15px;background:#212c38;box-shadow:0 12px 28px rgba(0,0,0,.13)}.affiliate-balance-card>div{display:grid;place-content:center;text-align:center}.affiliate-balance-card>div span{color:#8190a1;font-size:13px}.affiliate-balance-card>div strong{margin-top:9px;color:#fff;font-size:25px}.affiliate-balance-card footer{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22px;border-top:1px dashed #3a4653}.affiliate-balance-card button{height:45px;border:1px solid #566271;border-radius:7px;background:#46515d;color:#fff;font-size:12px;font-weight:750}.affiliate-balance-card button:disabled{cursor:not-allowed;opacity:.82}.affiliate-records{overflow:hidden;border:1px solid #2e3947;border-radius:15px;background:#212c38;box-shadow:0 12px 28px rgba(0,0,0,.13)}.affiliate-record-tabs{display:flex;align-items:end;gap:38px;min-height:54px;padding:0 20px;border-bottom:1px solid #35414e}.affiliate-record-tabs button{display:flex;align-items:center;gap:9px;align-self:stretch;padding:0;border:0;border-bottom:2px solid transparent;background:transparent;color:#8fa0b3;font-size:12px;font-weight:700;cursor:pointer}.affiliate-record-tabs button.active{border-color:#fff;color:#fff}.affiliate-record-tabs b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:6px;background:#34404c;color:#aab4bf;font-size:12px}.affiliate-record-tabs button:last-child b{background:#123e27;color:#48da83}.affiliate-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;transition:opacity .15s}.affiliate-table-wrap[aria-busy=true]{opacity:.55}.affiliate-table{width:100%;min-width:760px;border-collapse:collapse}.affiliate-table th{height:58px;padding:0 18px;background:#2d3844;color:#91a0b2;font-size:12px;font-weight:650;text-align:left;white-space:nowrap}.affiliate-table th:first-child,.affiliate-table td:first-child{padding-left:24px}.affiliate-table th:last-child,.affiliate-table td:last-child{padding-right:24px}.affiliate-table td{height:64px;padding:12px 18px;border-bottom:1px dashed #35414e;color:#dce2e8;font-size:12px}.affiliate-table tbody tr:not(:has(.affiliate-empty)):hover{background:rgba(145,158,171,.05)}.affiliate-table td strong{color:#fff}.affiliate-status{display:inline-flex;min-height:24px;align-items:center;padding:4px 9px;border-radius:7px;font-size:12px;font-weight:750}.affiliate-status.status-registered,.affiliate-status.status-paid{background:rgba(84,214,168,.15);color:#5be0b1}.affiliate-status.status-pending{background:rgba(255,171,0,.14);color:#ffc04d}.affiliate-status.status-failed,.affiliate-status.status-cancelled{background:rgba(255,86,48,.14);color:#ff8066}.affiliate-records .affiliate-empty.workspace-empty-state{display:grid;min-height:370px;place-items:center;align-content:center;padding:32px;background:#26313d;text-align:center}.affiliate-records .affiliate-empty.workspace-empty-state>span{display:grid;width:58px;height:58px;place-items:center;border-radius:9px;background:#56616d;color:#8c98a7}.affiliate-records .affiliate-empty.workspace-empty-state>span svg{width:32px;height:32px}.affiliate-records .affiliate-empty.workspace-empty-state strong{margin-top:18px;color:#738092;font-size:13px}.affiliate-records .affiliate-empty.workspace-empty-state p{margin:4px 0 0;color:#647181;font-size:12px}.affiliate-swipe-hint{display:none}.affiliate-pagination{display:flex;min-height:61px;align-items:center;justify-content:flex-end;gap:15px;padding:0 20px;color:#8d9aaa;font-size:12px}.affiliate-pagination strong{color:#fff}.affiliate-pagination button{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:50%;background:transparent;color:#b2bbc5;font-size:21px;cursor:pointer}.affiliate-pagination button:not(:disabled):hover{background:#34404c}.affiliate-pagination button:disabled{color:#586574;cursor:not-allowed}.auth-referral-applied{display:flex;align-items:center;gap:8px;margin:18px 0 -8px;padding:10px 12px;border:1px solid rgba(84,214,168,.3);border-radius:8px;background:rgba(84,214,168,.08);color:#9ccdb9;font-size:12px}.auth-referral-applied svg{width:17px;height:17px;color:#54d6a8}.auth-referral-applied strong{color:#d8f8e8}
@media(max-width:1100px){.affiliate-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.affiliate-kpi{min-height:132px}.affiliate-share-row{grid-template-columns:1fr}.affiliate-balance-card{min-height:190px}.affiliate-balance-card>div{min-height:120px}}
@media(max-width:760px){.affiliate-page{gap:18px}.affiliate-head h1{font-size:22px}.affiliate-kpis{gap:10px}.affiliate-kpi{min-height:116px;padding:17px}.affiliate-kpi-icon{top:16px;left:17px;width:34px;height:34px}.affiliate-kpi-icon svg{width:31px;height:31px}.affiliate-kpi>div{gap:5px}.affiliate-kpi>div span{font-size:12px}.affiliate-kpi>div strong{font-size:19px}.affiliate-invite-card{grid-template-columns:minmax(0,1fr) 68px;min-height:240px;padding:25px 20px 20px}.affiliate-invite-copy h2{font-size:15px}.affiliate-reward-art{width:58px;height:58px;border-width:5px;border-radius:19px}.affiliate-reward-art svg{width:30px;height:30px}.affiliate-reward-art i{width:25px;height:25px;border-width:3px}.affiliate-balance-card footer{padding:17px}.affiliate-record-tabs{gap:24px;padding-inline:16px}.affiliate-swipe-hint{display:block;margin:0;padding:8px 16px;border-bottom:1px solid #35414e;color:#738092;font-size:12px;text-align:right}.affiliate-table{min-width:720px}.affiliate-pagination{justify-content:space-between;padding-inline:14px}}
@media(max-width:450px){.affiliate-kpis{grid-template-columns:1fr 1fr}.affiliate-kpi{min-height:126px}.affiliate-invite-card{display:grid;grid-template-columns:1fr}.affiliate-reward-art{position:absolute;top:20px;right:18px;opacity:.55}.affiliate-invite-copy{padding-right:35px}.affiliate-copy-field{grid-template-columns:minmax(0,1fr) auto}.affiliate-balance-card footer{gap:9px}.affiliate-records .affiliate-empty.workspace-empty-state{min-height:280px}}

/* Dashboard reference parity v3 */
.dashboard-reference{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.88fr);align-items:start;gap:22px;min-width:0;color:#fff}.dashboard-reference .dashboard-main,.dashboard-reference .dashboard-rail{display:grid;gap:20px;min-width:0}.dashboard-reference-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.dashboard-reference-head>div{display:grid;gap:3px}.dashboard-ref-kicker{color:#e21231;font-size:12px;font-weight:850;letter-spacing:.13em}.dashboard-reference-head h1{margin:0;font-size:27px;line-height:1.35}.dashboard-reference-head p{margin:2px 0 0;color:#8996a5;font-size:12px}.dashboard-deploy{display:inline-flex;min-height:43px;align-items:center;justify-content:center;gap:8px;padding:0 17px;border-radius:8px;background:#e21231;color:#fff;font-size:12px;font-weight:800;box-shadow:0 8px 20px rgba(226,18,49,.18)}.dashboard-deploy svg{width:17px;height:17px}.dashboard-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dashboard-summary>a{display:grid;gap:5px;min-width:0;min-height:103px;padding:17px 18px;border:1px solid #303c49;border-radius:12px;background:#212b36;box-shadow:0 9px 24px rgba(0,0,0,.1)}.dashboard-summary span{color:#8795a6;font-size:12px;font-weight:700}.dashboard-summary strong{overflow:hidden;color:#fff;font-size:19px;text-overflow:ellipsis;white-space:nowrap}.dashboard-summary small{color:#e95a6f;font-size:12px}.dashboard-ref-card{overflow:hidden;border:1px solid #303c49;border-radius:14px;background:#212b36;box-shadow:0 12px 30px rgba(0,0,0,.12)}.dashboard-ref-title{display:flex;min-height:66px;align-items:center;gap:11px;padding:0 21px;border-bottom:1px solid #34404c}.dashboard-ref-title h2{margin:0;font-size:15px}.dashboard-title-icon{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:rgba(226,18,49,.12);color:#ff5b73}.dashboard-title-icon svg{width:17px;height:17px}.dashboard-service-tabs{display:flex;align-items:end;gap:31px;min-height:54px;padding:0 21px;border-bottom:1px solid #34404c}.dashboard-service-tabs button{display:flex;height:54px;align-items:center;gap:8px;padding:0;border:0;border-bottom:2px solid transparent;background:transparent;color:#8d9aaa;font-size:12px;font-weight:750;cursor:pointer}.dashboard-service-tabs button.is-active{border-bottom-color:#fff;color:#fff}.dashboard-service-tabs button:focus-visible{outline:2px solid #e21231;outline-offset:-3px}.dashboard-service-tabs button span{display:grid;min-width:21px;height:21px;padding:0 6px;place-items:center;border-radius:6px;background:#333f4c;color:#aab5c1;font-size:12px}.dashboard-service-tabs button.is-active span{background:rgba(226,18,49,.16);color:#ff6a80}.dashboard-table-panel[hidden]{display:none}.dashboard-ref-table{width:100%;border-collapse:collapse;table-layout:auto}.dashboard-ref-table th{height:49px;padding:0 20px;background:#2b3642;color:#8f9eaf;font-size:12px;font-weight:700;text-align:left;white-space:nowrap}.dashboard-ref-table td{height:67px;padding:11px 20px;border-bottom:1px dashed #35414d;color:#dce3ea;font-size:12px;vertical-align:middle}.dashboard-ref-table tbody tr:last-child td{border-bottom:0}.dashboard-ref-table tbody tr:hover{background:rgba(145,158,171,.035)}.dashboard-service-cell{display:flex;align-items:center;gap:12px;color:#fff}.dashboard-service-cell>span:last-child{display:grid;min-width:0;gap:4px}.dashboard-service-cell strong,.dashboard-ref-table td>strong,.dashboard-ticket-subject{color:#fff;font-size:12px;font-weight:750}.dashboard-service-cell small{overflow:hidden;max-width:350px;color:#7f8c9b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.dashboard-os-logo{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;overflow:hidden;border:1px solid #3a4653;border-radius:50%;background:#18212a}.dashboard-os-logo img{width:23px;height:23px;object-fit:contain}.dashboard-os-logo svg{width:18px;height:18px;color:#8996a5}.dashboard-location{display:flex;align-items:center;gap:7px;color:#dce3ea;white-space:nowrap}.dashboard-location>span{font-size:16px}.dashboard-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#f0f4f8;font-size:12px}.dashboard-status{display:inline-flex;min-height:24px;align-items:center;padding:4px 9px;border-radius:7px;background:rgba(145,158,171,.13);color:#b5c0cb;font-size:12px;font-weight:800;white-space:nowrap}.dashboard-status-active,.dashboard-status-answered,.dashboard-status-running,.dashboard-status-online{background:rgba(84,214,168,.14);color:#57dda9}.dashboard-status-pending,.dashboard-status-processing,.dashboard-status-in-progress,.dashboard-status-waiting{background:rgba(255,171,0,.14);color:#ffbf47}.dashboard-status-failed,.dashboard-status-error,.dashboard-status-offline{background:rgba(255,86,48,.14);color:#ff7c62}.dashboard-status-closed,.dashboard-status-resolved,.dashboard-status-stopped{background:rgba(145,158,171,.13);color:#a8b3bf}.dashboard-card-footer{display:flex;min-height:49px;align-items:center;justify-content:flex-end;padding:0 20px;border-top:1px solid #34404c}.dashboard-card-footer a{display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:12px;font-weight:750}.dashboard-card-footer svg{width:14px;height:14px}.dashboard-ref-empty{display:grid;min-height:195px;align-content:center;justify-items:center;gap:7px;padding:25px;color:#778493;text-align:center}.dashboard-ref-empty>svg{width:30px;height:30px;margin-bottom:5px}.dashboard-ref-empty strong{color:#dce3ea;font-size:12px}.dashboard-ref-empty span{font-size:12px}.dashboard-ref-empty a{margin-top:6px;padding:8px 12px;border-radius:7px;background:#e21231;color:#fff;font-size:12px;font-weight:750}.dashboard-ticket-empty{min-height:150px}.dashboard-ticket-subject:hover{color:#ff6c81}.dashboard-balance-card{display:grid;gap:0;padding:21px}.dashboard-balance-card>div{display:flex;align-items:center;justify-content:space-between;color:#98a5b4;font-size:12px;font-weight:750}.dashboard-balance-card>div svg{width:20px;height:20px;color:#ff5b73}.dashboard-balance-card>strong{margin-top:16px;font-size:27px}.dashboard-balance-card>p{margin:7px 0 18px;color:#7f8c9b;font-size:12px}.dashboard-balance-card>a{display:flex;min-height:40px;align-items:center;justify-content:center;border-radius:8px;background:#e21231;color:#fff;font-size:12px;font-weight:800}.dashboard-bandwidth-body{padding:19px 21px 22px}.dashboard-bandwidth-region{display:flex;align-items:center;justify-content:space-between}.dashboard-bandwidth-region span{color:#dce3ea;font-size:12px;font-weight:750}.dashboard-bandwidth-region a{color:#ff6279;font-size:12px}.dashboard-bandwidth-values{display:flex;align-items:baseline;justify-content:space-between;margin-top:19px}.dashboard-bandwidth-values strong{font-size:18px}.dashboard-bandwidth-values span{color:#8491a0;font-size:12px}.dashboard-bandwidth-track{height:7px;margin-top:12px;overflow:hidden;border-radius:999px;background:#34404c}.dashboard-bandwidth-track i{display:block;height:100%;border-radius:inherit;background:#20c7d8}.dashboard-bandwidth-body>small{display:block;margin-top:9px;color:#7f8c9b;font-size:12px}.dashboard-support-card nav{display:grid}.dashboard-support-card nav>a{display:flex;min-height:50px;align-items:center;justify-content:space-between;gap:15px;padding:0 21px;border-bottom:1px dashed #35414d;color:#dce3ea;font-size:12px}.dashboard-support-card nav>a:last-child{border-bottom:0}.dashboard-support-card nav>a:hover{background:rgba(145,158,171,.05);color:#fff}.dashboard-support-card nav>a>span{display:flex;align-items:center;gap:11px}.dashboard-support-card nav svg{width:14px;height:14px;color:#7f8c9b}.dashboard-support-card nav>a>span svg{width:16px;height:16px;color:#ff6279}
@media(max-width:1120px){.dashboard-reference{grid-template-columns:minmax(0,1fr) 290px}.dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.dashboard-reference{grid-template-columns:1fr}.dashboard-reference .dashboard-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-support-card{grid-column:1/-1}}
@media(max-width:620px){body:has(.dashboard-reference) .app-content{padding-top:18px}.dashboard-reference{gap:16px}.dashboard-reference .dashboard-main,.dashboard-reference .dashboard-rail{gap:16px}.dashboard-reference-head{align-items:flex-start;flex-direction:column;gap:14px}.dashboard-reference-head h1{font-size:22px}.dashboard-deploy{width:100%}.dashboard-summary{gap:9px}.dashboard-summary>a{min-height:92px;padding:14px}.dashboard-summary strong{font-size:17px}.dashboard-service-tabs{gap:21px;padding-inline:15px;overflow-x:auto}.dashboard-ref-title{min-height:59px;padding-inline:16px}.dashboard-ref-table thead{display:none}.dashboard-ref-table,.dashboard-ref-table tbody,.dashboard-ref-table tr,.dashboard-ref-table td{display:block;width:100%}.dashboard-ref-table tr{padding:13px 16px;border-bottom:1px dashed #35414d}.dashboard-ref-table tbody tr:last-child{border-bottom:0}.dashboard-ref-table td{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;height:auto;min-height:34px;padding:5px 0;border:0;text-align:left}.dashboard-ref-table td:before{color:#738192;font-size:12px;font-weight:700;content:attr(data-label)}.dashboard-ref-table td[data-label="Service"]{display:block;padding-bottom:10px}.dashboard-ref-table td[data-label="Service"]:before{display:none}.dashboard-service-cell small{white-space:normal}.dashboard-card-footer{padding-inline:16px}.dashboard-reference .dashboard-rail{grid-template-columns:1fr}.dashboard-support-card{grid-column:auto}.dashboard-balance-card{padding:18px}.dashboard-bandwidth-body{padding:17px 18px 20px}}
@media(max-width:390px){.dashboard-summary{grid-template-columns:1fr 1fr}.dashboard-summary>a{padding:13px}.dashboard-service-tabs button{font-size:12px}.dashboard-ref-table td{grid-template-columns:82px minmax(0,1fr)}}

/* Dashboard screenshot parity v4 */
.dashboard-screenshot-layout{grid-template-columns:minmax(0,2.08fr) minmax(315px,1fr);gap:22px}.dashboard-screenshot-layout .dashboard-main,.dashboard-screenshot-layout .dashboard-rail{gap:22px}.dashboard-welcome{display:grid;min-height:203px;align-content:center;padding:24px;border-radius:15px;background:linear-gradient(120deg,#ffd9df,#ffcfd8);color:#a80026;box-shadow:0 10px 26px rgba(0,0,0,.08)}.dashboard-welcome h1{margin:0;font-size:15px;line-height:1.4}.dashboard-welcome h1 span{font-size:15px}.dashboard-welcome>p{display:flex;min-height:47px;align-items:center;gap:10px;margin:8px 0 14px;padding:0 16px;border-radius:11px;background:rgba(233,70,96,.1);color:#b63750;font-size:12px}.dashboard-welcome>p span{font-size:15px}.dashboard-welcome>strong{color:#bd4056;font-size:12px;font-weight:850}.dashboard-welcome nav{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.dashboard-welcome nav a{display:inline-flex;min-height:37px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:6px;background:#e91238;color:#fff;font-size:12px;font-weight:800;box-shadow:0 4px 8px rgba(179,0,37,.13)}.dashboard-welcome nav a:hover{background:#cf0a2f}.dashboard-welcome nav svg{width:14px;height:14px}.dashboard-screenshot-layout .dashboard-ref-card{border-color:#2d3946;border-radius:15px}.dashboard-screenshot-layout .dashboard-ref-title{min-height:64px;border-bottom:0}.dashboard-screenshot-layout .dashboard-title-icon{background:transparent;color:#e91238}.dashboard-screenshot-layout .dashboard-active-services .dashboard-title-icon{color:#e91238}.dashboard-screenshot-layout .dashboard-ticket-card .dashboard-title-icon{color:#12a7c7}.dashboard-screenshot-layout .dashboard-ref-title h2{font-size:15px}.dashboard-screenshot-layout .dashboard-service-tabs{min-height:42px;gap:42px}.dashboard-screenshot-layout .dashboard-service-tabs button{height:42px}.dashboard-screenshot-layout .dashboard-service-tabs button.is-active{border-bottom-color:#fff}.dashboard-screenshot-layout .dashboard-service-tabs button span{min-width:20px;height:20px;border-radius:50%;background:#e91238;color:#fff}.dashboard-screenshot-layout .dashboard-ref-table th{height:56px;background:#303c49}.dashboard-screenshot-layout .dashboard-ref-table td{height:78px}.dashboard-screenshot-layout .dashboard-service-cell{gap:14px}.dashboard-screenshot-layout .dashboard-os-logo{position:relative;flex-basis:40px;width:40px;height:40px;background:#303b47}.dashboard-screenshot-layout .dashboard-os-logo img{width:28px;height:28px}.dashboard-screenshot-layout .dashboard-os-logo i{position:absolute;right:-2px;bottom:-1px;width:9px;height:9px;border:2px solid #212b36;border-radius:50%;background:#16c784}.dashboard-screenshot-layout .dashboard-service-cell strong{font-size:12px}.dashboard-screenshot-layout .dashboard-service-cell small{color:#8ba4c5;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.dashboard-screenshot-layout .dashboard-location>span{font-size:16px}.dashboard-screenshot-layout .dashboard-status{border-radius:6px}.dashboard-screenshot-layout .dashboard-card-footer{min-height:49px}.dashboard-profile-credit{display:grid;min-height:298px;align-content:start;justify-items:center;padding-top:40px;text-align:center}.dashboard-profile-avatar{display:grid;width:48px;height:48px;place-items:center;border:3px solid #cad8dc;border-radius:50%;background:linear-gradient(145deg,#6d8795,#273a47);color:#fff;font-size:16px;font-weight:850}.dashboard-profile-credit>strong{margin-top:14px;color:#8ba4c5;font-size:12px;font-weight:500}.dashboard-profile-credit>div:last-child{display:grid;width:100%;justify-items:center;margin-top:17px;padding-top:16px;border-top:1px dashed #35414d}.dashboard-profile-credit span{color:#8ba4c5;font-size:12px}.dashboard-profile-credit b{margin-top:4px;color:#fff;font-size:16px}.dashboard-profile-credit a{display:flex;min-width:126px;min-height:44px;align-items:center;justify-content:center;margin-top:17px;border-radius:6px;background:#e91238;color:#fff;font-size:12px;font-weight:800}.dashboard-screenshot-layout .dashboard-bandwidth-card .dashboard-title-icon{color:#17bd68}.dashboard-screenshot-layout .dashboard-bandwidth-body{padding:21px 23px 24px}.dashboard-screenshot-layout .dashboard-bandwidth-region span:first-child{color:#fff;font-size:12px;font-weight:800}.dashboard-screenshot-layout .dashboard-bandwidth-region span:first-child b{font-size:15px}.dashboard-screenshot-layout .dashboard-bandwidth-region span:last-child{color:#8ba4c5;font-size:12px}.dashboard-screenshot-layout .dashboard-bandwidth-track{height:8px;margin-top:8px;background:#174451}.dashboard-screenshot-layout .dashboard-bandwidth-track i{background:#14c7e2}.dashboard-screenshot-layout .dashboard-bandwidth-body>small{margin-top:5px;color:#527188;text-align:right}.dashboard-screenshot-layout .dashboard-support-card .dashboard-title-icon{color:#15a6c7}.dashboard-screenshot-layout .dashboard-support-card nav>a{min-height:65px}.dashboard-screenshot-layout .dashboard-support-card nav>a>span{font-weight:700}.dashboard-screenshot-layout .dashboard-support-card nav>a>span i{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#303c49;color:#e91238;font-style:normal}.dashboard-screenshot-layout .dashboard-support-card nav>a:nth-child(2)>span i{color:#13a6c7}.dashboard-screenshot-layout .dashboard-support-card nav>a:nth-child(3)>span i{color:#e6b31a}.dashboard-screenshot-layout .dashboard-support-card nav>a:nth-child(4)>span i{color:#2cc86d}.dashboard-screenshot-layout .dashboard-support-card nav>a>span i svg{width:15px;height:15px;color:currentColor}.dashboard-screenshot-layout .dashboard-support-card nav>a>svg{width:12px;height:12px}
@media(max-width:1120px){.dashboard-screenshot-layout{grid-template-columns:minmax(0,1fr) 300px}.dashboard-welcome nav a{padding-inline:11px}}
@media(max-width:860px){.dashboard-screenshot-layout{grid-template-columns:1fr}.dashboard-screenshot-layout .dashboard-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-screenshot-layout .dashboard-profile-credit{min-height:272px}.dashboard-screenshot-layout .dashboard-support-card{grid-column:1/-1}}
@media(max-width:620px){.dashboard-welcome{min-height:0;padding:18px}.dashboard-welcome>p{align-items:flex-start;padding:12px 13px;line-height:1.45}.dashboard-welcome nav{display:grid;grid-template-columns:1fr 1fr}.dashboard-welcome nav a{padding-inline:9px}.dashboard-welcome nav a:first-child{grid-column:1/-1}.dashboard-screenshot-layout .dashboard-service-tabs{gap:22px}.dashboard-screenshot-layout .dashboard-ref-table td{height:auto}.dashboard-screenshot-layout .dashboard-rail{grid-template-columns:1fr}.dashboard-screenshot-layout .dashboard-support-card{grid-column:auto}.dashboard-profile-credit{min-height:250px;padding-top:30px}}
@media(max-width:360px){.dashboard-welcome nav{grid-template-columns:1fr}.dashboard-welcome nav a:first-child{grid-column:auto}}

/* Dashboard readable typography v5 */
.dashboard-screenshot-layout .dashboard-welcome h1{font-size:18px}.dashboard-screenshot-layout .dashboard-welcome h1 span{font-size:18px}.dashboard-screenshot-layout .dashboard-welcome>p{font-size:13px}.dashboard-screenshot-layout .dashboard-welcome>strong{font-size:12px}.dashboard-screenshot-layout .dashboard-welcome nav a{font-size:12px}.dashboard-screenshot-layout .dashboard-ref-title h2{font-size:18px}.dashboard-screenshot-layout .dashboard-service-tabs button{font-size:13px}.dashboard-screenshot-layout .dashboard-service-tabs button span{font-size:12px}.dashboard-screenshot-layout .dashboard-ref-table th{font-size:12px}.dashboard-screenshot-layout .dashboard-ref-table td{font-size:13px}.dashboard-screenshot-layout .dashboard-service-cell strong,.dashboard-screenshot-layout .dashboard-ref-table td>strong,.dashboard-screenshot-layout .dashboard-ticket-subject{font-size:13px}.dashboard-screenshot-layout .dashboard-service-cell small{font-size:12px;line-height:1.45}.dashboard-screenshot-layout .dashboard-mono{font-size:12px}.dashboard-screenshot-layout .dashboard-status{min-height:27px;padding:5px 10px;font-size:12px}.dashboard-screenshot-layout .dashboard-card-footer a{font-size:12px}.dashboard-screenshot-layout .dashboard-ref-empty strong{font-size:14px}.dashboard-screenshot-layout .dashboard-ref-empty span{font-size:12px}.dashboard-screenshot-layout .dashboard-ref-empty a{font-size:12px}.dashboard-screenshot-layout .dashboard-profile-credit>strong{font-size:13px}.dashboard-screenshot-layout .dashboard-profile-credit span{font-size:12px}.dashboard-screenshot-layout .dashboard-profile-credit b{font-size:19px}.dashboard-screenshot-layout .dashboard-profile-credit a{font-size:13px}.dashboard-screenshot-layout .dashboard-bandwidth-region span:first-child{font-size:13px}.dashboard-screenshot-layout .dashboard-bandwidth-region span:last-child{font-size:12px}.dashboard-screenshot-layout .dashboard-bandwidth-body>small{font-size:12px}.dashboard-screenshot-layout .dashboard-support-card nav>a{font-size:13px}
@media(max-width:620px){.dashboard-screenshot-layout .dashboard-welcome h1{font-size:18px}.dashboard-screenshot-layout .dashboard-welcome>p{font-size:12px}.dashboard-screenshot-layout .dashboard-welcome nav a{font-size:12px}.dashboard-screenshot-layout .dashboard-ref-title h2{font-size:16px}.dashboard-screenshot-layout .dashboard-service-tabs button{font-size:12px}.dashboard-screenshot-layout .dashboard-ref-table td{font-size:12px}.dashboard-screenshot-layout .dashboard-service-cell strong{font-size:13px}.dashboard-screenshot-layout .dashboard-service-cell small{font-size:12px}.dashboard-screenshot-layout .dashboard-support-card nav>a{font-size:12px}}

/* Preserve the official OS artwork in compute surfaces. */
.vm-os-avatar.has-os-logo{background:#f3f6f8}.vm-os-avatar.has-os-logo img{display:block;width:38px;height:38px;object-fit:contain}.vm-os-avatar.is-ubuntu{background:#e95420}.vm-os-avatar.is-ubuntu img{filter:none}
.vm-detail-os.has-os-logo{background:#f3f6f8}.vm-detail-os.has-os-logo img{display:block;width:44px;height:44px;object-fit:contain}.vm-detail-os.is-ubuntu{background:#e95420}.vm-detail-os.is-ubuntu img{filter:none}