*{box-sizing:border-box}button,a.button{cursor:pointer}:root{color-scheme:dark;--bg:#091522;--panel:#0d1e2e;--panel-high:#11283b;--border:#1d3449;--text:#e8f0fc;--muted:#9cafc6;--cyan:#36a9ff;--green:#36d5ae;--orange:#f8b957;--red:#ff6278;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}body{background:radial-gradient(ellipse at 55% -25%,#14324788,transparent 65%),var(--bg);color:var(--text)}button,.button{border-color:#23425b;background:#122b40;border-radius:8px;transition:background .15s,border-color .15s,transform .15s}button:hover,.button:hover{background:#183c59;border-color:#33739a;filter:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #41bdff;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}.primary,button.primary,.button.primary{background:linear-gradient(135deg,#0e83c1,#087fa2);color:#fff;border:1px solid #2099c9;box-shadow:0 4px 14px #0073ab20}.primary:hover{background:#079ac2}h1{font-size:30px;letter-spacing:-.8px;color:#f1f5ff}h2{color:#e4edfb}h3,h4{color:#dbe8fa}.muted,small{color:var(--muted)}a{color:#49b5ff}input:not([type=checkbox]),select,textarea{background:#0a1b2a!important;color:#e7f0fc!important;border:1px solid #2b4359!important;border-radius:7px;min-height:40px}input::placeholder,textarea::placeholder{color:#6f879f}textarea{font:inherit}input[type=checkbox]{accent-color:#1d9fd3}aside,.portal-sidebar{background:linear-gradient(180deg,#0e2132,#0b1928);border-right:1px solid var(--border);width:226px}.workspace{margin-left:226px}aside .brand,.portal-sidebar .brand{font-size:23px;letter-spacing:1.8px;color:white}.brand small{font-size:9px;letter-spacing:2px;color:#81a0bf}.shield{font-size:32px;color:#31afff}aside nav{gap:4px;margin-top:35px}aside nav button,aside nav a{font-size:13px;padding:12px 13px;border-radius:7px;color:#abc0d8;gap:12px;text-decoration:none}aside nav button.selected,.portal-sidebar a.selected{background:linear-gradient(90deg,#0d64a247,#143c5d);color:#d1eaff;border:1px solid #1e4b6f;box-shadow:inset 3px 0 #30aaff}header,.portal-header{background:#0c1c2bbf;border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.panel,body.portal-shell article,.metric-card{background:linear-gradient(130deg,#102334b0,#0c1b2a);border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 25px #0000000d}.panel-heading{border-bottom:1px solid var(--border)}.metrics article{background:linear-gradient(135deg,#102539,#0d1c2b);border-color:var(--border);border-radius:9px}.metric-icon{font-size:26px;border-radius:10px}.tag,.badge{background:#142e43;color:#8ed3fc;border:1px solid #214762;border-radius:20px}.dot.green{background:var(--green)}.dot.orange{background:var(--orange)}.dot.red{background:var(--red)}th{background:#0c1b29;color:#8ca9c5;letter-spacing:.7px;border-color:var(--border)}td{border-color:#1b3043}tr:hover td{background:#15304744}table small{color:#8ba3bc}dialog{background:#0e2233;color:var(--text);border:1px solid #2c4c66;border-radius:14px;box-shadow:0 28px 100px #0009;max-height:90vh;overflow:auto}dialog::backdrop{background:#030b15b8;backdrop-filter:blur(3px)}.notice,#message{background:#123d3d;color:#b7f7e9;border:1px solid #235d58}.notice.error,#message.error{background:#482737;color:#ffc2cb;border-color:#743548}fieldset{border-color:#294359;border-radius:9px}legend{color:#9dd8ff}.coverage-banner{background:#0c2737;color:#8fb5d1;border-color:#1e4056}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0}.metric-card{padding:22px}.metric-card .label{font-size:12px;color:#a8bdd4}.metric-card strong{display:block;font-size:30px;margin:9px 0;color:#f1f6ff;letter-spacing:-.6px}.metric-card .hint{font-size:11px;color:#7f99b4}.metric-card.good strong{color:var(--green)}.metric-card.warn strong{color:var(--orange)}.metric-card.danger strong{color:var(--red)}.section-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px}.section-grid>*{min-width:0}.panel-pad{padding:22px}.chart-wrap{height:260px;position:relative;padding:14px 0}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-caption{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:11px;color:#8ea8c1}.chart-empty{display:grid;place-items:center;height:230px;color:#819bb5;background:repeating-linear-gradient(0deg,transparent,transparent 44px,#1b3445 45px),repeating-linear-gradient(90deg,transparent,transparent 90px,#1b3445 91px);font-size:13px}.status-main{display:flex;align-items:center;gap:14px;margin:14px 0 25px}.status-main .status-shield{font-size:40px;color:#7f9bb7}.status-main strong{font-size:24px}.resource-row{display:grid;grid-template-columns:40px 1fr 44px;gap:12px;align-items:center;margin:15px 0;font-size:12px}.meter{height:8px;background:#20364a;border-radius:8px;overflow:hidden}.meter span{display:block;height:100%;background:#30c7ad;border-radius:8px}.status-list{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:12px;margin:16px 0 24px}.status-list span:nth-child(even){color:#8ca5bf}.quick-actions{display:flex;gap:9px;flex-wrap:wrap}.soft-note{background:#102b3c;border:1px solid #21465d;padding:15px;border-radius:9px;color:#a4bed5;font-size:12px}.attention-note{background:#3b2d19;border:1px solid #695025;color:#ffe0a1;padding:15px;border-radius:9px}.healthy-note{background:#123b37;border:1px solid #235c51;color:#b5f5e0;padding:15px;border-radius:9px}.pill{display:inline-flex;gap:6px;align-items:center;font-size:11px;padding:5px 9px;border-radius:6px;background:#17354d;color:#8ed6ff}.pill.high{background:#5c2934;color:#ffb8c1}.pill.warning{background:#4b371d;color:#f9d68d}.pill.pass{background:#143d35;color:#8bedd0}.pill.unknown{background:#253447;color:#b0bfd2}.context-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 20px;color:#8fa9c2;font-size:12px}.empty-state{text-align:center;padding:45px 25px;color:#8fa9c2}.empty-state strong{display:block;color:#d7e8f8;font-size:18px;margin-bottom:10px}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.client-card{background:#102234;border:1px solid #213d54;border-radius:11px;padding:22px}.client-card h3{margin:0;font-size:17px}.client-card .meta{display:flex;justify-content:space-between;margin:20px 0;font-size:12px;color:#9ab1c9}.client-card .large{font-size:24px;color:#ecf4ff}.client-card a.button{margin-top:12px}.filter-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.filter-bar input{max-width:360px}.card-stat{color:#edf5ff}.portal-shell{margin:0;font:14px/1.55 Inter,system-ui,sans-serif}.portal-sidebar{position:fixed;inset:0 auto 0 0;padding:25px 16px;display:flex;flex-direction:column;z-index:10}.portal-sidebar .brand{display:block;text-decoration:none;font-weight:750}.portal-sidebar .brand small{display:block;margin-top:2px}.portal-sidebar nav{display:grid;margin:35px 0 0;gap:5px}.portal-sidebar nav a{display:block;text-decoration:none;padding:12px;color:#adc0d8;border-radius:7px}.portal-sidebar .bottom{margin-top:auto;font-size:10px;color:#7e99b5;line-height:1.9}.portal-shell>header{margin-left:226px;min-height:66px;height:auto;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.portal-shell>header>div{display:flex;align-items:center;gap:12px}.portal-shell>main{margin-left:226px;max-width:none;padding:30px 32px 70px}.portal-shell article{padding:24px;margin-bottom:22px;overflow:auto}.portal-shell h2{font-size:17px;margin:0 0 18px}.portal-shell .columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.portal-shell label{display:block;font-size:12px;font-weight:600;margin:15px 0}.portal-shell .check{display:flex;align-items:flex-start;gap:9px;font-weight:400}.portal-shell input:not([type=checkbox]),.portal-shell select,.portal-shell textarea{display:block;width:100%;padding:11px;margin-top:7px;font:inherit}.portal-shell button,.portal-shell .button{padding:10px 14px;font:inherit;font-size:12px;color:#dceaf8;text-decoration:none;display:inline-block;border:1px solid #25475f;margin:3px 0}.portal-shell table{width:100%;border-collapse:collapse;font-size:12px}.portal-shell th,.portal-shell td{text-align:left;padding:14px 10px;vertical-align:top;border-bottom:1px solid #20374b}.portal-shell th{font-size:10px;text-transform:uppercase}.portal-shell td small{display:block}.portal-shell .heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.portal-shell h1{margin:0 0 7px}.portal-shell .eyebrow{font-size:10px;letter-spacing:2px;color:#53bbff;font-weight:700}.portal-shell .heading p{color:#90a9c1;margin:6px 0}.portal-shell #message{padding:15px 18px;border-radius:8px;margin-bottom:20px;position:sticky;top:8px;z-index:9}.portal-shell #tabs{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 25px}.portal-shell #tabs button.selected{background:#164b71;border-color:#2472a1}.portal-shell hr{border:0;border-top:1px solid #263c50;margin:24px 0}.portal-shell .check input{margin-top:4px}.portal-shell pre{white-space:pre-wrap;overflow-wrap:anywhere}.portal-shell dialog{max-width:700px;width:94vw;padding:28px}.portal-shell [hidden],[hidden]{display:none!important}.forward-preview{background:#0b1b2a;padding:18px;border:1px solid #24445d;border-radius:9px;white-space:pre-wrap;font-size:13px;line-height:1.7}.report-card{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px;border:1px solid #267ca2;background:linear-gradient(110deg,#123b53,#0d2436);border-radius:11px;margin-bottom:22px}.report-card h2{margin:0 0 10px}.finding-card{border:1px solid #284154;border-left:4px solid #f3b85c;border-radius:8px;background:#102335;padding:20px;margin:14px 0}.finding-card.high{border-left-color:#ff6478}.finding-card h3{margin:10px 0;font-size:16px}.finding-card p{color:#b4c5d8;line-height:1.7}.finding-card .steps{background:#0b1b2a;padding:16px;border-radius:7px;color:#d4e5f6;white-space:pre-wrap}.overview-split{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.customer-view-switch{display:flex;gap:8px;flex-wrap:wrap}.customer-view-switch button{background:transparent}.customer-view-switch button.selected{background:#164b71;border-color:#286c9a}.shortcut-override{background:#4a351b!important;color:#ffe1a1!important;border-color:#755025!important}.mobile-nav{display:none}.button.danger,button.danger{background:#572939;color:#ffc3cd;border-color:#824354}@media(max-width:1150px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){aside,.portal-sidebar{position:relative;width:100%;padding:16px;height:auto}.portal-sidebar nav,aside nav{display:flex;overflow:auto;margin:15px 0 0;gap:6px}.portal-sidebar nav a,aside nav button{white-space:nowrap;font-size:12px}.portal-sidebar .bottom,.aside-bottom{display:none}.workspace,.portal-shell>main,.portal-shell>header{margin-left:0}.section-grid,.overview-split,.portal-shell .columns{grid-template-columns:1fr}.portal-shell>header{padding:14px 18px}.portal-shell>main,main{padding:22px 18px}.report-card,.heading{align-items:flex-start;flex-direction:column}.client-grid{grid-template-columns:1fr}.heading h1{font-size:26px}}@media print{.portal-sidebar,.portal-shell>header{display:none}.portal-shell>main{margin:0;padding:0}body{background:#fff;color:#152b3c}.panel,.portal-shell article{background:#fff;color:#152b3c;border-color:#aac}button,.no-print{display:none!important}th{background:#e7eff5;color:#152b3c}td{border-color:#bcc}.finding-card p{color:#152b3c}}

.portal-shell .filter-bar input,.portal-shell .filter-bar select{width:auto;margin-top:0;flex:1;min-width:180px;max-width:360px}.portal-shell #client-setup,.portal-shell #advanced-override{margin:20px 0}.portal-shell summary{cursor:pointer;color:#acd6f7;padding:12px 0}.portal-shell #client-detail{margin-top:24px}.portal-shell #forward-headers{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px;font-size:12px}.portal-shell #forward-headers dd{margin:0;overflow-wrap:anywhere}.auth-form-side{background:#0b1c2a}.auth-card .intro,.auth-card label{color:#c0d0e1}.auth-note{color:#9fb6cc}.auth-form-side footer{color:#91a7bc}@media(max-width:600px){.portal-shell>header{align-items:flex-start;gap:12px;flex-direction:column}.portal-shell .cards{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:15px}.metric-card .hint{display:block}.portal-shell #forward-headers{grid-template-columns:1fr}.portal-shell #forward-headers dd{margin-bottom:8px}.portal-shell .report-card{padding:18px}.portal-shell .badge{padding:5px 10px;font-size:11px}}

.switch-label{display:flex!important;align-items:center;gap:12px;margin:20px 0!important}.switch-label input{appearance:none;width:44px!important;height:24px;border-radius:20px;background:#30465b;position:relative;cursor:pointer;flex:0 0 44px;border:1px solid #4d667b}.switch-label input:before{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;background:#b9c9da;border-radius:50%;transition:transform .18s}.switch-label input:checked{background:#087fa2}.switch-label input:checked:before{transform:translateX(19px);background:#fff}#product-management{margin-top:24px}#product-management label,#reset-all-dialog label{display:block;margin:16px 0}#reset-all-dialog input{display:block;padding:12px;width:100%;margin-top:6px}#product-key-once{white-space:pre-wrap;overflow-wrap:anywhere;color:#facd85}#product-address-list{line-height:2}#customer-product-options{margin-top:22px}/* Focused customer administration, v0.8.1 */
body.portal-shell main{max-width:1500px}body.portal-shell dialog{width:min(620px,calc(100vw - 32px));padding:28px}body.portal-shell dialog form{margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.subnav{border-bottom:1px solid var(--border);padding-bottom:14px;margin:18px 0 24px;gap:10px}.subnav button{border-color:transparent;background:transparent;color:var(--muted)}.subnav button.selected{background:#123d5b;border-color:#235a7c;color:#d7efff}.client-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:32px;padding:8px 0 24px}.context-callout{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px;border:1px solid #254760;border-radius:10px;background:#0b1c2b;margin-top:12px}.context-callout h3{margin-top:0}.context-callout p{margin-bottom:0}.row-actions{min-width:130px}.row-actions summary{cursor:pointer;padding:8px 10px;border:1px solid #2b4a63;border-radius:7px;color:#a7d9ff;list-style:none}.row-actions>div{display:flex;flex-direction:column;gap:6px;padding:10px 0}.row-actions button{text-align:left;margin:0}.portal-shell #connection-settings{max-width:850px}.portal-shell #settings-extensions>article{max-width:850px}.portal-shell #product-management{max-width:850px}.portal-shell .client-card{padding:24px}.portal-shell #identity-error{color:var(--red)}.portal-shell #product-reset{background:#9c233b;border:1px solid #ed5e79;color:#fff;font-weight:700}.portal-shell #reset-final{background:#9c233b;border:1px solid #ed5e79;color:#fff}body.portal-shell header{gap:20px}.portal-shell .empty-state{padding:35px 22px}.portal-shell #product-billing-alerts:empty{display:none}
@media(max-width:760px){.client-summary{grid-template-columns:1fr;gap:18px}.context-callout{flex-direction:column;align-items:flex-start}.portal-shell .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-shell dialog{padding:20px}.dialog-actions{flex-wrap:wrap}.portal-shell .heading{gap:12px}.portal-shell .filter-bar{flex-wrap:wrap}.portal-shell .filter-bar input,.portal-shell .filter-bar select{min-width:0;width:100%}}

html:has(body.business-admin){background:#091522}.business-admin{min-height:100vh}.business-admin #mobile-menu{display:none}@media(max-width:850px){.business-admin #mobile-menu{display:block;position:absolute;top:20px;right:18px}.business-admin .portal-sidebar{min-height:84px}.business-admin .portal-sidebar nav{display:none;margin-top:22px}.business-admin .portal-sidebar.menu-open nav{display:flex}.business-admin .portal-sidebar .brand{max-width:230px}.business-admin #client-overview .filter-bar{display:grid;grid-template-columns:1fr}.business-admin #client-overview .filter-bar>*{width:100%}}

.customer-domain-dialog,.dashboard-admin-dialog{width:min(720px,calc(100vw - 28px));padding:28px}.customer-domain-dialog label,.dashboard-admin-dialog label{display:block;margin:16px 0}.customer-domain-dialog input:not([type=checkbox]),.customer-domain-dialog select,.customer-domain-dialog textarea,.dashboard-admin-dialog input:not([type=checkbox]),.dashboard-admin-dialog select{width:100%;display:block;padding:12px;margin-top:7px;font:inherit}.customer-domain-dialog .check,.dashboard-admin-dialog .check{display:flex;gap:10px;align-items:flex-start}.customer-domain-dialog .dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.override-button{background:#644520!important;color:#ffe0a7!important;border:1px solid #b47d35!important}.managed-domain{border:1px solid var(--border);border-radius:10px;padding:20px;margin:14px 0;background:#0c2031}.managed-domain small{display:block;margin:6px 0}.managed-domain .quick-actions{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.managed-domain select{max-width:210px;padding:9px}.managed-domain .pill{display:inline-block;margin-top:8px}#customer-management hr,#client-domain-manager hr{border:0;border-top:1px solid var(--border);margin:28px 0}[data-manager-message],[data-error]{color:#ffd09a;white-space:pre-wrap}[data-once]{padding:16px;background:#173a38;border:1px solid #2b6861;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}.dashboard-admin-dialog .soft-note{font-size:13px;line-height:1.7}#customer-management .heading{gap:18px}@media(max-width:650px){.customer-domain-dialog,.dashboard-admin-dialog{padding:20px}.managed-domain .quick-actions{flex-direction:column;align-items:stretch}.managed-domain select{max-width:100%}}

.domain-actions summary{cursor:pointer;border:1px solid #2b4a63;border-radius:7px;padding:10px 14px;color:#b8d7ee;list-style:none}.domain-actions>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 0}.domain-actions[open]{width:100%}.domain-actions button{text-align:left}@media(max-width:650px){.domain-actions>div{grid-template-columns:1fr}}

/* Section switch: the two parts of the supervisor dashboard, and links that jump to the other part */
.section-switch{display:flex;gap:4px;padding:4px;margin:0 0 14px;border:1px solid #f8b95766;border-radius:10px;background:#1a1a12}
.section-switch a,.portal-sidebar nav .section-switch a{flex:1;display:block;text-align:center;padding:9px 6px;border-radius:7px;font-size:12px;font-weight:700;color:#f8b957;text-decoration:none;white-space:nowrap}
.section-switch a.on,.portal-sidebar nav .section-switch a.on{background:#f8b957;color:#1a1204}
.section-switch a:not(.on):hover{background:#f8b95726}
aside nav .jump,.portal-sidebar nav a.jump{color:#f8b957}

/* Website editor */
.site-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.site-photo{display:flex;flex-direction:column;gap:8px}
.site-photo-preview{aspect-ratio:16/9;border-radius:10px;border:1px dashed #2b4a66;background:#0a1826 center/cover;display:grid;place-items:center;color:#7f95ad;font-size:13px}
.site-photo label.button{display:inline-block;cursor:pointer;text-align:center}.site-form fieldset{border:1px solid #1d3449;border-radius:10px;margin:0 0 16px;padding:14px 16px}.site-form legend{padding:0 6px;font-weight:700}
.site-form textarea{font:13px/1.5 inherit}
.table-scroll{overflow-x:auto}.plan-table{border-collapse:collapse;min-width:640px;width:100%}.plan-table th,.plan-table td{padding:6px;text-align:left;border-bottom:1px solid #1d3449;font-size:13px}.plan-table input,.plan-table select{width:100%;margin:0;padding:8px}.plan-table input[type=checkbox]{width:auto}
.dbx{display:grid;gap:18px;margin:6px 0 26px}.dbx-block{display:flex;gap:18px;background:linear-gradient(130deg,#11283b,#0d1e2e);border:1px solid #24496a;border-radius:16px;padding:26px}.dbx-start{border-color:#2f7fb8;box-shadow:0 10px 40px #0a5d9a22}.dbx-body{flex:1;min-width:0}.dbx-num{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:20px;background:#1d6fd8;color:#fff;font-weight:800;font-size:18px}.dbx-block h2{font-size:24px!important;margin:4px 0 8px!important;letter-spacing:-.4px}.dbx-help{color:#a9c0d6;font-size:15px;line-height:1.6;margin:6px 0 14px}.dbx-row{display:flex;gap:12px;align-items:stretch}.portal-shell .dbx-row input{font-size:24px!important;padding:16px 18px!important;margin:0!important;min-height:64px;border:2px solid #3b6f97!important;border-radius:12px!important}.portal-shell .dbx-row button{font-size:18px;padding:0 28px;border-radius:12px;margin:0;font-weight:700}.dbx-live{margin:16px 0 4px;min-height:34px}.dbx-live strong{display:block;font-size:30px;letter-spacing:-.4px;color:#fff;overflow-wrap:anywhere}.dbx-live .dbx-bad{color:#f9d68d}.dbx-label{color:#8fb1cf;font-size:14px}.dbx-hint{display:block;color:#f9d68d;font-size:14px;margin-top:4px}.dbx-answer{font-size:18px;padding:14px 16px;border-radius:10px;background:#15304a;margin:12px 0}.dbx-answer.good{background:#123d35;color:#a9f3db}.dbx-answer.bad{background:#4a2532;color:#ffc2cb}.dbx-answer.warn{background:#4b371d;color:#f9d68d}.dbx-facts{list-style:none;padding:0;margin:6px 0 14px;font-size:15px;color:#c7d8e8;line-height:1.9}.portal-shell .dbx-agree{display:flex;gap:12px;align-items:flex-start;font-size:15px;font-weight:400;line-height:1.6;background:#0b1c2b;border:1px solid #2b4a63;border-radius:10px;padding:14px;margin:12px 0}.dbx-agree input{width:22px;height:22px;margin-top:2px;flex:none}.portal-shell .dbx-big{font-size:17px;padding:14px 22px;border-radius:10px;font-weight:700}.dbx-count{color:#8fb1cf;font-size:13px;margin:14px 0 0}.dbx-say{font-size:15px;padding:12px 14px;border-radius:9px;background:#15304a}.dbx-say.good{background:#123d35;color:#a9f3db}.dbx-say.bad{background:#4a2532;color:#ffc2cb}.dbx-say.warn{background:#4b371d;color:#f9d68d}.dbx-domain{flex-direction:column;gap:14px}.dbx-domain-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.dbx-domain h3{font-size:24px;margin:0;color:#fff;overflow-wrap:anywhere}.dbx-pill{font-size:13px;font-weight:700;padding:7px 12px;border-radius:20px;background:#4b371d;color:#f9d68d}.dbx-pill.good{background:#123d35;color:#8bedd0}.dbx-steps{display:grid;gap:10px}.dbx-step{display:flex;gap:14px;padding:16px;border-radius:12px;background:#0b1c2b;border:1px solid #1f3b52;font-size:15px;color:#c7d8e8;line-height:1.6}.dbx-step b{display:block;font-size:17px;color:#e8f0fc;margin:6px 0 2px}.dbx-step .dbx-num{width:34px;height:34px;font-size:15px;background:#26445d}.dbx-step.done .dbx-num{background:#1f9e7d}.dbx-step.now{border-color:#2f7fb8;background:#0f2638}.dbx-step.now .dbx-num{background:#1d6fd8}.dbx-step>div{flex:1;min-width:0}.dbx-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portal-shell .dbx-choices button{text-align:left;font-size:16px;font-weight:700;padding:16px;border-radius:12px;margin:0;white-space:normal}.dbx-choices button small{display:block;font-weight:400;font-size:13px;color:#a9c0d6;margin-top:6px}.portal-shell .dbx-choices button.selected{border:2px solid #36a9ff;background:#123d5b}.dbx-panel{margin-top:14px;padding:16px;border-radius:12px;background:#0d2133;border:1px solid #24496a}.portal-shell .dbx-panel label{font-size:15px}.portal-shell .dbx-panel button{font-size:15px;padding:12px 18px}.dbx-record{display:grid;grid-template-columns:90px 1fr;gap:8px 12px;margin:10px 0 14px;font-size:15px}.dbx-record dt{color:#8fb1cf}.dbx-record dd{margin:0}.dbx-record code{font-size:16px;background:#071522;padding:4px 8px;border-radius:6px;color:#fff;overflow-wrap:anywhere;user-select:all}.dbx-actions{display:flex;gap:10px;flex-wrap:wrap}.portal-shell .dbx-remove{align-self:flex-start;background:transparent;border-color:transparent;color:#8fa9c2;font-size:13px;padding:6px 0}
@media(max-width:700px){.dbx-block{padding:18px;gap:12px}.dbx-start .dbx-num{display:none}.dbx-row{flex-direction:column}.portal-shell .dbx-row button{padding:14px}.dbx-choices{grid-template-columns:1fr}.dbx-live strong{font-size:24px}.portal-shell .dbx-row input{font-size:20px!important}}

/* 0.14 klantoverzicht: één duidelijke status bovenaan, daarna domeinen */
.status-hero{display:flex;align-items:center;gap:22px;padding:28px 30px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(130deg,#11283b,#0d1e2e);margin:4px 0 30px}
.status-hero h2{margin:0 0 6px;font-size:24px;letter-spacing:-.3px}.status-hero p{margin:0;color:#c4d3e4;font-size:16px;line-height:1.5;max-width:720px}.status-hero>div{flex:1;min-width:0}
.status-hero .status-icon{flex:none;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:700;background:#1d3449;color:#fff}
.status-hero button{flex:none;font-size:16px;padding:14px 22px}
.status-hero.ok{border-color:#2a8f78;background:linear-gradient(130deg,#0f3a35,#0d1e2e)}.status-hero.ok .status-icon{background:var(--green);color:#062019}
.status-hero.todo{border-color:#2f7fb8;background:linear-gradient(130deg,#123553,#0d1e2e)}.status-hero.todo .status-icon{background:var(--cyan);color:#05182a}
.status-hero.warn{border-color:#a57a2c;background:linear-gradient(130deg,#3a2f17,#0d1e2e)}.status-hero.warn .status-icon{background:var(--orange);color:#2a1a00}
.status-hero.bad{border-color:#a4384b;background:linear-gradient(130deg,#3d1822,#0d1e2e)}.status-hero.bad .status-icon{background:var(--red);color:#2a0008}
.status-hero.wait .status-icon{background:#24496a}
.section-title{font-size:15px;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);margin:0 0 12px;font-weight:600}
.cards.simple-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.simple-cards .metric-card{text-decoration:none;color:inherit;display:block;transition:border-color .15s}.simple-cards .metric-card:hover{border-color:#2f7fb8}
.simple-cards .metric-card.warn strong{color:var(--orange)}.simple-cards .metric-card.danger strong{color:var(--red)}
.dbx-ok{padding:18px 26px}.dbx-ok .dbx-help{margin:4px 0 0}.dbx-more{justify-self:start;background:transparent;border:1px dashed #2f7fb8;color:var(--cyan);padding:12px 18px;border-radius:12px;font-size:15px}
.dbx-count{color:var(--muted);font-size:13px;margin:0}
.legend .pill{margin-left:8px}
@media (max-width:760px){.status-hero{flex-direction:column;align-items:flex-start;padding:22px}.status-hero button{width:100%}.cards.simple-cards{grid-template-columns:1fr}}
#dbx-list{display:grid;gap:14px}
.brand-logo{height:26px;width:auto;max-width:150px;object-fit:contain;vertical-align:middle;flex:none}
.brand-slot .site-photo-preview{aspect-ratio:3/1;background-color:#fff;background-size:contain;background-repeat:no-repeat;background-origin:content-box;padding:14px;color:#61728a}
.has-logo .brand-text{display:none}.has-logo .brand-logo{height:54px;max-width:220px}
.brand-slot.dark .site-photo-preview{background-color:#0d1e2e;color:#9cafc6}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.form-grid label{margin:10px 0}@media(max-width:850px){.form-grid{grid-template-columns:1fr}}
.soft-note.warn{background:#3b2d19;border-color:#695025;color:#ffe0a1}.soft-note.ok{background:#123b37;border-color:#235c51;color:#b5f5e0}.soft-note{margin:0 0 14px}.soft-note p{margin:6px 0}
.portal-shell .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.portal-shell article h3{font-size:14px;margin:22px 0 8px}

/* Uitrollen and Koppelingen (releases_ui.js) */
.rl-tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;background:#17354d;color:#8ed6ff;vertical-align:middle}
.rl-tag.ok{background:#0f3a35;color:#7ee2c2}.rl-tag.warn{background:#4b371d;color:#f9d68d}.rl-tag.bad{background:#4a1d26;color:#ffb3c0}.rl-tag.busy{background:#17354d;color:#8ed6ff}.rl-tag.muted{background:#1d2b38;color:#9fb2c4}
.rl-plan{padding-left:20px}.rl-plan>li{margin:0 0 14px;padding:10px 12px;border:1px solid #21465d;border-radius:9px}.rl-plan>li.current{border-color:#42d9ea}
.rl-steps{list-style:none;padding:0;margin:8px 0 0}.rl-steps>li{margin:6px 0}.rl-checks{margin:6px 0 0;padding-left:18px;font-size:12px}
.rl-notes{white-space:pre-wrap;font-size:12px;max-height:240px;overflow:auto}
#rollout-nodes table,#release-list table{width:100%}