:root {
  --bg: #030806;
  --bg-soft: #07110d;
  --panel: rgba(7, 17, 13, .91);
  --panel-raised: rgba(10, 25, 18, .96);
  --line: rgba(87, 255, 168, .16);
  --line-hot: rgba(87, 255, 168, .42);
  --text: #e6fff2;
  --muted: #77998a;
  --green: #57ffa8;
  --green-dark: #0c9b58;
  --cyan: #50e8ff;
  --amber: #ffd166;
  --red: #ff6277;
  --radius: 10px;
  font-family: "Cascadia Code", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 22px; }
body { margin: 0; min-height: 100vh; color: var(--text); background: var(--bg); }
body::after {
  content: ""; position: fixed; inset: 0; z-index: 99; pointer-events: none; opacity: .18;
  background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(255,255,255,.018) 3px 4px);
}
button, input, select, textarea { font: inherit; }
button { color: inherit; }
a { color: inherit; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 0; font-size: 19px; letter-spacing: -.04em; }
h2 { margin-bottom: 0; font-size: clamp(18px, 2vw, 25px); letter-spacing: -.04em; }

.backdrop {
  position: fixed; inset: 0; pointer-events: none;
  background:
    radial-gradient(circle at 10% -10%, rgba(36,255,139,.13), transparent 29%),
    radial-gradient(circle at 92% 8%, rgba(40,203,255,.08), transparent 27%),
    linear-gradient(rgba(87,255,168,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(87,255,168,.025) 1px, transparent 1px);
  background-size: auto, auto, 36px 36px, 36px 36px;
}
.shell { width: min(1480px, calc(100% - 38px)); margin: 0 auto; padding: 25px 0 72px; position: relative; }
.topbar, .brand, .top-actions, .controls, .section-heading, .legend, .inventory-actions { display: flex; align-items: center; }
.topbar {
  position: relative; min-height: 54px; justify-content: space-between; gap: 22px; margin-bottom: 20px;
  padding: 0 2px 14px; border-bottom: 1px solid var(--line);
}
.topbar::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 130px; height: 1px; background: var(--green); box-shadow: 0 0 14px var(--green); }
.brand { gap: 12px; }
.brand-mark {
  width: 46px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line-hot); border-radius: 7px;
  color: var(--green); font-size: 17px; font-weight: 900; background: rgba(87,255,168,.06);
  box-shadow: inset 0 0 22px rgba(87,255,168,.05), 0 0 25px rgba(87,255,168,.07);
}
.eyebrow { margin-bottom: 5px; color: var(--green); font-size: 9px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.subtle, .empty-state { color: var(--muted); }
.top-actions { gap: 9px; }
.console-nav { display: flex; padding: 4px; border: 1px solid var(--line); border-radius: 8px; background: rgba(0,0,0,.22); }
.nav-link { padding: 7px 11px; border-radius: 5px; color: var(--muted); font-size: 10px; text-decoration: none; text-transform: uppercase; letter-spacing: .08em; }
.nav-link:hover, .nav-link.active { color: var(--green); background: rgba(87,255,168,.075); }
.nav-link span { display: inline-grid; min-width: 18px; height: 18px; margin-left: 4px; place-items: center; border-radius: 4px; background: rgba(87,255,168,.1); }

.badge { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border: 1px solid var(--line); border-radius: 6px; background: rgba(255,255,255,.025); font-size: 10px; text-transform: uppercase; letter-spacing: .04em; }
.badge i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; }
.badge.ok { color: var(--green); }.badge.warn { color: var(--amber); }.badge.bad { color: var(--red); }.badge.muted { color: var(--muted); }.badge.sim { color: var(--cyan); }
.panel { border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); box-shadow: inset 0 1px rgba(255,255,255,.02), 0 22px 65px rgba(0,0,0,.25); backdrop-filter: blur(15px); }
.panel:hover { border-color: rgba(87,255,168,.22); }

