.dc-dialog{--dc-ink:#12233e;--dc-muted:#59708f;--dc-line:#d5e2f4;box-sizing:border-box;color:var(--dc-ink);background:#f6f9ff;border:1px solid var(--dc-line);border-radius:24px;padding:0;width:min(1060px,94vw);max-height:92dvh;box-shadow:0 30px 100px #08295340;font:15px/1.45 system-ui,sans-serif;overflow:hidden}
.dc-dialog::backdrop{background:#07152699;backdrop-filter:blur(6px)}
.dc-dialog[open]{display:flex;flex-direction:column}.dc-dialog *{box-sizing:border-box}.dc-dialog button,.dc-dashboard button{font:inherit;cursor:pointer}.dc-dialog button{color:var(--dc-ink);background:#fff;border:1px solid var(--dc-line);border-radius:11px;padding:10px 15px;min-height:40px}.dc-dialog button:disabled{opacity:.45;cursor:wait}.dc-dialog button:focus-visible,.dc-dashboard button:focus-visible{outline:3px solid #1683ff;outline-offset:3px}.dc-header{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;padding:24px 28px;background:#fff;border-bottom:1px solid var(--dc-line)}.dc-eyebrow{color:#0673ec!important;font-weight:800;font-size:11px;letter-spacing:.12em;margin:0 0 7px!important}.dc-header h2{font-size:25px;line-height:1.2;margin:0 0 7px;color:var(--dc-ink)}.dc-header p,.dc-group>p{margin:0;color:var(--dc-muted)}.dc-close{font-size:24px!important;line-height:1;padding:6px 12px!important}.dc-main{padding:22px 28px;overflow:auto;min-height:0}.dc-footer{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:18px 28px;background:white;border-top:1px solid var(--dc-line)}.dc-footer>span{font-size:12px;color:var(--dc-muted)}.dc-footer>div{display:flex;gap:10px}.dc-primary{color:#fff!important;background:#0875ef!important;border-color:#0875ef!important;font-weight:750!important}.dc-selection-tools{display:flex;align-items:end;gap:12px;margin-bottom:24px}.dc-selection-tools label{flex:1;font-size:12px;color:var(--dc-muted);font-weight:700}.dc-selection-tools input{display:block;width:100%;border:1px solid var(--dc-line);border-radius:12px;background:white;color:var(--dc-ink);padding:12px;margin-top:6px;font:inherit}.dc-group{margin-bottom:26px}.dc-group h3{margin:0 0 3px;font-size:18px}.dc-group>p{font-size:13px;margin-bottom:14px}.dc-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dc-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--dc-line);border-radius:14px;background:white;cursor:pointer}.dc-option:has(input:checked){border-color:#2386f9;background:#eef5ff;box-shadow:0 0 0 1px #2386f922}.dc-option[hidden]{display:none}.dc-option input{width:19px;height:19px;accent-color:#0875ef;flex-shrink:0;margin-top:2px}.dc-option strong{display:block;font-size:14px}.dc-option small{display:block;color:var(--dc-muted);font-size:12px;margin-top:4px}.dc-preview-tools{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.dc-preview-tools>span{font-size:12px;color:var(--dc-muted)}.dc-preview-tools button[aria-pressed=true]{background:#e5f0ff;border-color:#0875ef;color:#0865ce}.dc-stage{position:relative;overflow:hidden;border:1px solid var(--dc-line);border-radius:18px;background:#eaf2fc;padding:12px}.dc-canvas{transform-origin:top left;padding:24px;background:#f2f7ff;border-radius:15px}.dc-preview-greeting small{font-size:11px;color:#58728f;letter-spacing:.12em}.dc-preview-greeting h3{font-size:26px;margin:4px 0 24px;color:#12233e}.dc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dc-canvas[data-device=mobile] .dc-grid,.dc-grid[data-device=mobile]{grid-template-columns:minmax(0,1fr)}.dc-sort-card{border:1px solid #d5e2f4;border-radius:18px;background:#fff;overflow:hidden;min-width:0}.dc-sort-tools{display:flex;padding:5px;background:#f8faff;border-bottom:1px solid #e8eef8;gap:4px}.dc-sort-tools button{padding:5px 9px;min-height:34px;font-size:13px}.dc-sort-tools .dc-handle{flex:1;text-align:left;cursor:grab;touch-action:none}.dc-sort-card .dc-panel{border:0!important;box-shadow:none!important;border-radius:0!important;pointer-events:none}.dc-panel{display:flex!important;position:relative;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;width:100%;min-width:0;min-height:170px;border:1px solid #d5e2f4!important;border-radius:18px!important;background:#fff!important;color:#12233e!important;padding:22px!important;box-shadow:0 6px 18px #24497506;transition:box-shadow .15s}.dc-panel:hover{box-shadow:0 10px 25px #24497518}.dc-panel-source{font-size:10px;color:#657b99;text-transform:uppercase;letter-spacing:.06em}.dc-panel>strong{font-size:18px;line-height:1.25;font-weight:800}.dc-panel>small{font-size:12px;color:#60758e;line-height:1.5}.dc-value{font-size:30px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.dc-dynamic{background:linear-gradient(135deg,#fff,#eef6ff)!important;border-color:#bbd6fb!important}.dc-arrow{position:absolute;top:18px;right:18px;font-size:21px;color:#0875ef}.dc-dragging{opacity:.5}.dc-drop-target{outline:4px solid #0875ef}.dc-notice{padding:12px;background:#e8f1ff;color:#1a579b;border-radius:10px;font-size:13px}.dc-error{margin:0;padding:0 28px;color:#b42318;font-size:13px}.dc-error:not(:empty){padding-bottom:12px}.dc-loading{padding:32px}.dc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* Keep profile, role switches and greeting; replace only the home card area. */
html body #dashboardSection[data-dashboard-view="home"] .dc-custom-home>:not(header):not(.phone-greeting):not(.phone-mode-row):not(.tablet-greeting):not(.tablet-mode-row):not(.dc-dashboard){display:none!important}
html body #dashboardSection[data-dashboard-view="home"] .dc-custom-home>.dc-dashboard{display:block!important;width:100%;grid-column:1/-1;margin:20px 0 32px}.dc-dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.dc-dashboard-heading h2{margin:0;font-size:21px}.dc-dashboard-heading>button{border:1px solid #bdd5f5;border-radius:10px;padding:8px 13px;background:#eff6ff;color:#1266c2;font-size:12px;font-weight:700}.dc-dashboard .dc-grid{width:100%}
@media(max-width:760px){.dc-dialog{width:100%;max-width:100%;max-height:100dvh;height:100dvh;border-radius:0;margin:0}.dc-header{padding:20px}.dc-header h2{font-size:22px}.dc-main{padding:18px;flex:1}.dc-options{grid-template-columns:1fr}.dc-selection-tools{flex-wrap:wrap;gap:8px}.dc-selection-tools label{flex-basis:100%}.dc-footer{padding:14px;gap:8px;flex-wrap:wrap}.dc-footer>span{margin-left:auto}.dc-footer>div{width:100%;justify-content:flex-end}.dc-dialog button{min-height:44px}.dc-preview-tools{align-items:flex-start;flex-direction:column;gap:8px}.dc-dashboard .dc-grid{grid-template-columns:1fr}.dc-panel{min-height:145px}.dc-sort-tools button{min-height:34px}}
/* Scope colors explicitly: the legacy dark theme also styles generic headings. */
.dc-dashboard,.dc-dialog{--dc-ink:#12233e;--dc-muted:#59708f;--dc-line:#d5e2f4;--dc-card:#fff;--dc-surface:#f6f9ff;--dc-live:linear-gradient(135deg,#fff,#eef6ff)}
html[data-theme="dark"] :is(.dc-dashboard,.dc-dialog){--dc-ink:#edf5ff;--dc-muted:#adbed5;--dc-line:#304963;--dc-card:#102139;--dc-surface:#0b192c;--dc-live:linear-gradient(135deg,#152b47,#102139)}
.dc-dialog,.dc-canvas{background:var(--dc-surface);color:var(--dc-ink)}
.dc-dialog :is(h2,h3,strong),.dc-dashboard .dc-panel>strong{color:var(--dc-ink)!important}
.dc-dialog :is(.dc-header,.dc-footer,.dc-option,.dc-sort-card,.dc-sort-tools),.dc-dialog button:not(.dc-primary),.dc-selection-tools input{background:var(--dc-card);color:var(--dc-ink);border-color:var(--dc-line)}
.dc-dialog .dc-option:has(input:checked){background:var(--dc-live);border-color:#2386f9}
.dc-stage{background:var(--dc-surface);border-color:var(--dc-line)}
.dc-panel{background:var(--dc-card)!important;color:var(--dc-ink)!important;border-color:var(--dc-line)!important}
.dc-dynamic{background:var(--dc-live)!important}
.dc-panel :is(small,.dc-panel-source),.dc-preview-greeting small{color:var(--dc-muted)!important}
.dc-panel .dc-value{color:var(--dc-ink)!important}
.dc-preview-help{font-size:13px;color:var(--dc-muted);margin:0 0 14px}.dc-screen-stage{padding:0;position:relative;min-height:180px;flex-shrink:0}.dc-screen-frame{position:absolute;top:12px;left:12px;border:0;transform-origin:top left;background:var(--dc-surface);border-radius:10px}.dc-screen-card{position:relative;min-width:0}.dc-screen-tools{position:absolute;right:10px;bottom:9px;display:flex;gap:3px;padding:2px;background:var(--dc-card);border:1px solid var(--dc-line);border-radius:9px;opacity:.92;z-index:2}.dc-screen-tools button{min-height:30px;min-width:30px;border:0;border-radius:6px;background:transparent;color:var(--dc-ink);padding:3px;font:18px system-ui;cursor:grab;touch-action:none}.dc-screen-tools button:focus-visible{outline:3px solid #1683ff}.dc-screen-card.dc-drop-target{border-radius:18px}.dc-screen-card .dc-panel{pointer-events:none}

/* Keep interactive controls in the parent document, outside the script-free preview. */
.dc-preview-controls{position:absolute;inset:0;pointer-events:none;z-index:3}
.dc-preview-controls .dc-screen-tools{pointer-events:auto;position:absolute;bottom:auto;right:auto;white-space:nowrap;gap:2px;padding:2px;box-shadow:0 2px 8px #07152622}
.dc-preview-controls .dc-screen-tools[hidden]{display:none}
.dc-dialog .dc-preview-controls .dc-screen-tools button{padding:0;min-width:24px;width:24px;min-height:26px;height:26px;font-size:17px;border:0;touch-action:none}
.dc-dialog .dc-preview-controls .dc-handle{cursor:grab;background:#0875ef;color:white}
.dc-dialog .dc-preview-controls .dc-handle:active{cursor:grabbing}
