/* AS Surface OS 216A8 — AS Surface Premium Native Theme
   One native visual language across every ERP module. No legacy theme gradients. */
:root{
  --as7-bg:#eee9e1;--as7-bg2:#f5f1eb;--as7-paper:#fffdf9;--as7-soft:#f7f2eb;--as7-soft2:#efe7dc;
  --as7-ink:#161a1b;--as7-muted:#736d66;--as7-line:#ddd3c7;--as7-line2:#cdbdab;
  --as7-shell:#0c1316;--as7-shell2:#121c20;--as7-tan:#ddb783;--as7-tan2:#a8794d;
  --as7-green:#1f936d;--as7-red:#c6554d;--as7-amber:#d48c35;--as7-blue:#397da4;
  --as7-radius:16px;--as7-shadow:0 8px 24px rgba(54,40,29,.07);--as7-shadow-lg:0 16px 38px rgba(54,40,29,.11)
}
html.as216a8-native{
  color-scheme:light!important;
  --bg:var(--as7-bg)!important;--panel:var(--as7-paper)!important;--panel2:var(--as7-soft)!important;--panel-2:var(--as7-soft)!important;
  --line:var(--as7-line)!important;--text:var(--as7-ink)!important;--muted:var(--as7-muted)!important;
  --blue:var(--as7-tan2)!important;--cyan:#3f9088!important;--green:var(--as7-green)!important;--amber:var(--as7-amber)!important;--red:var(--as7-red)!important;--purple:#7a6a99!important;
  --theme-bg:var(--as7-bg)!important;--theme-panel:var(--as7-paper)!important;--theme-panel2:var(--as7-soft)!important;--theme-input:var(--as7-paper)!important;
  --theme-row:#fbf8f3!important;--theme-hover:#f2e9df!important;--theme-line:var(--as7-line)!important;--theme-line-strong:var(--as7-line2)!important;
  --theme-text:var(--as7-ink)!important;--theme-muted:var(--as7-muted)!important;--theme-soft:#59534d!important;--theme-shadow:rgba(54,40,29,.09)!important;
  --theme-sidebar:var(--as7-shell)!important;--theme-topbar:var(--as7-shell)!important;
  --theme-card-start:var(--as7-paper)!important;--theme-card-end:var(--as7-paper)!important;
  --theme-job-start:var(--as7-paper)!important;--theme-job-end:var(--as7-paper)!important;
  --card-bg:var(--as7-paper)!important;--surface:var(--as7-paper)!important;--surface-2:var(--as7-soft)!important;
}
html.as216a8-native,html.as216a8-native body{background:var(--as7-bg)!important;color:var(--as7-ink)!important;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
html.as216a8-native body{background-image:radial-gradient(circle at 82% 4%,rgba(221,183,131,.16),transparent 24%),linear-gradient(180deg,#f5f1eb 0,#ebe4dc 100%)!important}
html.as216a8-native *{box-sizing:border-box}
html.as216a8-native.as216a8-no-motion *,html.as216a8-native.as216a8-no-motion *:before,html.as216a8-native.as216a8-no-motion *:after{transition:none!important;animation:none!important}

/* Native shell */
html.as216a8-native .workspace91c-main,html.as216a8-native .workspace86-main{background:linear-gradient(180deg,#f6f2ec,#ece5dc)!important;color:var(--as7-ink)!important}
html.as216a8-native .workspace91c-main>.content,html.as216a8-native .workspace86-main>.content{padding:22px 24px 32px!important;max-width:none!important}
html.as216a8-native .workspace91c-sidebar,html.as216a8-native .workspace86-sidebar{background:linear-gradient(180deg,#0a1114,#0e171b 58%,#090f11)!important;border-right:1px solid rgba(221,183,131,.20)!important;box-shadow:12px 0 34px rgba(0,0,0,.12)!important}
html.as216a8-native .workspace91c-sidebar [data-route],html.as216a8-native .workspace86-sidebar [data-route]{background:transparent!important;border:1px solid transparent!important;border-radius:11px!important;color:#aab5b9!important;box-shadow:none!important}
html.as216a8-native .workspace91c-sidebar [data-route]:hover,html.as216a8-native .workspace86-sidebar [data-route]:hover{background:rgba(255,255,255,.045)!important;color:#fff!important}
html.as216a8-native .workspace91c-sidebar [data-route].active,html.as216a8-native .workspace91c-sidebar [data-route][aria-current="page"],html.as216a8-native .workspace86-sidebar [data-route].active,html.as216a8-native .workspace86-sidebar [data-route][aria-current="page"]{background:linear-gradient(90deg,rgba(221,183,131,.22),rgba(221,183,131,.09))!important;border-color:rgba(221,183,131,.30)!important;color:#fff9ef!important;box-shadow:inset 3px 0 #ddb783!important}
html.as216a8-native .workspace91c-sidebar .nav-section-title,html.as216a8-native .workspace86-sidebar .nav-section-title,html.as216a8-native .workspace91c-sidebar small,html.as216a8-native .workspace86-sidebar small{color:#7e8c91!important}
html.as216a8-native .workspace91c-topbar,html.as216a8-native .workspace86-topbar{background:rgba(11,18,21,.98)!important;color:#eef3f4!important;border:1px solid #253137!important;border-radius:17px!important;box-shadow:0 7px 22px rgba(0,0,0,.12)!important;backdrop-filter:blur(16px)!important}
html.as216a8-native .workspace91c-topbar h1,html.as216a8-native .workspace91c-topbar h2,html.as216a8-native .workspace91c-topbar strong,html.as216a8-native .workspace86-topbar h1,html.as216a8-native .workspace86-topbar h2,html.as216a8-native .workspace86-topbar strong{color:#f2f6f7!important}
html.as216a8-native .workspace91c-topbar small,html.as216a8-native .workspace86-topbar small{color:#8f9ba0!important}
html.as216a8-native .workspace91c-topbar input,html.as216a8-native .workspace86-topbar input{background:#151f24!important;border:1px solid #324147!important;color:#ecf2f3!important;box-shadow:none!important}
html.as216a8-native .workspace91c-topbar input::placeholder,html.as216a8-native .workspace86-topbar input::placeholder{color:#7c898e!important}
html.as216a8-native .live-sync-chip{background:#f4fbf7!important;color:#237b5e!important;border-color:#d2e8de!important}

/* Page title language */
html.as216a8-native .workspace91c-main .page-head:not(.command-page-head),html.as216a8-native .workspace86-main .page-head:not(.command-page-head){position:relative;overflow:hidden;margin:0 0 18px!important;padding:22px 25px!important;min-height:112px!important;display:flex!important;align-items:center!important;border:1px solid #293337!important;border-radius:19px!important;background:linear-gradient(112deg,#0e171a,#182122 67%,#212321)!important;color:#fff!important;box-shadow:var(--as7-shadow-lg)!important}
html.as216a8-native .workspace91c-main .page-head:not(.command-page-head):after,html.as216a8-native .workspace86-main .page-head:not(.command-page-head):after{content:"";position:absolute;width:390px;height:390px;right:-150px;top:-250px;border:1px solid rgba(221,183,131,.15);border-radius:50%;box-shadow:0 0 0 45px rgba(221,183,131,.025),0 0 0 90px rgba(221,183,131,.018);pointer-events:none}
html.as216a8-native .workspace91c-main .page-head:not(.command-page-head)>*,html.as216a8-native .workspace86-main .page-head:not(.command-page-head)>*{position:relative;z-index:1}
html.as216a8-native .workspace91c-main .page-head:not(.command-page-head) h1,html.as216a8-native .workspace86-main .page-head:not(.command-page-head) h1{margin:2px 0 4px!important;font-size:28px!important;line-height:1.08!important;letter-spacing:-.025em!important;color:#fff!important}
html.as216a8-native .workspace91c-main .page-head:not(.command-page-head) p,html.as216a8-native .workspace86-main .page-head:not(.command-page-head) p{margin:0!important;color:#c5cdcf!important;max-width:760px!important}

/* The native card system: flat premium surfaces, never legacy grey/black gradients */
html.as216a8-native .workspace91c-main :is(.card,.section,.panel,.tile,.summary-card,.metric-card,.stat-card,.kpi-card,[class*="-card"],[class*="_card"]),
html.as216a8-native .workspace86-main :is(.card,.section,.panel,.tile,.summary-card,.metric-card,.stat-card,.kpi-card,[class*="-card"],[class*="_card"]){background:var(--as7-paper)!important;background-image:none!important;color:var(--as7-ink)!important;border-color:var(--as7-line)!important;box-shadow:var(--as7-shadow)!important}
html.as216a8-native .workspace91c-main :is(.stats,[class*="stats"],[class*="kpi"],[class*="metric"],[class*="summary"]):not([class*="table"])>article,
html.as216a8-native .workspace91c-main :is(.stats,[class*="stats"],[class*="kpi"],[class*="metric"],[class*="summary"]):not([class*="table"])>button,
html.as216a8-native .workspace91c-main :is(.stats,[class*="stats"],[class*="kpi"],[class*="metric"],[class*="summary"]):not([class*="table"])>div,
html.as216a8-native .workspace86-main :is(.stats,[class*="stats"],[class*="kpi"],[class*="metric"],[class*="summary"]):not([class*="table"])>article,
html.as216a8-native .workspace86-main :is(.stats,[class*="stats"],[class*="kpi"],[class*="metric"],[class*="summary"]):not([class*="table"])>button,
html.as216a8-native .workspace86-main :is(.stats,[class*="stats"],[class*="kpi"],[class*="metric"],[class*="summary"]):not([class*="table"])>div{background:var(--as7-paper)!important;background-image:none!important;color:var(--as7-ink)!important;border:1px solid var(--as7-line)!important;box-shadow:0 6px 18px rgba(54,40,29,.055)!important}
html.as216a8-native .workspace91c-main :is(.stats,[class*="stats"],[class*="kpi"],[class*="metric"],[class*="summary"]) :is(strong,b,h2,h3,.value,[class*="value"]),
html.as216a8-native .workspace86-main :is(.stats,[class*="stats"],[class*="kpi"],[class*="metric"],[class*="summary"]) :is(strong,b,h2,h3,.value,[class*="value"]){color:var(--as7-ink)!important;text-shadow:none!important}
html.as216a8-native .workspace91c-main :is(.stats,[class*="stats"],[class*="kpi"],[class*="metric"],[class*="summary"]) :is(small,span,p,em,.meta,[class*="meta"]),
html.as216a8-native .workspace86-main :is(.stats,[class*="stats"],[class*="kpi"],[class*="metric"],[class*="summary"]) :is(small,span,p,em,.meta,[class*="meta"]){color:var(--as7-muted)!important;text-shadow:none!important}

/* Strong semantic KPI accent: line only, not a full gradient */
html.as216a8-native .workspace91c-main :is(.stats,[class*="stats"],[class*="kpi"],[class*="metric"],[class*="summary"])>*{position:relative;overflow:hidden}
html.as216a8-native .workspace91c-main :is(.stats,[class*="stats"],[class*="kpi"],[class*="metric"],[class*="summary"])>*:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--as7-tan);opacity:.9}

/* Workforce / attendance / payroll / finance — flat cells and readable states */
html.as216a8-native .workspace91c-main [class*="attendance"] :is(article,[class*="stat"],[class*="summary"],[class*="metric"]),
html.as216a8-native .workspace91c-main [class*="workforce"] :is(article,[class*="stat"],[class*="summary"],[class*="metric"]),
html.as216a8-native .workspace91c-main [class*="payroll"] :is(article,[class*="stat"],[class*="summary"],[class*="metric"]),
html.as216a8-native .workspace91c-main [class*="account"] :is(article,[class*="stat"],[class*="summary"],[class*="metric"]){background:var(--as7-paper)!important;background-image:none!important;color:var(--as7-ink)!important;border-color:var(--as7-line)!important;box-shadow:var(--as7-shadow)!important}
html.as216a8-native .workspace91c-main :is([class*="attendance"],[class*="workforce"],[class*="payroll"],[class*="account"]) :is(h1,h2,h3,h4,strong,b,.value){color:var(--as7-ink)!important;text-shadow:none!important}
html.as216a8-native .workspace91c-main :is([class*="attendance"],[class*="workforce"],[class*="payroll"],[class*="account"]) :is(p,small,span,.meta){text-shadow:none!important}

/* Status bars */
html.as216a8-native .workspace91c-main :is([class*="status-strip"],[class*="health-strip"],[class*="online-strip"],[class*="connection-strip"]){background:#eff8f3!important;background-image:none!important;border:1px solid #cfe7da!important;color:#235d49!important;box-shadow:none!important}
html.as216a8-native .workspace91c-main :is([class*="status-strip"],[class*="health-strip"],[class*="online-strip"],[class*="connection-strip"]) :is(strong,b,h3){color:#184f3c!important}
html.as216a8-native .workspace91c-main :is([class*="status-strip"],[class*="health-strip"],[class*="online-strip"],[class*="connection-strip"]) :is(small,span,p){color:#5b756a!important}

/* Tabs */
html.as216a8-native .workspace91c-main :is(.product-library-tabs,.planner-view-tabs,[role="tablist"],[class*="tab-row"],[class*="tabs"]),html.as216a8-native .workspace86-main :is(.product-library-tabs,.planner-view-tabs,[role="tablist"],[class*="tab-row"],[class*="tabs"]){background:transparent!important;border:0!important;box-shadow:none!important;gap:7px!important}
html.as216a8-native .workspace91c-main :is(.product-library-tabs,.planner-view-tabs,[role="tablist"],[class*="tab-row"],[class*="tabs"]) button,html.as216a8-native .workspace86-main :is(.product-library-tabs,.planner-view-tabs,[role="tablist"],[class*="tab-row"],[class*="tabs"]) button{background:#f8f4ee!important;color:#403a34!important;border:1px solid var(--as7-line2)!important;border-radius:11px!important;box-shadow:none!important}
html.as216a8-native .workspace91c-main :is(.product-library-tabs,.planner-view-tabs,[role="tablist"],[class*="tab-row"],[class*="tabs"]) button:is(.active,[aria-selected="true"]),html.as216a8-native .workspace86-main :is(.product-library-tabs,.planner-view-tabs,[role="tablist"],[class*="tab-row"],[class*="tabs"]) button:is(.active,[aria-selected="true"]){background:#e7c18e!important;border-color:#d4a86f!important;color:#261b12!important}

/* Tables and list rows */
html.as216a8-native .workspace91c-main :is(.table-wrap,.command-detail-table-wrap,[class*="table-wrap"]),html.as216a8-native .workspace86-main :is(.table-wrap,.command-detail-table-wrap,[class*="table-wrap"]){background:var(--as7-paper)!important;border:1px solid var(--as7-line)!important;border-radius:15px!important;box-shadow:var(--as7-shadow)!important;overflow:auto!important}
html.as216a8-native .workspace91c-main table,html.as216a8-native .workspace86-main table{background:var(--as7-paper)!important;color:var(--as7-ink)!important}
html.as216a8-native .workspace91c-main thead th,html.as216a8-native .workspace86-main thead th{background:#f2ebe2!important;color:#61574f!important;border-color:var(--as7-line)!important;font-size:10px!important;letter-spacing:.045em!important;text-transform:uppercase!important}
html.as216a8-native .workspace91c-main tbody td,html.as216a8-native .workspace86-main tbody td{background:#fffdf9!important;color:#272827!important;border-color:#ebe2d8!important}
html.as216a8-native .workspace91c-main tbody tr:nth-child(even) td,html.as216a8-native .workspace86-main tbody tr:nth-child(even) td{background:#fcf9f5!important}
html.as216a8-native .workspace91c-main tbody tr:hover td,html.as216a8-native .workspace86-main tbody tr:hover td{background:#f6eee4!important}
html.as216a8-native .workspace91c-main :is(.compact-row,.activity-row,.dispatch-row,[class*="list-row"],[class*="table-row"]),html.as216a8-native .workspace86-main :is(.compact-row,.activity-row,.dispatch-row,[class*="list-row"],[class*="table-row"]){background:transparent!important;color:var(--as7-ink)!important;border-color:#e8dfd5!important}

/* Forms */
html.as216a8-native .workspace91c-main :is(input,select,textarea),html.as216a8-native .workspace86-main :is(input,select,textarea),html.as216a8-native .modal-card :is(input,select,textarea){background:#fffdf9!important;color:#1c1e1d!important;border:1px solid #cfc1b3!important;box-shadow:none!important}
html.as216a8-native .workspace91c-main :is(input,select,textarea):focus,html.as216a8-native .workspace86-main :is(input,select,textarea):focus,html.as216a8-native .modal-card :is(input,select,textarea):focus{border-color:#b88654!important;outline:3px solid rgba(184,134,84,.12)!important}
html.as216a8-native .workspace91c-main label,html.as216a8-native .workspace86-main label{color:#5e5750!important}
html.as216a8-native .workspace91c-main button.primary-btn,html.as216a8-native .workspace86-main button.primary-btn,html.as216a8-native .modal-card button.primary-btn{background:#dcae73!important;color:#241a10!important;border-color:#d39e5e!important;box-shadow:none!important}
html.as216a8-native .workspace91c-main button.secondary-btn,html.as216a8-native .workspace86-main button.secondary-btn,html.as216a8-native .modal-card button.secondary-btn{background:#fffdf9!important;color:#2e302e!important;border-color:#cfc1b3!important;box-shadow:none!important}
html.as216a8-native .workspace91c-main button:not(:disabled):hover,html.as216a8-native .workspace86-main button:not(:disabled):hover{filter:brightness(.985)}

/* Modals */
html.as216a8-native .modal-backdrop{background:rgba(8,13,15,.62)!important;backdrop-filter:blur(8px)!important}
html.as216a8-native .modal-card{background:#fffdf9!important;color:#1a1d1d!important;border:1px solid #ded3c7!important;box-shadow:0 28px 80px rgba(0,0,0,.28)!important}
html.as216a8-native .modal-card h1,html.as216a8-native .modal-card h2,html.as216a8-native .modal-card h3,html.as216a8-native .modal-card strong{color:#171b1b!important}
html.as216a8-native .modal-card p,html.as216a8-native .modal-card small{color:#756f68!important}

/* Appearance Studio becomes a native premium-theme control, not a dark theme inside a light page */
html.as216a8-native .appearance-layout,html.as216a8-native .appearance-controls,html.as216a8-native .appearance-live{background:transparent!important;box-shadow:none!important;border:0!important}
html.as216a8-native .brand-studio{background:#f8f3ed!important;background-image:none!important;border:1px solid var(--as7-line)!important;color:var(--as7-ink)!important;box-shadow:none!important}
html.as216a8-native .brand-fields label,html.as216a8-native .brand-fields small{color:#665f58!important}
html.as216a8-native .brand-upload-preview{background:#eee6dc!important;border-color:#d7c9ba!important}
html.as216a8-native .theme-picker{grid-template-columns:1fr!important}
html.as216a8-native .theme-option{background:#fffdf9!important;background-image:none!important;color:#1e2222!important;border:1px solid #d7c9ba!important;box-shadow:none!important;min-height:116px!important}
html.as216a8-native .theme-option.selected,html.as216a8-native .theme-option[data-theme-choice="premium"]{border-color:#d09d60!important;box-shadow:0 0 0 3px rgba(208,157,96,.13)!important;background:linear-gradient(90deg,#fffdf9,#fbf4e9)!important}
html.as216a8-native .theme-option strong{color:#1b1f1f!important}
html.as216a8-native .theme-option small{color:#756e67!important}
html.as216a8-native .theme-selected{color:#a8743f!important}
html.as216a8-native .mini-os-preview{border:1px solid #d6c8b9!important;box-shadow:none!important}
html.as216a8-native .appearance-notes>div,html.as216a8-native .brand-document-preview{background:#fffdf9!important;color:#1c2020!important;border-color:#ddd3c8!important}

/* Product and quotation surfaces */
html.as216a8-native .catalogue-model-card,html.as216a8-native .product-card,html.as216a8-native .as215-card{background:#fffdf9!important;background-image:none!important;color:#1c2020!important;border-color:#ddd3c8!important;box-shadow:var(--as7-shadow)!important}
html.as216a8-native .as215-shell{background:transparent!important;color:#1c2020!important}

/* Dark technical exceptions: keep operators, scanners, CAD/3D readable */
html.as216a8-native .workspace91c-main :is(.operator-scan,.scanner-stage,.camera-stage,[class*="scanner"],[class*="webgl"],[class*="cad-"],[class*="3d-"],[class*="viewer"],[class*="canvas-wrap"],[class*="machine-console"]),
html.as216a8-native .workspace86-main :is(.operator-scan,.scanner-stage,.camera-stage,[class*="scanner"],[class*="webgl"],[class*="cad-"],[class*="3d-"],[class*="viewer"],[class*="canvas-wrap"],[class*="machine-console"]){background:#10191d!important;color:#e9eff0!important;border-color:#29383e!important}
html.as216a8-native .workspace91c-main :is([class*="webgl"],[class*="cad-"],[class*="3d-"],[class*="viewer"]) :is(strong,h1,h2,h3,h4),html.as216a8-native .workspace86-main :is([class*="webgl"],[class*="cad-"],[class*="3d-"],[class*="viewer"]) :is(strong,h1,h2,h3,h4){color:#f2f5f6!important}

/* Premium Dashboard – carried forward but now isolated from native module styling */
html.as216a8-native .command-center:not(.as216a8-ready){visibility:hidden!important;min-height:650px}
html.as216a8-native .command-center.as216a8-ready{visibility:visible!important}
html.as216a8-native .command-center.as216a8-ready>.as216a8-legacy{display:none!important}
html.as216a8-native .command-center.as216a8-show-detail>.as216a8-dashboard{display:none!important}
html.as216a8-native .command-center.as216a8-show-detail>.as216a8-legacy{display:flex!important}
html.as216a8-native .command-center.as216a8-show-detail>section.as216a8-legacy{display:grid!important}
.as216a8-dashboard{display:grid;gap:16px;color:#1b1f1f}
.as216a8-hero{min-height:270px;border-radius:20px;padding:31px 34px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(29,22,17,.86),rgba(29,22,17,.47) 50%,rgba(29,22,17,.14)),url('/as216a8-hero.webp?v=216A8') center 46%/cover no-repeat;box-shadow:var(--as7-shadow-lg);color:#fff}
.as216a8-hero-copy{max-width:660px}.as216a8-kicker{font-size:9px;font-weight:900;letter-spacing:.17em;color:#f0c58d;margin-bottom:13px}.as216a8-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:45px;line-height:1.02;margin:0 0 10px;color:#fff}.as216a8-hero p{font-family:Georgia,"Times New Roman",serif;font-size:20px;margin:0 0 6px;color:#f2e8dd}.as216a8-hero small{color:#ddd2c8}.as216a8-hero-quote{position:absolute;right:35px;top:31px;width:170px;font:700 13px/1.45 Georgia,serif;letter-spacing:.05em;color:#fff7ee;border-top:1px solid rgba(255,255,255,.55);padding-top:13px}.as216a8-hero-quote span{display:block;margin-top:14px;color:#edcfaa}.as216a8-hero-actions{position:absolute;left:34px;bottom:24px;display:flex;gap:8px;flex-wrap:wrap}.as216a8-hero-actions button,.as216a8-back{border:1px solid rgba(255,255,255,.55);background:rgba(12,15,15,.47);color:#fff;border-radius:999px;padding:9px 14px;cursor:pointer}.as216a8-hero-actions .primary{background:#e7bd87;border-color:#e7bd87;color:#241a11}.as216a8-hero-actions .detail{background:rgba(255,255,255,.12)}
.as216a8-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-top:-38px;padding:0 17px;position:relative;z-index:2}.as216a8-kpi{min-height:110px;background:#fffdf9!important;border:1px solid #e1d7cc!important;border-radius:16px;padding:17px;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;box-shadow:0 12px 28px rgba(52,40,30,.10)!important}.as216a8-kpi>i{font-style:normal;width:42px;height:42px;border-radius:11px;background:#f0e7dc;display:grid;place-items:center;color:#744e2f}.as216a8-kpi small{display:block;color:#766f68;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.as216a8-kpi strong{display:block;margin:3px 0;font-size:28px;color:#161a1a}.as216a8-kpi em{display:block;color:#8b837b;font-size:10px;font-style:normal;line-height:1.35}
.as216a8-main-grid{display:grid;grid-template-columns:1fr 1.15fr .82fr;gap:13px}.as216a8-secondary-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:13px}.as216a8-panel{background:#fffdf9!important;border:1px solid #e0d7cc!important;border-radius:16px;padding:17px;box-shadow:var(--as7-shadow)!important;min-width:0}.as216a8-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.as216a8-panel h2{font-size:15px;margin:0 0 2px;color:#171b1b}.as216a8-panel p{font-size:10px;margin:0;color:#817a73}.as216a8-panel header>span,.as216a8-panel header>button{font-size:9px;border:0;background:transparent;color:#8c6d50}.as216a8-panel .live{color:#168764}.as216a8-bars{height:180px;display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid #ebe2d8;padding:8px 6px 0}.as216a8-bar-col{height:100%;flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;min-width:0}.as216a8-bar{display:block;width:min(27px,70%);border-radius:5px 5px 0 0;background:#ae9882}.as216a8-bar.b1{background:#2b9a72}.as216a8-bar.b2{background:#d58b35}.as216a8-bar-col small{font-size:8px;color:#857e77;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.as216a8-bar-col b{font-size:9px;color:#3c3936}.as216a8-empty{width:100%;height:100%;display:grid;place-items:center;align-content:center;text-align:center;color:#89817a;gap:4px}.as216a8-empty span{font-size:30px;color:#c4b5a5}.as216a8-empty strong{font-size:12px;color:#514d48}.as216a8-empty small{font-size:9px}.as216a8-empty.compact{min-height:120px}.as216a8-stage-scroll{overflow-x:auto;padding-bottom:5px}.as216a8-stage-row{display:flex;min-width:max-content;align-items:flex-start;padding:8px 3px}.as216a8-stage{width:102px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.as216a8-stage:not(:last-child):after{content:"";position:absolute;height:2px;background:#60ad95;width:62px;left:71px;top:21px}.as216a8-stage-dot{width:42px;height:42px;border-radius:50%;background:#f0e7dd;border:1px solid #ded1c3;display:grid;place-items:center;font-weight:800;color:#53473d;position:relative;z-index:1}.as216a8-stage b{font-size:9px;margin-top:7px;color:#363431}.as216a8-stage span{font-size:12px;font-weight:900;color:#171b1b;margin-top:3px}.as216a8-activity{display:flex;flex-direction:column}.as216a8-activity-row{border:0;border-bottom:1px solid #ebe2d8;background:transparent;display:grid;grid-template-columns:30px 1fr;gap:9px;text-align:left;padding:9px 0;cursor:pointer}.as216a8-activity-row i{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#e6f4ee;color:#278b6a;font-style:normal}.as216a8-activity-row span{display:flex;flex-direction:column;min-width:0}.as216a8-activity-row strong{font-size:10px;color:#292a28;line-height:1.35}.as216a8-activity-row small{font-size:8px;color:#8a837c;margin-top:2px}.as216a8-health{display:flex;align-items:center;gap:20px}.as216a8-ring{--p:0;width:112px;height:112px;border-radius:50%;background:conic-gradient(#27986f calc(var(--p)*1%),#eee5da 0);display:grid;place-items:center;position:relative;flex:0 0 112px}.as216a8-ring:before{content:"";position:absolute;inset:12px;background:#fffdf9;border-radius:50%}.as216a8-ring strong{position:relative;font-size:23px}.as216a8-health-list{flex:1;display:grid}.as216a8-health-list span{display:flex;justify-content:space-between;border-bottom:1px solid #ebe2d8;padding:8px 0}.as216a8-health-list b{font-size:10px;color:#5e5954}.as216a8-health-list em{font-style:normal;font-weight:900;color:#242625}.as216a8-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.as216a8-quick-grid button{border:1px solid #ded4c8;border-radius:11px;background:#faf6f1;padding:13px;text-align:left;cursor:pointer}.as216a8-quick-grid b{display:block;color:#252726;font-size:11px}.as216a8-quick-grid span{display:block;color:#8a8178;font-size:9px;margin-top:3px}.as216a8-features{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.as216a8-features button{min-height:132px;border:0;border-radius:17px;overflow:hidden;position:relative;padding:21px;text-align:left;color:#fff;cursor:pointer;background-position:center;background-size:cover}.as216a8-features button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,13,13,.86),rgba(11,13,13,.18))}.as216a8-features .prod{background-image:url('/as216a8-production.webp?v=216A8')}.as216a8-features .dna{background-image:url('/as216a8-dna.webp?v=216A8')}.as216a8-features .quote{background-image:url('/as216a8-quote.webp?v=216A8')}.as216a8-features button>*{position:relative}.as216a8-features small{display:block;color:#e2bd8b;font-size:8px;font-weight:900;letter-spacing:.12em}.as216a8-features strong{display:block;font:500 22px Georgia,serif;margin:5px 0}.as216a8-features span{font-size:10px;color:#e9e5df}.as216a8-back{display:none;color:#4c443d!important;background:#fffdf9!important;border-color:#d3c4b5!important}

@media(max-width:1250px){.as216a8-kpis{grid-template-columns:repeat(3,1fr)}.as216a8-main-grid{grid-template-columns:1fr 1fr}.as216a8-main-grid>.activity{grid-column:1/-1}.as216a8-features{grid-template-columns:1fr 1fr}.as216a8-features>.quote{grid-column:1/-1}}
@media(max-width:900px){html.as216a8-native .workspace91c-main>.content,html.as216a8-native .workspace86-main>.content{padding:14px!important}.as216a8-hero{min-height:310px;padding:25px}.as216a8-hero h1{font-size:36px}.as216a8-hero-quote{display:none}.as216a8-hero-actions{left:25px}.as216a8-kpis{grid-template-columns:1fr 1fr;margin-top:-25px;padding:0 9px}.as216a8-main-grid,.as216a8-secondary-grid,.as216a8-features{grid-template-columns:1fr}.as216a8-main-grid>.activity,.as216a8-features>.quote{grid-column:auto}}
@media(max-width:560px){.as216a8-kpis{grid-template-columns:1fr}.as216a8-hero h1{font-size:31px}.as216a8-hero-actions{right:20px}.as216a8-health{align-items:flex-start;flex-direction:column}.as216a8-quick-grid{grid-template-columns:1fr}}


/* 216A8 TAKEOVER: exact 214A1 shell specificity. These selectors deliberately
   outrank the legacy 211V11A visual-force rules that previously survived. */
html.as216a8-native #app .workspace94.as211v11a-shell{
  --bg:#eee9e1!important;--panel:#fffdf9!important;--panel2:#f7f2eb!important;--panel-2:#f7f2eb!important;
  --line:#ddd3c7!important;--text:#171b1c!important;--muted:#736d66!important;
  --blue:#a8794d!important;--cyan:#3f9088!important;--green:#1f936d!important;--amber:#d48c35!important;--red:#c6554d!important;--purple:#7a6a99!important;
  --theme-bg:#eee9e1!important;--theme-panel:#fffdf9!important;--theme-panel2:#f7f2eb!important;--theme-row:#fbf8f3!important;
  --theme-input:#fffdf9!important;--theme-line:#ddd3c7!important;--theme-line-strong:#cdbdab!important;
  --theme-text:#171b1c!important;--theme-muted:#736d66!important;--theme-sidebar:#0c1316!important;--theme-topbar:#0c1316!important;
  --theme-card-start:#fffdf9!important;--theme-card-end:#fffdf9!important;--theme-job-start:#fffdf9!important;--theme-job-end:#fffdf9!important;
}
html.as216a8-native #app .workspace94.as211v11a-shell .workspace91c-main,
html.as216a8-native #app .workspace94.as211v11a-shell .workspace86-main{background:linear-gradient(180deg,#f5f1eb,#ebe4dc)!important;color:#171b1c!important}
html.as216a8-native #app .workspace94.as211v11a-shell .workspace91c-main>.content{background:transparent!important;color:#171b1c!important}

/* One shared premium surface language across legacy + new modules. */
html.as216a8-native #app .workspace94.as211v11a-shell .workspace91c-main :is(.card,.section,.table-wrap,.appearance-controls,.appearance-live,.brand-studio,.planner-toolbar,.workforce-card,.payroll-card,.finance-card,.material-card,.crm-card,.supplier-card,.data-card){
  background:#fffdf9!important;border-color:#ddd3c7!important;color:#171b1c!important;box-shadow:0 8px 24px rgba(54,40,29,.07)!important;
}
html.as216a8-native #app .workspace94.as211v11a-shell .workspace91c-main :is(.card,.section,.appearance-controls,.appearance-live,.brand-studio){border-radius:16px!important}

/* KPI / summary cells: never grey-black gradient. */
html.as216a8-native #app .workspace94.as211v11a-shell .workspace91c-main :is(.stat,.workforce-kpi,.workforce-stat,.attendance-stat,.payroll-kpi,.finance-kpi,.analytics-kpi,.contractor-mini-stats article,.contractor-totals article,.pay-detail-hero>div,.pay-detail-grid>div,.pay-detail-attendance>div,.command-detail-summary>article){
  background:#fffdf9!important;background-image:none!important;border:1px solid #ddd3c7!important;color:#171b1c!important;box-shadow:0 8px 20px rgba(54,40,29,.055)!important;
}
html.as216a8-native #app .workspace94.as211v11a-shell .workspace91c-main :is(.stat,.workforce-kpi,.workforce-stat,.attendance-stat,.payroll-kpi,.finance-kpi,.analytics-kpi) :is(h1,h2,h3,h4,strong,.value){color:#171b1c!important}
html.as216a8-native #app .workspace94.as211v11a-shell .workspace91c-main :is(.stat,.workforce-kpi,.workforce-stat,.attendance-stat,.payroll-kpi,.finance-kpi,.analytics-kpi) :is(p,small,span,.meta,.label){color:#766f68!important}

/* Workforce / attendance specific normalization from the actual 214A1 module. */
html.as216a8-native #app .workspace94.as211v11a-shell .workforce-clean-tabs,
html.as216a8-native #app .workspace94.as211v11a-shell .attendance-toolbar,
html.as216a8-native #app .workspace94.as211v11a-shell .attendance-section-title{background:transparent!important;color:#171b1c!important}
html.as216a8-native #app .workspace94.as211v11a-shell .workforce-clean-tabs button,
html.as216a8-native #app .workspace94.as211v11a-shell .attendance-view-switch button{
  background:#fffdf9!important;border:1px solid #cfc4b8!important;color:#5d5751!important;box-shadow:none!important
}
html.as216a8-native #app .workspace94.as211v11a-shell .workforce-clean-tabs button.active,
html.as216a8-native #app .workspace94.as211v11a-shell .attendance-view-switch button.active{
  background:#e7bd87!important;border-color:#d3a568!important;color:#2b2118!important
}
html.as216a8-native #app .workspace94.as211v11a-shell .attendance-table-wrap,
html.as216a8-native #app .workspace94.as211v11a-shell .payroll-sheet,
html.as216a8-native #app .workspace94.as211v11a-shell .contractor-payroll-sheet{background:#fffdf9!important;border-color:#ddd3c7!important}
html.as216a8-native #app .workspace94.as211v11a-shell .attendance-biometric-audit,
html.as216a8-native #app .workspace94.as211v11a-shell .orange-bridge,
html.as216a8-native #app .workspace94.as211v11a-shell [class*="biometric"]{
  background:#f4faf6!important;color:#1d4939!important;border-color:#cce4d7!important
}

/* Tables: light, high-contrast, consistent on every route. */
html.as216a8-native #app .workspace94.as211v11a-shell .data-table{background:#fffdf9!important;color:#1a1d1d!important}
html.as216a8-native #app .workspace94.as211v11a-shell .data-table thead th{
  background:#f2ebe3!important;background-image:none!important;color:#5d554d!important;border-color:#ddd3c7!important;font-size:10px!important
}
html.as216a8-native #app .workspace94.as211v11a-shell .data-table tbody td{
  background:#fffdf9!important;color:#242626!important;border-color:#ebe3da!important
}
html.as216a8-native #app .workspace94.as211v11a-shell .data-table tbody tr:nth-child(even) td{background:#fbf8f3!important}
html.as216a8-native #app .workspace94.as211v11a-shell .data-table tbody tr:hover td{background:#f5eee5!important}
html.as216a8-native #app .workspace94.as211v11a-shell .data-table td small{color:#817970!important}

/* Inputs / selects / date controls / forms. */
html.as216a8-native #app .workspace94.as211v11a-shell .workspace91c-main :is(input,select,textarea){
  background:#fffdf9!important;color:#1c2020!important;border:1px solid #cfc5ba!important;box-shadow:none!important
}
html.as216a8-native #app .workspace94.as211v11a-shell .workspace91c-main :is(input,select,textarea):focus{border-color:#b98954!important;box-shadow:0 0 0 3px rgba(185,137,84,.12)!important}
html.as216a8-native #app .workspace94.as211v11a-shell .workspace91c-main label{color:#4f4a45!important}

/* Buttons. */
html.as216a8-native #app .workspace94.as211v11a-shell .workspace91c-main .primary-btn{background:#c9955b!important;background-image:none!important;border-color:#c08b50!important;color:#1e1711!important;box-shadow:none!important}
html.as216a8-native #app .workspace94.as211v11a-shell .workspace91c-main .secondary-btn{background:#fffdf9!important;border-color:#cfc4b8!important;color:#3f3a35!important;box-shadow:none!important}
html.as216a8-native #app .workspace94.as211v11a-shell .workspace91c-main .danger-btn{background:#fff7f5!important;border-color:#e6c1bd!important;color:#a1443e!important}

/* Appearance Studio must itself look like the chosen premium theme. */
html.as216a8-native #app .workspace94.as211v11a-shell .appearance-layout{gap:18px!important}
html.as216a8-native #app .workspace94.as211v11a-shell .brand-studio{background:#f7f2eb!important;border:1px solid #ddd3c7!important}
html.as216a8-native #app .workspace94.as211v11a-shell .brand-upload-preview{background:#eee7df!important;border-color:#d7cabe!important}
html.as216a8-native #app .workspace94.as211v11a-shell .theme-option{background:#fffdf9!important;border:1px solid #d7cabe!important;color:#1c2020!important}
html.as216a8-native #app .workspace94.as211v11a-shell .theme-option.selected{background:#f2e7d8!important;border-color:#c9955b!important;box-shadow:0 0 0 2px rgba(201,149,91,.12)!important}
html.as216a8-native #app .workspace94.as211v11a-shell .theme-option small{color:#746d66!important}
html.as216a8-native #app .workspace94.as211v11a-shell .theme-selected{color:#8a5c31!important}

/* Top bar / sidebar exact live shell. */
html.as216a8-native #app .workspace94.as211v11a-shell .workspace91c-topbar{background:#0d1518!important;border-color:#263238!important;box-shadow:0 8px 24px rgba(0,0,0,.14)!important}
html.as216a8-native #app .workspace94.as211v11a-shell .workspace91c-sidebar{background:linear-gradient(180deg,#0a1114,#0d171b)!important;border-right-color:rgba(221,183,131,.17)!important}
html.as216a8-native #app .workspace94.as211v11a-shell .workspace91c-menu-item.active{background:linear-gradient(90deg,rgba(221,183,131,.22),rgba(221,183,131,.07))!important;border-color:rgba(221,183,131,.28)!important;color:#fff8ed!important;box-shadow:inset 3px 0 #ddb783!important}

/* Technical zones intentionally remain dark. */
html.as216a8-native #app .workspace94.as211v11a-shell .workspace91c-main :is(.operator-scan,.scanner-stage,.camera-stage,[class*="webgl"],[class*="cad-"],[class*="3d-"],[class*="viewer"],[class*="machine-console"]){background:#10191d!important;color:#eef3f4!important;border-color:#2a383e!important}

/* Disable old light/dark toggle: AS Surface Premium owns the whole OS. */
html.as216a8-native #workspace-theme-toggle,html.as216a8-native #mobile-theme-toggle{display:none!important}

@media(max-width:800px){
  html.as216a8-native #app .workspace94.as211v11a-shell .workspace91c-main>.content{padding:14px 12px calc(88px + env(safe-area-inset-bottom,0px))!important}
  html.as216a8-native #app .workspace94.as211v11a-shell .data-table{background:transparent!important}
}