.hero { min-height: 238px; display: flex; align-items: center; justify-content: space-between; gap: 36px; padding: 36px 42px; overflow: hidden; position: relative; }
.hero::before { content: "ACCESS: AUTHORIZED"; position: absolute; right: 22px; top: 17px; color: rgba(87,255,168,.23); font-size: 8px; letter-spacing: .16em; }
.hero::after { content: ""; position: absolute; width: 420px; height: 420px; right: -190px; top: -220px; border: 1px solid rgba(87,255,168,.09); border-radius: 50%; box-shadow: 0 0 0 42px rgba(87,255,168,.018), 0 0 0 85px rgba(87,255,168,.012); }
.hero-copy { position: relative; z-index: 2; }
.hero h2 { max-width: 760px; font-size: clamp(28px, 4vw, 48px); text-shadow: 0 0 25px rgba(87,255,168,.08); }
.hero .subtle { margin: 12px 0 24px; }
.command-line { margin-bottom: 13px; color: var(--muted); font-size: 11px; }
.command-line span { color: var(--green); }
.controls { gap: 9px; flex-wrap: wrap; }
.button { border: 1px solid var(--line); border-radius: 7px; padding: 10px 14px; cursor: pointer; background: rgba(255,255,255,.025); font-size: 11px; transition: transform .15s, border-color .15s, background .15s, box-shadow .15s; }
.button:hover:not(:disabled):not([aria-disabled="true"]) { transform: translateY(-1px); border-color: var(--line-hot); box-shadow: 0 0 20px rgba(87,255,168,.07); }
.button:focus-visible, input:focus-visible, a:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }
.button:disabled { opacity: .33; cursor: not-allowed; }
.button[aria-disabled="true"] { opacity: .45; cursor: wait; }
.button.primary { color: #001c0e; font-weight: 900; border-color: transparent; background: var(--green); box-shadow: 0 0 24px rgba(87,255,168,.12); }
.button.secondary { color: #baffdc; background: rgba(87,255,168,.055); }
.button.simulation { color: var(--cyan); border-color: rgba(80,232,255,.27); background: rgba(80,232,255,.065); }
.button.manual { color: var(--amber); border-color: rgba(255,209,102,.32); background: rgba(255,209,102,.07); }
.button.aws { color: #ffb45d; border-color: rgba(255,180,93,.38); background: rgba(255,130,40,.09); }
.button.aws:hover:not([aria-disabled="true"]) { border-color: rgba(255,180,93,.72); background: rgba(255,130,40,.16); }
.button.aws-stop { color: #ff7b8d; border-color: rgba(255,98,119,.42); background: rgba(255,98,119,.09); }
.button.aws-stop:hover:not(:disabled) { border-color: rgba(255,98,119,.78); background: rgba(255,98,119,.16); box-shadow: 0 0 20px rgba(255,98,119,.1); }
.button.danger { color: var(--red); border-color: rgba(255,98,119,.3); background: rgba(255,98,119,.07); }
.button.ghost { color: var(--muted); background: transparent; }.button.small { padding: 7px 10px; font-size: 10px; }.hidden { display: none !important; }

.progress-orbit { width: 164px; height: 164px; flex: 0 0 164px; position: relative; z-index: 1; }
.progress-orbit svg { width: 100%; transform: rotate(-90deg); }.progress-orbit circle { fill: none; stroke-width: 6; }
.orbit-track { stroke: rgba(87,255,168,.07); }.orbit-value { stroke: var(--green); stroke-linecap: square; stroke-dasharray: 314.16; stroke-dashoffset: 314.16; filter: drop-shadow(0 0 7px rgba(87,255,168,.55)); transition: stroke-dashoffset .5s ease; }
.orbit-copy { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; }.orbit-copy strong { color: var(--green); font-size: 27px; }.orbit-copy span { margin-top: 3px; color: var(--muted); font-size: 10px; }
.mode-banner { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 14px; padding: 7px 10px; border: 1px solid rgba(80,232,255,.3); border-radius: 6px; color: var(--cyan); background: rgba(80,232,255,.07); }
.mode-banner strong { font-size: 10px; letter-spacing: .1em; }.mode-banner span { color: var(--text); font-size: 9px; }
body.simulation-active .hero { border-color: rgba(80,232,255,.32); } body.simulation-active .orbit-value { stroke: var(--cyan); } body.simulation-active .brand-mark { color: var(--cyan); border-color: rgba(80,232,255,.4); }

.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; margin: 12px 0 28px; }
.metric { position: relative; min-height: 92px; padding: 17px 19px; display: grid; grid-template-columns: 1fr auto; align-items: end; overflow: hidden; }
.metric::before { content: ""; position: absolute; left: 0; top: 18px; bottom: 18px; width: 2px; background: var(--muted); opacity: .35; }
.metric span { grid-column: 1 / -1; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }.metric strong { margin-top: 4px; font-size: 29px; }.metric small { color: var(--muted); padding-bottom: 4px; font-size: 9px; }
.metric.success strong { color: var(--green); }.metric.success::before { background: var(--green); opacity: 1; }.metric.warning strong { color: var(--amber); }.metric.warning::before { background: var(--amber); opacity: 1; }.metric.danger strong { color: var(--red); }.metric.danger::before { background: var(--red); opacity: 1; }

.inventory-panel { margin-bottom: 33px; padding-bottom: 18px; overflow: hidden; }
.inventory-actions { gap: 8px; }.terminal-window { margin: 16px 22px 0; border: 1px solid rgba(80,232,255,.14); border-radius: 8px; overflow: hidden; background: #010604; }
.terminal-bar { min-height: 36px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 0 12px; border-bottom: 1px solid var(--line); color: var(--muted); background: #07100c; font-size: 9px; }
.terminal-dots { display: flex; gap: 5px; }.terminal-dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--red); }.terminal-dots i:nth-child(2) { background: var(--amber); }.terminal-dots i:nth-child(3) { background: var(--green); }
.inventory-output { min-height: 145px; max-height: 330px; margin: 0; padding: 18px; overflow: auto; color: #a9ffd1; font-size: 11px; line-height: 1.75; white-space: pre; tab-size: 2; }
.inventory-output code::selection { color: #00140a; background: var(--green); }.inventory-note { margin: 12px 23px 0; color: var(--muted); font-size: 9px; }

.page-intro { min-height: 170px; display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 24px; padding: 30px 36px; overflow: hidden; position: relative; }
.page-intro::after { content: ""; position: absolute; right: -110px; top: -190px; width: 330px; height: 330px; border: 1px solid rgba(87,255,168,.08); border-radius: 50%; box-shadow: 0 0 0 35px rgba(87,255,168,.012); }
.page-intro > * { position: relative; z-index: 1; }.page-intro h2 { font-size: clamp(28px, 4vw, 43px); }.page-intro .subtle { max-width: 760px; margin: 10px 0 0; line-height: 1.6; }
.page-stat { min-width: 115px; display: grid; gap: 5px; text-align: right; }.page-stat strong { color: var(--green); font-size: 35px; line-height: 1; text-shadow: 0 0 18px rgba(87,255,168,.22); }.page-stat span { color: var(--muted); font-size: 8px; letter-spacing: .13em; }
.page-stats { display: flex; gap: 25px; }.standalone-panel { min-height: 420px; }

.worker-management { margin-top: 28px; }.worker-manage-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }.worker-manage-grid > .empty-state { grid-column: 1 / -1; padding: 25px; border: 1px dashed var(--line); border-radius: 8px; }
.worker-manage-card { position: relative; display: flex; min-height: 310px; flex-direction: column; padding: 18px; border: 1px solid var(--line); border-radius: 9px; background: rgba(4,13,9,.9); overflow: hidden; transition: border-color .15s, transform .15s; }.worker-manage-card::after { content: ""; position: absolute; top: 0; right: 0; width: 44px; height: 1px; background: var(--green); box-shadow: 0 0 12px var(--green); }.worker-manage-card:hover { transform: translateY(-2px); border-color: var(--line-hot); }
.worker-card-top { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; }.worker-index { color: rgba(87,255,168,.28); font-size: 22px; font-weight: 800; }.worker-identity p { margin: 0 0 3px; color: var(--muted); font-size: 8px; text-transform: uppercase; }.worker-identity h3 { margin: 0; font-size: 14px; }
.worker-endpoint { display: grid; gap: 6px; margin: 17px 0; padding: 11px 12px; border-left: 2px solid var(--cyan); background: rgba(80,232,255,.035); }.worker-endpoint span { color: var(--muted); font-size: 8px; letter-spacing: .11em; }.worker-endpoint code { overflow: hidden; color: var(--cyan); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.provider-test-grid { display: grid; gap: 6px; margin-bottom: 16px; }.provider-test { display: grid; grid-template-columns: 1fr auto; gap: 3px 8px; padding: 8px 9px; border: 1px solid var(--line); border-radius: 5px; }.provider-test span { display: flex; align-items: center; gap: 7px; font-size: 9px; text-transform: uppercase; }.provider-test span i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }.provider-test strong { font-size: 8px; }.provider-test small { grid-column: 1 / -1; overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.provider-test.passed { color: var(--green); background: rgba(87,255,168,.025); }.provider-test.failed { color: var(--red); border-color: rgba(255,98,119,.22); background: rgba(255,98,119,.025); }
.worker-await, .worker-offline { margin: 2px 0 16px; padding: 15px; border: 1px dashed var(--line); border-radius: 6px; color: var(--muted); font-size: 9px; line-height: 1.5; }.worker-offline { color: var(--red); border-color: rgba(255,98,119,.25); }.worker-card-actions { display: flex; gap: 7px; margin-top: auto; padding-top: 4px; }.worker-card-actions .button { flex: 1; }.worker-form { display: grid; gap: 8px; }.worker-form h2 { margin-bottom: 10px; }.form-hint { margin: 2px 0 !important; font-size: 9px; }.form-hint strong { color: var(--green); }

.section-block { margin-bottom: 32px; }.section-heading { justify-content: space-between; gap: 20px; margin-bottom: 14px; }.section-heading.compact { padding: 20px 22px 0; }
.legend { gap: 6px; color: var(--muted); font-size: 10px; }.legend i { width: 7px; height: 7px; margin-left: 6px; border-radius: 50%; }.create-dot { background: var(--green); box-shadow: 0 0 9px var(--green); }.install-dot { background: var(--cyan); box-shadow: 0 0 9px var(--cyan); }
.provider-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }.provider-card, .worker-card { border: 1px solid var(--line); border-radius: 8px; background: rgba(5,15,10,.82); padding: 16px; transition: border-color .15s, transform .15s; }.provider-card:hover, .worker-card:hover { transform: translateY(-2px); border-color: var(--line-hot); }
.provider-head, .worker-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }.provider-head h3, .worker-head h3 { margin: 0; font-size: 13px; }.provider-total { color: var(--green); font-size: 19px; font-weight: 800; }.provider-total span { color: var(--muted); font-size: 10px; font-weight: 500; }
.bar { height: 4px; margin: 13px 0 9px; overflow: hidden; background: rgba(255,255,255,.05); }.bar > i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--green-dark), var(--green)); box-shadow: 0 0 10px rgba(87,255,168,.35); transition: width .4s; }
.provider-meta, .worker-meta { display: flex; justify-content: space-between; color: var(--muted); font-size: 9px; }.worker-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }.worker-grid.empty-state { display: block; padding: 23px; border: 1px dashed var(--line); border-radius: 8px; }.worker-bars { margin-top: 15px; display: grid; gap: 11px; }.worker-bar-label { display: flex; justify-content: space-between; color: var(--muted); font-size: 9px; }.worker-bars .bar { margin: 6px 0 0; }.worker-bars .install i { background: linear-gradient(90deg, #13798a, var(--cyan)); }

.table-panel { margin-bottom: 16px; overflow: hidden; }.table-wrap { overflow-x: auto; padding: 8px 14px 16px; } table { width: 100%; border-collapse: collapse; font-size: 10px; } th, td { padding: 12px 9px; text-align: left; border-bottom: 1px solid var(--line); white-space: nowrap; } th { color: var(--green); font-size: 8px; letter-spacing: .12em; text-transform: uppercase; } tbody tr:hover { background: rgba(87,255,168,.025); } tbody tr:last-child td { border-bottom: 0; }
.status-pill { display: inline-flex; padding: 4px 7px; border: 1px solid var(--line); border-radius: 4px; color: var(--muted); background: rgba(255,255,255,.02); font-size: 8px; text-transform: uppercase; }.status-pill.running, .status-pill.assigned { color: var(--amber); }.status-pill.done { color: var(--green); }.status-pill.failed { color: var(--red); }.phase-cell { min-width: 150px; }.phase-copy { display: flex; justify-content: space-between; gap: 8px; color: var(--muted); font-size: 9px; }.phase-cell .bar { margin: 6px 0 0; height: 3px; }
.event-panel { padding-bottom: 17px; }.event-list { max-height: 360px; overflow: auto; padding: 5px 22px 0; }.event-row { display: grid; grid-template-columns: 74px 62px 1fr; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 10px; }.event-time { color: var(--muted); }.event-kind { color: var(--cyan); }.event-kind.OK, .event-kind.PHASE { color: var(--green); }.event-kind.FAIL { color: var(--red); }.event-kind.WARN { color: var(--amber); }.event-kind.SIM { color: var(--cyan); }

input, select, textarea { width: 100%; padding: 11px 12px; border: 1px solid var(--line); border-radius: 6px; color: var(--text); background: rgba(0,0,0,.35); outline: none; } input:focus, select:focus, textarea:focus { border-color: var(--line-hot); box-shadow: 0 0 0 3px rgba(87,255,168,.06); } select option { color: var(--text); background: var(--bg-soft); } textarea { resize: vertical; }

.fleet-layout { display: grid; grid-template-columns: 330px minmax(0, 1fr); gap: 14px; align-items: start; }.fleet-sidebar { display: grid; gap: 14px; position: sticky; top: 12px; }.fleet-main { min-width: 0; }.fleet-card, .action-card, .job-panel, .history-panel { padding: 20px; }.compact-heading { padding: 0; margin-bottom: 17px; }.fleet-card label { display: block; margin: 12px 0 7px; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .07em; }.full { width: 100%; margin-top: 12px; }
.host-select-head { display: flex; justify-content: space-between; margin: 14px 0 7px; color: var(--muted); font-size: 9px; }.text-button { padding: 0; border: 0; color: var(--green); background: none; cursor: pointer; font-size: 9px; }.host-selector { max-height: 212px; overflow-y: auto; border: 1px solid var(--line); border-radius: 6px; background: rgba(0,0,0,.18); }.host-selector > .empty-state { padding: 15px; margin: 0; font-size: 9px; }.host-option { min-height: 42px; display: grid !important; grid-template-columns: auto 1fr; align-items: center; gap: 9px; margin: 0 !important; padding: 7px 10px; border-bottom: 1px solid var(--line); cursor: pointer; text-transform: none !important; letter-spacing: 0 !important; }.host-option:last-child { border-bottom: 0; }.host-option:hover { background: rgba(87,255,168,.035); }.host-option input { width: 13px; accent-color: var(--green); }.host-option span { min-width: 0; display: grid; gap: 3px; }.host-option strong { overflow: hidden; color: var(--text); font-size: 9px; text-overflow: ellipsis; }.host-option small { overflow: hidden; color: var(--muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.host-number { min-width: 22px; display: inline-block; color: var(--green); font-size: 10px; }
.session-actions { display: grid; grid-template-columns: 1fr auto; gap: 7px; margin-top: 12px; }.artifact-row.generated { border-color: rgba(80,232,255,.18); }.artifact-row.generated b { color: var(--cyan); }.artifact-form textarea:read-only { color: #bdefff; border-color: rgba(80,232,255,.18); }
.artifact-list { display: grid; gap: 7px; }.artifact-row, .history-row { width: 100%; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--line); border-radius: 6px; color: var(--text); text-align: left; background: rgba(0,0,0,.2); cursor: pointer; }.artifact-row:hover, .history-row:hover { border-color: var(--line-hot); }.artifact-row span, .history-row > span:not(.status-pill) { min-width: 0; display: grid; gap: 4px; }.artifact-row strong, .history-row strong { font-size: 9px; }.artifact-row small, .history-row small { overflow: hidden; color: var(--muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.artifact-row b { color: var(--green); font-size: 7px; }
.inventory-form code { color: var(--cyan); }.inventory-form textarea { min-height: 260px; color: #a9ffd1; line-height: 1.6; }
.wide-dialog { width: min(960px, calc(100% - 28px)); }.artifact-form textarea { min-height: 460px; color: #a9ffd1; font-size: 10px; line-height: 1.55; tab-size: 2; white-space: pre; }.artifact-form > p:not(.eyebrow) { margin: 9px 0; font-size: 9px; }
.artifact-dialog-footer { min-height: 48px; display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; margin-top: 8px; }.artifact-dialog-footer > span { min-height: 14px; padding-bottom: 10px; color: var(--green); font-size: 8px; }.artifact-dialog-footer .dialog-actions { margin-top: 0; }
.result-dialog { width: min(1100px, calc(100% - 28px)); max-height: calc(100vh - 34px); }.result-form { max-height: calc(100vh - 70px); overflow: auto; }.result-dialog-head, .result-section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }.result-dialog-head h2 { margin: 0; }.result-form > p { margin: 10px 0 16px !important; font-size: 9px; }.result-sections { display: grid; gap: 13px; }.result-section { padding: 14px; border: 1px solid var(--line); border-radius: 8px; background: rgba(0,0,0,.24); }.result-section-head { margin-bottom: 9px; }.result-section-head h3 { margin: 0 0 4px; color: var(--green); font-size: 13px; }.result-section-head p { margin: 0; color: var(--muted); font-size: 8px; }.result-section textarea { min-height: 160px; color: #a9ffd1; background: #010604; font-size: 9px; line-height: 1.55; white-space: pre; resize: vertical; }
.result-copy-action { min-width: 205px; display: grid; justify-items: end; gap: 5px; }.result-copy-action span { min-height: 12px; color: var(--green); font-size: 8px; text-align: right; }.button.copy-success { color: #001c0e; border-color: var(--green); background: var(--green); }
.analysis-dialog { width: min(1180px, calc(100% - 28px)); max-height: calc(100vh - 30px); }.analysis-form { max-height: calc(100vh - 66px); overflow: auto; }.analysis-form > p { margin: 10px 0 14px !important; font-size: 9px; }.analysis-summary { display: grid; grid-template-columns: repeat(7, 1fr); gap: 7px; margin-bottom: 12px; }.analysis-metric { display: grid; gap: 5px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 7px; background: rgba(0,0,0,.24); }.analysis-metric span { color: var(--muted); font-size: 7px; letter-spacing: .11em; }.analysis-metric strong { font-size: 20px; }.analysis-metric.success strong { color: var(--green); }.analysis-metric.limit strong { color: var(--red); }.analysis-metric.duplicate strong { color: var(--cyan); }.analysis-metric.region strong { color: var(--amber); }.analysis-metric.wrong strong { color: #cbd5d0; }.analysis-report { min-height: 430px; max-height: 54vh; margin: 0; padding: 16px; overflow: auto; border: 1px solid rgba(80,232,255,.15); border-radius: 8px; color: #bcefd3; background: #010604; font-size: 9px; line-height: 1.55; white-space: pre; tab-size: 2; }.analysis-footer { min-height: 55px; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }.analysis-footer > span { padding-bottom: 10px; color: var(--green); font-size: 8px; }.analysis-footer .dialog-actions { margin-top: 12px; }.analysis-footer a.button { display: inline-flex; align-items: center; text-decoration: none; }
.time-input-wrap { position: relative; }.time-input-wrap #warTime { padding-right: 43px; }.time-picker-btn { position: absolute; z-index: 2; top: 1px; right: 1px; width: 39px; height: calc(100% - 2px); border: 0; border-left: 1px solid var(--line); border-radius: 0 5px 5px 0; color: var(--green); background: rgba(87,255,168,.055); cursor: pointer; }.time-picker-btn:hover { background: rgba(87,255,168,.12); }.native-time-picker { position: absolute; z-index: 3; top: 1px; right: 1px; width: 39px; height: calc(100% - 2px); padding: 0; border: 0; opacity: 0; cursor: pointer; }
.action-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }.action-card { min-height: 240px; }.action-card h2 { margin-bottom: 10px; }.action-card > p:not(.eyebrow) { min-height: 42px; color: var(--muted); font-size: 9px; line-height: 1.6; }.action-card code { color: var(--cyan); }.action-buttons { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 15px; }.inline-form { display: grid; grid-template-columns: 125px 1fr; gap: 7px; margin-top: 8px; }.inline-form input { padding: 9px; }.result-card { grid-column: 1 / -1; min-height: 0; }
.job-panel, .history-panel { margin-bottom: 14px; overflow: hidden; }.job-progress { height: 5px; overflow: hidden; background: rgba(255,255,255,.05); }.job-progress i { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--green-dark), var(--green)); box-shadow: 0 0 12px var(--green); transition: width .25s; }.job-summary { display: flex; flex-wrap: wrap; gap: 20px; padding: 12px 2px; color: var(--muted); font-size: 9px; }.job-summary strong { color: var(--text); }.ok-text strong { color: var(--green); }.bad-text strong { color: var(--red); }.job-timing { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 2px 13px; padding: 11px 13px; border: 1px solid rgba(87,255,168,.22); border-radius: 7px; background: rgba(87,255,168,.045); }.job-timing > div:first-child { min-width: 0; display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 4px 12px; }.job-timing > div:first-child span { color: var(--muted); font-size: 7px; letter-spacing: .12em; }.job-timing > div:first-child strong { color: var(--green); font-size: 18px; }.job-timing > div:first-child small { grid-column: 1 / -1; overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.job-timing-action { min-width: 205px; display: grid; justify-items: end; gap: 5px; }.job-timing-action span { min-height: 12px; color: var(--green); font-size: 8px; }.fleet-table-wrap { max-height: 550px; overflow: auto; padding: 0; }.job-message { min-width: 270px; max-width: 550px; white-space: normal; color: var(--muted); line-height: 1.5; }.job-message details { margin-top: 5px; }.job-message summary { color: var(--cyan); cursor: pointer; font-size: 8px; }.job-message pre { max-height: 220px; padding: 9px; overflow: auto; color: #a9ffd1; background: #010604; white-space: pre-wrap; font-size: 8px; }.job-history { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; }.history-row { grid-template-columns: auto 1fr auto; }.history-row b { color: var(--green); font-size: 10px; }
.health-row td { white-space: nowrap; }.health-host { min-width: 150px; }.health-host strong, .health-host small { display: block; }.health-host small { margin-top: 3px; color: var(--muted); font-size: 7px; }.health-metric { display: grid; min-width: 72px; gap: 2px; }.health-metric b { color: var(--text); font-size: 10px; }.health-metric small { color: var(--muted); font-size: 7px; }.health-metric.healthy b { color: var(--green); }.health-metric.warning b { color: var(--amber); }.health-metric.danger b { color: var(--red); }
dialog { width: min(520px, calc(100% - 28px)); border: 1px solid var(--line-hot); border-radius: 10px; color: var(--text); background: #07110d; box-shadow: 0 30px 100px rgba(0,0,0,.75); } dialog::backdrop { background: rgba(0,5,3,.84); backdrop-filter: blur(5px); }.dialog-card { padding: 13px; }.dialog-card p:not(.eyebrow) { color: var(--muted); line-height: 1.55; }.dialog-card label { display: block; margin-bottom: 7px; color: var(--muted); font-size: 10px; }.dialog-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 18px; }.confirm-plan { display: flex; gap: 7px; flex-wrap: wrap; margin: 15px 0; }.confirm-plan span { padding: 6px 8px; border: 1px solid var(--line); border-radius: 5px; color: var(--muted); font-size: 9px; }.form-error { min-height: 18px; margin: 3px 0 0; color: var(--red) !important; font-size: 10px; }
.manual-create-dialog { width: min(680px, calc(100% - 28px)); }.manual-create-form { display: grid; gap: 10px; padding: 20px; }.manual-create-form h2 { margin-bottom: 2px; }.manual-create-form > p:not(.eyebrow) { margin-bottom: 2px; font-size: 9px; }.manual-create-grid { display: grid; grid-template-columns: 1fr 1.6fr .55fr; gap: 9px; margin-top: 6px; }.manual-create-grid label { display: grid; align-content: start; gap: 7px; margin: 0; font-size: 8px; letter-spacing: .09em; text-transform: uppercase; }.manual-create-grid select:disabled { color: var(--muted); opacity: .78; }.manual-spec-detail { min-height: 46px; padding: 10px 12px; border-left: 2px solid var(--cyan); color: var(--muted); background: rgba(80,232,255,.035); font-size: 9px; line-height: 1.55; }.manual-spec-detail strong { display: block; margin-bottom: 4px; color: var(--cyan); font-size: 10px; }.manual-create-summary { padding: 12px; border: 1px solid rgba(87,255,168,.22); border-radius: 7px; color: var(--green); background: rgba(87,255,168,.045); font-size: 10px; line-height: 1.5; }.manual-create-warning { color: var(--amber) !important; }.manual-create-form .form-error { margin-bottom: -8px; }
.aws-start-dialog { width: min(650px, calc(100% - 28px)); border-color: rgba(255,180,93,.45); }.aws-start-form { display: grid; gap: 12px; padding: 22px; }.aws-start-form > p:not(.eyebrow) { margin: 0; font-size: 9px; }.aws-start-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.aws-start-summary span { display: grid; gap: 5px; padding: 12px; border: 1px solid rgba(255,180,93,.2); border-radius: 7px; color: var(--muted); background: rgba(255,130,40,.045); font-size: 8px; text-transform: uppercase; }.aws-start-summary strong { color: #ffb45d; font-size: 21px; }.aws-flow { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 11px; border: 1px solid var(--line); border-radius: 7px; color: var(--green); background: rgba(0,0,0,.22); font-size: 9px; }.aws-flow i { color: var(--muted); font-style: normal; }
.aws-stop-dialog { border-color: rgba(255,98,119,.5); }.aws-stop-dialog .aws-start-summary span { border-color: rgba(255,98,119,.22); background: rgba(255,98,119,.045); }.aws-stop-dialog .aws-start-summary strong, .aws-stop-dialog label strong { color: #ff7b8d; }.aws-stop-flow { color: #ff7b8d; }
.toast { position: fixed; right: 22px; bottom: 22px; z-index: 120; max-width: 430px; padding: 13px 16px; border: 1px solid var(--line-hot); border-radius: 7px; color: var(--green); background: #07130d; box-shadow: 0 20px 60px rgba(0,0,0,.55), 0 0 25px rgba(87,255,168,.07); opacity: 0; transform: translateY(10px); pointer-events: none; transition: .2s; font-size: 10px; font-weight: 700; line-height: 1.55; }.toast.show { opacity: 1; transform: translateY(0); }.toast.success { color: var(--green); border-color: rgba(87,255,168,.42); }.toast.info { color: var(--cyan); border-color: rgba(80,232,255,.42); background: #061318; }.toast.warning { color: var(--amber); border-color: rgba(255,209,102,.45); background: #171307; }.toast.error { color: var(--red); border-color: rgba(255,98,119,.45); background: #18080b; }

/* Controller Settings */
.aws-settings-intro { border-color: rgba(255,180,93,.2); }.aws-settings-intro::before { content: "SECRETS: CONTROLLER ONLY"; position: absolute; left: 36px; bottom: 17px; color: rgba(255,180,93,.28); font-size: 8px; letter-spacing: .14em; }.aws-settings-intro .page-stat strong { color: #ffb45d; text-shadow: 0 0 18px rgba(255,180,93,.2); }
.aws-settings-panel { margin-bottom: 15px; }.aws-settings-security { margin: 0 22px 9px; padding: 10px 12px; border-left: 2px solid #ffb45d; color: var(--muted); background: rgba(255,130,40,.04); font-size: 9px; line-height: 1.55; }.aws-profile-table-wrap { max-height: 610px; overflow: auto; }.aws-profile-table-wrap thead th { position: sticky; z-index: 2; top: 0; background: #07110d; }.aws-profile-table-wrap td, .aws-profile-table-wrap tbody th { height: 58px; }.aws-profile-name { color: inherit; font-size: inherit; letter-spacing: 0; text-transform: none; }.aws-profile-name strong, .aws-profile-name small { display: block; }.aws-profile-name strong { color: var(--text); font-size: 11px; }.aws-profile-name small { margin-top: 4px; color: var(--muted); font-size: 7px; text-transform: uppercase; }.aws-key-hint { color: #ffb45d; }.aws-profile-actions { display: flex; gap: 6px; }.settings-roadmap { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 22px; border-style: dashed; }.settings-roadmap h2 { margin-bottom: 8px; font-size: 17px; }.settings-roadmap p:not(.eyebrow) { max-width: 900px; margin: 0; color: var(--muted); font-size: 9px; line-height: 1.6; }
.aws-profile-dialog { width: min(700px, calc(100% - 28px)); max-height: calc(100vh - 28px); overflow: auto; border-color: rgba(255,180,93,.45); }.aws-profile-delete-dialog { width: min(620px, calc(100% - 28px)); max-height: calc(100vh - 28px); overflow: auto; border-color: rgba(255,98,119,.45); }.aws-profile-form { display: grid; gap: 10px; padding: 21px; }.aws-profile-form h2 { margin-bottom: 2px; }.aws-profile-form > p:not(.eyebrow) { margin: 0; font-size: 9px; }.aws-profile-form label { display: grid; gap: 7px; margin: 0; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }.aws-profile-form label small { color: var(--muted); font-size: 7px; letter-spacing: 0; text-transform: none; }.aws-profile-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.aws-profile-form textarea { min-height: 76px; font-size: 9px; resize: vertical; }.aws-clear-token { grid-template-columns: auto 1fr !important; align-items: center; padding: 10px 12px; border: 1px solid rgba(255,209,102,.2); border-radius: 6px; color: var(--amber) !important; background: rgba(255,209,102,.04); cursor: pointer; }.aws-clear-token input { width: 14px; height: 14px; padding: 0; accent-color: var(--amber); }.aws-clear-token span { font-size: 8px; letter-spacing: 0; text-transform: none; }.aws-profile-delete-dialog strong { color: var(--red); }

.wdp-intro { border-color: rgba(80,232,255,.18); }.wdp-intro::before { content: "DATA: PERSISTENT"; position: absolute; left: 36px; bottom: 17px; color: rgba(80,232,255,.28); font-size: 8px; letter-spacing: .14em; }
.wdp-input-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }.wdp-input-card { padding: 20px; }.wdp-input-card .form-hint { min-height: 34px; color: var(--muted); line-height: 1.55; }.wdp-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 15px 0 10px; }.wdp-field-row.result-fields { grid-template-columns: 1fr 1fr 1fr; }.wdp-field-row label, .wdp-text-label { display: grid; gap: 6px; color: var(--muted); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }.wdp-input-card textarea { min-height: 190px; color: #a9ffd1; background: #010604; font-size: 10px; line-height: 1.6; white-space: pre; }.wdp-submit-row { min-height: 46px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-top: 8px; }.wdp-submit-row span { padding-bottom: 9px; color: var(--muted); font-size: 8px; }.wdp-submit-row .button { min-width: 135px; }
.wdp-sheet-panel { margin-bottom: 14px; overflow: hidden; }.wdp-sheet-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding: 21px 22px 15px; }.wdp-tabs { display: flex; gap: 6px; }.wdp-tab { padding: 9px 12px; border: 1px solid var(--line); border-radius: 6px; color: var(--muted); background: rgba(0,0,0,.24); cursor: pointer; font: inherit; font-size: 10px; }.wdp-tab:hover, .wdp-tab.active { color: var(--green); border-color: var(--line-hot); background: rgba(87,255,168,.07); }.wdp-tab span { display: inline-grid; min-width: 20px; height: 18px; margin-left: 5px; place-items: center; border-radius: 4px; color: var(--text); background: rgba(255,255,255,.06); font-size: 8px; }.wdp-stat-strip { display: grid; grid-template-columns: repeat(6, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(0,0,0,.19); }.wdp-stat-strip span { display: grid; gap: 3px; padding: 12px 15px; border-right: 1px solid var(--line); color: var(--muted); font-size: 7px; letter-spacing: .1em; }.wdp-stat-strip span:last-child { border-right: 0; }.wdp-stat-strip b { color: var(--text); font-size: 17px; letter-spacing: 0; }.wdp-legend { display: flex; flex-wrap: wrap; gap: 7px; padding: 13px 22px 4px; }.wdp-table-wrap { max-height: 560px; overflow: auto; padding-top: 6px; }.wdp-table-wrap th { position: sticky; z-index: 2; top: 0; background: #07110d; }.wdp-table-wrap td:first-child { color: var(--muted); }.wdp-table-wrap td strong { color: var(--text); }.wdp-row.sukses td:first-child { border-left: 2px solid var(--green); }.wdp-row.limit td:first-child { border-left: 2px solid var(--red); }.wdp-row.region_invalid td:first-child { border-left: 2px solid var(--amber); }.wdp-row.userid_salah td:first-child { border-left: 2px solid #a0a9a4; }.wdp-row.zonk td:first-child { border-left: 2px solid rgba(119,153,138,.35); }.wdp-status { display: inline-flex; min-width: 58px; justify-content: center; padding: 4px 7px; border: 1px solid var(--line); border-radius: 4px; color: var(--muted); background: rgba(255,255,255,.025); font-size: 7px; font-weight: 800; text-transform: uppercase; }.wdp-status.success { color: var(--green); border-color: rgba(87,255,168,.24); background: rgba(87,255,168,.06); }.wdp-status.limit { color: var(--red); border-color: rgba(255,98,119,.26); background: rgba(255,98,119,.06); }.wdp-status.region { color: var(--amber); border-color: rgba(255,209,102,.28); background: rgba(255,209,102,.06); }.wdp-status.wrong { color: #cbd5d0; border-color: rgba(203,213,208,.23); background: rgba(203,213,208,.06); }.invoice-cell { min-width: 320px; max-width: 620px; overflow: hidden; color: var(--muted); text-overflow: ellipsis; }.invoice-cell a { color: var(--cyan); text-decoration: none; }.invoice-cell a:hover { text-decoration: underline; }
.wdp-bottom-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); gap: 14px; }.wdp-unmatched-card, .wdp-danger-card { padding: 20px; }.wdp-unmatched-card .form-hint, .wdp-danger-card .form-hint { color: var(--muted); line-height: 1.55; }.wdp-unmatched-list { max-height: 260px; margin-top: 14px; overflow: auto; border: 1px solid var(--line); border-radius: 7px; background: rgba(0,0,0,.2); }.wdp-unmatched-list > .empty-state { margin: 0; padding: 18px; font-size: 9px; }.wdp-unmatched-row { display: grid; grid-template-columns: 70px minmax(150px, .8fr) 1fr; align-items: center; gap: 10px; padding: 10px; border-bottom: 1px solid var(--line); }.wdp-unmatched-row:last-child { border-bottom: 0; }.wdp-unmatched-row strong { font-size: 9px; }.wdp-unmatched-row small { color: var(--muted); font-size: 8px; }.wdp-danger-card { border-color: rgba(255,98,119,.16); }.wdp-danger-card h2 { margin-bottom: 12px; }

@media (max-width: 1050px) { .console-nav { order: 3; }.topbar { flex-wrap: wrap; }.provider-grid { grid-template-columns: repeat(3, 1fr); }.worker-grid { grid-template-columns: 1fr; }.worker-manage-grid { grid-template-columns: 1fr 1fr; }.hero { padding: 30px; }.fleet-layout { grid-template-columns: 1fr; }.fleet-sidebar { grid-template-columns: 1fr 1fr; position: static; }.wdp-input-grid, .wdp-bottom-grid { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .shell { width: min(100% - 22px, 1480px); padding-top: 15px; }.topbar { align-items: flex-start; }.console-nav { width: 100%; order: 4; overflow-x: auto; }.nav-link { flex: 1 0 auto; text-align: center; }.top-actions { flex-direction: column; align-items: flex-end; }.hero { align-items: flex-start; }.progress-orbit { width: 108px; height: 108px; flex-basis: 108px; }.orbit-copy strong { font-size: 19px; }.metric-grid { grid-template-columns: repeat(2, 1fr); }.provider-grid { grid-template-columns: 1fr 1fr; }.worker-manage-grid { grid-template-columns: 1fr; }.page-intro { align-items: flex-start; padding: 24px; }.page-stats { gap: 14px; }.page-stat { min-width: 78px; }.page-stat strong { font-size: 26px; }.event-row { grid-template-columns: 60px 52px 1fr; }.terminal-bar { grid-template-columns: auto 1fr; }.terminal-bar > :last-child { display: none; }.section-heading { align-items: flex-end; }.fleet-sidebar, .action-grid { grid-template-columns: 1fr; }.advanced-card { grid-column: auto; }.advanced-card .advanced-fields { grid-template-columns: 1fr; }.job-history { grid-template-columns: 1fr; }.manual-create-grid { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .hero { min-height: 330px; flex-direction: column-reverse; justify-content: flex-end; }.progress-orbit { align-self: flex-end; margin-bottom: -102px; opacity: .6; }.provider-grid { grid-template-columns: 1fr; }.brand h1 { font-size: 15px; }.badge { font-size: 9px; }.inventory-actions { align-items: flex-end; flex-direction: column; }.inventory-output { font-size: 9px; }.metric { min-height: 84px; padding: 14px; }.page-intro { flex-direction: column; }.page-stats { width: 100%; justify-content: space-between; }.worker-card-actions { flex-direction: column; } }
@media (max-width: 720px) { .aws-settings-intro::before { display: none; }.aws-profile-fields { grid-template-columns: 1fr; }.settings-roadmap { align-items: flex-start; flex-direction: column; }.aws-profile-actions { min-width: 205px; }.aws-settings-security { margin-inline: 14px; } }
@media (max-width: 720px) { .artifact-dialog-footer { align-items: stretch; flex-direction: column; }.artifact-dialog-footer > span { padding-bottom: 0; }.artifact-dialog-footer .dialog-actions { flex-wrap: wrap; } }
@media (max-width: 720px) { .analysis-summary { grid-template-columns: repeat(3, 1fr); }.analysis-footer { align-items: stretch; flex-direction: column; }.analysis-footer > span { padding-bottom: 0; }.analysis-footer .dialog-actions { flex-wrap: wrap; }.analysis-report { font-size: 8px; } }
@media (max-width: 720px) { .wdp-sheet-head { align-items: stretch; flex-direction: column; }.wdp-sheet-head .inventory-actions { align-items: stretch; flex-wrap: wrap; }.wdp-field-row.result-fields { grid-template-columns: 1fr; }.wdp-stat-strip { grid-template-columns: repeat(3, 1fr); }.wdp-stat-strip span:nth-child(3) { border-right: 0; }.wdp-unmatched-row { grid-template-columns: 65px 1fr; }.wdp-unmatched-row small { grid-column: 1 / -1; }.wdp-intro::before { display: none; } }
@media (max-width: 520px) { .wdp-field-row { grid-template-columns: 1fr; }.wdp-submit-row { align-items: stretch; flex-direction: column; }.wdp-submit-row span { padding-bottom: 0; }.wdp-submit-row .button { width: 100%; }.wdp-stat-strip b { font-size: 14px; }.wdp-tabs, .wdp-tab { width: 100%; }.wdp-tab { flex: 1; }.wdp-legend { padding-inline: 14px; } }
@media (max-width: 720px) { .aws-start-summary { grid-template-columns: 1fr; }.aws-flow { flex-wrap: wrap; } }

/* Delete VPS console */
.danger-nav { color: #ff8b9a; }.danger-nav:hover, .danger-nav.active { color: var(--red); background: rgba(255,98,119,.08); }
.controls a.button { display: inline-flex; align-items: center; text-decoration: none; }
.delete-intro { border-color: rgba(255,98,119,.18); }.delete-intro::before { content: "DELETE: ARMED BY SELECTION"; position: absolute; left: 36px; bottom: 17px; color: rgba(255,98,119,.28); font-size: 8px; letter-spacing: .14em; }
.delete-intro .page-stat:nth-child(2) strong { color: var(--red); text-shadow: 0 0 18px rgba(255,98,119,.22); }.delete-intro .page-stat:nth-child(3) strong { color: var(--cyan); text-shadow: 0 0 18px rgba(80,232,255,.2); }
.delete-inventory-panel { margin-bottom: 16px; overflow: hidden; }.delete-panel-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding: 21px 22px 15px; }
.delete-provider-tabs { display: flex; gap: 6px; min-height: 55px; padding: 10px 14px; overflow-x: auto; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(0,0,0,.2); }.delete-provider-tabs > .empty-state { margin: auto 8px; font-size: 9px; }
.delete-provider-tab { min-width: 132px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; padding: 10px 11px; border: 1px solid var(--line); border-radius: 6px; color: var(--muted); background: rgba(0,0,0,.24); cursor: pointer; }.delete-provider-tab span { overflow: hidden; font-size: 9px; text-align: left; text-overflow: ellipsis; white-space: nowrap; }.delete-provider-tab strong { color: var(--text); font-size: 8px; }.delete-provider-tab:hover, .delete-provider-tab.active { color: var(--green); border-color: var(--line-hot); background: rgba(87,255,168,.07); }.delete-provider-tab.error { color: var(--red); border-color: rgba(255,98,119,.25); }.delete-provider-tab.error strong { color: var(--red); }
.delete-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 14px 18px 10px; }.delete-search { width: min(440px, 100%); display: grid; gap: 6px; color: var(--muted); font-size: 8px; letter-spacing: .1em; }.delete-search input { padding: 9px 11px; }
.delete-provider-notice { margin: 0 18px 9px; padding: 9px 11px; border-left: 2px solid var(--cyan); color: var(--muted); background: rgba(80,232,255,.035); font-size: 8px; line-height: 1.5; }.delete-provider-notice.error { color: var(--red); border-color: var(--red); background: rgba(255,98,119,.04); }
.delete-instance-list { min-height: 170px; max-height: 570px; margin: 0 18px; overflow: auto; border: 1px solid var(--line); border-radius: 7px; background: #010604; }.delete-instance-list > .empty-state { margin: 0; padding: 28px; font-size: 9px; }
.delete-instance-row { min-height: 51px; display: grid; grid-template-columns: 16px 36px minmax(145px,.8fr) minmax(190px,1.5fr) 68px; align-items: center; gap: 10px; padding: 8px 12px; border-bottom: 1px solid var(--line); cursor: pointer; transition: background .12s, border-color .12s; }.delete-instance-row:last-child { border-bottom: 0; }.delete-instance-row:hover { background: rgba(87,255,168,.03); }.delete-instance-row.selected { background: rgba(255,98,119,.025); }.delete-instance-row input { width: 14px; height: 14px; padding: 0; accent-color: var(--red); }.delete-instance-number { color: var(--muted); font-size: 9px; }.delete-instance-ip { color: var(--text); font-size: 11px; font-weight: 800; }.delete-instance-meta { min-width: 0; display: grid; gap: 4px; }.delete-instance-meta strong, .delete-instance-meta small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.delete-instance-meta strong { color: var(--muted); font-size: 8px; }.delete-instance-meta small { color: rgba(119,153,138,.7); font-size: 7px; }.delete-choice { justify-self: end; padding: 4px 7px; border: 1px solid rgba(80,232,255,.2); border-radius: 4px; color: var(--cyan); font-size: 7px; }.delete-instance-row.selected .delete-choice { color: var(--red); border-color: rgba(255,98,119,.25); background: rgba(255,98,119,.05); }
.delete-selection-bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 14px; padding: 15px 18px 17px; border-top: 1px solid var(--line); background: rgba(0,0,0,.13); }.delete-selection-bar > div { display: grid; gap: 4px; }.delete-selection-bar span { color: var(--text); font-size: 10px; }.delete-selection-bar small { color: var(--muted); font-size: 8px; }.delete-selection-bar .button { min-width: 190px; }
.delete-confirm-dialog { width: min(720px, calc(100% - 28px)); border-color: rgba(255,98,119,.43); }.delete-confirm-form { display: grid; gap: 10px; padding: 21px; }.delete-confirm-form > p:not(.eyebrow) { margin: 0; font-size: 9px; }.delete-confirm-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 5px 0; }.delete-confirm-summary span { display: grid; gap: 5px; padding: 10px 11px; border: 1px solid var(--line); border-radius: 6px; background: rgba(0,0,0,.22); }.delete-confirm-summary strong { color: var(--text); font-size: 9px; }.delete-confirm-summary b { color: var(--red); font-size: 14px; }.delete-confirm-summary small { color: var(--cyan); font-size: 7px; }.delete-confirm-summary span.error { border-color: rgba(255,98,119,.25); opacity: .7; }
.delete-job-panel { margin-bottom: 28px; overflow: hidden; }.delete-job-progress { margin-top: 16px; }.delete-job-progress i { background: linear-gradient(90deg, #8b2033, var(--red)); box-shadow: 0 0 12px rgba(255,98,119,.5); }.delete-job-metrics { display: grid; grid-template-columns: repeat(5, 1fr); border-bottom: 1px solid var(--line); }.delete-job-metrics span { display: grid; gap: 4px; padding: 13px 17px; border-right: 1px solid var(--line); color: var(--muted); font-size: 7px; letter-spacing: .1em; text-transform: uppercase; }.delete-job-metrics span:last-child { border-right: 0; }.delete-job-metrics strong { color: var(--text); font-size: 20px; letter-spacing: 0; }.delete-job-metrics span:nth-child(2) strong { color: var(--green); }.delete-job-metrics span:nth-child(4) strong { color: var(--red); }.delete-job-metrics span:nth-child(5) strong { color: var(--cyan); }.delete-job-message { margin: 0; padding: 13px 20px 5px; color: var(--muted); font-size: 9px; line-height: 1.5; }.delete-target-wrap { max-height: 480px; overflow: auto; }.delete-target-wrap th { position: sticky; z-index: 2; top: 0; background: #07110d; }.status-pill.verifying, .status-pill.uncertain { color: var(--cyan); }.status-pill.stopped, .status-pill.interrupted { color: var(--amber); }
.delete-events { display: grid; max-height: 220px; padding: 4px 20px 15px; overflow: auto; }.delete-events > div { display: grid; grid-template-columns: 72px 60px 1fr; gap: 9px; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 8px; }.delete-events time { color: var(--muted); }.delete-events strong { color: var(--cyan); }.delete-events strong.OK { color: var(--green); }.delete-events strong.FAIL { color: var(--red); }.delete-events strong.WARN { color: var(--amber); }.delete-events span { color: var(--muted); }.delete-history-block { margin-top: 24px; }.delete-history-block .empty-state { grid-column: 1 / -1; }

@media (max-width: 900px) { .delete-instance-row { grid-template-columns: 16px 30px minmax(130px,1fr) 70px; }.delete-instance-meta { grid-column: 3 / 5; grid-row: 2; }.delete-choice { grid-column: 4; grid-row: 1; }.delete-confirm-summary { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 720px) { .delete-intro::before { display: none; }.delete-panel-head, .delete-toolbar, .delete-selection-bar { align-items: stretch; flex-direction: column; }.delete-toolbar .inventory-actions { align-items: stretch; }.delete-selection-bar .button { width: 100%; }.delete-job-metrics { grid-template-columns: repeat(3, 1fr); }.delete-job-metrics span:nth-child(3) { border-right: 0; }.delete-provider-tabs { padding-inline: 10px; }.delete-events > div { grid-template-columns: 58px 50px 1fr; } }
@media (max-width: 520px) { .delete-instance-row { grid-template-columns: 15px 26px 1fr 58px; gap: 7px; padding-inline: 9px; }.delete-instance-ip { font-size: 9px; }.delete-confirm-summary { grid-template-columns: 1fr; }.delete-job-metrics { grid-template-columns: repeat(2, 1fr); }.delete-job-metrics span:nth-child(3) { border-right: 1px solid var(--line); }.delete-job-metrics span:nth-child(2n) { border-right: 0; } }
.status-pill.warn { color: var(--amber); }.status-pill.ok { color: var(--green); }.status-pill.bad { color: var(--red); }