:root{--shell-bg:#f4f7f9;--shell-card:#fff;--shell-line:#dbe4e9;--shell-ink:#172033;--shell-muted:#72818b;--shell-side:#0c1f2a;--shell-side-2:#17303d;--shell-side-text:#d9e5e9;--shell-side-muted:#91a7b1}
html[data-color-scheme="dark"]{--shell-bg:#0b1117;--shell-card:#121922;--shell-line:#2a3541;--shell-ink:#e7edf4;--shell-muted:#96a4b5;--shell-side:#09141b;--shell-side-2:#15242e;--shell-side-text:#e7edf4;--shell-side-muted:#8fa0af;color-scheme:dark}
html,body{margin:0;min-height:100%;background:var(--shell-bg)}
body.ca-preview-body{overflow:hidden;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--shell-ink);transition:background .25s ease,color .25s ease}
.ca-preview-shell{height:100vh;min-height:520px;display:grid;grid-template-columns:190px 1fr;background:var(--shell-bg)}
.ca-preview-sidebar{position:relative;z-index:2;padding:18px 12px;background:var(--shell-side);color:var(--shell-side-text);overflow:hidden}
.ca-preview-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px;border-bottom:1px solid rgba(255,255,255,.09)}
.ca-preview-brand strong{display:block;color:#fff;font-size:13px}.ca-preview-brand small{display:block;color:var(--shell-side-muted);font-size:9px}
.ca-preview-nav{display:grid;gap:5px;margin-top:18px}.ca-preview-nav button{width:100%;display:flex;align-items:center;gap:9px;padding:9px 10px;border:0;border-radius:9px;color:#b8c8cf;background:transparent;text-align:left;font:inherit;font-size:11px;cursor:pointer}
.ca-preview-nav button:hover,.ca-preview-nav button.active{color:#fff;background:rgba(255,255,255,.1)}
.ca-preview-nav i{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.08);font-style:normal;font-size:9px;font-weight:800}
.ca-preview-main{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--shell-bg)}
.ca-preview-topbar{height:60px;flex:0 0 60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--shell-line);background:var(--shell-card)}
.ca-preview-topbar div{display:grid;gap:2px}.ca-preview-topbar small{font-size:8px;letter-spacing:.12em;color:var(--shell-muted);font-weight:800}.ca-preview-topbar strong{font-size:15px;color:var(--shell-ink)}.ca-preview-main #pageContent{flex:1;min-height:0;overflow:auto;padding:20px!important;background:var(--shell-bg)}
.ca-preview-main #dashboardRoot,.ca-preview-main #operationRoot{max-width:1180px;margin:0 auto}.ca-preview-main #operationRoot:empty,.ca-preview-main #dashboardRoot:empty{display:none}
.ca-preview-main .dashboard-welcome{margin-top:0}.ca-preview-main .entity-page-head{gap:12px}.ca-preview-main .entity-page-head h2{font-size:22px}.ca-preview-main .list-card,.ca-preview-main .dashboard-role-summary,.ca-preview-main .dashboard-recent-card{box-shadow:none}
.ca-preview-main .entity-table{font-size:11px}.ca-preview-main .entity-table th,.ca-preview-main .entity-table td{padding:10px 9px}.ca-preview-main .btn{font-size:10px;min-height:34px;padding:7px 10px}.ca-preview-main .input{font-size:10px;min-height:34px}
.ca-preview-main .dashboard-summary-card strong{font-size:18px}.ca-preview-main .dashboard-section-head h3{font-size:15px}.ca-preview-main .dashboard-recent-row strong{font-size:11px}.ca-preview-main .dashboard-recent-row small{font-size:9px}
.ca-preview-main *{scrollbar-width:thin}.ca-preview-main .row-menu-pop,.ca-preview-main .record-drawer,.ca-preview-main .modal-backdrop{display:none!important}
html[data-color-scheme="dark"] .ca-preview-main #pageContent{background:#0b1117!important}
html[data-color-scheme="dark"] .ca-preview-main .dashboard-welcome,html[data-color-scheme="dark"] .ca-preview-main .dashboard-summary-card,html[data-color-scheme="dark"] .ca-preview-main .dashboard-recent-card,html[data-color-scheme="dark"] .ca-preview-main .list-card{box-shadow:none!important}
@media(max-width:760px){.ca-preview-shell{grid-template-columns:1fr}.ca-preview-sidebar{display:none}.ca-preview-topbar{height:54px;flex-basis:54px;padding:0 14px}.ca-preview-main #pageContent{padding:12px!important}}
/* Story embeds are viewport-controlled by the parent page. */
.ca-preview-main #pageContent{overflow:hidden!important;overscroll-behavior:none!important;scrollbar-width:none!important}
.ca-preview-main #pageContent::-webkit-scrollbar{display:none!important}
.ca-preview-shell,.ca-preview-shell *{overscroll-behavior:none}
.ca-preview-nav button{cursor:default}