:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7f4;--surface:#fff;--surface-muted:#eef3ee;--ink:#17211d;--muted:#65726b;--line:#d8e0da;--brand:#1b6b52;--brand-deep:#0f4334;--blue:#2d5f9a;--amber:#a86400;--rose:#b23a48;--rose-soft:#ffe5e8;--shadow:0 18px 42px #17211d1a;--radius:8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--ink);margin:0}button,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.side-nav{color:#f6fbf7;background:#10211b;flex-direction:column;gap:28px;min-height:100vh;padding:22px 18px;display:flex}.brand-lockup{align-items:center;gap:12px;min-height:48px;display:flex}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup span{color:#b4c9bf;font-size:.84rem}.brand-mark{border-radius:var(--radius);background:#1b6b52;border:1px solid #ffffff2e;place-items:center;width:42px;height:42px;display:grid}.nav-list{gap:6px;display:grid}.nav-item{border-radius:var(--radius);color:#dce8e1;align-items:center;gap:10px;min-height:42px;padding:0 11px;text-decoration:none;display:flex}.nav-item.active,.nav-item:hover{color:#fff;background:#ffffff1c}.workspace{min-width:0;padding:22px}.top-bar{justify-content:space-between;align-items:center;gap:18px;min-height:70px;margin-bottom:18px;display:flex}.top-bar h1{margin:2px 0 0;font-size:1.75rem;font-weight:720;line-height:1.18}.eyebrow,.organization-switcher span,.status-tile span,.identity-strip span,dt{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:700}.top-actions{align-items:center;gap:10px;display:flex}.language-control{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:20px 44px 44px;align-items:center;gap:4px;min-height:38px;padding:3px 5px;display:grid}.language-control svg{color:var(--muted);margin-left:3px}.language-control button,.icon-button,.state-view button{min-height:32px;color:var(--ink);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;display:inline-flex}.language-control button.selected{background:var(--brand);color:#fff}.icon-button{border:1px solid var(--line);background:var(--surface);width:40px;height:40px}.content-grid{gap:18px;display:grid}.overview-band{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:minmax(260px,420px) minmax(220px,1fr);gap:16px;padding:16px;display:grid}.organization-switcher{gap:8px;display:grid}.organization-switcher select{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:42px;color:var(--ink);background:#fbfdfb;padding:0 12px}.identity-strip{align-content:center;gap:4px;min-width:0;display:grid}.identity-strip strong,.identity-strip small{overflow-wrap:anywhere}.identity-strip small{color:var(--muted)}.metric-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.status-tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:9px;min-height:132px;padding:15px;display:grid}.status-tile strong{overflow-wrap:anywhere;font-size:1.24rem;line-height:1.25}.tile-icon{border-radius:var(--radius);place-items:center;width:38px;height:38px;display:grid}.status-tile.good .tile-icon{color:var(--brand-deep);background:#dcefe7}.status-tile.info .tile-icon{color:var(--blue);background:#dce8f6}.status-tile.neutral .tile-icon{background:var(--surface-muted);color:#425047}.status-tile.warn .tile-icon,.readiness-panel.warn .tile-icon{color:var(--amber);background:#fff1d6}.status-tile.danger .tile-icon,.readiness-panel.danger .tile-icon{background:var(--rose-soft);color:var(--rose)}.readiness-panel{border:1px solid var(--line);border-left:5px solid var(--brand);border-radius:var(--radius);background:var(--surface);grid-template-columns:42px minmax(0,1fr);align-items:center;gap:13px;padding:15px;display:grid}.readiness-panel h2,.readiness-panel p{margin:0}.readiness-panel h2{font-size:1rem}.readiness-panel p{color:var(--muted);margin-top:4px}.readiness-panel.warn{border-left-color:var(--amber)}.readiness-panel.danger{border-left-color:var(--rose)}.readiness-panel.info{border-left-color:var(--blue)}.split-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px;display:grid}.side-panel-stack{align-content:start;gap:16px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:14px;min-width:0;padding:16px;display:grid}.panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading h2{margin:0;font-size:1.08rem}.panel-heading span{background:var(--surface-muted);color:var(--muted);border-radius:999px;padding:5px 8px;font-size:.82rem}.panel-heading-actions{align-items:center;gap:6px;display:inline-flex}.subtle-icon-button{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);background:#fbfdfb;border-radius:6px;place-items:center;display:inline-grid}.subtle-icon-button:hover{color:var(--brand-deep)}.site-list,.dns-list{gap:10px;display:grid}.site-row,.dns-row{border:1px solid var(--line);border-radius:var(--radius);background:#fbfdfb}.site-row{gap:13px;padding:14px;display:grid}.site-row strong,.site-row span{overflow-wrap:anywhere;display:block}.site-row span{color:var(--muted);margin-top:3px;font-size:.9rem}.site-row dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.site-row dd{overflow-wrap:anywhere;margin:4px 0 0}.service-list,.domain-list{gap:8px;display:grid}.service-row{border:1px solid var(--line);border-radius:var(--radius);background:#fbfdfb;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:9px 10px;display:flex}.service-row strong{overflow-wrap:anywhere}.domain-list span{border:1px solid var(--line);border-radius:var(--radius);overflow-wrap:anywhere;background:#fbfdfb;padding:8px 10px;display:block}.status-pill{background:var(--surface-muted);color:#425047;overflow-wrap:anywhere;border-radius:999px;align-items:center;max-width:100%;min-height:24px;padding:3px 8px;font-size:.82rem;font-weight:700;display:inline-flex}.status-pill.good{color:var(--brand-deep);background:#dcefe7}.status-pill.info{color:var(--blue);background:#dce8f6}.status-pill.warn{color:var(--amber);background:#fff1d6}.status-pill.danger{background:var(--rose-soft);color:var(--rose)}.dns-row{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:12px;display:grid}.dns-record-type{color:var(--blue);text-align:center;background:#dce8f6;border-radius:6px;align-self:start;padding:4px 6px;font-size:.8rem;font-weight:800}.dns-record-body{min-width:0}.dns-record-body dl{gap:9px;margin:0;display:grid}.dns-row code{overflow-wrap:anywhere}.dns-row code,.instruction-row code{color:var(--muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem}.modal-backdrop{z-index:20;background:#10211b70;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-panel{border-radius:var(--radius);background:var(--surface);width:min(760px,100%);max-height:min(760px,100vh - 40px);box-shadow:var(--shadow);gap:16px;padding:18px;display:grid;overflow:auto}.modal-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.modal-heading h2{margin:2px 0 0;font-size:1.28rem}.modal-intro{color:var(--muted);margin:0}.instruction-list{gap:12px;display:grid}.instruction-row{border:1px solid var(--line);border-radius:var(--radius);background:#fbfdfb;gap:11px;padding:14px;display:grid}.instruction-row p{margin:0}.instruction-row dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0;display:grid}.instruction-row dd{overflow-wrap:anywhere;margin:4px 0 0}.quiet-row{border:1px dashed var(--line);border-radius:var(--radius);min-height:52px;color:var(--muted);padding:14px}.state-view{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:center;place-items:center;gap:11px;min-height:340px;padding:28px;display:grid}.state-view h2,.state-view p{margin:0}.state-view p{max-width:520px;color:var(--muted)}.state-view code{background:var(--surface-muted);max-width:min(680px,100%);color:var(--rose);overflow-wrap:anywhere;border-radius:6px;padding:7px 9px}.state-view button{background:var(--brand);color:#fff;padding:0 12px}.state-view.error svg{color:var(--rose)}.state-view.empty svg{color:var(--blue)}.spinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.app-shell{grid-template-columns:1fr}.side-nav{min-height:auto;padding:14px}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-item{justify-content:center}.overview-band,.split-layout{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.workspace{padding:14px}.top-bar,.top-actions{align-items:stretch}.top-bar{flex-direction:column}.metric-row,.site-row dl,.instruction-row dl{grid-template-columns:1fr}.nav-item span{display:none}}
