/* Reuses the approved black/champagne preview materials and geographic globe. */
:root{color-scheme:dark;--ui-ink:#ece6db;--ui-secondary:#c0b8aa;--ui-muted:#a8a192;--ui-canvas:#090b10;--ui-surface:#171a21;--ui-subtle:#20232b;--ui-line:#38363c;--ui-black:#dcc296;--ui-black-soft:#bda071;--ui-gold:#cfb17b;--ui-gold-text:#e4c796;--ui-gold-light:#ead4a9;--ui-gold-wash:#332e25;--ink:#ece6db;--muted:#b2aa9d;--paper:#11141b;--line:#38363c;--green:#cdb17e;--green2:#e1c99f;--red:#efad9c}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6;margin:0;background:radial-gradient(ellipse at 85% 0,#29242b,transparent 50%),#090b10;color:#ece6db}
.sidebar{background:linear-gradient(145deg,#171920,#0a0c11);border-right:1px solid #5b4c3438;color:#d9cfbc}
.brand strong,.breadcrumb strong,h1,h2,h3{color:#eee7d9}.brand-mark,.avatar{background:linear-gradient(135deg,#343128,#171920);color:#ebd5ac;border-color:#8d7751;box-shadow:inset 0 1px #f5d9a733,0 4px 12px #0005}
.brand small,.nav-group-label,.sidebar-bottom,.sidebar-bottom small{color:#b1a58f}.nav-item,.navigation-dialog .nav-item{color:#b9b4a9}.nav-item:hover,.nav-item.active,.navigation-dialog .nav-item.active{color:#f0dfbd;background:#d5b97c12;box-shadow:inset 2px 0 #c3a572}
.topbar,.page-footer,.mobile-dock,.navigation-dialog{background:#11141bef;color:#bab2a4;border-color:#3b3429}.breadcrumb,.breadcrumb span{color:#b4ac9c}.mobile-dock a.active{background:#c4a87816;color:#ebd2a3}
.panel,.metric-card,.stat-card,.quality-summary>div,.workbench-intro,.scope-panel,.framework-card,.commerce-cards>div,.module-card,.workbench-welcome,.digital-card,.automation-card{background:linear-gradient(145deg,#1c1f27,#11141b)!important;border-color:#443c304f!important;color:#e9e1d3;box-shadow:inset 0 1px #f4d6a30c,0 12px 30px #0002}
.workbench-welcome p{color:#e6d6b8}.demo-notice,.rule-banner,.role-note,.detail-summary,.chain-step,.task-detail-meta,.notice,.surface-banner{background:#25242b;color:#c5baaa;border-color:#514836}
.btn,.icon-button,button:not(.nav-group-label){background:linear-gradient(150deg,#2b2b31,#181b23);border-color:#82704e77;color:#e1cfb0;box-shadow:inset 0 1px #f9d8a317,0 3px 0 #07090e,0 5px 12px #0002;transition:transform .12s}
.btn-primary,button.btn-primary{background:linear-gradient(150deg,#ecd7ad,#b89a67);border-color:#e8c998;color:#251f15;box-shadow:inset 0 1px #fff1d0,0 3px 0 #725c3a,0 8px 15px #0004}
.btn:active,button:active{transform:translateY(1px)}button:disabled{opacity:.48}
input,select,textarea{background:#13161e;color:#ece3d3;border-color:#594e3b}th{background:#191c24;color:#bfb4a1}td{color:#d4cdbf;border-color:#39353a}tr:hover td{background:#cab07908}
dialog,.drawer,.form-dialog,.detail-section,.detail-summary,.drawer-body,.modal,.surface-panel,.module-registry-card{background:#171a22;color:#e6dccb;border-color:#554831}.detail-grid dt,.muted,.panel-description,.subtitle,.page-footer{color:#b3a898}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f0d5a2;outline-offset:4px}
.earth-hero{position:relative;isolation:isolate;overflow:hidden;min-height:270px;margin:20px 32px 0;padding:38px 34px;border:1px solid #7d654544;border-radius:16px;background:radial-gradient(ellipse at 85% 30%,#594a322b,transparent 50%),linear-gradient(135deg,#1a1c25,#07090f);box-shadow:inset 0 1px #e8c89512,0 18px 35px #0004}
.earth-copy{position:relative;z-index:2;max-width:60%}.earth-eyebrow{font-size:11px;letter-spacing:3px;color:#c3a772}.earth-hero h2{font-family:"Songti SC",serif;font-size:32px;font-weight:500;line-height:1.4;margin:18px 0 12px;color:#f1e4ca}.earth-hero p{color:#c1b6a3;line-height:1.8}.earth-hero small{display:block;color:#9b907d;margin-top:24px}
.earth-globe{position:absolute;right:26px;top:-40px;width:340px;height:340px;object-fit:contain;filter:drop-shadow(18px 24px 26px #000b);animation:earth-light 12s ease-in-out infinite}
@keyframes earth-light{50%{filter:drop-shadow(18px 24px 32px #b2924c22)}}
body:not([data-page="overview"]) .earth-hero{display:none}
.login-shell{max-width:1120px;margin:7vh auto;padding:24px;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;min-height:75vh}
.login-brand{position:relative;min-height:430px;padding:30px;overflow:hidden}.login-brand .earth-globe{position:relative;top:0;right:0;width:min(100%,390px);height:auto;display:block;margin:0 auto}.login-brand h1{font:500 32px "Songti SC",serif;letter-spacing:3px}.login-brand p{color:#c0ad89;line-height:1.9}.login-card{padding:36px;background:linear-gradient(140deg,#20222c,#11141b);border:1px solid #71604566;border-radius:18px;box-shadow:inset 0 1px #eac99813,0 18px 55px #0005}
.login-card h2{font-size:24px;margin:0 0 12px}.login-card p{color:#b5ac9c;font-size:13px;line-height:1.8}.login-card label{display:block;margin-top:22px;font-size:13px;color:#d5c7af}.login-card input:not([type="hidden"]){display:block;width:100%;box-sizing:border-box;padding:13px 14px;margin-top:9px;border:1px solid #72604366;border-radius:7px;min-height:46px;font:inherit}.login-card button{margin-top:28px;min-height:48px;width:100%;border-radius:7px;font-size:15px}.login-note{display:block;color:#978b77;font-size:11px;line-height:1.8;margin-top:20px}
@media(max-width:950px){.earth-copy{max-width:57%}.earth-globe{width:280px;height:280px;right:0;top:0}.earth-hero h2{font-size:27px}}
@media(max-width:720px){.earth-hero{margin:16px 18px 0;padding:24px 22px 180px;min-height:350px}.earth-copy{max-width:100%}.earth-hero h2{font-size:26px}.earth-globe{width:235px;height:235px;right:-15px;top:auto;bottom:-30px}.earth-hero small{margin-top:12px;max-width:65%;font-size:10px}.login-shell{display:block;margin:0 auto;padding:20px;min-height:100vh}.login-brand{min-height:0;padding:14px 0}.login-brand h1{font-size:26px}.login-brand .earth-globe{width:220px;margin:-12px auto}.login-brand p{margin:0;text-align:center;font-size:12px}.login-card{padding:26px 22px}.earth-eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.earth-globe{animation:none}button{transition:none}}
.subsystem-evidence,.subsystem-children{margin-top:18px;border-top:1px solid #74604333;padding-top:12px;color:#bfb29a}.subsystem-evidence summary,.subsystem-children summary,.nav-group summary{cursor:pointer}.subsystem-children>div{margin:14px 0}.module-card h3{font-size:18px}.module-grid{align-items:start}.nav-group-label{padding:12px 8px}

/* Overview badges use the same restrained dark materials as cards. */
.module-stage{background:#292722!important;color:#d8c59f!important;border-color:#65563d!important;box-shadow:none!important}
.module-integration,.module-summary{color:#b8af9e!important}
.skip-link{background:#20232b!important;color:#ecd9b6!important;border:1px solid #756345}

/* Business form dialog: charcoal surfaces and bounded native date controls. */
#form-dialog{background:#171a22!important;color:#ece3d3!important;border-color:#65563d!important;max-width:calc(100vw - 24px);overflow-x:hidden}
#form-dialog .form-head,#form-dialog .form-footer{background:#1d2028!important;color:#ece3d3!important;border-color:#514735!important;box-shadow:none!important}
#form-dialog .form-body,#form-dialog .form-grid,#form-dialog .form-field{min-width:0}
#form-dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#form-dialog .form-field label,#form-dialog h2{color:#ece3d3!important}
#form-dialog .form-head p,#form-dialog .form-field small{color:#bcb3a4!important}
#form-dialog .form-field input,#form-dialog .form-field select,#form-dialog .form-field textarea{display:block;background:#13161e!important;color:#ece3d3!important;-webkit-text-fill-color:#ece3d3;border:1px solid #65563d!important;min-width:0;min-inline-size:0;width:100%;max-width:100%;box-sizing:border-box;color-scheme:dark}
#form-dialog .form-field input::placeholder,#form-dialog .form-field textarea::placeholder{color:#b5ad9f!important;-webkit-text-fill-color:#b5ad9f;opacity:1}
#form-dialog input[type="date"]{min-width:0;min-inline-size:0;max-inline-size:100%;overflow:hidden}
#form-dialog input[type="date"]::-webkit-date-and-time-value{min-width:0;text-align:left}
#form-dialog input[type="date"]::-webkit-datetime-edit{min-width:0;padding:0}
#form-dialog .form-field [aria-invalid="true"]{background:#281e21!important;border-color:#c98f7b!important}
@media(max-width:720px){#form-dialog .form-grid{grid-template-columns:minmax(0,1fr)}}

/* Shared dark component surfaces; presentation only. */
:root{--white:#171a22;--ui-green:#b8d0b7;--ui-blue:#b7cbdc;--ui-red:#efad9c;--ui-shadow:0 8px 24px #0002}
body :is(.card,.metrics,.task-list,.inventory-metrics,.commerce-filters,.commerce-table,.flow-facts>div,.automation-results>div,.automation-metrics>div,.automation-output,.surface-loading,.surface-error,.empty-state,.drawer,.form-dialog,.module-content,.batch-card){background:#171a22!important;border-color:#514735!important;color:#ece3d3!important}
body :is(.drawer-head,.form-head,.form-footer,.footnote,.drawer-action-area,.form-context,.digital-bubble,.digital-receipt,.digital-boundary,.empty-icon,.automation-strategy>span,.production-blockers){background:#23252c!important;border-color:#5d503a!important;color:#d9cfbc!important}
body :is(input,select,textarea){background:#13161e!important;color:#ece3d3!important;-webkit-text-fill-color:#ece3d3;border-color:#65563d!important;min-width:0;min-inline-size:0;max-width:100%;box-sizing:border-box;color-scheme:dark}
body :is(input,textarea)::placeholder{color:#b5ad9f!important;-webkit-text-fill-color:#b5ad9f;opacity:1}
body input[type=date]{width:100%;max-inline-size:100%;min-inline-size:0;overflow:hidden}
body input[type=date]::-webkit-date-and-time-value{min-width:0;text-align:left}
body input[type=date]::-webkit-datetime-edit{min-width:0;padding:0}
body :is(th,thead){background:#1e2129!important;color:#cfc4ae!important}body td{background:transparent;color:#d9cfbc!important;border-color:#38363c!important}
body :is(tbody tr:hover,.task-row:hover){background:#25272e!important}
body :is(.digital-caption,.digital-bubble small,.flow-facts small,.card small,.card p,.empty-state p,.task-row-main p,.task-row-meta,.cell-sub,.detail-field dt){color:#bdb5a6!important}
body :is(.card strong,.drawer-head h2,.detail-field dd){color:#ece3d3!important}
body .badge{background:#2b2930!important;border-color:#61543f!important;color:#d4c3a0!important}.badge.green{color:#bdd2bd!important;background:#233029!important}.badge.red{color:#efb4a4!important;background:#34262a!important}.badge.blue{color:#bed0e0!important;background:#242f3d!important}.badge.gold{color:#e3cda0!important;background:#342e24!important}
body :is(.button.primary,.btn-primary){background:linear-gradient(150deg,#ecd7ad,#b89a67)!important;color:#251f15!important;border-color:#e8c998!important}
body :is(.form-error:not(:empty),[aria-invalid=true]){background:#302229!important;color:#f0b7a6!important;border-color:#c98f7b!important}
body .legacy-detail iframe{background:#171a22!important;border-color:#65563d!important}
.form-grid,.form-field,.detail-field,.commerce-filters>*{min-width:0}

/* Spherical globe interaction; no CSS translation of a flat map. */
.earth-hero:has(.earth-interactive){min-height:420px}.earth-interactive{position:absolute;right:26px;top:12px;width:340px;text-align:center}.earth-interactive .globe-canvas{position:static!important;display:block;width:100%!important;height:auto!important;aspect-ratio:1;animation:none!important;cursor:grab;touch-action:none;user-select:none}.earth-interactive .globe-canvas.dragging{cursor:grabbing}.earth-interactive .globe-canvas:focus-visible{outline:2px solid #d2b178;outline-offset:2px;border-radius:50%}.earth-interactive small{max-width:100%;margin:6px 0 10px!important;font-size:10px}.earth-interactive .globe-reset{min-height:36px;padding:6px 12px;font-size:12px}.earth-hero:has(.earth-interactive) .earth-copy{max-width:55%}@media(max-width:950px) and (min-width:721px){.earth-interactive{width:280px;right:12px;top:28px}.earth-hero:has(.earth-interactive){min-height:380px}}@media(max-width:720px){.earth-hero:has(.earth-interactive){min-height:0;padding:24px 22px}.earth-hero:has(.earth-interactive) .earth-copy{max-width:100%}.earth-interactive{position:relative;right:auto;top:auto;width:min(100%,320px);margin:16px auto 0}.earth-interactive small{max-width:100%}}

.earth-interactive .globe-zoom{min-height:36px;min-width:36px;padding:6px;margin:0 6px;color:#e4c68e}.earth-hero:has(.earth-interactive){min-height:440px}@media(max-width:720px){.earth-hero:has(.earth-interactive){min-height:0}}

.earth-interactive .globe-pause{display:block;min-height:36px;margin:8px auto;padding:6px 12px;font-size:11px}.earth-hero:has(.earth-interactive){min-height:485px}@media(max-width:720px){.earth-hero:has(.earth-interactive){min-height:0}}

.earth-interactive .btn{background:#23252c!important;color:#e4d3b3!important;border-color:#74603f!important;min-height:42px}.earth-hero:has(.earth-interactive){min-height:530px}@media(max-width:720px){.earth-hero:has(.earth-interactive){min-height:0}}

/* Latest review: automatic globe only; manual controls deferred. */
.earth-interactive .globe-canvas{pointer-events:none;cursor:default}.earth-hero:has(.earth-interactive){min-height:435px}@media(max-width:720px){.earth-hero:has(.earth-interactive){min-height:0}}