:root{color-scheme:dark;--bg:#0a0d12;--panel:#11161e;--panel2:#161d27;--line:#263141;--text:#edf2f7;--muted:#91a0b4;--blue:#5b8cff;--cyan:#4dd5c8;--green:#36cf88;--amber:#f5b83d;--red:#ff6470;--radius:16px;font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% -10%,#132848 0,transparent 28rem),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}code,pre{font-family:"SFMono-Regular",Consolas,monospace}.topbar{height:68px;border-bottom:1px solid var(--line);background:rgba(10,13,18,.86);backdrop-filter:blur(14px);display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1240px)/2));gap:28px;position:sticky;top:0;z-index:10}.brand{font-size:18px;font-weight:750;letter-spacing:-.02em;white-space:nowrap}.brand span{color:var(--cyan)}nav{display:flex;gap:4px;flex:1}nav a{padding:8px 10px;border-radius:9px;color:var(--muted)}nav a:hover{color:var(--text);background:var(--panel2)}.nav-form{margin-left:auto}.container{width:min(1240px,calc(100% - 40px));margin:44px auto 80px}.page-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:28px}.page-head h1,.login-card h1{font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.04em;margin:4px 0 8px}.eyebrow{color:var(--cyan);text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.14em;margin:0}.muted,.hint{color:var(--muted)}.hint{font-size:12px}.actions{display:flex;align-items:center;gap:10px}.button{border:1px solid var(--line);border-radius:10px;padding:10px 15px;font:inherit;font-weight:700;color:var(--text);background:var(--panel2);cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.button:hover{border-color:#52637a}.button.primary{background:var(--blue);border-color:var(--blue);color:white}.button.ghost{background:transparent}.button.danger{color:white;background:#782631;border-color:#a73845}.button.small{padding:6px 10px;font-size:13px}.panel,.agent-card{background:linear-gradient(145deg,rgba(22,29,39,.96),rgba(15,20,28,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 40px rgba(0,0,0,.16)}.panel{padding:22px;margin-bottom:20px}.panel h2{font-size:18px;margin:0 0 16px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metrics article{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.metrics span{display:block;color:var(--muted);font-size:13px}.metrics strong{display:block;font-size:28px;margin-top:4px}.green{color:var(--green)!important}.amber{color:var(--amber)!important}.table-panel{padding:0;overflow:auto}.table-panel>h2{padding:20px 20px 0}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.09em}tbody tr:last-child td{border-bottom:0}td small{display:block;color:var(--muted);margin-top:3px}.right{text-align:right}.empty{text-align:center!important;color:var(--muted);padding:38px}.status{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:5px 8px;background:#26303d;color:#aab5c4}.status.online{background:rgba(54,207,136,.13);color:var(--green)}.status.stale{background:rgba(245,184,61,.13);color:var(--amber)}.status.offline{background:rgba(255,100,112,.11);color:#ff8b94}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:end}.form-grid.narrow{max-width:820px;grid-template-columns:repeat(2,1fr)}label{display:grid;gap:7px;font-weight:650;font-size:13px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#0c1118;color:var(--text);font:inherit;outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(91,140,255,.15)}.wide{grid-column:1/-1}.form-action{display:flex;justify-content:flex-end}.check{display:flex;grid-auto-flow:column;justify-content:start;align-items:center;gap:9px}.check input{width:auto}.checks{display:flex;gap:15px;flex-wrap:wrap}fieldset{border:1px solid var(--line);border-radius:12px;padding:14px}legend{color:var(--muted);font-size:13px}.flash{border:1px solid var(--line);border-radius:11px;padding:12px 15px;margin-bottom:16px;background:var(--panel2)}.flash.success{border-color:rgba(54,207,136,.5);color:#9ceabb}.flash.error{border-color:rgba(255,100,112,.55);color:#ffabb2}.login-card{width:min(430px,100%);margin:10vh auto;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:34px}.stack{display:grid;gap:16px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wide-panel{grid-column:1/-1}.qr-panel{text-align:center}.qr-panel img{display:block;width:min(260px,100%);margin:8px auto 18px;border-radius:12px;background:white;padding:8px}.warning{border:1px solid rgba(245,184,61,.3);background:rgba(245,184,61,.08);color:#ffd989;border-radius:10px;padding:10px 12px;margin-bottom:12px}pre{white-space:pre-wrap;overflow:auto;background:#080b10;border:1px solid #202938;border-radius:10px;padding:15px;color:#c9d5e6;max-height:520px}.task-output{max-width:420px;max-height:150px;margin:0;font-size:12px}.wrap{overflow-wrap:anywhere}dl{display:grid;grid-template-columns:130px 1fr;gap:10px;margin:0}dt{color:var(--muted)}dd{margin:0}.danger-zone{margin-top:30px;border-color:rgba(255,100,112,.35);display:flex;align-items:center;justify-content:space-between;gap:20px}.danger-zone h2,.danger-zone p{margin:0}.danger-zone p{color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.agent-card{padding:20px;display:block}.agent-card:hover{border-color:#52637a;transform:translateY(-1px)}.agent-card h2{margin:12px 0 6px}.agent-card p,.agent-card small{color:var(--muted)}.callout code{display:block;background:#080b10;padding:12px;border-radius:9px;overflow:auto}@media(max-width:900px){.topbar{height:auto;min-height:68px;flex-wrap:wrap;padding:14px 20px}nav{order:3;width:100%;overflow:auto}.container{width:min(100% - 24px,1240px);margin-top:28px}.metrics{grid-template-columns:repeat(2,1fr)}.form-grid,.form-grid.narrow{grid-template-columns:1fr}.detail-grid,.card-grid{grid-template-columns:1fr}.wide-panel,.wide{grid-column:auto}.page-head{align-items:flex-start;flex-direction:column}.danger-zone{align-items:flex-start;flex-direction:column}}
.status.running{background:rgba(91,140,255,.14);color:#8fb0ff}.task-table{min-width:900px;table-layout:fixed}.task-table th:nth-child(1){width:120px}.task-table th:nth-child(2){width:145px}.task-table th:nth-child(3){width:150px}.task-table th:nth-child(4){width:105px}.task-table th:nth-child(6){width:115px}.task-table td{vertical-align:top}.task-time strong{font-size:13px}.task-time small,.task-id{font-size:11px}.task-target{display:inline-block;max-width:100%;padding:5px 8px;border:1px solid #263141;border-radius:7px;background:#0c1118;overflow-wrap:anywhere}.task-result-cell{width:auto}.task-result-text{line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.task-result-details summary{color:#c9d5e6;cursor:pointer;overflow-wrap:anywhere}.task-output-expanded{max-width:100%;max-height:280px;margin:10px 0 0;font-size:12px}.task-panel tbody tr:hover{background:rgba(255,255,255,.018)}
.input-suffix{display:flex;align-items:stretch}.input-suffix input{min-width:0;border-radius:10px 0 0 10px}.input-suffix span{display:flex;align-items:center;flex:0 0 auto;max-width:70%;padding:0 11px;border:1px solid var(--line);border-left:0;border-radius:0 10px 10px 0;background:var(--panel2);color:var(--muted);font:12px/1.2 "SFMono-Regular",Consolas,monospace;white-space:nowrap}
.row-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.row-actions form{margin:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.section-head h2{margin:4px 0 0}.dns-records{display:grid;grid-template-columns:120px 1fr;gap:1px;margin:18px 0;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.dns-records>div{display:flex;align-items:center;gap:10px;min-width:0;padding:13px 14px;background:#0c1118}.dns-records>div span{color:var(--muted);font-size:12px}.dns-records code{overflow-wrap:anywhere}.dns-records .button{margin-left:auto}@media(max-width:700px){.dns-records{grid-template-columns:1fr}.row-actions{flex-wrap:wrap}.input-suffix span{max-width:55%;overflow:hidden;text-overflow:ellipsis}}
.wide-2{grid-column:span 2}.dns-table{margin:18px 0;border:1px solid var(--line);border-radius:12px;overflow:auto}.dns-row{display:grid;grid-template-columns:70px minmax(180px,1fr) minmax(150px,1fr) 70px minmax(150px,auto);gap:14px;align-items:center;min-width:780px;padding:13px 15px;border-bottom:1px solid var(--line);background:#0c1118}.dns-row:last-child{border-bottom:0}.dns-head{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;background:var(--panel2)}.domain-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.domain-actions form{margin:0}button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:900px){.wide-2{grid-column:auto}}
.form-hint{margin:0;padding-top:2px}
@media (min-width:901px) and (max-width:1450px){.topbar{height:auto;min-height:68px;flex-wrap:wrap;padding:12px 20px;gap:14px}.topbar nav{order:3;flex:0 0 100%;width:100%;justify-content:center;overflow-x:auto}.topbar nav a{padding:7px 9px}.container{margin-top:34px}}

/* SF-Cloud branding and responsive navigation */
.brand{display:flex;align-items:center;flex:0 0 auto;padding:0;background:transparent;box-shadow:none}
.brand img{display:block;width:auto;height:46px}
.menu-toggle{display:none;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:8px 11px;background:var(--panel2);color:var(--text);font:inherit;font-weight:750;cursor:pointer}
.menu-icon{display:grid;gap:3px;width:18px}.menu-icon i{display:block;height:2px;border-radius:2px;background:currentColor}
.nav-shell{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.nav-shell nav{min-width:0}.nav-tools{display:flex;align-items:center;gap:12px;flex:0 0 auto}.tenant-switch{display:flex;align-items:end;gap:7px}.tenant-switch label{gap:2px}.tenant-switch label span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.tenant-switch select{min-width:130px;padding:7px 9px;font-size:13px}.account-link{display:grid;line-height:1.2;font-size:13px;font-weight:750;white-space:nowrap}.account-link span{margin-top:3px;color:var(--muted);font-size:10px;font-weight:600}.nav-form{margin-left:0}

@media (min-width:901px){
  .topbar{height:auto;min-height:68px;flex-wrap:wrap;align-items:center;padding-top:10px;padding-bottom:10px;gap:9px 22px}
  .nav-shell{display:contents}
  .topbar .nav-shell nav{display:flex;order:3;flex:0 0 100%;width:100%;flex-wrap:wrap;justify-content:flex-start;gap:4px;overflow:visible;padding-top:8px;border-top:1px solid var(--line)}
  .topbar .nav-shell nav a{flex:0 0 auto}
  .nav-tools{order:2;margin-left:auto;justify-content:flex-end}
}

@media (max-width:900px){
  .topbar{min-height:64px;padding:9px 12px;gap:10px;justify-content:space-between;align-items:center}
  .brand{padding:0}.brand img{height:37px}
  .menu-toggle{display:inline-flex;margin-left:auto}.menu-toggle[aria-expanded="true"]{border-color:var(--blue);background:rgba(91,140,255,.12)}
  .nav-shell{display:none;order:3;flex:0 0 100%;width:100%;max-height:calc(100vh - 76px);overflow-y:auto;padding:10px 0 4px;border-top:1px solid var(--line)}
  .nav-shell.is-open{display:grid;gap:14px}
  .topbar .nav-shell nav{display:grid;order:initial;width:100%;gap:4px;overflow:visible}
  .topbar .nav-shell nav a{display:block;width:100%;padding:11px 12px;color:var(--text);background:var(--panel);border:1px solid transparent}
  .topbar .nav-shell nav a:hover{border-color:var(--line);background:var(--panel2)}
  .nav-tools{display:grid;grid-template-columns:1fr;gap:10px;width:100%;padding-top:12px;border-top:1px solid var(--line)}
  .tenant-switch{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}.tenant-switch select{min-width:0}
  .account-link{padding:10px 12px;border-radius:10px;background:var(--panel)}
  .nav-form,.nav-form .button{width:100%}
  .container{margin-top:22px}
}

@media (max-width:390px){.brand img{height:33px}.menu-toggle{padding:7px 9px}.menu-toggle>span:last-child{font-size:13px}}

/* Login and e-mail two-factor */
.login-heading{display:grid;justify-items:center;gap:10px;margin-bottom:24px;text-align:center}
.login-heading img{display:block;width:min(310px,100%);height:auto}
.login-heading h1{font-size:32px;margin:0}
.login-note{text-align:center;margin:-8px 0 20px}
.two-factor-code{text-align:center;font:700 24px/1.2 "SFMono-Regular",Consolas,monospace;letter-spacing:.28em}
.login-back-form{text-align:center;margin:18px 0 0}
.login-back{border:0;padding:0;background:none;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}
.login-back:hover{color:var(--text)}
.login-secondary-link{display:block;margin-top:18px;text-align:center;color:var(--muted);font-size:13px}.login-secondary-link:hover{color:var(--text)}.login-wide-button{width:100%}
.login-remember{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(91,140,255,.045);cursor:pointer}.login-remember input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--blue)}.login-remember span,.login-remember small{display:block}.login-remember small{margin-top:2px;color:var(--muted);font-size:11px;font-weight:500}.login-remember:has(input:checked){border-color:rgba(91,140,255,.55);background:rgba(91,140,255,.09)}
.email-clear-password{align-self:end;margin-bottom:11px}
.notification-form{margin-top:20px}.notification-topline{display:grid;grid-template-columns:minmax(260px,520px) auto;gap:20px;align-items:end}.notification-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.notification-group{display:grid;align-content:start;gap:11px;margin:0;background:#0c1118}.notification-group legend{padding:0 7px;color:var(--text);font-weight:750}.notification-last{display:grid;gap:3px;margin-top:16px;padding:12px 14px;border:1px solid rgba(54,207,136,.35);border-radius:10px;background:rgba(54,207,136,.07);color:#9ceabb}.notification-last span{font-size:12px;overflow-wrap:anywhere}.notification-last.notification-failed{border-color:rgba(255,100,112,.45);background:rgba(255,100,112,.07);color:#ffabb2}@media(max-width:900px){.notification-groups{grid-template-columns:1fr}.notification-topline{grid-template-columns:1fr}.notification-topline .check{margin-top:2px}}

/* Platform backups */
.backup-import-panel{display:grid;grid-template-columns:minmax(220px,1fr) minmax(420px,1.4fr);gap:28px;align-items:end}.backup-import-panel h2,.backup-import-panel p{margin-top:0}.backup-import-form{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;align-items:end}.backup-table-panel table{min-width:980px}.backup-id{max-width:340px;overflow-wrap:anywhere}.backup-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px}.backup-actions form{margin:0}.restore-status{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;margin-bottom:16px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.restore-status strong{grid-row:span 2}.restore-status span,.restore-status code{overflow-wrap:anywhere}.restore-done{border-color:rgba(54,207,136,.45);color:#9ceabb}.restore-failed{border-color:rgba(255,100,112,.5);color:#ffabb2}.restore-running,.restore-scheduled{border-color:rgba(91,140,255,.5);color:#a9c0ff}.restore-summary{max-width:850px}.restore-summary dl{grid-template-columns:140px minmax(0,1fr)}.restore-summary code{overflow-wrap:anywhere}.restore-warning-panel{max-width:850px;border-color:rgba(255,100,112,.35)}.restore-warning-panel li{margin:8px 0;color:var(--muted)}.restore-confirm-form{max-width:520px;margin-top:24px}.restore-confirm-form .button{justify-self:start}
@media(max-width:900px){.backup-import-panel,.backup-import-form{grid-template-columns:1fr}.backup-actions{flex-wrap:wrap}.restore-status{grid-template-columns:1fr}.restore-status strong{grid-row:auto}.restore-summary dl{grid-template-columns:1fr}.restore-summary dd{margin-bottom:8px}}

/* Agent credential lifecycle */
.agent-auth-panel{display:flex;align-items:center;justify-content:space-between;gap:28px}.agent-auth-panel h2{margin:3px 0 10px}.agent-auth-panel p{margin:6px 0}.agent-auth-panel form{flex:0 0 auto}@media(max-width:700px){.agent-auth-panel{align-items:flex-start;flex-direction:column}.agent-auth-panel form,.agent-auth-panel .button{width:100%}}

/* Settings navigation */
.settings-menu{position:relative;flex:0 0 auto}
.settings-menu summary{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:9px;color:var(--muted);cursor:pointer;list-style:none;user-select:none}
.settings-menu summary::-webkit-details-marker{display:none}
.settings-menu summary::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .16s ease}
.settings-menu[open] summary::after{transform:translateY(2px) rotate(225deg)}
.settings-menu summary:hover,.settings-menu[open] summary{color:var(--text);background:var(--panel2)}
.settings-menu-list{position:absolute;top:calc(100% + 8px);left:0;z-index:40;display:grid;min-width:220px;padding:7px;border:1px solid var(--line);border-radius:12px;background:#111821;box-shadow:0 18px 45px rgba(0,0,0,.38)}
.topbar .nav-shell nav .settings-menu-list a{display:block;width:100%;padding:10px 12px;white-space:nowrap}

/* Time and timezone settings */
.time-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.time-status-card{min-width:0;padding:19px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.time-status-card>span,.time-status-card>small{display:block;color:var(--muted)}
.time-status-card>span{font-size:13px}.time-status-card>strong{display:block;margin:6px 0 3px;font-size:clamp(18px,2vw,25px);line-height:1.25;overflow-wrap:anywhere}.time-status-card>small{font-size:12px}
.time-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.time-settings-grid .panel{margin:0}.time-settings-grid .panel>p{min-height:46px;margin:0 0 18px}.time-settings-grid .button{justify-self:start}
.time-manual-panel{grid-column:1/-1;max-width:610px}

@media(max-width:900px){
  .settings-menu{width:100%}
  .settings-menu summary{width:100%;justify-content:space-between;padding:11px 12px;color:var(--text);background:var(--panel);border:1px solid transparent}
  .settings-menu[open] summary{border-color:var(--line);border-radius:10px 10px 0 0}
  .settings-menu-list{position:static;min-width:0;padding:5px 7px 7px;border-radius:0 0 10px 10px;border-top:0;background:#0d131b;box-shadow:none}
  .topbar .nav-shell nav .settings-menu-list a{padding:10px 13px;background:transparent;border:0;color:var(--muted)}
  .topbar .nav-shell nav .settings-menu-list a:hover{color:var(--text);background:var(--panel2)}
  .time-status-grid,.time-settings-grid{grid-template-columns:1fr}
  .time-manual-panel{grid-column:auto;max-width:none}
  .time-settings-grid .panel>p{min-height:0}
  .detail-grid{grid-template-columns:minmax(0,1fr)}
  .detail-grid>*{min-width:0}
}

/* Browser SSH and SFTP */
.ssh-connect-panel,.ssh-terminal-panel,.ssh-files-panel{margin-bottom:20px}
.ssh-connect-grid{grid-template-columns:minmax(220px,1.4fr) minmax(100px,.45fr) minmax(180px,1fr) minmax(180px,1fr)}
.ssh-connect-grid [hidden]{display:none!important}
.ssh-connect-grid .form-action{display:flex;gap:10px;align-items:end}
.ssh-terminal{height:min(58vh,560px);min-height:350px;margin-top:18px;padding:0;border:1px solid #263141;border-radius:12px;background:#000;overflow:hidden}
.ssh-terminal .xterm{height:100%;padding:10px}
.ssh-terminal .xterm,.ssh-terminal .xterm *{box-sizing:content-box}
.ssh-terminal .xterm{font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0}
.ssh-terminal-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.ssh-diagnostic-result{margin:12px 0 0;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:#0c1118;font:12px/1.4 "SFMono-Regular",Consolas,monospace}
.ssh-diagnostic-result.success{border-color:rgba(54,207,136,.45);color:#9ceabb}
.ssh-diagnostic-result.error{border-color:rgba(255,100,112,.5);color:#ffabb2}
.ssh-terminal-panel:fullscreen{display:flex;flex-direction:column;margin:0;padding:18px;border:0;border-radius:0;background:#000}
.ssh-terminal-panel:fullscreen .section-head{flex:0 0 auto}
.ssh-terminal-panel:fullscreen .ssh-terminal{flex:1 1 auto;height:auto;min-height:0;margin-top:10px;border:0;border-radius:0}
.sftp-pathbar{display:flex;align-items:center;gap:12px;margin:18px 0 14px}
.sftp-pathbar code{min-width:0;overflow-wrap:anywhere}
.sftp-upload{display:grid;grid-template-columns:minmax(220px,1fr) minmax(190px,1fr) auto minmax(130px,.5fr);gap:12px;align-items:end;margin-bottom:18px}
.sftp-table{min-width:690px}
.sftp-name{border:0;padding:4px 0;background:none;color:var(--text);font:inherit;text-align:left}
.sftp-name:not(:disabled){cursor:pointer}.sftp-name:not(:disabled):hover{color:#8fb0ff}.sftp-name:disabled{opacity:1}
@media(max-width:900px){.ssh-connect-grid,.sftp-upload{grid-template-columns:1fr}.ssh-connect-grid .form-action{align-items:stretch}.ssh-connect-grid .form-action .button{flex:1}.ssh-terminal{height:55vh;min-height:300px}.ssh-terminal-actions{justify-content:flex-start}}

/* Tenant isolation watchdog */
.isolation-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}
.isolation-hero h2{margin:10px 0 5px}.isolation-hero p{margin:0;color:var(--muted)}
.isolation-hero>strong{padding:9px 12px;border-radius:10px;background:rgba(54,207,136,.09);color:#9ceabb;font-size:13px}
.isolation-ok{border-color:rgba(54,207,136,.35)}.isolation-error{border-color:rgba(255,100,112,.45)}
.isolation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
.isolation-card{display:grid;gap:7px;margin:0;min-width:0}.isolation-card>span,.isolation-card>small{color:var(--muted)}.isolation-card>span{font-size:13px}.isolation-card>strong{font-size:23px;overflow-wrap:anywhere}.isolation-card>small{line-height:1.4}
.isolation-probe{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(320px,1fr);gap:30px;align-items:center}.isolation-probe h2{margin:4px 0}.isolation-probe dl{grid-template-columns:110px minmax(0,1fr)}
@media(max-width:900px){.isolation-hero{align-items:flex-start;flex-direction:column}.isolation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.isolation-probe{grid-template-columns:1fr}}
@media(max-width:560px){.isolation-grid{grid-template-columns:1fr}.isolation-probe dl{grid-template-columns:1fr}.isolation-probe dd{margin-bottom:8px}}
.isolation-history{padding:0;overflow:hidden}.isolation-history-head{padding:22px}.isolation-history-head h2{margin:4px 0 7px}.isolation-history-head p{margin-bottom:0}.isolation-history-tabs{display:flex;gap:8px;flex-wrap:wrap}
.isolation-history-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.isolation-history-summary>div{padding:16px 20px;border-right:1px solid var(--line)}.isolation-history-summary>div:last-child{border-right:0}.isolation-history-summary span{display:block;color:var(--muted);font-size:12px}.isolation-history-summary strong{display:block;margin-top:3px;font-size:22px}
.isolation-history-table{overflow:auto}.isolation-history-table table{min-width:980px}.isolation-history-table td{vertical-align:top}.isolation-history-message{max-width:320px;overflow-wrap:anywhere}.isolation-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
@media(max-width:760px){.isolation-history-head{align-items:flex-start;flex-direction:column}.isolation-history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.isolation-history-summary>div:nth-child(2){border-right:0}.isolation-history-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}

/* VPN-only MQTT servers */
.mqtt-limit{display:grid;justify-items:end;min-width:100px}.mqtt-limit span{color:var(--muted);font-size:12px}.mqtt-limit strong{font-size:25px}.mqtt-create-form{grid-template-columns:repeat(3,minmax(0,1fr))}.mqtt-table-panel table{min-width:1040px}.mqtt-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.mqtt-actions form{margin:0}.mqtt-credentials{max-width:850px}.mqtt-credentials dl{grid-template-columns:140px minmax(0,1fr)}.mqtt-credentials dd{min-width:0}.mqtt-credentials code{display:inline-block;max-width:100%;overflow-wrap:anywhere}.mqtt-credential-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:900px){.mqtt-create-form{grid-template-columns:1fr}.mqtt-limit{justify-items:start}.mqtt-credentials dl{grid-template-columns:1fr}.mqtt-credentials dd{margin-bottom:10px}.mqtt-credential-actions .button{flex:1 1 180px}}

/* Peer setup wizard and access rules */
.peer-wizard{max-width:1000px;margin:0 auto}.wizard-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 0 20px;padding:0;list-style:none}.wizard-progress li{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--muted);font-size:12px;font-weight:750}.wizard-progress span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--panel2)}.wizard-progress li.is-active{border-color:var(--blue);color:var(--text);background:rgba(91,140,255,.1)}.wizard-progress li.is-complete{color:var(--green)}.peer-wizard.is-ready .wizard-step:not(.is-active){display:none}.wizard-step>h2{margin:5px 0 7px;font-size:24px}.wizard-actions{display:flex;justify-content:flex-end;gap:10px}.wizard-actions [data-wizard-cancel]{margin-right:auto}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.choice-card{display:flex;grid-auto-flow:column;justify-content:start;align-items:flex-start;gap:12px;padding:18px;border:1px solid var(--line);border-radius:13px;background:#0c1118;cursor:pointer}.choice-card:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 3px rgba(91,140,255,.12)}.choice-card input{width:auto;margin-top:4px}.choice-card span{display:grid;gap:4px}.choice-card strong{font-size:15px}.choice-card small{color:var(--muted);font-weight:500;line-height:1.45}.choice-grid.compact{margin-top:6px}.choice-grid.compact .choice-card{padding:13px}.direction-hint{margin:14px 0;padding:11px 13px;border-left:3px solid var(--cyan);border-radius:0 9px 9px 0;background:rgba(77,213,200,.07);color:var(--muted)}.direction-hint strong{display:block;color:var(--cyan);font-size:11px;letter-spacing:.08em}.wizard-empty{padding:18px;border:1px dashed var(--line);border-radius:13px;text-align:center}.wizard-empty h2{margin-bottom:6px}.access-groups,.peer-access-form{display:grid;gap:15px}.access-groups fieldset,.peer-access-form fieldset{margin:0;background:#0c1118}.access-groups legend,.peer-access-form legend{padding:0 7px;color:var(--text);font-weight:750}.target-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.target-option{display:flex;grid-auto-flow:column;justify-content:start;align-items:flex-start;gap:10px;min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.target-option:has(input:checked){border-color:rgba(91,140,255,.7);background:rgba(91,140,255,.08)}.target-option input{width:auto;margin-top:3px}.target-option span{display:grid;min-width:0}.target-option strong,.target-option small{overflow-wrap:anywhere}.target-option small{color:var(--muted);font-weight:500}.wizard-summary{display:grid;grid-template-columns:150px minmax(0,1fr);gap:1px;margin:18px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--line)}.wizard-summary>span,.wizard-summary>strong,.wizard-summary>div{padding:12px 14px;background:#0c1118}.wizard-summary>span{color:var(--muted)}.wizard-summary ul{margin:0;padding-left:18px}.wizard-summary li+li{margin-top:5px}
@media(max-width:760px){.wizard-progress{grid-template-columns:repeat(5,40px);justify-content:space-between}.wizard-progress li{justify-content:center;padding:7px}.wizard-progress li:not(.is-active){border-color:transparent;background:transparent}.wizard-progress li{font-size:0}.wizard-progress li span{font-size:12px}.choice-grid,.target-list{grid-template-columns:1fr}.wizard-summary{grid-template-columns:1fr}.wizard-summary>span{padding-bottom:4px}.wizard-actions{flex-wrap:wrap}.wizard-actions [data-wizard-cancel]{width:100%;order:3;margin:0}.wizard-actions .button:not([data-wizard-cancel]){flex:1}}

/* Public registration and legal pages */
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1240px,calc(100% - 40px));margin:0 auto 30px;padding:20px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.site-footer nav{display:flex;gap:16px}.site-footer a:hover{color:var(--text)}.registration-shell,.legal-page-head,.legal-test-warning,.legal-document{width:min(940px,100%);margin-left:auto;margin-right:auto}.registration-head{align-items:flex-start}.registration-panel{padding:26px}.registration-form fieldset{margin:0;background:#0c1118}.registration-form legend{padding:0 7px;color:var(--text);font-weight:750}.registration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.registration-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.legal-consents{display:grid;gap:12px}.legal-check{display:flex;grid-auto-flow:column;justify-content:start;align-items:flex-start;gap:10px;font-weight:500}.legal-check input{flex:0 0 auto;width:auto;margin-top:4px}.legal-check span{display:block}.legal-check a{color:#9ab7ff;text-decoration:underline;text-underline-offset:2px}.registration-submit{display:flex;align-items:center;justify-content:space-between;gap:24px}.registration-submit p{max-width:650px;margin:0}.registration-submit .button{flex:0 0 auto}.registration-status-card{width:min(520px,100%)}.registration-state{display:grid;gap:6px;margin-bottom:20px;padding:14px;border:1px solid var(--line);border-radius:11px}.registration-state span{color:var(--muted)}.success-state{border-color:rgba(54,207,136,.4);background:rgba(54,207,136,.08)}.success-state strong{color:#9ceabb}.error-state{border-color:rgba(255,100,112,.45);background:rgba(255,100,112,.07)}.error-state strong{color:#ffabb2}.registration-2fa-note{margin:18px 0 0}.legal-document{padding:28px}.legal-document section+section{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.legal-document h2{margin-bottom:8px}.legal-document p{margin:0;color:#c8d2df;line-height:1.75}.registration-admin-list{display:grid;gap:16px}.registration-admin-card{margin:0}.registration-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.registration-admin-head h2{margin:4px 0}.registration-admin-head p{margin:0}.registration-details{grid-template-columns:140px minmax(0,1fr);margin:20px 0}.registration-review-actions{display:grid;gap:14px;padding-top:18px;border-top:1px solid var(--line)}.registration-approve-form{grid-template-columns:repeat(3,minmax(0,1fr))}.registration-reject-form{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;align-items:end}.registration-reject-form .button{margin-bottom:0}.registration-admin-card>.form-action{padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:700px){.site-footer{align-items:flex-start;flex-direction:column;width:calc(100% - 24px)}.site-footer nav{flex-wrap:wrap}.registration-panel{padding:18px}.registration-grid,.registration-approve-form,.registration-reject-form{grid-template-columns:1fr}.registration-submit,.registration-admin-head{align-items:stretch;flex-direction:column}.registration-submit .button,.registration-reject-form .button{width:100%}.registration-details{grid-template-columns:1fr}.registration-details dd{margin-bottom:8px}}

/* Keep registration inputs compact when helper text wraps in the neighboring column. */
.registration-grid{align-items:start}.registration-grid>label{align-self:start}.registration-grid .hint{font-weight:500;line-height:1.45}

/* Credits and per-resource shadow billing */
.billing-metrics article small{display:block;margin-top:4px;color:var(--muted)}.billing-admin-grid{align-items:start}.billing-prices-panel{grid-column:1/-1}.billing-price-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.billing-run-form{display:flex;justify-content:flex-end;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.billing-cost-table{min-width:620px}.billing-ledger-table{min-width:900px}.billing-ledger-table td{vertical-align:top}.billing-ledger-table th:nth-child(1){width:190px}.billing-ledger-table th:nth-child(3){width:110px}.billing-ledger-table th:nth-child(4){width:100px}.billing-ledger-table th:nth-child(5){width:150px}@media(max-width:1050px){.billing-price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.billing-price-grid{grid-template-columns:1fr}.billing-run-form .button{width:100%}}

/* Platform-wide billing transaction journal */
.billing-transaction-filters{padding:20px}.transaction-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto;gap:14px;align-items:end}.transaction-filter-actions{display:flex;gap:8px}.transaction-metrics strong{font-size:25px}.transaction-table-panel{overflow-x:auto;overflow-y:hidden}.transaction-table-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px}.transaction-table-head h2{margin:3px 0 0}.transaction-table-head>span{color:var(--muted);font-size:13px}.billing-transaction-table{min-width:1160px}.billing-transaction-table td{vertical-align:top}.billing-transaction-table th:nth-child(1){width:175px}.billing-transaction-table th:nth-child(2){width:160px}.billing-transaction-table th:nth-child(3){width:120px}.billing-transaction-table th:nth-child(5){width:140px}.billing-transaction-table th:nth-child(6){width:80px}.billing-transaction-table th:nth-child(7){width:130px}.billing-transaction-table th:nth-child(8){width:95px}.billing-transaction-table th:last-child,.billing-transaction-table td:last-child{position:sticky;right:0;z-index:1;background:#111821;box-shadow:-8px 0 14px rgba(0,0,0,.18)}.billing-transaction-table th:last-child{z-index:2;background:#11161e}.transaction-product{display:inline-flex;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);font-size:12px;font-weight:750}.transaction-actions{text-align:right}.transaction-actions form{margin:0}.transaction-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.list-pagination{display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;gap:14px;padding:16px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.list-pagination-summary{justify-self:start}.list-pagination-controls{display:flex;align-items:center;justify-content:center;gap:10px}.list-pagination-pages{display:flex;align-items:center;gap:5px}.list-page-link,.list-page-current{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:9px;text-decoration:none;font-weight:750}.list-page-link{color:var(--text);background:var(--panel2)}.list-page-link:hover{border-color:var(--accent);color:#fff}.list-page-current{border-color:var(--accent);background:var(--accent);color:#fff}.list-pagination-page{justify-self:end}@media(max-width:700px){.list-pagination{grid-template-columns:1fr;justify-items:center}.list-pagination-summary,.list-pagination-page{justify-self:center}.list-pagination-controls{flex-wrap:wrap}.list-pagination-pages{order:-1;width:100%;justify-content:center}}
@media(max-width:1050px){.transaction-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.transaction-filter-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:600px){.transaction-filter-grid{grid-template-columns:1fr}.transaction-filter-actions{grid-column:auto}.transaction-filter-actions .button{flex:1}.transaction-table-head{align-items:flex-start;flex-direction:column}.transaction-metrics{grid-template-columns:1fr}}

/* Compact wallet shortcut next to logout */
.wallet-link{display:grid;place-items:center;flex:0 0 40px;width:40px;height:36px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:#9ab7ff}.wallet-link:hover{border-color:#52637a;background:#1b2532;color:var(--text)}.wallet-symbol{position:relative;width:21px;height:15px;border:2px solid currentColor;border-radius:4px}.wallet-symbol::before{content:"";position:absolute;left:2px;top:-6px;width:13px;height:6px;border:2px solid currentColor;border-bottom:0;border-radius:4px 4px 0 0}.wallet-symbol::after{content:"";position:absolute;right:-4px;top:3px;width:7px;height:5px;border:2px solid currentColor;border-radius:3px;background:var(--panel2)}.wallet-link:hover .wallet-symbol::after{background:#1b2532}

/* Editable plain-text mail templates */
.mail-template-list{display:grid;gap:20px}.mail-template-card{margin:0;scroll-margin-top:90px}.mail-template-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}.mail-template-card-head h2{margin:4px 0 6px}.mail-template-card-head p{margin:0}.mail-template-card-head>small{flex:0 0 auto;color:var(--muted)}.mail-template-form{margin-top:20px}.mail-template-form textarea{min-height:260px;resize:vertical;font-family:"SFMono-Regular",Consolas,monospace;font-size:13px;line-height:1.55}.mail-template-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.mail-placeholder-list{display:flex;flex-wrap:wrap;gap:8px;max-width:900px}.mail-placeholder-list span{padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:#0c1118;color:var(--muted);font-size:12px}.mail-placeholder-list code{color:#9ab7ff}.mail-template-footer>.button{flex:0 0 auto}
@media(max-width:760px){.mail-template-card-head,.mail-template-footer{align-items:stretch;flex-direction:column}.mail-template-card-head>small{flex:auto}.mail-template-footer>.button{width:100%}.mail-template-form textarea{min-height:320px}}
.announcement-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(3,6,10,.82);backdrop-filter:blur(8px)}.announcement-dialog{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:28px;background:linear-gradient(145deg,#171f2a,#0f141c);border:1px solid #35445a;border-radius:20px;box-shadow:0 28px 90px rgba(0,0,0,.55)}.announcement-dialog h2{margin:5px 0 16px;font-size:clamp(24px,4vw,34px);line-height:1.15}.announcement-message{padding:18px;border:1px solid var(--line);border-radius:12px;background:#0b1017;color:#dbe5f1;white-space:pre-wrap;overflow-wrap:anywhere}.announcement-help{margin:16px 0 0;font-size:13px}.announcement-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.announcement-actions form{margin:0}.announcement-form-head{align-items:flex-start;margin-bottom:20px}.announcement-form-head h2,.announcement-list-head h2{margin:4px 0}.announcement-form-head>p{max-width:560px;margin:0}.announcement-form-grid{max-width:none}.announcement-history{margin-top:20px}.announcement-history table{min-width:940px}.announcement-list-head{padding:20px 20px 8px}.announcement-list-tools{display:flex;align-items:center;gap:12px}.announcement-list-tools form{margin:0}
@media(max-width:700px){.announcement-dialog{padding:22px}.announcement-actions{align-items:stretch;flex-direction:column-reverse}.announcement-actions form,.announcement-actions .button{width:100%}.announcement-form-head,.announcement-list-head{align-items:flex-start;flex-direction:column}.announcement-list-tools{width:100%;justify-content:space-between}.announcement-admin-form .form-action .button{width:100%}}
.tenant-suspension-warning{margin-bottom:18px}.suspension-metrics strong{font-size:22px}.suspension-panel{max-width:820px}.suspension-panel>.warning{margin:18px 0}.suspension-panel .form-action{margin-top:18px}

/* Manual credit top-up requests */
.topup-request-panel{padding:24px}.topup-request-head h2{margin:3px 0 7px}.topup-request-head p:last-child{max-width:800px;margin:0}.topup-request-form{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(260px,1.4fr) auto;gap:14px;align-items:end;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.topup-cancel-form{margin:12px 0 0}.topup-history-table{min-width:820px}.topup-history-table td{vertical-align:top}.topup-history-panel h2{padding-bottom:4px}.topup-metrics{grid-template-columns:minmax(220px,300px)}.topup-filter-grid{display:grid;grid-template-columns:minmax(180px,260px) minmax(240px,1fr) auto;gap:14px;align-items:end}.topup-admin-table-panel{overflow-x:auto;overflow-y:hidden}.topup-admin-table{min-width:1080px}.topup-admin-table td{vertical-align:top}.topup-admin-table th:nth-child(1){width:175px}.topup-admin-table th:nth-child(2){width:170px}.topup-admin-table th:nth-child(3){width:190px}.topup-admin-table th:nth-child(5){width:130px}.topup-admin-table th:nth-child(6){width:160px}.topup-admin-table th:nth-child(7){width:210px}.topup-review-actions{display:flex;gap:7px;flex-wrap:wrap}.topup-review-actions form{margin:0}
@media(max-width:800px){.topup-request-form,.topup-filter-grid{grid-template-columns:1fr}.topup-request-form .form-action,.topup-request-form .button{width:100%}.topup-filter-grid .transaction-filter-actions{grid-column:auto}.topup-metrics{grid-template-columns:1fr}}

/* Credit checkout and bank-transfer orders */
.topup-order-cta{display:flex;align-items:center;justify-content:space-between;gap:24px}.topup-order-cta .button,.topup-order-cta>.status{flex:0 0 auto}.billing-payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.checkout-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 20px;padding:0;list-style:none}.checkout-progress li{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted)}.checkout-progress li span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--panel2);font-size:12px}.checkout-progress li.is-active{border-color:rgba(91,140,255,.55);color:var(--text)}.checkout-progress li.is-active span{background:var(--blue);color:white}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,360px);gap:20px;align-items:start}.checkout-main,.checkout-summary{margin:0}.checkout-main h2,.checkout-summary h2{margin:4px 0 16px}.credit-package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.credit-package{display:grid;gap:3px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#0c1118;color:var(--text);font:inherit;text-align:left;cursor:pointer}.credit-package span{color:var(--muted);font-size:13px}.credit-package:hover,.credit-package.is-selected{border-color:var(--blue);background:rgba(91,140,255,.09);box-shadow:0 0 0 2px rgba(91,140,255,.08)}.checkout-custom-credits{margin-top:16px}.checkout-section{margin:26px 0;padding-top:24px;border-top:1px solid var(--line)}.payment-method-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:16px;border:1px solid rgba(54,207,136,.45);border-radius:12px;background:rgba(54,207,136,.06)}.payment-method-card input{width:auto}.payment-method-card>span:nth-child(2){display:grid;gap:3px}.payment-method-card small{color:var(--muted);font-weight:500}.future-payment-methods{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--muted)}.future-payment-methods>span{padding:6px 9px;border:1px solid var(--line);border-radius:8px}.future-payment-methods small{margin-left:auto}.checkout-summary{position:sticky;top:88px}.checkout-summary dl{grid-template-columns:120px 1fr}.checkout-summary dd{text-align:right}.checkout-total{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:20px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.checkout-total span{color:var(--muted)}.checkout-total strong{font-size:26px}.checkout-submit{width:100%;margin-top:12px}.checkout-unavailable{max-width:700px}.checkout-unavailable h2{margin:16px 0 6px}.order-metrics{grid-template-columns:repeat(3,1fr)}.order-metrics strong{font-size:24px}.order-payment-grid{align-items:start}.order-payment-notice{margin-bottom:20px}.payment-details{grid-template-columns:140px minmax(0,1fr)}.payment-details dd{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.payment-details dd strong{overflow-wrap:anywhere}.copy-link{padding:3px 0;border:0;background:transparent;color:#9ab7ff;font:inherit;font-size:12px;cursor:pointer}.copy-link:hover{color:var(--text)}.order-next-step ol{padding-left:20px;color:#c8d2df}.order-next-step li+li{margin-top:9px}.order-next-step form{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.order-closed{max-width:760px}
@media(max-width:900px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static}.credit-package-grid{grid-template-columns:repeat(2,1fr)}.topup-order-cta{align-items:flex-start;flex-direction:column}.order-payment-grid{grid-template-columns:1fr}}
@media(max-width:620px){.billing-payment-grid,.order-metrics{grid-template-columns:1fr}.checkout-progress li{justify-content:center;padding:10px}.checkout-progress strong{display:none}.credit-package-grid{grid-template-columns:1fr 1fr}.payment-details{grid-template-columns:1fr}.payment-details dt{margin-top:10px}.payment-details dd{padding-bottom:10px;border-bottom:1px solid var(--line)}}

/* Split platform billing administration */
.billing-prices-page{width:100%}.billing-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:4px}.shop-settings-metrics{grid-template-columns:repeat(3,1fr)}.manual-credit-panel{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:28px;align-items:end}.manual-credit-panel h2{margin:4px 0 7px}.manual-credit-panel p:last-child{margin:0}.manual-credit-form{display:grid;grid-template-columns:minmax(140px,.6fr) minmax(240px,1.4fr) auto;gap:12px;align-items:end}.shop-order-preview table{min-width:820px}.billing-runs-panel table{min-width:720px}.billing-runs-panel .transaction-table-head form{margin:0}
@media(max-width:900px){.manual-credit-panel{grid-template-columns:1fr}.manual-credit-form{grid-template-columns:1fr 1fr}.manual-credit-form .form-action{grid-column:1/-1}.shop-settings-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.billing-policy-grid,.manual-credit-form,.shop-settings-metrics{grid-template-columns:1fr}.manual-credit-form .form-action{grid-column:auto}.manual-credit-form .button{width:100%}}
.billing-reset-zone{align-items:flex-end}.billing-reset-zone>div{max-width:720px}.billing-reset-zone h2{margin:4px 0 8px}.billing-reset-summary{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.billing-reset-summary span{padding:7px 10px;border:1px solid rgba(255,100,112,.25);border-radius:9px;background:rgba(255,100,112,.05);color:var(--muted);font-size:13px}.billing-reset-summary strong{color:var(--text)}.billing-reset-form{display:grid;grid-template-columns:minmax(250px,340px);gap:12px;flex:0 0 min(100%,340px)}.billing-reset-form .button{width:100%}.button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:900px){.billing-reset-zone{align-items:stretch}.billing-reset-form{grid-template-columns:1fr;flex-basis:auto;width:100%}}
.tenant-test-checkbox,.test-existing-checkbox{display:flex;grid-auto-flow:column;grid-template-columns:auto 1fr;justify-content:start;align-items:start;gap:11px;padding:13px 14px;border:1px solid rgba(245,184,61,.28);border-radius:11px;background:rgba(245,184,61,.06)}.tenant-test-checkbox input,.test-existing-checkbox input{width:auto;margin-top:3px}.tenant-test-checkbox span,.test-existing-checkbox span{display:grid;gap:2px}.tenant-test-checkbox small,.test-existing-checkbox small{color:var(--muted);font-weight:500}.test-customer-label{color:var(--amber);font-weight:750}.button.test-customer-button{border-color:rgba(245,184,61,.45);color:#ffd989;background:rgba(245,184,61,.08)}.test-customer-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.test-customer-panel{max-width:920px}.test-customer-panel h2{margin:4px 0 10px}.feature-list{color:#c8d2df;padding-left:20px;margin:16px 0 24px}.feature-list li+li{margin-top:8px}
@media(max-width:900px){.test-customer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.test-customer-metrics{grid-template-columns:1fr}}

/* Binding cost confirmation for billable resources */
.billing-order-notice{margin:18px 0 4px;padding:18px;border:1px solid rgba(255,184,77,.48);border-radius:13px;background:linear-gradient(145deg,rgba(255,184,77,.09),rgba(255,184,77,.035))}
.billing-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.billing-order-head h3{margin:4px 0 0}.billing-order-head>strong{flex:0 0 auto;padding:10px 13px;border:1px solid rgba(255,184,77,.35);border-radius:10px;background:rgba(9,13,18,.62);color:#ffd58f;font-size:18px;text-align:right}.billing-order-head>strong small{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-weight:600}.billing-order-notice>p{max-width:880px;margin:14px 0 0;color:#d5dee9;line-height:1.55}.billing-order-balance{font-size:13px}.billing-order-consent{display:flex;grid-auto-flow:column;justify-content:start;align-items:flex-start;gap:11px;margin-top:16px;padding-top:15px;border-top:1px solid rgba(255,184,77,.22);font-weight:650}.billing-order-consent input{flex:0 0 auto;width:auto;margin-top:3px;accent-color:var(--blue)}.billing-order-consent span{line-height:1.45}
@media(max-width:620px){.billing-order-head{flex-direction:column}.billing-order-head>strong{width:100%;text-align:left}}

/* SF-Cloud confirmation dialog */
.confirm-dialog{width:min(560px,calc(100% - 28px));max-width:none;padding:0;border:0;border-radius:20px;background:transparent;color:var(--text);box-shadow:0 32px 100px rgba(0,0,0,.62)}
.confirm-dialog::backdrop{background:rgba(3,6,10,.78);backdrop-filter:blur(7px)}
.confirm-dialog-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:0 16px;padding:25px;background:linear-gradient(145deg,#171f2a,#0f141c);border:1px solid #35445a;border-radius:20px}
.confirm-dialog-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,100,112,.48);border-radius:14px;background:rgba(255,100,112,.11);color:#ff9099;font-size:24px;font-weight:850}
.confirm-dialog-content{min-width:0}.confirm-dialog-content h2{margin:4px 0 10px;font-size:24px;line-height:1.2}.confirm-dialog-message{margin:0;color:#cbd6e3;line-height:1.62;overflow-wrap:anywhere}
.confirm-dialog-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.confirm-dialog-actions .button{min-width:126px}
@media(max-width:560px){.confirm-dialog-card{grid-template-columns:40px minmax(0,1fr);padding:20px}.confirm-dialog-icon{width:40px;height:40px}.confirm-dialog-actions{display:grid;grid-template-columns:1fr}.confirm-dialog-actions .button{width:100%}}

/* Structured editor for provider details and legal documents */
.legal-editor-warning{margin-bottom:20px;line-height:1.6}.legal-editor-form{display:grid;gap:20px}.legal-editor-form>.panel{margin:0}.legal-editor-head{align-items:flex-start}.legal-editor-head h2{margin:4px 0 5px}.legal-editor-head p:last-child{margin:0}.legal-test-mode{flex:0 0 auto;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#0c1118}.legal-provider-grid{margin-top:22px}.legal-document-editor-list{display:grid;gap:14px}.legal-editor-document{padding:0;overflow:hidden;margin:0}.legal-editor-document>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 22px;cursor:pointer;list-style:none}.legal-editor-document>summary::-webkit-details-marker{display:none}.legal-editor-document>summary:hover{background:rgba(255,255,255,.025)}.legal-editor-document>summary span:first-child{display:grid;gap:2px}.legal-editor-document>summary small{color:var(--cyan);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.legal-editor-document>summary strong{font-size:18px}.legal-version{color:var(--muted);font-size:12px}.legal-editor-document-body{display:grid;gap:16px;padding:22px;border-top:1px solid var(--line)}.legal-section-list{display:grid;gap:14px}.legal-section-editor{display:grid;gap:13px;padding:17px;border:1px solid var(--line);border-radius:12px;background:#0c1118}.legal-section-editor-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.legal-section-editor textarea{min-height:150px;resize:vertical;line-height:1.55}.legal-add-section{justify-self:start}.legal-editor-save{position:sticky;bottom:14px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:24px;border-color:rgba(91,140,255,.45);box-shadow:0 18px 45px rgba(0,0,0,.45)}.legal-editor-save p{margin:3px 0 0}.legal-section-content{white-space:pre-wrap}.legal-preview-links{flex-wrap:wrap}
@media(max-width:760px){.legal-editor-head,.legal-editor-save{align-items:stretch;flex-direction:column}.legal-test-mode{width:100%}.legal-editor-document>summary{align-items:flex-start;flex-direction:column}.legal-section-editor-head{align-items:flex-start;flex-direction:column}.legal-section-editor-head .button,.legal-editor-save .button{width:100%}.legal-editor-save{bottom:8px}}

/* Compact tenant administration actions without horizontal table overflow */
.tenant-table-panel{overflow:hidden}.tenant-table{min-width:0;table-layout:fixed}.tenant-table th:nth-child(1){width:9%}.tenant-table th:nth-child(2){width:10%}.tenant-table th:nth-child(3){width:11%}.tenant-table th:nth-child(4){width:9%}.tenant-table th:nth-child(5){width:7%}.tenant-table th:nth-child(6){width:9%}.tenant-table th:nth-child(7){width:11%}.tenant-table th:last-child{width:225px}.tenant-table td{overflow-wrap:anywhere}.tenant-table td code{white-space:normal}.tenant-table td .status{display:inline-flex;margin-top:5px}.tenant-action-cell{padding-left:10px}.tenant-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:215px;margin-left:auto}.tenant-actions form{display:block;margin:0}.tenant-actions .button{width:100%;min-height:34px;padding:6px 8px;line-height:1.2;text-align:center;white-space:normal}.server-placement-note{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border:1px solid rgba(77,213,200,.25);border-radius:10px;background:rgba(77,213,200,.055);color:var(--muted);font-size:12px}.server-placement-note strong{color:#9debe4;white-space:nowrap}.tenant-remote-pending{display:grid;place-items:center;min-height:34px;padding:6px 8px;border:1px solid rgba(245,184,61,.3);border-radius:8px;background:rgba(245,184,61,.06);color:var(--amber);font-size:11px;font-weight:750;text-align:center}
@media(max-width:1050px){.tenant-table th:nth-child(5){width:8%}.tenant-table th:nth-child(6){width:10%}.tenant-table th:nth-child(7){width:12%}.tenant-table th:last-child{width:205px}.tenant-actions{width:195px}.tenant-actions .button{font-size:12px}}
@media(max-width:760px){.tenant-table,.tenant-table tbody{display:block;width:100%}.tenant-table thead{display:none}.tenant-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 20px;padding:18px;border-bottom:1px solid var(--line)}.tenant-table tbody tr:last-child{border-bottom:0}.tenant-table td{display:block;min-width:0;padding:0;border:0;text-align:left}.tenant-table td::before{content:attr(data-label);display:block;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tenant-action-cell{grid-column:1/-1;padding-top:3px}.tenant-actions{width:100%;margin:0}.tenant-actions .button{min-height:38px;font-size:13px}}
@media(max-width:460px){.tenant-table tr{grid-template-columns:1fr}.tenant-action-cell{grid-column:auto}.server-placement-note{display:grid}.server-placement-note strong{white-space:normal}}

/* Compact customer service overview */
.services-page-head{align-items:center;margin-bottom:20px}.services-page-head h1{font-size:clamp(30px,3.5vw,42px)}.service-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.service-overview-card{display:flex;min-width:0;min-height:240px;flex-direction:column;padding:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(22,29,39,.98),rgba(13,18,25,.98));box-shadow:0 12px 28px rgba(0,0,0,.12);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.service-overview-card:hover{transform:translateY(-2px);border-color:rgba(91,140,255,.65);box-shadow:0 18px 34px rgba(0,0,0,.22)}.service-card-head,.service-card-identity{display:flex;align-items:center}.service-card-head{justify-content:space-between;gap:10px}.service-card-identity{min-width:0;gap:10px}.service-marker{display:grid;place-items:center;flex:0 0 auto;min-width:42px;height:31px;padding:0 8px;border:1px solid rgba(77,213,200,.28);border-radius:9px;background:rgba(77,213,200,.08);color:var(--cyan);font-size:9px;font-weight:850;letter-spacing:.06em}.service-card-identity h2{min-width:0;margin:0;font-size:17px;line-height:1.2;overflow-wrap:anywhere}.service-card-open{color:var(--muted);font-size:19px;line-height:1;transition:transform .16s ease,color .16s ease}.service-overview-card:hover .service-card-open{transform:translateX(2px);color:#b8caff}.service-overview-card>p{display:-webkit-box;min-height:34px;margin:12px 0;color:var(--muted);font-size:11px;line-height:1.45;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.service-usage-row,.service-cost-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-usage-row>div,.service-cost-row>div{min-width:0}.service-usage-row span,.service-cost-row span{display:block;color:var(--muted);font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.service-usage-row strong{display:block;margin-top:1px;font-size:16px;line-height:1.35;overflow-wrap:anywhere}.service-limit-track{height:4px;margin:8px 0 11px;border-radius:999px;background:#263141;overflow:hidden}.service-limit-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--blue))}.service-limit-track.unlimited i{width:100%;opacity:.28}.service-cost-row{margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}.service-cost-row strong{display:block;margin-top:2px;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.service-billing-note{display:block;margin-top:7px;color:var(--amber);font-size:9px;line-height:1.35}.service-total-panel{display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,2.35fr);gap:18px;align-items:center;padding:18px 20px}.service-total-intro h2{margin:2px 0 3px;font-size:17px}.service-total-intro p:last-child{margin:0;font-size:11px}.service-total-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--line)}.service-total-metrics article{min-width:0;padding:12px 13px;background:#0c1118}.service-total-metrics span,.service-total-metrics small{display:block;color:var(--muted)}.service-total-metrics span{font-size:10px}.service-total-metrics strong{display:block;margin:2px 0;font-size:17px;line-height:1.3;overflow-wrap:anywhere}.service-total-metrics small{font-size:9px;line-height:1.35}@media(max-width:1120px){.service-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-total-panel{grid-template-columns:1fr}.service-total-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.service-overview-grid{grid-template-columns:1fr}.service-overview-card{min-height:0}.service-overview-card>p{min-height:0}.service-total-metrics{grid-template-columns:1fr}.service-usage-row,.service-cost-row{gap:8px}.service-total-panel{padding:16px}}
.services-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.service-view-switch{display:flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:11px;background:#0c1118}.service-view-switch form{margin:0}.service-view-button{display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:750;cursor:pointer}.service-view-button:hover{color:var(--text)}.service-view-button.active{background:var(--panel2);color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,.2)}.service-view-grid-icon{display:grid;grid-template-columns:repeat(2,4px);gap:2px}.service-view-grid-icon i{width:4px;height:4px;border-radius:1px;background:currentColor}.service-view-list-icon{display:grid;gap:2px}.service-view-list-icon i{width:11px;height:2px;border-radius:2px;background:currentColor}.service-overview-list{padding:0;overflow:hidden;margin-bottom:16px}.service-list-head,.service-list-row{display:grid;grid-template-columns:minmax(250px,2fr) minmax(70px,.55fr) minmax(95px,.75fr) minmax(105px,.85fr) minmax(105px,.85fr) 22px;gap:14px;align-items:center}.service-list-head{padding:10px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.018);color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.service-list-row{min-height:65px;padding:10px 16px;border-bottom:1px solid var(--line);transition:background .15s ease}.service-list-row:last-child{border-bottom:0}.service-list-row:hover{background:rgba(91,140,255,.055)}.service-list-row:hover .service-card-open{transform:translateX(2px);color:#b8caff}.service-list-identity{display:flex;align-items:center;min-width:0;gap:11px}.service-list-identity>span:last-child{min-width:0}.service-list-identity strong{display:block;font-size:14px}.service-list-identity small,.service-list-row>div>small{display:block;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-list-row>div[data-label]>strong{display:block;font-size:12px;overflow-wrap:anywhere}.service-list-limit{display:block;width:min(80px,100%);height:3px;margin-top:5px;border-radius:99px;background:#263141;overflow:hidden}.service-list-limit i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--blue))}@media(max-width:850px){.services-page-head{align-items:flex-start}.services-head-actions{width:100%;justify-content:space-between}.service-list-head{display:none}.service-list-row{grid-template-columns:minmax(0,1fr) minmax(70px,.45fr) minmax(90px,.55fr) 18px;gap:10px}.service-list-row>div:nth-child(4),.service-list-row>div:nth-child(5){display:none}.service-list-row>div[data-label]::before{content:attr(data-label);display:block;margin-bottom:2px;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}}@media(max-width:540px){.services-head-actions{align-items:stretch;flex-direction:column}.services-head-actions>.button{width:100%}.service-view-switch{align-self:flex-end}.service-list-row{grid-template-columns:minmax(0,1fr) 18px;padding:12px 14px}.service-list-row>div[data-label]{display:none}.service-list-identity small{white-space:normal}.service-overview-list .service-marker{display:none}}

/* Immutable invoices, billing profiles and accounting export */
.billing-profile-panel{max-width:980px}.billing-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.billing-document-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr)) auto;gap:14px;align-items:end}.billing-document-table-panel{overflow-x:auto;overflow-y:hidden}.billing-document-table{min-width:1120px}.billing-document-table td{vertical-align:top}.billing-document-table th:nth-child(1){width:160px}.billing-document-table th:nth-child(2){width:180px}.billing-document-table th:nth-child(3){width:150px}.billing-document-table th:nth-child(4),.billing-document-table th:nth-child(5),.billing-document-table th:nth-child(6){width:105px}.billing-document-table th:nth-child(7){width:105px}.billing-document-actions{display:flex;align-items:flex-start;gap:7px}.billing-document-actions form{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:7px;margin:0}.billing-document-actions input{padding:7px 9px;font-size:12px}.order-document-link{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.order-document-link>div{display:flex;align-items:center;gap:10px}.billing-document-head-actions{flex-wrap:wrap}
@media(max-width:1050px){.billing-document-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-document-filter-grid .transaction-filter-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:700px){.billing-profile-grid,.billing-document-filter-grid{grid-template-columns:1fr}.billing-profile-grid .wide-2,.billing-document-filter-grid .transaction-filter-actions{grid-column:auto}.billing-document-filter-grid .transaction-filter-actions .button{flex:1}.order-document-link{align-items:stretch;flex-direction:column}.order-document-link .button{width:100%}.billing-document-head-actions{width:100%}.billing-document-head-actions .button{flex:1}}
.dns-status-metrics {
  margin: 1rem 0;
}

.table-wrap{max-width:100%;overflow-x:auto}.dns-settings-form{gap:20px}.dns-config-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px;align-items:start}.dns-config-grid label{align-content:start}.dns-toggle-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 18px;border:1px solid var(--line);border-radius:12px;background:#0c1118;cursor:pointer}.dns-toggle-card:hover{border-color:#3b4b60}.dns-toggle-copy{display:grid;gap:3px}.dns-toggle-copy strong{font-size:14px}.dns-toggle-copy small{color:var(--muted);font-weight:500}.dns-switch{position:relative;flex:0 0 auto;width:48px;height:27px;margin:0;padding:0;border:1px solid #3a4656;border-radius:999px;background:#242d39;appearance:none;-webkit-appearance:none;cursor:pointer;transition:background .18s ease,border-color .18s ease}.dns-switch::after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#aab5c4;box-shadow:0 2px 6px rgba(0,0,0,.35);transition:transform .18s ease,background .18s ease}.dns-switch:checked{border-color:var(--blue);background:var(--blue)}.dns-switch:checked::after{transform:translateX(21px);background:#fff}.dns-switch:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(91,140,255,.22)}.dns-settings-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:2px}.dns-settings-actions p{margin:0;font-size:12px}.dns-settings-buttons{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto}

.dns-server-records {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: 1rem;
}

.dns-server-records code {
  border: 1px solid var(--line);
  border-radius: .65rem;
  background: var(--surface-deep);
  padding: .65rem .8rem;
  overflow-wrap: anywhere;
}

@media(max-width:760px){.dns-config-grid{grid-template-columns:1fr}.dns-toggle-card{align-items:flex-start}.dns-switch{margin-top:2px}.dns-settings-actions{align-items:stretch;flex-direction:column}.dns-settings-buttons{display:grid;grid-template-columns:1fr}.dns-settings-buttons .button{width:100%}}

/* Cohesive customer overview cards */
.tenant-directory{padding:0;overflow:hidden}.tenant-directory-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px}.tenant-directory-head h2{margin:3px 0 0}.tenant-directory-head>span{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#0c1118;color:var(--muted);font-size:12px;font-weight:750}.tenant-card-list{display:grid;gap:14px;padding:0 20px 20px}.tenant-overview-card{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(15,21,29,.98),rgba(11,16,23,.98));box-shadow:0 12px 28px rgba(0,0,0,.12)}.tenant-card-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.015)}.tenant-identity{display:flex;align-items:center;gap:13px;min-width:0}.tenant-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(77,213,200,.3);border-radius:12px;background:rgba(77,213,200,.08);color:var(--cyan);font-size:17px;font-weight:850}.tenant-identity h3{margin:0;font-size:18px;line-height:1.25}.tenant-identity p{margin:2px 0 0;color:var(--muted);font-size:12px}.tenant-state{flex:0 0 auto}.tenant-card-content{display:grid;grid-template-columns:minmax(250px,1fr) minmax(210px,.72fr) minmax(350px,1.28fr)}.tenant-card-section{min-width:0;padding:19px 20px;border-right:1px solid var(--line)}.tenant-card-section:last-child{border-right:0}.tenant-card-section h4{margin:0 0 14px;color:#b9c6d6;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.tenant-info-list{display:grid;grid-template-columns:1fr;gap:11px;margin:0}.tenant-info-list>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:start}.tenant-info-list dt{font-size:12px}.tenant-info-list dd{display:flex;align-items:center;gap:7px;min-width:0;font-size:13px}.tenant-info-list dd strong,.tenant-info-list dd code{overflow-wrap:anywhere}.tenant-info-list dd small{display:block;color:var(--muted);font-size:11px}.tenant-info-list .status{flex:0 0 auto;padding:3px 7px;font-size:9px}.tenant-traffic-section{display:flex;flex-direction:column}.tenant-traffic-total{font-size:29px;line-height:1.1;letter-spacing:-.03em}.tenant-traffic-directions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto;padding-top:18px}.tenant-traffic-directions>span{display:grid;gap:2px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#0a0f15}.tenant-traffic-directions small{color:var(--muted);font-size:10px}.tenant-traffic-directions strong{font-size:12px}.tenant-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tenant-usage-stat{display:grid;grid-template-columns:1fr auto;gap:1px 8px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#0a0f15}.tenant-usage-stat span{align-self:center;color:var(--muted);font-size:11px}.tenant-usage-stat strong{grid-row:span 2;align-self:center;font-size:20px}.tenant-usage-stat small{color:#718096;font-size:9px}.tenant-card-warning{display:grid;gap:3px;margin:0 20px 16px;padding:10px 12px;border:1px solid rgba(245,184,61,.3);border-radius:9px;background:rgba(245,184,61,.06);color:var(--amber);font-size:12px}.tenant-card-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-top:1px solid var(--line);background:rgba(255,255,255,.012)}.tenant-main-actions,.tenant-sensitive-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tenant-card-actions form{margin:0}.tenant-sensitive-actions{justify-content:flex-end;padding-left:15px;border-left:1px solid var(--line)}.tenant-directory-empty{margin:0 20px 20px;padding:40px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}
@media(max-width:1080px){.tenant-card-content{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-card-section:nth-child(2){border-right:0}.tenant-card-section:last-child{grid-column:1/-1;border-top:1px solid var(--line)}}
@media(max-width:720px){.tenant-directory-head{padding:18px}.tenant-card-list{padding:0 12px 12px}.tenant-card-head{align-items:flex-start;padding:16px}.tenant-card-content{grid-template-columns:1fr}.tenant-card-section,.tenant-card-section:nth-child(2),.tenant-card-section:last-child{grid-column:auto;padding:16px;border-top:1px solid var(--line);border-right:0}.tenant-card-section:first-child{border-top:0}.tenant-card-actions{align-items:stretch;flex-direction:column;padding:14px 16px}.tenant-main-actions,.tenant-sensitive-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.tenant-main-actions .button,.tenant-sensitive-actions .button{width:100%;min-height:38px}.tenant-sensitive-actions{padding:13px 0 0;border-top:1px solid var(--line);border-left:0}.tenant-card-warning{margin:0 16px 14px}}
@media(max-width:440px){.tenant-directory-head>span{display:none}.tenant-info-list>div{grid-template-columns:1fr;gap:3px}.tenant-info-list dd{flex-wrap:wrap}.tenant-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-traffic-directions{grid-template-columns:1fr}.tenant-main-actions,.tenant-sensitive-actions{grid-template-columns:1fr}}

/* Softer customer directory: grouped information without hard table-like cuts. */
.tenant-card-list {
  gap: 18px;
}

.tenant-overview-card {
  padding: 18px 20px;
  overflow: visible;
  background:
    radial-gradient(circle at top right, rgba(77, 213, 200, .055), transparent 31rem),
    linear-gradient(145deg, rgba(15, 21, 29, .99), rgba(11, 16, 23, .99));
}

.tenant-card-head {
  padding: 0 0 16px;
  border-bottom: 0;
  background: transparent;
}

.tenant-card-content {
  grid-template-columns: minmax(260px, 1.05fr) minmax(220px, .76fr) minmax(340px, 1.35fr);
  gap: 12px;
}

.tenant-card-section {
  padding: 16px;
  border: 1px solid rgba(45, 58, 74, .78);
  border-radius: 12px;
  background: rgba(8, 13, 19, .56);
}

.tenant-card-section:last-child {
  border-right: 1px solid rgba(45, 58, 74, .78);
}

.tenant-card-section h4 {
  margin-bottom: 13px;
}

.tenant-info-list {
  gap: 12px;
}

.tenant-info-list > div {
  grid-template-columns: 88px minmax(0, 1fr);
}

.tenant-traffic-directions {
  gap: 14px;
}

.tenant-traffic-directions > span {
  padding: 0;
  border: 0;
  background: transparent;
}

.tenant-traffic-directions > span + span {
  padding-left: 14px;
  border-left: 1px solid var(--line);
}

.tenant-usage-grid {
  gap: 6px 16px;
}

.tenant-usage-stat {
  padding: 8px 0;
  border: 0;
  border-bottom: 1px solid rgba(45, 58, 74, .62);
  border-radius: 0;
  background: transparent;
}

.tenant-usage-stat:nth-last-child(-n + 3) {
  border-bottom: 0;
}

.tenant-card-actions {
  padding: 15px 0 0;
  border-top: 0;
  background: transparent;
}

.tenant-sensitive-actions {
  padding-left: 0;
  border-left: 0;
}

.tenant-card-warning {
  margin: 14px 0 0;
}

@media(max-width:1080px) {
  .tenant-card-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tenant-card-section:nth-child(2) {
    border-right: 1px solid rgba(45, 58, 74, .78);
  }

  .tenant-card-section:last-child {
    grid-column: 1 / -1;
    border-top: 1px solid rgba(45, 58, 74, .78);
  }
}

@media(max-width:720px) {
  .tenant-overview-card {
    padding: 16px;
  }

  .tenant-card-head {
    padding: 0 0 15px;
  }

  .tenant-card-content {
    grid-template-columns: 1fr;
  }

  .tenant-card-section,
  .tenant-card-section:nth-child(2),
  .tenant-card-section:last-child {
    padding: 15px;
    border: 1px solid rgba(45, 58, 74, .78);
  }

  .tenant-card-actions {
    padding: 14px 0 0;
  }

  .tenant-sensitive-actions {
    padding-top: 13px;
  }

  .tenant-card-warning {
    margin: 13px 0 0;
  }
}

@media(max-width:440px) {
  .tenant-usage-stat:nth-last-child(3) {
    border-bottom: 1px solid rgba(45, 58, 74, .62);
  }

  .tenant-traffic-directions > span + span {
    padding: 10px 0 0;
    border-top: 1px solid var(--line);
    border-left: 0;
  }
}

/* Customer search and filters */
.tenant-directory-filters {
  display: grid;
  grid-template-columns: minmax(250px, 1.7fr) minmax(150px, .75fr) minmax(190px, 1fr) auto;
  gap: 12px;
  align-items: end;
  margin: 0 20px 18px;
  padding: 14px;
  border: 1px solid rgba(45, 58, 74, .78);
  border-radius: 12px;
  background: rgba(8, 13, 19, .56);
}

.tenant-directory-filters label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.tenant-directory-filters label > span {
  color: #9eacbd;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.tenant-directory-filters input,
.tenant-directory-filters select {
  width: 100%;
  min-height: 42px;
}

.tenant-filter-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.tenant-filter-actions .button {
  min-height: 42px;
}

.tenant-directory-empty {
  display: grid;
  justify-items: center;
  gap: 8px;
}

.tenant-directory-empty span {
  color: var(--muted);
  font-size: 13px;
}

@media(max-width:980px) {
  .tenant-directory-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tenant-search-field {
    grid-column: 1 / -1;
  }

  .tenant-filter-actions {
    justify-content: flex-end;
  }
}

@media(max-width:720px) {
  .tenant-directory-filters {
    grid-template-columns: 1fr;
    margin: 0 12px 14px;
    padding: 13px;
  }

  .tenant-search-field {
    grid-column: auto;
  }

  .tenant-filter-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tenant-filter-actions .button {
    width: 100%;
  }
}

@media(max-width:440px) {
  .tenant-filter-actions {
    grid-template-columns: 1fr;
  }
}

/* Balanced DynDNS creation form */
.dyndns-create-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

.dyndns-create-form > label {
  grid-template-rows: auto auto minmax(2.9em, auto);
  align-content: start;
}

.dyndns-create-form .form-action {
  align-self: end;
}

@media(max-width:700px) {
  .dyndns-create-form {
    grid-template-columns: 1fr;
  }
}

.nav-support-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.server-menu-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.nav-alert-badge {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border: 1px solid rgba(255, 100, 112, .45);
  border-radius: 999px;
  background: rgba(255, 100, 112, .16);
  color: #ff9da5;
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
}

.payment-method-card + .payment-method-card { margin-top: 10px; }
.shop-settings-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.paypal-result-panel { max-width: 760px; margin: 48px auto; }
.paypal-result-panel h1 { margin: 16px 0 8px; }
.payment-method-card {
  border-color: var(--line);
  background: #0c1118;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.payment-method-card:hover { border-color: #52637a; }
.payment-method-card.is-selected,
.payment-method-card:has(input:checked) {
  border-color: var(--blue);
  background: rgba(91,140,255,.09);
  box-shadow: 0 0 0 2px rgba(91,140,255,.08);
}
.checkout-submit-status {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 12px;
  text-align: center;
}
.button:disabled { cursor: wait; opacity: .72; }
.paypal-redirect-panel {
  display: grid;
  justify-items: center;
  width: min(680px,100%);
  margin: 8vh auto;
  text-align: center;
}
.paypal-redirect-panel h1 { margin: 8px 0; font-size: clamp(28px,5vw,42px); }
.paypal-redirect-panel .muted { max-width: 540px; }
.paypal-redirect-panel .button { width: min(360px,100%); margin-top: 10px; }
.paypal-redirect-status { color: #b9c9dd; }
.paypal-redirect-spinner {
  width: 54px;
  height: 54px;
  margin-bottom: 20px;
  border: 5px solid rgba(91,140,255,.2);
  border-top-color: var(--blue);
  border-radius: 50%;
  animation: paypal-spin .8s linear infinite;
}
@keyframes paypal-spin { to { transform: rotate(360deg); } }
.paypal-result-panel .payment-details { margin-top: 24px; }

@media (max-width: 900px) {
  .shop-settings-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .shop-settings-metrics { grid-template-columns: 1fr; }
}

/* CSP-safe usage bars for the service cards and list */
.service-limit-progress,.service-list-limit{display:block;border:0;background:#263141;overflow:hidden;-webkit-appearance:none;appearance:none}.service-limit-progress{width:100%;height:4px;margin:8px 0 11px;border-radius:999px}.service-list-limit{width:min(80px,100%);height:3px;margin-top:5px;border-radius:99px}.service-limit-progress::-webkit-progress-bar,.service-list-limit::-webkit-progress-bar{background:#263141}.service-limit-progress::-webkit-progress-value,.service-list-limit::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--blue))}.service-limit-progress::-moz-progress-bar,.service-list-limit::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--blue))}

/* Zentral austauschbare Dienst-Icons */
.service-icon-frame{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:1px solid rgba(77,213,200,.3);border-radius:11px;background:linear-gradient(145deg,rgba(77,213,200,.13),rgba(91,140,255,.08));color:var(--cyan);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:border-color .16s ease,background .16s ease,transform .16s ease}.service-icon{display:block;width:23px;height:23px;overflow:visible}.service-icon-accent{stroke:#7fa2ff}.service-icon-badge{fill:#101722;stroke:#7fa2ff}.service-icon-number{fill:#c7d5ff;font-size:7px;font-weight:850;font-family:system-ui,sans-serif}.service-overview-card:hover .service-icon-frame,.service-list-row:hover .service-icon-frame{transform:scale(1.04);border-color:rgba(91,140,255,.62);background:linear-gradient(145deg,rgba(77,213,200,.17),rgba(91,140,255,.14))}@media(max-width:540px){.service-overview-list .service-icon-frame{display:none}}

/* Uptime-style monitoring in the SF-Cloud design */
.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}.monitoring-page-head{align-items:center;margin-bottom:20px}.monitor-quick-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.monitor-quick-stats article{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(22,29,39,.98),rgba(13,18,25,.98))}.monitor-quick-stats strong,.monitor-quick-stats small{display:block}.monitor-quick-stats strong{font-size:24px;line-height:1.1}.monitor-quick-stats small{margin-top:3px;color:var(--muted);font-size:11px}.monitor-stat-dot,.monitor-state-orb{display:block;flex:0 0 auto;border-radius:999px;background:#7f8b9b;box-shadow:0 0 0 5px rgba(127,139,155,.1)}.monitor-stat-dot{width:11px;height:11px}.monitor-state-orb{width:10px;height:10px}.monitor-state-orb.large{width:15px;height:15px;box-shadow:0 0 0 7px rgba(127,139,155,.1)}.monitor-stat-dot.up,.monitor-state-orb.up{background:var(--green);box-shadow:0 0 0 5px rgba(54,207,136,.11)}.monitor-state-orb.large.up{box-shadow:0 0 0 7px rgba(54,207,136,.11)}.monitor-stat-dot.down,.monitor-state-orb.down{background:var(--red);box-shadow:0 0 0 5px rgba(255,100,112,.11)}.monitor-state-orb.large.down{box-shadow:0 0 0 7px rgba(255,100,112,.11)}.monitor-stat-dot.pending,.monitor-state-orb.pending{background:var(--amber);box-shadow:0 0 0 5px rgba(245,184,61,.1)}.monitor-stat-dot.paused,.monitor-state-orb.paused{background:#7f8b9b}.monitor-dashboard{padding:0;overflow:hidden}.monitor-dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px;border-bottom:1px solid var(--line)}.monitor-dashboard-toolbar h2{margin:3px 0 0}.monitor-filter-form{display:flex;align-items:end;gap:8px}.monitor-filter-form label:first-child{width:min(290px,30vw)}.monitor-filter-form label:nth-child(2){width:155px}.monitor-filter-form input,.monitor-filter-form select{min-height:38px;padding:8px 10px}.monitor-list{display:grid}.monitor-list-item{display:grid;grid-template-columns:12px minmax(220px,1.8fr) minmax(90px,.55fr) minmax(90px,.55fr) 105px 15px;gap:14px;align-items:center;min-height:76px;padding:13px 20px;border-bottom:1px solid var(--line);transition:background .15s ease}.monitor-list-item:last-child{border-bottom:0}.monitor-list-item:hover{background:rgba(91,140,255,.055)}.monitor-list-main,.monitor-list-latency,.monitor-list-uptime{display:block;min-width:0}.monitor-list-main strong,.monitor-list-main small,.monitor-list-latency strong,.monitor-list-latency small,.monitor-list-uptime strong,.monitor-list-uptime small{display:block}.monitor-list-main strong{font-size:15px}.monitor-list-main small,.monitor-list-latency small,.monitor-list-uptime small{color:var(--muted);font-size:10px}.monitor-list-main small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-list-latency strong,.monitor-list-uptime strong{font-size:13px}.monitor-list-status{justify-self:start}.monitor-list-open{color:var(--muted);font-size:24px;transition:transform .15s ease,color .15s ease}.monitor-list-item:hover .monitor-list-open{color:#b8caff;transform:translateX(2px)}.monitor-empty{display:grid;justify-items:center;padding:54px 20px;text-align:center}.monitor-empty-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:12px;border:1px solid rgba(77,213,200,.28);border-radius:14px;background:rgba(77,213,200,.07);color:var(--cyan);font-size:28px}.monitor-empty p{margin:5px 0 0;color:var(--muted)}.monitor-editor{padding:0;overflow:hidden}.monitor-editor>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;cursor:pointer;list-style:none}.monitor-editor>summary::-webkit-details-marker{display:none}.monitor-editor>summary:hover{background:rgba(255,255,255,.022)}.monitor-editor>summary span:first-child,.monitor-editor>summary small,.monitor-editor>summary strong{display:block}.monitor-editor>summary small{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.monitor-editor>summary strong{margin-top:2px;font-size:18px}.monitor-editor-toggle{color:var(--muted);font-size:11px}.monitor-editor[open]>summary{border-bottom:1px solid var(--line)}.monitor-editor>form{padding:22px}.monitor-options{display:flex;gap:22px;flex-wrap:wrap}.monitor-security-note{padding:12px 14px;border:1px solid rgba(77,213,200,.25);border-radius:10px;background:rgba(77,213,200,.055);color:#b9d8d5;font-size:12px}.monitor-title-row{display:flex;align-items:center;gap:18px;min-width:0}.monitor-detail-head{align-items:center}.monitor-detail-head h1{font-size:clamp(28px,3.6vw,42px)}.monitor-detail-head form{margin:0}.monitor-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.monitor-detail-grid article{min-height:114px;padding:17px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(22,29,39,.98),rgba(13,18,25,.98))}.monitor-detail-grid article>span,.monitor-detail-grid article>strong,.monitor-detail-grid article>small{display:block}.monitor-detail-grid article>span,.monitor-detail-grid article>small{color:var(--muted)}.monitor-detail-grid article>span{font-size:11px}.monitor-detail-grid article>strong{margin:5px 0 4px;font-size:22px}.monitor-detail-grid article>small{font-size:10px}.monitor-status-hero.up{border-color:rgba(54,207,136,.35);background:linear-gradient(145deg,rgba(54,207,136,.11),rgba(13,18,25,.98))}.monitor-status-hero.down{border-color:rgba(255,100,112,.38);background:linear-gradient(145deg,rgba(255,100,112,.11),rgba(13,18,25,.98))}.monitor-status-hero.pending{border-color:rgba(245,184,61,.32)}.monitor-status-hero.up>strong{color:var(--green)}.monitor-status-hero.down>strong{color:#ff8b94}.monitor-heartbeat-panel,.monitor-chart-panel{padding:20px}.monitor-heartbeat-panel .section-head,.monitor-chart-panel .section-head{margin-bottom:17px}.monitor-heartbeats{display:flex;flex-direction:row;gap:3px;min-height:34px;overflow:hidden}.monitor-heartbeats>span{flex:1 1 8px;min-width:4px;max-width:20px;height:34px;border-radius:4px;background:var(--green);opacity:.9}.monitor-heartbeats>span.down{background:var(--red)}.monitor-latency-chart{display:block;width:100%;height:220px;overflow:visible}.monitor-latency-chart line{stroke:rgba(145,160,180,.13);stroke-width:1}.monitor-latency-chart polyline{fill:none;stroke:var(--cyan);stroke-width:4;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 4px 8px rgba(77,213,200,.22))}.monitor-actions-panel{display:flex;align-items:center;justify-content:space-between;gap:24px}.monitor-actions-panel h2{margin:3px 0}.monitor-actions-panel p:last-child{margin:0}.monitor-history-panel>.section-head{padding:20px 20px 0}.monitor-history-panel table{min-width:880px}
@media(max-width:980px){.monitor-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-dashboard-toolbar{align-items:stretch;flex-direction:column}.monitor-filter-form label:first-child{width:auto;flex:1}.monitor-list-item{grid-template-columns:12px minmax(170px,1fr) 90px 105px 15px}.monitor-list-uptime{display:none}}
@media(max-width:720px){.monitor-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-filter-form{display:grid;grid-template-columns:1fr 1fr}.monitor-filter-form label:first-child,.monitor-filter-form label:nth-child(2){width:auto}.monitor-list-item{grid-template-columns:12px minmax(0,1fr) 15px}.monitor-list-latency,.monitor-list-uptime,.monitor-list-status{display:none}.monitor-actions-panel{align-items:stretch;flex-direction:column}.monitor-actions-panel .row-actions{display:grid;width:100%;grid-template-columns:1fr 1fr}.monitor-actions-panel .button{width:100%}}
@media(max-width:520px){.monitoring-page-head .button,.monitor-detail-head .actions,.monitor-detail-head .actions .button{width:100%}.monitor-detail-head .actions{display:grid;grid-template-columns:1fr}.monitor-detail-grid{grid-template-columns:1fr 1fr}.monitor-filter-form{grid-template-columns:1fr}.monitor-options{display:grid}.monitor-actions-panel .row-actions{grid-template-columns:1fr}.monitor-heartbeats{gap:2px}.monitor-heartbeats>span{height:28px}.monitor-latency-chart{height:170px}}

/* Beschriftete Achsen und ablesbare Messpunkte im Monitoring-Diagramm */
.monitor-latency-chart text{fill:var(--muted);font-size:12px}.monitor-latency-chart .monitor-chart-y-label{text-anchor:end}.monitor-latency-chart .monitor-chart-x-label{font-size:10px}.monitor-latency-chart .monitor-chart-x-label.end{text-anchor:end}.monitor-latency-chart .monitor-chart-unit{fill:var(--cyan);font-size:11px;font-weight:800}.monitor-latency-chart circle{fill:var(--cyan);stroke:#0d1219;stroke-width:2;opacity:.45;transition:opacity .15s ease}.monitor-latency-chart circle:hover{opacity:1;stroke:#fff}

/* Connect-Boxen: lange Gerätebezeichnungen bleiben innerhalb der Tabelle. */
.connect-box-table-panel>.section-head{padding:20px 20px 16px}.connect-box-table-panel>.section-head>span{flex:0 0 auto}.connect-box-table{min-width:860px;table-layout:fixed}.connect-box-table th:nth-child(1){width:27%}.connect-box-table th:nth-child(2){width:15%}.connect-box-table th:nth-child(3){width:18%}.connect-box-table th:nth-child(4){width:18%}.connect-box-table th:nth-child(5){width:22%}.connect-box-table td{min-width:0}.connect-box-identity strong,.connect-box-identity small,.connect-box-wireguard code,.connect-box-wireguard small,.connect-box-contact{overflow-wrap:anywhere;word-break:break-word}.connect-box-identity strong{display:block}.connect-box-status .status{display:inline-flex;max-width:100%;white-space:normal;text-align:center}.connect-box-actions .row-actions{flex-wrap:wrap}.connect-box-actions .button{white-space:nowrap}
@media(max-width:700px){.connect-box-table{min-width:760px}.connect-box-table th:nth-child(1){width:24%}.connect-box-table th:nth-child(5){width:25%}}

/* Aktuelle, ausschließlich von Connect-Boxen gemeldete Systemdaten. */
.connect-box-system-row>td{padding:0 20px 14px;background:rgba(7,12,18,.34)}.connect-box-cloud-status{border:1px solid rgba(77,213,200,.2);border-radius:12px;background:linear-gradient(145deg,rgba(77,213,200,.055),rgba(91,140,255,.035));overflow:hidden}.connect-box-cloud-status>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 14px;cursor:pointer;list-style:none;transition:background .15s ease}.connect-box-cloud-status>summary::-webkit-details-marker{display:none}.connect-box-cloud-status>summary:hover{background:rgba(77,213,200,.055)}.connect-box-cloud-status>summary:after{content:'Anzeigen';flex:0 0 auto;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.connect-box-cloud-status[open]>summary:after{content:'Schließen'}.connect-box-cloud-status>summary span,.connect-box-cloud-status>summary strong,.connect-box-cloud-status>summary small{display:block}.connect-box-cloud-status>summary>span{min-width:0}.connect-box-cloud-status>summary>span small{margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connect-box-cloud-status>summary small{color:var(--muted);font-size:10px}.connect-box-cloud-status>summary>small{margin-left:auto;text-align:right}.connect-box-cloud-metrics{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.connect-box-cloud-status>.connect-box-cloud-metrics{padding:12px 14px 0;border-top:1px solid rgba(77,213,200,.13)}.connect-box-cloud-metrics article{min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(10,15,22,.72)}.connect-box-cloud-metrics article>span,.connect-box-cloud-metrics article>strong,.connect-box-cloud-metrics article>small{display:block;overflow-wrap:anywhere}.connect-box-cloud-metrics article>span,.connect-box-cloud-metrics article>small{color:var(--muted)}.connect-box-cloud-metrics article>span{font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.connect-box-cloud-metrics article>strong{margin:4px 0 2px;font-size:15px}.connect-box-cloud-metrics article>small{font-size:9px}.connect-box-cloud-note{margin:9px 14px 12px;color:var(--muted);font-size:9px}.connect-box-agent-system .connect-box-cloud-metrics{margin-top:16px}
@media(max-width:1100px){.connect-box-cloud-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.connect-box-cloud-status>summary{align-items:flex-start;flex-wrap:wrap}.connect-box-cloud-status>summary>small{order:3;width:100%;margin:0;text-align:left}.connect-box-cloud-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Connect-Box-Gerätekarten: Informationen und Aktionen bleiben als Einheit zusammen. */
.connect-box-list-panel{padding:0;overflow:hidden}.connect-box-list-panel>.section-head{padding:20px 22px}.connect-box-list-panel>.section-head h2{margin-bottom:0}.connect-box-list{border-top:1px solid var(--line)}.connect-box-entry{padding:19px 20px 17px;border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(20,28,38,.72),rgba(12,17,24,.66))}.connect-box-entry:last-child{border-bottom:0}.connect-box-entry-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.connect-box-entry-title{display:flex;align-items:center;gap:13px;min-width:0}.connect-box-entry-title>div,.connect-box-entry-title strong,.connect-box-entry-title small{display:block;min-width:0}.connect-box-entry-title strong{font-size:17px}.connect-box-entry-title small{margin-top:2px;color:var(--muted);font-size:10px;overflow-wrap:anywhere}.connect-box-device-icon{display:grid;place-items:center;flex:0 0 auto;width:39px;height:39px;border:1px solid rgba(77,213,200,.3);border-radius:11px;background:linear-gradient(145deg,rgba(77,213,200,.13),rgba(91,140,255,.08));color:var(--cyan)}.connect-box-device-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.connect-box-entry .connect-box-status .status{white-space:nowrap}.connect-box-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 14px;padding:13px 15px;border:1px solid rgba(145,160,180,.13);border-radius:11px;background:rgba(7,11,17,.42)}.connect-box-facts>div{min-width:0;padding-right:12px;border-right:1px solid rgba(145,160,180,.12)}.connect-box-facts>div:last-child{padding-right:0;border-right:0}.connect-box-facts span,.connect-box-facts strong,.connect-box-facts small{display:block;overflow-wrap:anywhere}.connect-box-facts span{margin-bottom:3px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.connect-box-facts strong{font-size:13px}.connect-box-facts small{margin-top:2px;color:var(--muted);font-size:9px}.connect-box-entry-footer{display:flex;align-items:center;gap:12px}.connect-box-entry-footer>.connect-box-cloud-status,.connect-box-system-pending{flex:1 1 430px;min-width:250px}.connect-box-entry-footer>.connect-box-cloud-status>summary{min-height:39px;padding:8px 12px}.connect-box-entry-footer>.connect-box-cloud-status>summary:after{content:'Aufklappen'}.connect-box-entry-footer>.connect-box-cloud-status[open]>summary:after{content:'Zuklappen'}.connect-box-entry-footer>.connect-box-cloud-status[open]{flex-basis:100%;order:2}.connect-box-entry-footer:has(.connect-box-cloud-status[open]){flex-wrap:wrap}.connect-box-entry-footer>.row-actions{display:flex;flex:0 0 auto;justify-content:flex-end;gap:7px;flex-wrap:wrap}.connect-box-entry-footer>.row-actions form{margin:0}.connect-box-system-pending{display:grid;gap:2px;min-height:39px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(7,11,17,.3)}.connect-box-system-pending strong{font-size:12px}.connect-box-system-pending small{color:var(--muted);font-size:9px}
@media(max-width:980px){.connect-box-entry-footer{align-items:stretch;flex-direction:column}.connect-box-entry-footer>.connect-box-cloud-status,.connect-box-system-pending{flex-basis:auto;width:100%}.connect-box-entry-footer>.row-actions{justify-content:flex-start}}
@media(max-width:620px){.connect-box-list-panel>.section-head{padding:18px}.connect-box-entry{padding:17px}.connect-box-entry-head{align-items:flex-start}.connect-box-facts{grid-template-columns:1fr}.connect-box-facts>div{padding:0 0 9px;border-right:0;border-bottom:1px solid rgba(145,160,180,.12)}.connect-box-facts>div:last-child{padding-bottom:0;border-bottom:0}.connect-box-entry-footer>.row-actions{display:grid;grid-template-columns:1fr 1fr}.connect-box-entry-footer>.row-actions form,.connect-box-entry-footer>.row-actions .button{width:100%}}
.connect-box-entry-footer>.connect-box-cloud-status[open]{order:0}.connect-box-entry-footer>.row-actions{order:1}

/* Schlanke Systemdaten-Ausklappzeile innerhalb der bestehenden Box-Tabelle. */
.connect-box-system-row>td{padding:0 20px 8px;background:var(--panel)}.connect-box-system-disclosure{border-top:1px solid rgba(77,213,200,.2)}.connect-box-system-disclosure>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto 16px;align-items:center;gap:12px;min-height:39px;padding:7px 0;cursor:pointer;list-style:none;color:var(--muted)}.connect-box-system-disclosure>summary::-webkit-details-marker{display:none}.connect-box-system-disclosure>summary:after{content:'⌄';color:var(--cyan);font-size:17px;line-height:1;text-align:center;transition:transform .15s ease}.connect-box-system-disclosure[open]>summary:after{transform:rotate(180deg)}.connect-box-system-title{color:#dce7f5;font-size:11px;font-weight:800}.connect-box-system-preview,.connect-box-system-time{font-size:9px}.connect-box-system-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connect-box-system-time{text-align:right;white-space:nowrap}.connect-box-system-values{display:flex;align-items:stretch;flex-wrap:wrap;padding:10px 0 12px;border-top:1px solid rgba(145,160,180,.12)}.connect-box-system-values>div{flex:1 1 135px;min-width:0;padding:2px 14px;border-left:1px solid rgba(145,160,180,.14)}.connect-box-system-values>div:first-child{padding-left:0;border-left:0}.connect-box-system-values span,.connect-box-system-values strong,.connect-box-system-values small{display:block;overflow-wrap:anywhere}.connect-box-system-values span,.connect-box-system-values small{color:var(--muted)}.connect-box-system-values span{font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.connect-box-system-values strong{margin:3px 0 1px;font-size:13px}.connect-box-system-values small{font-size:8px}
@media(max-width:720px){.connect-box-system-disclosure>summary{grid-template-columns:auto minmax(0,1fr) 16px}.connect-box-system-time{display:none}.connect-box-system-values>div{flex-basis:50%;margin:5px 0}.connect-box-system-values>div:nth-child(odd){padding-left:0;border-left:0}}