/* ============================================================================
   STYSPORTS ERP PLATFORM V2.08 - APPLE SOFT UI CLEAN / BLACK SIDEBAR
   Fonte visual oficial do sistema a partir da V2.06. Apple White + Soft UI + identidade STY.

   REGRA DE MANUTENCAO:
   1. Tokens globais ficam aqui.
   2. Componentes reutilizaveis usam prefixo .sty-erp-*.
   3. CSS de modulo deve cuidar apenas de layout/semantica especifica.
   4. Skins legadas continuam existindo apenas como compatibilidade.
   5. Este arquivo e carregado por ultimo no shell autenticado.
   ========================================================================== */

:root{
  /* Typography */
  --sty-font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Segoe UI",sans-serif;
  --sty-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  --sty-font-xs:11px;
  --sty-font-sm:12px;
  --sty-font-md:13px;
  --sty-font-base:14px;
  --sty-font-lg:16px;
  --sty-font-xl:20px;
  --sty-font-page:28px;
  --sty-font-kpi:32px;

  /* Brand */
  --sty-accent:#F0C609;
  --sty-accent-hover:#D5AD00;
  --sty-accent-pressed:#B89000;
  --sty-accent-soft:#FFF7C7;
  --sty-accent-ink:#171400;

  /* Light surfaces */
  --sty-bg:#F5F5F7;
  --sty-surface:#FFFFFF;
  --sty-surface-2:#FAFAFB;
  --sty-surface-3:#F2F2F4;
  --sty-surface-hover:#F8F8FA;
  --sty-text:#1D1D1F;
  --sty-text-2:#424245;
  --sty-muted:#6E6E73;
  --sty-disabled:#A1A1A6;
  --sty-line:rgba(0,0,0,.055);
  --sty-line-strong:rgba(0,0,0,.10);
  --sty-focus:rgba(240,198,9,.18);

  /* Semantic */
  --sty-success:#187A47;
  --sty-success-soft:#EAF7EF;
  --sty-warning:#B96A11;
  --sty-warning-soft:#FFF5E7;
  --sty-danger:#C93D38;
  --sty-danger-soft:#FFF0EF;
  --sty-info:#356FC1;
  --sty-info-soft:#EEF4FD;
  --sty-neutral:#626A74;
  --sty-neutral-soft:#F1F3F5;

  /* Shape + elevation */
  --sty-radius-xs:8px;
  --sty-radius-sm:11px;
  --sty-radius:16px;
  --sty-radius-lg:18px;
  --sty-radius-xl:22px;
  --sty-shadow-xs:0 1px 2px rgba(0,0,0,.03);
  --sty-shadow-sm:0 4px 16px rgba(0,0,0,.035);
  --sty-shadow:0 8px 30px rgba(0,0,0,.04);
  --sty-shadow-lg:0 24px 72px rgba(0,0,0,.12);

  /* Spacing */
  --sty-space-1:4px;
  --sty-space-2:8px;
  --sty-space-3:12px;
  --sty-space-4:16px;
  --sty-space-5:20px;
  --sty-space-6:24px;
  --sty-space-7:32px;
  --sty-space-8:40px;

  /* Controls */
  --sty-control-sm:34px;
  --sty-control:42px;
  --sty-control-lg:46px;
  --sty-page-max:1520px;
  --sty-transition-fast:120ms cubic-bezier(.2,.8,.2,1);
  --sty-transition:180ms cubic-bezier(.2,.8,.2,1);
  --sty-transition-slow:260ms cubic-bezier(.2,.8,.2,1);
}

/* Canonical dark theme. The whole canvas stays dark; no white cards. */
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]),
html[data-theme="dark"] body.sty-erp-platform,
html[data-sty-sales-theme="dark"] body.sty-erp-platform,
body.sty-standalone-v196:is(.theme-dark,.orders-theme-dark,.sty-standalone-dark-v196,[data-theme="dark"]),
html[data-theme="dark"] body.sty-standalone-v196{
  --sty-bg:#0E1114;
  --sty-surface:#15191E;
  --sty-surface-2:#1B2026;
  --sty-surface-3:#20262D;
  --sty-surface-hover:#242319;
  --sty-text:#F2F4F7;
  --sty-text-2:#C8CED6;
  --sty-muted:#9CA5AF;
  --sty-disabled:#6E7781;
  --sty-line:rgba(255,255,255,.075);
  --sty-line-strong:rgba(255,255,255,.13);
  --sty-focus:rgba(240,198,9,.18);
  --sty-success-soft:#13251D;
  --sty-warning-soft:#2B2415;
  --sty-danger-soft:#2B1919;
  --sty-info-soft:#172130;
  --sty-neutral-soft:#20262D;
  --sty-shadow-xs:0 1px 2px rgba(0,0,0,.18);
  --sty-shadow-sm:0 6px 20px rgba(0,0,0,.20);
  --sty-shadow:0 8px 24px rgba(0,0,0,.22);
  --sty-shadow-lg:0 24px 80px rgba(0,0,0,.38);
  color-scheme:dark;
}

/* --------------------------------------------------------------------------
   PLATFORM BASE
   -------------------------------------------------------------------------- */
body.sty-erp-platform,
body.sty-standalone-v196{
  font-family:var(--sty-font-sans)!important;
  color:var(--sty-text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-variant-numeric:tabular-nums lining-nums;
}
body.sty-erp-platform{background:var(--sty-bg)!important}
body.sty-erp-platform :where(button,input,select,textarea),
body.sty-standalone-v196 :where(button,input,select,textarea){font-family:var(--sty-font-sans)!important}
body.sty-erp-platform :where(h1,h2,h3,h4,h5,h6),
body.sty-standalone-v196 :where(h1,h2,h3,h4,h5,h6){font-family:var(--sty-font-sans)!important;color:var(--sty-text);letter-spacing:-.02em}
body.sty-erp-platform .sty-os-main{background:var(--sty-bg)!important;color:var(--sty-text)}
body.sty-erp-platform :where(a){text-underline-offset:2px}
body.sty-erp-platform :where(code,kbd,pre){font-family:var(--sty-font-mono)}

/* --------------------------------------------------------------------------
   PAGE + HEADER
   -------------------------------------------------------------------------- */
.sty-erp-page{width:min(var(--sty-page-max),calc(100% - 36px));margin:0 auto;padding:20px 0 48px;color:var(--sty-text)}
.sty-erp-page>*{min-width:0}
.sty-erp-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px;padding:0 0 14px;border-bottom:1px solid var(--sty-line)}
.sty-erp-page-head-main{min-width:0}
.sty-erp-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 5px;color:var(--sty-muted);font-size:var(--sty-font-xs);font-weight:600}
.sty-erp-breadcrumb a{color:inherit;text-decoration:none}
.sty-erp-breadcrumb a:hover{color:var(--sty-text)}
.sty-erp-page-title{margin:0;font-size:clamp(28px,2.1vw,32px);line-height:1.12;font-weight:650;letter-spacing:-.025em}
.sty-erp-page-subtitle{margin:5px 0 0;max-width:820px;color:var(--sty-muted);font-size:var(--sty-font-md);line-height:1.5;font-weight:400}
.sty-erp-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.sty-erp-section{margin-top:18px}
.sty-erp-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:10px}
.sty-erp-section-title{margin:0;font-size:var(--sty-font-lg);line-height:1.25;font-weight:600;letter-spacing:-.015em}
.sty-erp-section-subtitle{margin:3px 0 0;color:var(--sty-muted);font-size:var(--sty-font-sm);line-height:1.45}

/* Compatibility: normalize oversized module hero headers without changing layout. */
body.sty-erp-platform :where(.sales-module-header,.fin2-top,.sty-time-hero,.stk-hero,.ui-hero,.auto-hero,.dc-hero,.sty-users-hero,.dr-head){
  font-family:var(--sty-font-sans)!important;
}
body.sty-erp-platform :where(.sales-module-header h1,.fin2-top h1,.sty-time-hero h1,.stk-hero h1,.ui-hero h1,.auto-hero h1,.dc-hero h1,.sty-users-title,.dr-head h1){
  font-size:clamp(24px,2vw,28px)!important;line-height:1.14!important;font-weight:650!important;letter-spacing:-.025em!important;
}

/* --------------------------------------------------------------------------
   TOOLBARS + FILTERS
   -------------------------------------------------------------------------- */
.sty-erp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;background:var(--sty-surface);border:1px solid var(--sty-line);border-radius:var(--sty-radius);box-shadow:var(--sty-shadow-xs)}
.sty-erp-toolbar-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.sty-erp-search{position:relative;min-width:min(300px,100%)}
.sty-erp-search>i,.sty-erp-search>svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--sty-muted);pointer-events:none}
.sty-erp-search input{padding-left:34px!important}

/* --------------------------------------------------------------------------
   CARDS + KPI
   -------------------------------------------------------------------------- */
.sty-erp-card{background:var(--sty-surface);color:var(--sty-text);border:1px solid var(--sty-line);border-radius:var(--sty-radius);box-shadow:var(--sty-shadow-xs);overflow:hidden}
.sty-erp-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--sty-line)}
.sty-erp-card-body{padding:16px}
.sty-erp-card-foot{padding:12px 16px;border-top:1px solid var(--sty-line);background:var(--sty-surface-2)}
.sty-erp-card-title{margin:0;font-size:15px;font-weight:600;letter-spacing:-.012em}
.sty-erp-card-subtitle{margin:3px 0 0;color:var(--sty-muted);font-size:var(--sty-font-sm);line-height:1.4}
.sty-erp-grid{display:grid;gap:12px}
.sty-erp-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sty-erp-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sty-erp-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sty-erp-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.sty-erp-kpi{position:relative;padding:15px 16px;background:var(--sty-surface);border:1px solid var(--sty-line);border-radius:var(--sty-radius);box-shadow:var(--sty-shadow-xs);overflow:hidden}
.sty-erp-kpi-label{display:block;color:var(--sty-muted);font-size:var(--sty-font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.055em}
.sty-erp-kpi-value{display:block;margin-top:6px;color:var(--sty-text);font-size:var(--sty-font-kpi);line-height:1.05;font-weight:600;letter-spacing:-.03em}
.sty-erp-kpi-hint{margin-top:6px;color:var(--sty-muted);font-size:var(--sty-font-xs);line-height:1.35}
.sty-erp-kpi-accent{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sty-accent)}

/* Compatibility: unify common legacy surfaces while preserving module grids. */
body.sty-erp-platform .sty-os-main :where(
  .card,.ui-card,.sales-card,.fin2-card,.sty-time-card,.sty-time-kpi,.dc-card,.auto-card,.stk-card,
  .panel,.metric-card,.goal-card,.report-card,.bonus-card,.kpi-card,.execCard,.execKpi,.sty-card,.sty-stat,
  .dr-glass-card,.dr-form-card,.dr-kpi,.dr-sector-card,.dr-impact-card,.dr-suggestions-card,.dr-rep-box,.dr-order-preview,.dr-note-block
){
  border-radius:var(--sty-radius)!important;
  border-color:var(--sty-line)!important;
  box-shadow:var(--sty-shadow-xs)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body.sty-erp-platform .sty-os-main :where(.card,.ui-card,.sales-card,.fin2-card,.sty-time-card,.dc-card,.auto-card,.stk-card,.sty-card,.sty-stat){background:var(--sty-surface);color:var(--sty-text)}
body.sty-erp-platform .sty-os-main :where(.card,.ui-card,.sales-card,.fin2-card,.sty-time-card,.dc-card,.auto-card,.stk-card,.sty-card,.sty-stat):hover{box-shadow:var(--sty-shadow-sm)}

/* --------------------------------------------------------------------------
   BUTTONS
   -------------------------------------------------------------------------- */
.sty-erp-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:var(--sty-control);padding:0 13px;border-radius:var(--sty-radius-sm);border:1px solid var(--sty-line-strong);background:var(--sty-surface);color:var(--sty-text);font-size:var(--sty-font-md);font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:none;transition:background var(--sty-transition),border-color var(--sty-transition),box-shadow var(--sty-transition),transform var(--sty-transition)}
.sty-erp-btn:hover{background:var(--sty-surface-2);border-color:color-mix(in srgb,var(--sty-line-strong) 75%,var(--sty-text) 25%);text-decoration:none}
.sty-erp-btn:active{transform:scale(.985)}
.sty-erp-btn:focus-visible{outline:0;box-shadow:0 0 0 3px var(--sty-focus)}
.sty-erp-btn.primary{background:var(--sty-accent);border-color:var(--sty-accent);color:var(--sty-accent-ink)}
.sty-erp-btn.primary:hover{background:var(--sty-accent-hover);border-color:var(--sty-accent-hover)}
.sty-erp-btn.dark{background:#20242A;border-color:#20242A;color:#fff}
.sty-erp-btn.success{background:var(--sty-success);border-color:var(--sty-success);color:#fff}
.sty-erp-btn.danger{background:var(--sty-danger-soft);border-color:color-mix(in srgb,var(--sty-danger) 30%,transparent);color:var(--sty-danger)}
.sty-erp-btn.ghost{background:transparent;border-color:transparent}
.sty-erp-btn.icon{width:var(--sty-control);padding:0}
.sty-erp-btn.sm{min-height:var(--sty-control-sm);padding:0 10px;font-size:var(--sty-font-sm)}
.sty-erp-btn.lg{min-height:var(--sty-control-lg);padding:0 16px;font-size:var(--sty-font-base)}
.sty-erp-btn:disabled,.sty-erp-btn[aria-disabled="true"]{opacity:.52;cursor:not-allowed;transform:none;box-shadow:none}
.sty-erp-btn.is-busy{pointer-events:none;opacity:.72}
.sty-erp-btn.is-busy::before{content:"";width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:styErpSpin .7s linear infinite}
@keyframes styErpSpin{to{transform:rotate(360deg)}}

/* Normalize common module buttons, without forcing their semantic color unless primary/danger. */
body.sty-erp-platform :where(.btn,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,.btn2){
  border-radius:var(--sty-radius-sm)!important;font-family:var(--sty-font-sans)!important;font-weight:600!important;box-shadow:none!important;
}
body.sty-erp-platform :where(.btn-primary,.btn.primary,.ui-btn.primary,.sales-btn.primary,.fin2-btn.primary,.sty-time-btn.primary,.dc-btn.primary,.auto-btn.primary,.sty-btn.primary,.btn2.primary,button[type="submit"].sty-primary){
  background:var(--sty-accent)!important;border-color:var(--sty-accent)!important;color:var(--sty-accent-ink)!important;text-shadow:none!important;
}

/* --------------------------------------------------------------------------
   FORMS
   -------------------------------------------------------------------------- */
.sty-erp-form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.sty-erp-col-12{grid-column:span 12}.sty-erp-col-9{grid-column:span 9}.sty-erp-col-8{grid-column:span 8}.sty-erp-col-6{grid-column:span 6}.sty-erp-col-4{grid-column:span 4}.sty-erp-col-3{grid-column:span 3}
.sty-erp-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.sty-erp-label{color:var(--sty-text-2);font-size:var(--sty-font-xs);font-weight:600;letter-spacing:.025em}
.sty-erp-help{color:var(--sty-muted);font-size:var(--sty-font-xs);line-height:1.4}
.sty-erp-control,.sty-erp-select,.sty-erp-textarea{width:100%;border:1px solid var(--sty-line-strong);border-radius:var(--sty-radius-sm);background:var(--sty-surface);color:var(--sty-text);font:inherit;outline:0;box-shadow:none;transition:border-color var(--sty-transition),box-shadow var(--sty-transition),background var(--sty-transition)}
.sty-erp-control,.sty-erp-select{height:var(--sty-control);padding:0 11px}
.sty-erp-textarea{min-height:96px;padding:10px 11px;resize:vertical}
.sty-erp-control::placeholder,.sty-erp-textarea::placeholder{color:color-mix(in srgb,var(--sty-muted) 78%,transparent)}
.sty-erp-control:focus,.sty-erp-select:focus,.sty-erp-textarea:focus{border-color:#C5A300;box-shadow:0 0 0 3px var(--sty-focus)}
.sty-erp-control:disabled,.sty-erp-select:disabled,.sty-erp-textarea:disabled{background:var(--sty-surface-3);color:var(--sty-disabled);cursor:not-allowed}
.sty-erp-field.is-invalid :where(.sty-erp-control,.sty-erp-select,.sty-erp-textarea){border-color:var(--sty-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--sty-danger) 12%,transparent)}
.sty-erp-error{color:var(--sty-danger);font-size:var(--sty-font-xs);line-height:1.35}

/* Generic legacy input normalization inside the application content. */
body.sty-erp-platform .sty-os-main :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),select,textarea,
  .input,.inp,.ui-input,.sales-input,.sales-select,.fin2-input,.sty-time-input,.sty-time-select,.sty-time-textarea,.dc-input,.auto-input,.auto-select,.sty-input,.sty-select,.sty-textarea
){
  border-radius:var(--sty-radius-sm)!important;
}
body.sty-erp-platform .sty-os-main :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),select,textarea
):focus{outline:0!important;border-color:#C5A300!important;box-shadow:0 0 0 3px var(--sty-focus)!important}

/* --------------------------------------------------------------------------
   TABLES
   -------------------------------------------------------------------------- */
.sty-erp-table-scroll{width:100%;overflow:auto;border:1px solid var(--sty-line);border-radius:var(--sty-radius);background:var(--sty-surface);box-shadow:var(--sty-shadow-xs)}
.sty-erp-table{width:100%;border-collapse:collapse;border-spacing:0;min-width:720px;background:var(--sty-surface);color:var(--sty-text)}
.sty-erp-table th{padding:10px 12px;text-align:left;background:var(--sty-surface-2);color:var(--sty-muted);border-bottom:1px solid var(--sty-line);font-size:10.5px;line-height:1.2;font-weight:600;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}
.sty-erp-table td{padding:11px 12px;border-bottom:1px solid var(--sty-line);font-size:12.5px;line-height:1.35;vertical-align:middle}
.sty-erp-table tbody tr:last-child td{border-bottom:0}
.sty-erp-table tbody tr:hover td{background:var(--sty-surface-hover)}
.sty-erp-table .numeric{text-align:right;font-variant-numeric:tabular-nums}
.sty-erp-table .actions{width:1%;white-space:nowrap;text-align:right}
.sty-erp-table.is-compact th{padding-top:8px;padding-bottom:8px}.sty-erp-table.is-compact td{padding-top:8px;padding-bottom:8px}

body.sty-erp-platform .sty-os-main :where(.table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.auto-table,.sty-ds-table){font-variant-numeric:tabular-nums lining-nums}
body.sty-erp-platform .sty-os-main :where(.table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.auto-table,.sty-ds-table) th{font-weight:600!important;letter-spacing:.035em!important}

/* --------------------------------------------------------------------------
   STATUS / BADGES / TABS
   -------------------------------------------------------------------------- */
.sty-erp-badge{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:3px 8px;border:1px solid var(--sty-line);border-radius:999px;background:var(--sty-neutral-soft);color:var(--sty-neutral);font-size:var(--sty-font-xs);font-weight:600;line-height:1.1;white-space:nowrap}
.sty-erp-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.75}
.sty-erp-badge.success{background:var(--sty-success-soft);border-color:color-mix(in srgb,var(--sty-success) 24%,transparent);color:var(--sty-success)}
.sty-erp-badge.warning{background:var(--sty-warning-soft);border-color:color-mix(in srgb,var(--sty-warning) 24%,transparent);color:var(--sty-warning)}
.sty-erp-badge.danger{background:var(--sty-danger-soft);border-color:color-mix(in srgb,var(--sty-danger) 24%,transparent);color:var(--sty-danger)}
.sty-erp-badge.info{background:var(--sty-info-soft);border-color:color-mix(in srgb,var(--sty-info) 24%,transparent);color:var(--sty-info)}
.sty-erp-badge.accent{background:var(--sty-accent-soft);border-color:color-mix(in srgb,var(--sty-accent) 36%,transparent);color:#725B00}
.sty-erp-tabs{display:flex;align-items:center;gap:4px;overflow:auto;padding:3px;background:var(--sty-surface-3);border-radius:var(--sty-radius-sm);width:max-content;max-width:100%}
.sty-erp-tabs a,.sty-erp-tabs button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--sty-muted);font-size:var(--sty-font-sm);font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer}
.sty-erp-tabs :is(a,button).active{background:var(--sty-surface);color:var(--sty-text);box-shadow:var(--sty-shadow-xs)}

body.sty-erp-platform :where(.badge,.pill,.chip,.status,.sales-badge,.dc-badge,.auto-badge){font-family:var(--sty-font-sans)!important;font-weight:600!important;box-shadow:none!important}

/* --------------------------------------------------------------------------
   ALERTS + EMPTY STATES
   -------------------------------------------------------------------------- */
.sty-erp-alert{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--sty-line);border-radius:var(--sty-radius-sm);background:var(--sty-surface-2);color:var(--sty-text-2);font-size:var(--sty-font-sm);line-height:1.45}
.sty-erp-alert.success{background:var(--sty-success-soft);border-color:color-mix(in srgb,var(--sty-success) 25%,transparent);color:var(--sty-success)}
.sty-erp-alert.warning{background:var(--sty-warning-soft);border-color:color-mix(in srgb,var(--sty-warning) 25%,transparent);color:var(--sty-warning)}
.sty-erp-alert.danger{background:var(--sty-danger-soft);border-color:color-mix(in srgb,var(--sty-danger) 25%,transparent);color:var(--sty-danger)}
.sty-erp-alert.info{background:var(--sty-info-soft);border-color:color-mix(in srgb,var(--sty-info) 25%,transparent);color:var(--sty-info)}
.sty-erp-empty{display:grid;place-items:center;text-align:center;min-height:170px;padding:26px;color:var(--sty-muted)}
.sty-erp-empty-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:10px;border-radius:12px;background:var(--sty-surface-3);color:#8A7000;font-size:18px}
.sty-erp-empty strong{display:block;color:var(--sty-text);font-size:14px;font-weight:600}
.sty-erp-empty p{max-width:460px;margin:5px auto 0;font-size:var(--sty-font-sm);line-height:1.45}

/* --------------------------------------------------------------------------
   MODAL + DRAWER
   -------------------------------------------------------------------------- */
.sty-erp-modal-root,.sty-erp-drawer-root{position:fixed;inset:0;z-index:2147482000;display:none}
.sty-erp-modal-root.is-open,.sty-erp-drawer-root.is-open{display:block}
.sty-erp-modal-backdrop,.sty-erp-drawer-backdrop{position:absolute;inset:0;background:rgba(14,17,20,.46);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.sty-erp-modal{position:relative;display:flex;flex-direction:column;width:min(720px,calc(100vw - 28px));max-height:min(86vh,840px);margin:7vh auto 0;background:var(--sty-surface);color:var(--sty-text);border:1px solid var(--sty-line);border-radius:var(--sty-radius-lg);box-shadow:var(--sty-shadow-lg);overflow:hidden}
.sty-erp-modal.sm{width:min(480px,calc(100vw - 28px))}.sty-erp-modal.lg{width:min(980px,calc(100vw - 28px))}
.sty-erp-modal-head,.sty-erp-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:var(--sty-surface);flex:0 0 auto}
.sty-erp-modal-head{border-bottom:1px solid var(--sty-line)}.sty-erp-modal-foot{border-top:1px solid var(--sty-line)}
.sty-erp-modal-body{padding:16px;overflow:auto;overscroll-behavior:contain}
.sty-erp-modal-title{margin:0;font-size:16px;font-weight:600}
.sty-erp-drawer{position:absolute;right:0;top:0;bottom:0;display:flex;flex-direction:column;width:min(520px,94vw);background:var(--sty-surface);color:var(--sty-text);border-left:1px solid var(--sty-line);box-shadow:-18px 0 60px rgba(0,0,0,.16);transform:translateX(12px);animation:styErpDrawerIn var(--sty-transition) forwards}
@keyframes styErpDrawerIn{to{transform:translateX(0)}}
.sty-erp-drawer-head,.sty-erp-drawer-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;flex:0 0 auto;background:var(--sty-surface)}
.sty-erp-drawer-head{border-bottom:1px solid var(--sty-line)}.sty-erp-drawer-foot{border-top:1px solid var(--sty-line)}
.sty-erp-drawer-body{padding:16px;overflow:auto;overscroll-behavior:contain}
.sty-erp-overlay-open{overflow:hidden!important}

/* Normalize common modal surfaces that already exist. */
body.sty-erp-platform :where(.modal-content,.ui-modal-card,.sales-modal-card,.fin2-modal-card,.dc-modal-card,.sty-floor-modal-card){
  border-radius:var(--sty-radius-lg)!important;border-color:var(--sty-line)!important;box-shadow:var(--sty-shadow-lg)!important;
}

/* --------------------------------------------------------------------------
   TIMELINE
   -------------------------------------------------------------------------- */
.sty-erp-timeline{display:flex;flex-direction:column}
.sty-erp-timeline-item{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:0 0 15px}
.sty-erp-timeline-item:not(:last-child)::after{content:"";position:absolute;left:10px;top:20px;bottom:0;width:1px;background:var(--sty-line-strong)}
.sty-erp-timeline-dot{position:relative;z-index:1;width:9px;height:9px;margin:5px 0 0 6px;border-radius:50%;background:var(--sty-accent);box-shadow:0 0 0 4px var(--sty-accent-soft)}
.sty-erp-timeline-title{font-size:12.5px;font-weight:600;color:var(--sty-text)}
.sty-erp-timeline-meta{margin-top:2px;color:var(--sty-muted);font-size:var(--sty-font-xs)}
.sty-erp-timeline-text{margin-top:5px;color:var(--sty-text-2);font-size:var(--sty-font-sm);line-height:1.45}

/* --------------------------------------------------------------------------
   LOADING / SKELETON / PROGRESS
   -------------------------------------------------------------------------- */
.sty-erp-skeleton{position:relative;overflow:hidden;background:var(--sty-surface-3);border-radius:8px;color:transparent!important;user-select:none}
.sty-erp-skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:styErpSkeleton 1.25s ease-in-out infinite}
@keyframes styErpSkeleton{100%{transform:translateX(100%)}}
.sty-erp-progress{height:7px;overflow:hidden;border-radius:999px;background:var(--sty-surface-3)}
.sty-erp-progress>span{display:block;height:100%;border-radius:inherit;background:var(--sty-accent);transition:width 220ms ease}
.sty-erp-loading-inline{display:inline-flex;align-items:center;gap:7px;color:var(--sty-muted);font-size:var(--sty-font-sm)}
.sty-erp-loading-inline::before{content:"";width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:styErpSpin .7s linear infinite}

/* --------------------------------------------------------------------------
   DENSITY
   -------------------------------------------------------------------------- */
body.sty-erp-platform[data-sty-density="compact"]{--sty-control:36px;--sty-control-lg:40px}
body.sty-erp-platform[data-sty-density="compact"] .sty-erp-card-body{padding:13px}
body.sty-erp-platform[data-sty-density="compact"] .sty-erp-table th{padding:8px 10px}
body.sty-erp-platform[data-sty-density="compact"] .sty-erp-table td{padding:8px 10px}

/* --------------------------------------------------------------------------
   DARK SURFACE GUARANTEE
   -------------------------------------------------------------------------- */
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-os-main :where(
  .sty-erp-card,.sty-erp-kpi,.sty-erp-toolbar,.sty-erp-table-scroll,.sty-erp-table,.sty-erp-modal,.sty-erp-drawer,
  .card,.ui-card,.sales-card,.fin2-card,.sty-time-card,.sty-time-kpi,.dc-card,.auto-card,.stk-card,.sty-card,.sty-stat,
  .panel,.metric-card,.goal-card,.report-card,.bonus-card,.kpi-card,.execCard,.execKpi,
  .dr-glass-card,.dr-form-card,.dr-kpi,.dr-sector-card,.dr-impact-card,.dr-suggestions-card,.dr-rep-box,.dr-order-preview,.dr-note-block
),
html[data-theme="dark"] body.sty-erp-platform .sty-os-main :where(
  .sty-erp-card,.sty-erp-kpi,.sty-erp-toolbar,.sty-erp-table-scroll,.sty-erp-table,.sty-erp-modal,.sty-erp-drawer,
  .card,.ui-card,.sales-card,.fin2-card,.sty-time-card,.sty-time-kpi,.dc-card,.auto-card,.stk-card,.sty-card,.sty-stat,
  .panel,.metric-card,.goal-card,.report-card,.bonus-card,.kpi-card,.execCard,.execKpi,
  .dr-glass-card,.dr-form-card,.dr-kpi,.dr-sector-card,.dr-impact-card,.dr-suggestions-card,.dr-rep-box,.dr-order-preview,.dr-note-block
){background:var(--sty-surface)!important;color:var(--sty-text)!important;border-color:var(--sty-line)!important}

body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-os-main :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),select,textarea
),
html[data-theme="dark"] body.sty-erp-platform .sty-os-main :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),select,textarea
){background:var(--sty-surface-3)!important;color:var(--sty-text)!important;border-color:var(--sty-line-strong)!important;color-scheme:dark}

body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-os-main :where(table th),
html[data-theme="dark"] body.sty-erp-platform .sty-os-main :where(table th){background:var(--sty-surface-2)!important;color:var(--sty-muted)!important;border-color:var(--sty-line)!important}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-os-main :where(table td),
html[data-theme="dark"] body.sty-erp-platform .sty-os-main :where(table td){color:var(--sty-text);border-color:var(--sty-line)!important}

/* --------------------------------------------------------------------------
   STANDALONE BRIDGE
   Loaded after sty-system-standalone-v196.css on active standalone screens.
   -------------------------------------------------------------------------- */
body.sty-standalone-v196{--sty-v196-font:var(--sty-font-sans);--sty-v196-bg:var(--sty-bg);--sty-v196-surface:var(--sty-surface);--sty-v196-text:var(--sty-text);--sty-v196-muted:var(--sty-muted);--sty-v196-yellow:var(--sty-accent);--sty-v196-line:var(--sty-line);--sty-v196-radius:var(--sty-radius);font-family:var(--sty-font-sans)!important}
body.sty-standalone-v196:not(.design-ios26){background:var(--sty-bg)!important;color:var(--sty-text)!important}
body.sty-standalone-v196 :where(.card,.panel,.box,.surface,.stat,.kpi,.ios-card,.glass-card,.form-card){border-radius:var(--sty-radius)!important;box-shadow:var(--sty-shadow-xs)!important}
body.sty-standalone-v196 :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){border-radius:var(--sty-radius-sm)!important}
body.sty-standalone-v196 :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea):focus{outline:0!important;border-color:#C5A300!important;box-shadow:0 0 0 3px var(--sty-focus)!important}
body.sty-standalone-v196 :where(.btn,button[type="submit"],a.btn){border-radius:var(--sty-radius-sm)!important;font-weight:600!important;box-shadow:none!important}
body.sty-standalone-v196 :where(.btn.primary,.btn-primary,button.primary,button[type="submit"].primary){background:var(--sty-accent)!important;border-color:var(--sty-accent)!important;color:var(--sty-accent-ink)!important}
body.sty-standalone-v196:is(.theme-dark,.orders-theme-dark,.sty-standalone-dark-v196,[data-theme="dark"]) :where(.card,.panel,.box,.surface,.stat,.kpi,.ios-card,.glass-card,.form-card){background:var(--sty-surface)!important;color:var(--sty-text)!important;border-color:var(--sty-line)!important}
body.sty-standalone-v196:is(.theme-dark,.orders-theme-dark,.sty-standalone-dark-v196,[data-theme="dark"]) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){background:var(--sty-surface-3)!important;color:var(--sty-text)!important;border-color:var(--sty-line-strong)!important}

/* --------------------------------------------------------------------------
   ACCESSIBILITY + RESPONSIVE
   -------------------------------------------------------------------------- */
.sty-erp-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:where(.sty-erp-btn,.sty-erp-control,.sty-erp-select,.sty-erp-textarea):focus-visible{outline:0;box-shadow:0 0 0 3px var(--sty-focus)}

@media(max-width:1100px){
  .sty-erp-grid.cols-5,.sty-erp-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sty-erp-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .sty-erp-page{width:min(100% - 22px,var(--sty-page-max));padding-top:12px}
  .sty-erp-page-head{align-items:flex-start;flex-direction:column}
  .sty-erp-page-actions{width:100%;justify-content:flex-start}
  .sty-erp-grid.cols-5,.sty-erp-grid.cols-4,.sty-erp-grid.cols-3,.sty-erp-grid.cols-2{grid-template-columns:1fr}
  .sty-erp-form-grid{grid-template-columns:1fr}
  .sty-erp-form-grid>[class*="sty-erp-col-"]{grid-column:1/-1}
  .sty-erp-toolbar{align-items:stretch;flex-direction:column}
  .sty-erp-toolbar-group{width:100%}
  .sty-erp-search{width:100%;min-width:0}
  .sty-erp-modal{margin-top:3vh;max-height:94vh}
}
@media(prefers-reduced-motion:reduce){
  body.sty-erp-platform *,body.sty-erp-platform *::before,body.sty-erp-platform *::after,
  body.sty-standalone-v196 *,body.sty-standalone-v196 *::before,body.sty-standalone-v196 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print{
  .sty-erp-page-actions,.sty-erp-toolbar,.sty-erp-modal-root,.sty-erp-drawer-root{display:none!important}
  body.sty-erp-platform{background:#fff!important;color:#000!important}
}

/* --------------------------------------------------------------------------
   V2.05 MODULE ADAPTERS
   These selectors translate existing module markup into the platform language.
   Keep new visual decisions in this file; do not create a new skin per module.
   -------------------------------------------------------------------------- */
body.sty-erp-platform .sty-os-main :where(
  .sales-module-header,.fin2-top,.sty-time-hero,.stk-hero,.ui-hero,.auto-hero,.dc-hero,.sty-users-hero,.dr-head,.dr-hero,
  .oi-hero,.ot-hero,.pm-hero,.techq-hero,.sty-notif-hero,.mt-hero
){
  background:var(--sty-surface)!important;
  color:var(--sty-text)!important;
  border:1px solid var(--sty-line)!important;
  border-radius:var(--sty-radius-lg)!important;
  box-shadow:var(--sty-shadow-xs)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body.sty-erp-platform .sty-os-main :where(
  .sales-module-header,.fin2-top,.sty-time-hero,.stk-hero,.ui-hero,.auto-hero,.dc-hero,.sty-users-hero,.dr-head,.dr-hero,
  .oi-hero,.ot-hero,.pm-hero,.techq-hero,.sty-notif-hero,.mt-hero
) :where(p,.sub,.subtitle,.muted,.hint){color:var(--sty-muted)!important}

/* Finance / Sales / Capacity / Time / Automations use the same surface stack. */
body.sty-erp-platform .sty-os-main :where(
  .fin2-panel,.fin2-kpi,.fin2-summary,.sales-summary-card,.sales-kpi,.sales-panel,.dc-kpi,.dc-panel,.dc-table-wrap,
  .auto-kpi,.auto-library-card,.auto-connection-card,.auto-template-item,.auto-timeline-body,.auto-summary-metrics>div,
  .sty-time-readonly,.sty-time-rule,.sty-time-pending-item,.sty-time-import-tabs a,.sty-time-import-status-cards a
){
  background:var(--sty-surface)!important;
  color:var(--sty-text)!important;
  border-color:var(--sty-line)!important;
  border-radius:var(--sty-radius)!important;
  box-shadow:var(--sty-shadow-xs)!important;
}

/* Goals had the largest amount of old visual debt. V2.05 keeps layout but uses
   platform surfaces and typography. */
body.sty-erp-platform.sty-goals-shell .sty-os-main :where(
  .card,.g-card,.gf-card,.gf-panel,.ui-card,.ui-card-ios,.ios-glass-card,.kpi,.kpi-ios,.g-kpi,.gf-kpi,.evo-chart-box,.wk,
  .sty-goals-excellence-card,.tiers-panel,.ios-list-container,.panel,.box,.goal-card,.metric-card,.bonus-card,.report-card,.chart-container,.chart-box,.ui-chart,.canvas-wrap
){
  background:var(--sty-surface)!important;color:var(--sty-text)!important;border-color:var(--sty-line)!important;
  border-radius:var(--sty-radius)!important;box-shadow:var(--sty-shadow-xs)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body.sty-erp-platform.sty-goals-shell .sty-os-main :where(.title,.sub,.muted,.hint,.small){text-shadow:none!important}
body.sty-erp-platform.sty-goals-shell .sty-os-main :where(.sub,.muted,.hint,.small){color:var(--sty-muted)!important}

/* Standalone light guarantee: old glass/dark cards are neutralized as well. */
body.sty-standalone-v196:not(.design-ios26):not(.sty-standalone-dark-v196) :where(.card,.panel,.box,.surface,.stat,.kpi,.ios-card,.glass-card,.form-card){
  background:var(--sty-surface)!important;color:var(--sty-text)!important;border-color:var(--sty-line)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body.sty-standalone-v196:not(.design-ios26):not(.sty-standalone-dark-v196) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){
  background:var(--sty-surface)!important;color:var(--sty-text)!important;border-color:var(--sty-line-strong)!important;
}

/* Existing design-system aliases remain supported during migration. */
.sty-ds-page{font-family:var(--sty-font-sans)!important;color:var(--sty-text)!important}
.sty-ds-card,.sty-ds-kpi,.sty-ds-table-wrap,.sty-ds-hero{background:var(--sty-surface)!important;color:var(--sty-text)!important;border-color:var(--sty-line)!important;box-shadow:var(--sty-shadow-xs)!important}
.sty-ds-input,.sty-ds-select,.sty-ds-textarea{background:var(--sty-surface)!important;color:var(--sty-text)!important;border-color:var(--sty-line-strong)!important}
.sty-ds-table th{background:var(--sty-surface-2)!important;color:var(--sty-muted)!important}.sty-ds-table td{border-color:var(--sty-line)!important}


/* ========================================================================== 
   V2.06 PREMIUM REFINEMENT LAYER
   Soft UI + Apple White + STY identity. Loaded last.
   ========================================================================== */

/* Canvas and shell */
body.sty-global-shell.sty-erp-platform{
  background:var(--sty-bg)!important;
  color:var(--sty-text)!important;
  font-family:var(--sty-font-sans)!important;
}
body.sty-global-shell.sty-erp-platform .sty-shell{
  background:var(--sty-bg)!important;
  background-image:none!important;
}
body.sty-global-shell.sty-erp-platform .sty-os-main{
  background:var(--sty-bg)!important;
  padding:28px 34px 42px!important;
}

/* Apple-white sidebar: same structure, less visual noise. */
body.sty-global-shell.sty-erp-platform .sty-shell>.sty-sidebar{
  background:rgba(255,255,255,.94)!important;
  color:var(--sty-text)!important;
  border-right:1px solid var(--sty-line)!important;
  box-shadow:8px 0 30px rgba(0,0,0,.018)!important;
  backdrop-filter:saturate(160%) blur(18px)!important;
  -webkit-backdrop-filter:saturate(160%) blur(18px)!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar :where(.sty-sidebar__context span,.sty-profile-info span,.sty-sidebar__system span){color:var(--sty-muted)!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar :where(.sty-sidebar__context strong,.sty-profile-info strong,.sty-sidebar__system strong){color:var(--sty-text)!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-category-toggle{
  min-height:40px!important;
  color:var(--sty-text-2)!important;
  background:transparent!important;
  border:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
  font-weight:560!important;
  transition:background var(--sty-transition),color var(--sty-transition),transform var(--sty-transition)!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-category-toggle:hover,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-open>.sty-menu-category-toggle{
  background:var(--sty-surface-3)!important;
  color:var(--sty-text)!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-category-toggle:active{transform:scale(.985)!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-current>.sty-menu-category-toggle{
  background:color-mix(in srgb,var(--sty-accent) 13%,var(--sty-surface))!important;
  color:var(--sty-text)!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-current>.sty-menu-category-toggle::before{
  background:var(--sty-accent)!important;
  box-shadow:none!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item{
  min-height:35px!important;
  color:var(--sty-muted)!important;
  border-radius:10px!important;
  background:transparent!important;
  border:0!important;
  font-weight:500!important;
  transition:background var(--sty-transition),color var(--sty-transition),transform var(--sty-transition)!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item:hover{
  background:var(--sty-surface-3)!important;
  color:var(--sty-text)!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item.is-active,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item[aria-current="page"]{
  background:var(--sty-accent-soft)!important;
  color:#5E4B00!important;
  font-weight:600!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-dot{background:currentColor!important;opacity:.35!important;box-shadow:none!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item.is-active .sty-submenu-dot{opacity:.9!important;background:var(--sty-accent-hover)!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar :where(.sty-profile-card,.sty-logout,.sty-sidebar__collapse){
  background:var(--sty-surface-2)!important;
  color:var(--sty-text)!important;
  border:1px solid var(--sty-line)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar :where(.sty-profile-card,.sty-logout,.sty-sidebar__collapse):hover{
  background:var(--sty-surface-3)!important;
  border-color:var(--sty-line-strong)!important;
}

/* Header / Spotlight */
body.sty-global-shell.sty-erp-platform .sty-os-header{
  margin-bottom:24px!important;
  padding:2px 0 18px!important;
  border-bottom:1px solid var(--sty-line)!important;
  background:transparent!important;
}
body.sty-global-shell.sty-erp-platform .sty-os-title h1{
  margin:0!important;color:var(--sty-text)!important;font-size:clamp(28px,2.1vw,32px)!important;line-height:1.1!important;font-weight:650!important;letter-spacing:-.035em!important;
}
body.sty-global-shell.sty-erp-platform .sty-os-title p{
  margin-top:5px!important;color:var(--sty-muted)!important;font-size:13px!important;font-weight:400!important;
}
body.sty-global-shell.sty-erp-platform .sty-cmd-trigger{
  min-height:40px!important;
  background:rgba(255,255,255,.74)!important;
  color:var(--sty-text-2)!important;
  border:1px solid var(--sty-line)!important;
  border-radius:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),var(--sty-shadow-xs)!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
body.sty-global-shell.sty-erp-platform .sty-cmd-trigger:hover{background:var(--sty-surface)!important;border-color:var(--sty-line-strong)!important;box-shadow:var(--sty-shadow-sm)!important;transform:translateY(-1px)!important}
body.sty-global-shell.sty-erp-platform :where(.sty-os-icon-btn,.sty-os-profile){
  background:var(--sty-surface)!important;color:var(--sty-text)!important;border:1px solid var(--sty-line)!important;box-shadow:var(--sty-shadow-xs)!important;
}
body.sty-global-shell.sty-erp-platform .sty-os-icon-btn{border-radius:12px!important}
body.sty-global-shell.sty-erp-platform .sty-os-profile{border-radius:14px!important}
body.sty-global-shell.sty-erp-platform :where(.sty-os-icon-btn,.sty-os-profile):hover{background:var(--sty-surface-2)!important;border-color:var(--sty-line-strong)!important;box-shadow:var(--sty-shadow-sm)!important}
body.sty-global-shell.sty-erp-platform .sty-user-popover{
  background:rgba(255,255,255,.96)!important;color:var(--sty-text)!important;border:1px solid var(--sty-line)!important;border-radius:16px!important;box-shadow:0 18px 55px rgba(0,0,0,.12)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
body.sty-global-shell.sty-erp-platform .sty-os-user-menu.is-open .sty-user-popover{animation:styErpDropIn var(--sty-transition) both}

/* Page rhythm */
body.sty-erp-platform .sty-erp-page{padding-top:8px}
body.sty-erp-platform .sty-erp-page-head{margin-bottom:24px;padding-bottom:18px}
body.sty-erp-platform .sty-erp-section{margin-top:24px}
body.sty-erp-platform .sty-erp-section-head{margin-bottom:12px}
body.sty-erp-platform .sty-erp-section-title{font-size:clamp(18px,1.4vw,22px);font-weight:620;letter-spacing:-.025em}

/* Soft surfaces */
body.sty-erp-platform :where(.sty-erp-card,.sty-erp-kpi){border-color:var(--sty-line);box-shadow:var(--sty-shadow);background:var(--sty-surface)}
body.sty-erp-platform .sty-erp-card{border-radius:18px}
body.sty-erp-platform .sty-erp-kpi{border-radius:16px;padding:20px 22px}
body.sty-erp-platform .sty-erp-card-head{padding:18px 20px}
body.sty-erp-platform .sty-erp-card-body{padding:20px}
body.sty-erp-platform .sty-erp-card-foot{padding:14px 20px}
body.sty-erp-platform .sty-erp-kpi-label{text-transform:none;letter-spacing:0;font-size:12px;font-weight:500;color:var(--sty-muted)}
body.sty-erp-platform .sty-erp-kpi-value{font-size:clamp(28px,2.5vw,40px);font-weight:650;letter-spacing:-.04em}
body.sty-erp-platform [data-sty-clickable],
body.sty-erp-platform a.sty-erp-card,
body.sty-erp-platform button.sty-erp-card{transition:transform var(--sty-transition),box-shadow var(--sty-transition),border-color var(--sty-transition)}
body.sty-erp-platform [data-sty-clickable]:hover,
body.sty-erp-platform a.sty-erp-card:hover,
body.sty-erp-platform button.sty-erp-card:hover{transform:translateY(-1px);box-shadow:var(--sty-shadow-sm);border-color:var(--sty-line-strong)}

/* Buttons: restrained, tactile, no jumping. */
body.sty-erp-platform .sty-erp-btn{font-weight:600;border-radius:11px;transition:background var(--sty-transition),color var(--sty-transition),border-color var(--sty-transition),box-shadow var(--sty-transition),transform var(--sty-transition-fast)}
body.sty-erp-platform .sty-erp-btn:hover{transform:translateY(-1px)}
body.sty-erp-platform .sty-erp-btn:active{transform:scale(.985)}
body.sty-erp-platform .sty-erp-btn.primary{box-shadow:0 1px 0 rgba(0,0,0,.04),0 6px 18px rgba(240,198,9,.16)}
body.sty-erp-platform .sty-erp-btn.primary:hover{box-shadow:0 1px 0 rgba(0,0,0,.04),0 8px 22px rgba(240,198,9,.20)}

/* Forms */
body.sty-erp-platform :where(.sty-erp-control,.sty-erp-select,.sty-erp-textarea){background:var(--sty-surface);border-color:var(--sty-line-strong);border-radius:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
body.sty-erp-platform :where(.sty-erp-control,.sty-erp-select,.sty-erp-textarea):hover:not(:disabled){border-color:rgba(0,0,0,.16)}
body.sty-erp-platform :where(.sty-erp-control,.sty-erp-select,.sty-erp-textarea):focus{border-color:#B79500;box-shadow:0 0 0 4px var(--sty-focus)}
body.sty-erp-platform .sty-erp-label{font-size:12px;font-weight:560;letter-spacing:0;color:var(--sty-text-2)}
body.sty-erp-platform .sty-erp-help{font-size:12px}

/* Tables: flat and operational. */
body.sty-erp-platform .sty-erp-table-scroll{border-radius:16px;box-shadow:none}
body.sty-erp-platform .sty-erp-table th{padding:12px 14px;background:#F7F7F9;color:var(--sty-muted);font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:none}
body.sty-erp-platform .sty-erp-table td{padding:13px 14px;font-size:13px;line-height:1.4}
body.sty-erp-platform .sty-erp-table tbody tr{transition:background var(--sty-transition-fast)}
body.sty-erp-platform .sty-erp-table tbody tr:hover td{background:#FAFAFC}

/* Segmented controls */
body.sty-erp-platform .sty-erp-tabs{gap:3px;padding:3px;background:var(--sty-surface-3);border:1px solid var(--sty-line);border-radius:12px}
body.sty-erp-platform .sty-erp-tabs :is(a,button){border-radius:9px;font-weight:560;transition:background var(--sty-transition),color var(--sty-transition),box-shadow var(--sty-transition),transform var(--sty-transition-fast)}
body.sty-erp-platform .sty-erp-tabs :is(a,button):active{transform:scale(.985)}
body.sty-erp-platform .sty-erp-tabs :is(a,button).active{box-shadow:0 1px 2px rgba(0,0,0,.06),0 3px 8px rgba(0,0,0,.035)}

/* Badges: softer, lower visual dominance. */
body.sty-erp-platform .sty-erp-badge{min-height:23px;padding:3px 8px;border-width:1px;font-weight:560}
body.sty-erp-platform .sty-erp-badge::before{width:5px;height:5px;opacity:.7}

/* Modal / drawer motion */
body.sty-erp-platform .sty-erp-modal-backdrop,
body.sty-erp-platform .sty-erp-drawer-backdrop{animation:styErpBackdropIn var(--sty-transition) both}
body.sty-erp-platform .sty-erp-modal{border-radius:22px;animation:styErpModalIn var(--sty-transition-slow) both}
body.sty-erp-platform .sty-erp-drawer{animation:styErpDrawerPremiumIn var(--sty-transition-slow) both}
@keyframes styErpBackdropIn{from{opacity:0}to{opacity:1}}
@keyframes styErpModalIn{from{opacity:0;transform:translateY(6px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes styErpDrawerPremiumIn{from{opacity:.65;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@keyframes styErpDropIn{from{opacity:0;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}

/* Existing common dropdowns */
body.sty-erp-platform :where(.dropdown-menu,.popover,.menu-popover,.orders-header-menu,.order-more-menu)[class*="show"],
body.sty-erp-platform :where(.dropdown-menu.show,.popover.show,.menu-popover.is-open,.orders-header-menu.is-open,.order-more-menu.is-open){animation:styErpDropIn var(--sty-transition) both}

/* Tooltips */
body.sty-erp-platform [data-sty-tooltip]{position:relative}
body.sty-erp-platform [data-sty-tooltip]::after{
  content:attr(data-sty-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);z-index:22000;max-width:240px;padding:6px 8px;border-radius:8px;background:rgba(29,29,31,.94);color:#fff;font-size:11px;font-weight:500;line-height:1.3;white-space:normal;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity var(--sty-transition-fast),transform var(--sty-transition-fast);box-shadow:0 8px 24px rgba(0,0,0,.14)
}
body.sty-erp-platform [data-sty-tooltip]:is(:hover,:focus-visible)::after{opacity:1;transform:translate(-50%,0)}

/* Toasts */
.sty-erp-toast-region{position:fixed;right:22px;top:22px;z-index:2147482500;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 28px));pointer-events:none}
.sty-erp-toast{display:grid;grid-template-columns:30px minmax(0,1fr) 28px;gap:10px;align-items:start;padding:12px;background:rgba(255,255,255,.96);border:1px solid var(--sty-line);border-radius:16px;box-shadow:0 18px 48px rgba(0,0,0,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:auto;animation:styErpToastIn var(--sty-transition-slow) both}
.sty-erp-toast.is-leaving{animation:styErpToastOut var(--sty-transition) both}
.sty-erp-toast-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--sty-surface-3);color:var(--sty-text)}
.sty-erp-toast.success .sty-erp-toast-icon{background:var(--sty-success-soft);color:var(--sty-success)}
.sty-erp-toast.warning .sty-erp-toast-icon{background:var(--sty-warning-soft);color:var(--sty-warning)}
.sty-erp-toast.error .sty-erp-toast-icon{background:var(--sty-danger-soft);color:var(--sty-danger)}
.sty-erp-toast.info .sty-erp-toast-icon{background:var(--sty-info-soft);color:var(--sty-info)}
.sty-erp-toast-title{display:block;margin:1px 0 2px;color:var(--sty-text);font-size:13px;font-weight:620}
.sty-erp-toast-message{color:var(--sty-muted);font-size:12px;line-height:1.4}
.sty-erp-toast-close{appearance:none;border:0;background:transparent;color:var(--sty-muted);width:28px;height:28px;border-radius:8px;cursor:pointer}
.sty-erp-toast-close:hover{background:var(--sty-surface-3);color:var(--sty-text)}
@keyframes styErpToastIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes styErpToastOut{to{opacity:0;transform:translateY(-4px) scale(.985)}}

/* Pagination */
.sty-erp-pagination{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.sty-erp-pagination :is(a,button){min-width:34px;height:34px;padding:0 9px;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--sty-text-2);font:600 12px var(--sty-font-sans);text-decoration:none;cursor:pointer;transition:all var(--sty-transition-fast)}
.sty-erp-pagination :is(a,button):hover{background:var(--sty-surface-3);color:var(--sty-text)}
.sty-erp-pagination :is(a,button).active{background:var(--sty-surface);border-color:var(--sty-line);color:var(--sty-text);box-shadow:var(--sty-shadow-xs)}

/* Orders: preserve Dockstation/KPI/list/Kanban structure and only refine surfaces. */
body.sty-erp-platform.sty-orders-shell :where(.orders-command-shell,.orders-control-center,.advanced-panel,.quick-panel,.bulkbar .inner,.table,.cal-day,.order-card){
  background:var(--sty-surface)!important;border-color:var(--sty-line)!important;box-shadow:var(--sty-shadow)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body.sty-erp-platform.sty-orders-shell .order-card{border-radius:16px!important;transition:transform var(--sty-transition),box-shadow var(--sty-transition),border-color var(--sty-transition)!important}
body.sty-erp-platform.sty-orders-shell .order-card:hover{transform:translateY(-1px)!important;box-shadow:var(--sty-shadow-sm)!important;border-color:var(--sty-line-strong)!important}
body.sty-erp-platform.sty-orders-shell .order-card:active{transform:scale(.992)!important}
body.sty-erp-platform.sty-orders-shell :where(.orders-view-switch,.orders-density-switch){background:var(--sty-surface-3)!important;border-color:var(--sty-line)!important;border-radius:12px!important;box-shadow:none!important}
body.sty-erp-platform.sty-orders-shell :where(.orders-view-switch,.orders-density-switch) button.active{background:var(--sty-surface)!important;color:var(--sty-text)!important;box-shadow:var(--sty-shadow-xs)!important}

/* Generic Kanban drag states, only when existing stack exposes these states. */
body.sty-erp-platform :where(.kanban-card,.order-card,.task-card).dragging,
body.sty-erp-platform :where(.kanban-card,.order-card,.task-card).is-dragging{transform:scale(1.012)!important;box-shadow:var(--sty-shadow-lg)!important;opacity:.96!important}
body.sty-erp-platform :where(.kanban-placeholder,.sortable-ghost){opacity:.42!important}

/* Legacy module surfaces: soften without hiding information. */
body.sty-erp-platform .sty-os-main :where(
  .card,.ui-card,.sales-card,.fin2-card,.sty-time-card,.sty-time-kpi,.dc-card,.auto-card,.stk-card,.panel,.metric-card,.goal-card,.report-card,.bonus-card,.kpi-card,.execCard,.execKpi,.sty-card,.sty-stat,.glass-card,.ios-card,.ios-glass-card
){
  border-color:var(--sty-line)!important;border-radius:16px!important;box-shadow:var(--sty-shadow)!important;background:var(--sty-surface)!important;color:var(--sty-text)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body.sty-erp-platform .sty-os-main :where(.card,.ui-card,.sales-card,.fin2-card,.sty-time-card,.dc-card,.auto-card,.stk-card,.sty-card,.sty-stat)[onclick],
body.sty-erp-platform .sty-os-main a:where(.card,.ui-card,.sales-card,.fin2-card,.sty-time-card,.dc-card,.auto-card,.stk-card,.sty-card,.sty-stat){transition:transform var(--sty-transition),box-shadow var(--sty-transition),border-color var(--sty-transition)!important}
body.sty-erp-platform .sty-os-main :where(.card,.ui-card,.sales-card,.fin2-card,.sty-time-card,.dc-card,.auto-card,.stk-card,.sty-card,.sty-stat)[onclick]:hover,
body.sty-erp-platform .sty-os-main a:where(.card,.ui-card,.sales-card,.fin2-card,.sty-time-card,.dc-card,.auto-card,.stk-card,.sty-card,.sty-stat):hover{transform:translateY(-1px)!important;box-shadow:var(--sty-shadow-sm)!important}

/* Legacy form controls */
body.sty-erp-platform .sty-os-main :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),select,textarea){
  background:var(--sty-surface)!important;color:var(--sty-text)!important;border-color:var(--sty-line-strong)!important;border-radius:11px!important;box-shadow:none!important;transition:border-color var(--sty-transition),box-shadow var(--sty-transition),background var(--sty-transition)!important;
}
body.sty-erp-platform .sty-os-main :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),select,textarea):focus{border-color:#B79500!important;box-shadow:0 0 0 4px var(--sty-focus)!important;outline:0!important}

/* Legacy tables */
body.sty-erp-platform .sty-os-main table{font-variant-numeric:tabular-nums lining-nums}
body.sty-erp-platform .sty-os-main table thead :where(th,td){background:#F7F7F9;color:var(--sty-muted);font-weight:600;border-color:var(--sty-line)}
body.sty-erp-platform .sty-os-main table tbody tr{transition:background var(--sty-transition-fast)}
body.sty-erp-platform .sty-os-main table tbody tr:hover{background:#FAFAFC}

/* Dark mode remains fully dark. */
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]),
html[data-theme="dark"] body.sty-erp-platform,
html[data-sty-sales-theme="dark"] body.sty-erp-platform{
  --sty-bg:#0E0E10;--sty-surface:#161618;--sty-surface-2:#1C1C1E;--sty-surface-3:#222224;--sty-surface-hover:#202022;
  --sty-text:#F5F5F7;--sty-text-2:#D1D1D6;--sty-muted:#A1A1A6;--sty-disabled:#6E6E73;--sty-line:rgba(255,255,255,.07);--sty-line-strong:rgba(255,255,255,.12);
}
body.sty-global-shell.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-shell>.sty-sidebar,
html[data-theme="dark"] body.sty-global-shell.sty-erp-platform .sty-shell>.sty-sidebar{
  background:rgba(22,22,24,.96)!important;color:var(--sty-text)!important;border-color:var(--sty-line)!important;box-shadow:8px 0 30px rgba(0,0,0,.14)!important;
}
body.sty-global-shell.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-cmd-trigger,
html[data-theme="dark"] body.sty-global-shell.sty-erp-platform .sty-cmd-trigger{background:var(--sty-surface-2)!important}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-erp-table th,
html[data-theme="dark"] body.sty-erp-platform .sty-erp-table th,
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-os-main table thead :where(th,td),
html[data-theme="dark"] body.sty-erp-platform .sty-os-main table thead :where(th,td){background:var(--sty-surface-2)!important}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-erp-table tbody tr:hover td,
html[data-theme="dark"] body.sty-erp-platform .sty-erp-table tbody tr:hover td,
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-os-main table tbody tr:hover,
html[data-theme="dark"] body.sty-erp-platform .sty-os-main table tbody tr:hover{background:var(--sty-surface-2)!important}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-user-popover,
html[data-theme="dark"] body.sty-erp-platform .sty-user-popover,
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-erp-toast,
html[data-theme="dark"] body.sty-erp-platform .sty-erp-toast{background:rgba(28,28,30,.97)!important;border-color:var(--sty-line)!important;color:var(--sty-text)!important}

/* Density */
body.sty-erp-platform[data-sty-density="compact"]{--sty-control:36px;--sty-control-lg:40px;--sty-font-base:13px}
body.sty-erp-platform[data-sty-density="comfortable"]{--sty-control:42px;--sty-control-lg:46px}

/* Responsive: reorganize before shrinking. */
@media(max-width:1440px){body.sty-global-shell.sty-erp-platform .sty-os-main{padding-left:28px!important;padding-right:28px!important}}
@media(max-width:1280px){body.sty-global-shell.sty-erp-platform .sty-os-main{padding-left:22px!important;padding-right:22px!important}.sty-erp-grid.cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){body.sty-global-shell.sty-erp-platform .sty-os-main{padding:20px!important}.sty-erp-toast-region{right:14px;top:14px}}

/* Accessibility */
body.sty-erp-platform :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:0!important;box-shadow:0 0 0 4px var(--sty-focus)!important}
@media(prefers-reduced-motion:reduce){
  body.sty-erp-platform *,body.sty-erp-platform *::before,body.sty-erp-platform *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* --------------------------------------------------------------------------
   V2.06 adapters for existing feedback/loading primitives
   -------------------------------------------------------------------------- */
body.sty-erp-platform .ui-toasts{
  position:fixed!important;right:22px!important;top:22px!important;left:auto!important;bottom:auto!important;
  z-index:2147482500!important;display:flex!important;flex-direction:column!important;gap:10px!important;
  width:min(360px,calc(100vw - 28px))!important;pointer-events:none!important;
}
body.sty-erp-platform .ui-toast{
  padding:12px 14px!important;border:1px solid var(--sty-line)!important;border-radius:16px!important;
  background:rgba(255,255,255,.96)!important;color:var(--sty-text)!important;box-shadow:0 18px 48px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;font-size:12.5px!important;font-weight:560!important;line-height:1.4!important;
  animation:styErpToastIn var(--sty-transition-slow) both!important;pointer-events:auto!important;
}
body.sty-erp-platform .ui-toast.ok{border-left:3px solid var(--sty-success)!important}
body.sty-erp-platform .ui-toast.err{border-left:3px solid var(--sty-danger)!important}
body.sty-erp-platform .ui-overlay.show{
  background:rgba(245,245,247,.70)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
}
body.sty-erp-platform .ui-overlay .box{
  background:rgba(255,255,255,.96)!important;color:var(--sty-text)!important;border:1px solid var(--sty-line)!important;
  border-radius:18px!important;box-shadow:var(--sty-shadow-lg)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
}
body.sty-erp-platform .ui-overlay .ui-spinner{border-color:var(--sty-surface-3)!important;border-top-color:var(--sty-accent)!important}
body.sty-erp-platform .ui-overlay #uiOverlayMsg{color:var(--sty-muted)!important;font-weight:560!important}

/* Existing buttons inherit the same subtle tactile response. */
body.sty-erp-platform .sty-os-main :where(.btn,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,.btn2){
  transition:background var(--sty-transition),color var(--sty-transition),border-color var(--sty-transition),box-shadow var(--sty-transition),transform var(--sty-transition-fast)!important;
}
body.sty-erp-platform .sty-os-main :where(.btn,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,.btn2):active{transform:scale(.985)!important}

/* Existing Bootstrap-like modals receive the same entry motion without changing their markup. */
body.sty-erp-platform :where(.modal.show,.ui-modal.show,.is-open[role="dialog"]) :where(.modal-content,.ui-modal-card,.sales-modal-card,.fin2-modal-card,.dc-modal-card,.sty-floor-modal-card){
  animation:styErpModalIn var(--sty-transition-slow) both!important;
}

/* Dark feedback primitives remain fully dark. */
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) :where(.ui-toast,.ui-overlay .box),
html[data-theme="dark"] body.sty-erp-platform :where(.ui-toast,.ui-overlay .box){background:rgba(28,28,30,.97)!important;color:var(--sty-text)!important;border-color:var(--sty-line)!important}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .ui-overlay.show,
html[data-theme="dark"] body.sty-erp-platform .ui-overlay.show{background:rgba(14,14,16,.72)!important}

@media(max-width:1600px){body.sty-global-shell.sty-erp-platform .sty-os-main{padding-left:30px!important;padding-right:30px!important}}
@media(max-width:1366px){body.sty-global-shell.sty-erp-platform .sty-os-main{padding-left:24px!important;padding-right:24px!important}.sty-erp-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.sty-global-shell.sty-erp-platform .sty-os-main{padding:16px!important}.sty-erp-toast-region,body.sty-erp-platform .ui-toasts{right:10px!important;top:10px!important;width:calc(100vw - 20px)!important}}


/* ========================================================================== 
   V2.07 - BLACK SIDEBAR + APPLE SOFT UI REFINEMENT
   Visual-only layer. No routes, data, permissions or business behavior change.
   ========================================================================== */
:root{
  --sty-sidebar-bg:#0B0C0E;
  --sty-sidebar-bg-2:#111318;
  --sty-sidebar-bg-3:#171A20;
  --sty-sidebar-text:#F5F5F7;
  --sty-sidebar-text-2:#D1D1D6;
  --sty-sidebar-muted:#A1A1A6;
  --sty-sidebar-faint:#68686E;
  --sty-sidebar-line:rgba(255,255,255,.075);
  --sty-sidebar-line-strong:rgba(255,255,255,.13);
  --sty-sidebar-hover:rgba(255,255,255,.055);
  --sty-sidebar-pressed:rgba(255,255,255,.085);
  --sty-sidebar-active:#F0C609;
  --sty-sidebar-shadow:14px 0 42px rgba(0,0,0,.12);
  --sty-motion-spring:cubic-bezier(.2,.8,.2,1);
}

/* Sidebar is intentionally black in both light and dark themes. */
body.sty-global-shell.sty-erp-platform .sty-shell>.sty-sidebar,
body.sty-global-shell.sty-erp-platform.sty-sidebar-light .sty-shell>.sty-sidebar,
body.sty-global-shell.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-shell>.sty-sidebar,
html[data-theme="dark"] body.sty-global-shell.sty-erp-platform .sty-shell>.sty-sidebar{
  background:var(--sty-sidebar-bg)!important;
  background-image:none!important;
  color:var(--sty-sidebar-text)!important;
  border-right:1px solid rgba(255,255,255,.055)!important;
  box-shadow:var(--sty-sidebar-shadow)!important;
  backdrop-filter:saturate(125%) blur(20px)!important;
  -webkit-backdrop-filter:saturate(125%) blur(20px)!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar__inner{background:transparent!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar__brand{
  background:transparent!important;border-bottom-color:var(--sty-sidebar-line)!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar__brand img{
  filter:drop-shadow(0 2px 10px rgba(240,198,9,.08))!important;
  transition:opacity var(--sty-transition),transform var(--sty-transition)!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar__brand a:hover img{opacity:.94;transform:translateY(-1px)}
body.sty-global-shell.sty-erp-platform .sty-sidebar__context{border-bottom-color:var(--sty-sidebar-line)!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar :where(.sty-sidebar__context span,.sty-profile-info span,.sty-sidebar__system span){color:var(--sty-sidebar-muted)!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar :where(.sty-sidebar__context strong,.sty-profile-info strong,.sty-sidebar__system strong){color:var(--sty-sidebar-text)!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar__search{
  background:rgba(255,255,255,.045)!important;border-color:transparent!important;box-shadow:none!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar__search:focus-within{
  background:rgba(255,255,255,.065)!important;border-color:rgba(240,198,9,.25)!important;box-shadow:0 0 0 3px rgba(240,198,9,.07)!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar__search :where(input,.sty-sidebar__search-icon){color:var(--sty-sidebar-text-2)!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar__search input::placeholder{color:var(--sty-sidebar-faint)!important}

/* Original system symbols: rounded line geometry, visually compatible with Apple-like OS iconography. */
.sty-symbol{display:block;width:18px;height:18px;flex:0 0 18px;overflow:visible;vector-effect:non-scaling-stroke}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-symbol{width:17px!important;height:17px!important;flex-basis:17px!important;stroke-width:1.75!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-category-toggle{
  min-height:40px!important;color:var(--sty-sidebar-muted)!important;background:transparent!important;border:0!important;border-radius:11px!important;
  font-weight:540!important;letter-spacing:-.006em!important;box-shadow:none!important;
  transition:background var(--sty-transition),color var(--sty-transition),transform var(--sty-transition-fast)!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-category-toggle:hover,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-open>.sty-menu-category-toggle{
  color:var(--sty-sidebar-text)!important;background:var(--sty-sidebar-hover)!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-category-toggle:active{background:var(--sty-sidebar-pressed)!important;transform:scale(.985)!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-current>.sty-menu-category-toggle{
  background:var(--sty-sidebar-active)!important;color:#FFF6B8!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-current>.sty-menu-category-toggle::before{
  width:2px!important;background:var(--sty-accent)!important;border-radius:99px!important;box-shadow:0 0 0 1px rgba(240,198,9,.04)!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-item__chevron{color:var(--sty-sidebar-faint)!important;transition:transform var(--sty-transition),color var(--sty-transition)!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-open>.sty-menu-category-toggle .sty-menu-item__chevron{color:var(--sty-sidebar-muted)!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item{
  min-height:35px!important;color:#8F9096!important;background:transparent!important;border:0!important;border-radius:9px!important;font-weight:470!important;
  transition:background var(--sty-transition),color var(--sty-transition),transform var(--sty-transition-fast)!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item:hover{background:var(--sty-sidebar-hover)!important;color:var(--sty-sidebar-text-2)!important;transform:translateX(1px)!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item.is-active,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item[aria-current="page"]{
  background:rgba(240,198,9,.11)!important;color:#F6D83A!important;font-weight:570!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-dot{width:4px!important;height:4px!important;background:currentColor!important;opacity:.32!important;box-shadow:none!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item.is-active .sty-submenu-dot{background:var(--sty-accent)!important;opacity:1!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar :where(.sty-profile-card,.sty-logout,.sty-sidebar__collapse,.sty-sidebar__footer-action,.sty-sidebar__quick-link){
  color:var(--sty-sidebar-muted)!important;background:rgba(255,255,255,.04)!important;border-color:var(--sty-sidebar-line)!important;box-shadow:none!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar :where(.sty-profile-card,.sty-logout,.sty-sidebar__collapse,.sty-sidebar__footer-action,.sty-sidebar__quick-link):hover{
  color:var(--sty-sidebar-text)!important;background:rgba(255,255,255,.07)!important;border-color:var(--sty-sidebar-line-strong)!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar__profile{background:var(--sty-sidebar-bg)!important;border-top-color:var(--sty-sidebar-line)!important}
body.sty-global-shell.sty-erp-platform .sty-profile-avatar{background:var(--sty-sidebar-bg-3)!important;color:var(--sty-sidebar-text)!important;border-color:var(--sty-sidebar-line)!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar__quick-editor{background:rgba(17,19,24,.98)!important;border-color:var(--sty-sidebar-line)!important;box-shadow:0 22px 58px rgba(0,0,0,.36)!important}
body.sty-global-shell.sty-erp-platform .sty-quick-option{color:var(--sty-sidebar-text-2)!important;border-bottom-color:var(--sty-sidebar-line)!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar__collapse:focus-visible,
body.sty-global-shell.sty-erp-platform .sty-sidebar a:focus-visible,
body.sty-global-shell.sty-erp-platform .sty-sidebar button:focus-visible{outline:0!important;box-shadow:0 0 0 3px rgba(240,198,9,.18)!important}

/* Top bar symbols and system-like controls. */
body.sty-global-shell.sty-erp-platform .sty-os-actions .sty-symbol{width:17px;height:17px}
body.sty-global-shell.sty-erp-platform .sty-cmd-trigger .sty-symbol{color:var(--sty-muted)}
body.sty-global-shell.sty-erp-platform .sty-os-icon-btn{
  border-radius:11px!important;border:1px solid var(--sty-line)!important;background:rgba(255,255,255,.72)!important;color:var(--sty-text-2)!important;
  box-shadow:var(--sty-shadow-xs)!important;transition:background var(--sty-transition),border-color var(--sty-transition),transform var(--sty-transition-fast),box-shadow var(--sty-transition)!important;
}
body.sty-global-shell.sty-erp-platform .sty-os-icon-btn:hover{background:var(--sty-surface)!important;border-color:var(--sty-line-strong)!important;box-shadow:var(--sty-shadow-sm)!important;transform:translateY(-1px)!important}
body.sty-global-shell.sty-erp-platform .sty-os-icon-btn:active{transform:scale(.97)!important}
body.sty-global-shell.sty-erp-platform .sty-user-menu-item>.sty-symbol{width:18px;height:18px;color:var(--sty-muted)}
body.sty-global-shell.sty-erp-platform .sty-user-menu-item:hover>.sty-symbol{color:var(--sty-text)}
body.sty-global-shell.sty-erp-platform .sty-user-menu-item.danger>.sty-symbol{color:var(--sty-danger)}
body.sty-global-shell.sty-erp-platform .sty-user-chevron .sty-symbol{width:14px;height:14px}
body.sty-global-shell.sty-erp-platform .sty-sales-theme-icon .sty-symbol{width:14px;height:14px}

/* Apple-soft global interaction finish, without modifying semantic/layout behavior. */
body.sty-erp-platform .sty-os-main :where(button,.btn,.sales-btn,.fin2-btn,.dc-btn,.auto-btn,.sty-btn,.ui-btn,a.button,a.btn){
  transition:background-color var(--sty-transition),border-color var(--sty-transition),color var(--sty-transition),box-shadow var(--sty-transition),transform var(--sty-transition-fast),opacity var(--sty-transition-fast)!important;
}
body.sty-erp-platform .sty-os-main :where(button,.btn,.sales-btn,.fin2-btn,.dc-btn,.auto-btn,.sty-btn,.ui-btn,a.button,a.btn):active:not(:disabled){transform:scale(.985)!important}
body.sty-erp-platform .sty-os-main :where(button,.btn,.sales-btn,.fin2-btn,.dc-btn,.auto-btn,.sty-btn,.ui-btn,a.button,a.btn):focus-visible{
  outline:0!important;box-shadow:0 0 0 4px var(--sty-focus)!important;
}
body.sty-erp-platform .sty-os-main :where(.card,.ui-card,.sales-card,.fin2-card,.sty-time-card,.sty-time-kpi,.dc-card,.auto-card,.stk-card,.panel,.metric-card,.goal-card,.report-card,.bonus-card,.kpi-card,.sty-card,.sty-stat){
  transition:background-color var(--sty-transition),border-color var(--sty-transition),box-shadow var(--sty-transition),transform var(--sty-transition)!important;
}
body.sty-erp-platform .sty-os-main :where(details>summary){transition:background-color var(--sty-transition),color var(--sty-transition),border-color var(--sty-transition)!important}
body.sty-erp-platform .sty-os-main :where(.tabs,.sty-tabs,.sales-segmented,.sty-segmented,.segmented-control) :where(button,a,[role="tab"]){transition:background-color var(--sty-transition),color var(--sty-transition),box-shadow var(--sty-transition),transform var(--sty-transition-fast)!important}
body.sty-erp-platform .sty-os-main :where(.tabs,.sty-tabs,.sales-segmented,.sty-segmented,.segmented-control) :where(button,a,[role="tab"]):active{transform:scale(.98)!important}

/* Refined modal/dropdown motion. Existing show/hide logic remains untouched. */
body.sty-erp-platform :where(.modal,.dialog,.sty-modal,.sales-modal,.ui-modal,.sty-erp-modal){transition:opacity var(--sty-transition-slow),transform var(--sty-transition-slow)!important}
body.sty-erp-platform :where(.dropdown-menu,.sty-user-popover,.sty-menu-popover,.popover){transform-origin:top right;transition:opacity var(--sty-transition),transform var(--sty-transition),visibility var(--sty-transition)!important}

/* One subtle page entrance after normal navigation. */
@keyframes styErpPageInV207{from{opacity:.01;transform:translateY(4px)}to{opacity:1;transform:none}}
body.sty-erp-enter .sty-os-main{animation:styErpPageInV207 280ms var(--sty-motion-spring) both}

/* Public/auth/customer screens inherit the same visual language without changing their structure. */
body.sty-public-shell{
  min-height:100vh;background:var(--sty-bg)!important;color:var(--sty-text)!important;font-family:var(--sty-font-sans)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
body.sty-public-shell :where(.login-card,.cp-card,.op-card,.guide-sheet,.card){
  background:var(--sty-surface)!important;border:1px solid var(--sty-line)!important;border-radius:var(--sty-radius-lg)!important;box-shadow:var(--sty-shadow)!important;color:var(--sty-text)!important;
}
body.sty-public-shell :where(.login-input,.cp-textarea,.op-input,.op-select,.sales-input,input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  border-radius:11px!important;border-color:var(--sty-line-strong)!important;box-shadow:none!important;transition:border-color var(--sty-transition),box-shadow var(--sty-transition),background var(--sty-transition)!important;
}
body.sty-public-shell :where(.login-input,.cp-textarea,.op-input,.op-select,.sales-input,input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus{
  outline:0!important;border-color:#B79500!important;box-shadow:0 0 0 4px var(--sty-focus)!important;
}
body.sty-public-shell :where(.login-submit,.cp-btn,.op-btn,.sales-btn,button){transition:background-color var(--sty-transition),color var(--sty-transition),border-color var(--sty-transition),box-shadow var(--sty-transition),transform var(--sty-transition-fast)!important}
body.sty-public-shell :where(.login-submit,.cp-btn,.op-btn,.sales-btn,button):active:not(:disabled){transform:scale(.985)!important}
body.sty-public-shell :where(.cp-pill,.cp-status,.op-status,.guide-status){border-radius:999px!important;box-shadow:none!important}
body.sty-public-shell :where(.cp-top,.op-top,.guide-head){border-color:var(--sty-line)!important}
body.sty-public-shell :where(.cp-sub,.cp-note,.op-sub,.op-note,.op-privacy,.guide-muted,.secure-note){color:var(--sty-muted)!important}
body.sty-public-shell :where(.cp-progress,.op-progress){border-radius:999px!important;overflow:hidden!important}
body.sty-public-shell :where(.login-page,.cp-wrap,.op-wrap,.guide-one){animation:styErpPageInV207 320ms var(--sty-motion-spring) both}

/* Dark mode keeps sidebar black and all content surfaces dark. */
body.sty-global-shell.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-os-icon-btn,
html[data-theme="dark"] body.sty-global-shell.sty-erp-platform .sty-os-icon-btn{background:var(--sty-surface-2)!important;color:var(--sty-text-2)!important;border-color:var(--sty-line)!important}

@media (prefers-reduced-motion:reduce){
  body.sty-erp-enter .sty-os-main,body.sty-public-shell :where(.login-page,.cp-wrap,.op-wrap,.guide-one){animation:none!important}
  body.sty-erp-platform *,body.sty-public-shell *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}


/* ========================================================================== 
   V2.07.1 - ACTIVE MENU + CORE MODULE VISUAL INTEGRATION
   Visual-only hotfix. Preserves markup, routes, permissions and business rules.
   ========================================================================== */

/* Selected navigation must stay unmistakably STY yellow on the black sidebar. */
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-current>.sty-menu-category-toggle,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-current>.sty-menu-category-toggle:hover,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-current>.sty-menu-category-toggle:active{
  background:var(--sty-accent)!important;
  background-image:none!important;
  color:var(--sty-accent-ink)!important;
  border-color:rgba(240,198,9,.88)!important;
  box-shadow:0 1px 1px rgba(0,0,0,.12),0 6px 18px rgba(240,198,9,.13)!important;
  text-shadow:none!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-current>.sty-menu-category-toggle :where(i,svg,span,strong),
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-current>.sty-menu-category-toggle .sty-symbol{
  color:var(--sty-accent-ink)!important;
  stroke:currentColor!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-current>.sty-menu-category-toggle::before{display:none!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-current>.sty-menu-category-toggle .sty-menu-item__chevron{color:rgba(23,20,0,.62)!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item.is-active,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item[aria-current="page"]{
  background:var(--sty-accent)!important;
  background-image:none!important;
  color:var(--sty-accent-ink)!important;
  font-weight:620!important;
  box-shadow:0 1px 1px rgba(0,0,0,.10),0 5px 15px rgba(240,198,9,.10)!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item.is-active :where(i,svg,span,strong),
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item[aria-current="page"] :where(i,svg,span,strong){color:var(--sty-accent-ink)!important;stroke:currentColor!important}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item.is-active .sty-submenu-dot,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item[aria-current="page"] .sty-submenu-dot{background:var(--sty-accent-ink)!important;opacity:.74!important}

/* Shared Apple-white surface recipe for the high-use ERP modules. */
body.sty-erp-platform :where(
  .sales-card,.sales-kpi,.sales-table-wrap,.sales-toolbar,.sales-disclosure,.sales-detail-section,.sales-v135-section,
  .fin2-card,.fin2-kpi,.fin2-table-wrap,.fin2-summary-strip,.fin2-list,.fin2-health,
  .sty-time-card,.sty-time-kpi,.sty-time-table-wrap,.sty-time-side .sty-time-card,
  .sty-dash-card,.sty-ios-widget,.sty-exec-chart-card,.sty-chart-box,.sty-finance-op-metric,
  .orders-command-shell,.orders-control-center,.advanced-panel,.quick-panel,.order-card,
  .techq-card,.techq-stat,.techq-search,.techq-empty,
  .goals-chart-card,.goals-mini-kpi,.g-card,.gf-card,.gf-panel,.ui-card-ios,.ios-list-container
){
  background:var(--sty-surface)!important;
  background-image:none!important;
  border:1px solid var(--sty-line)!important;
  border-radius:var(--sty-radius)!important;
  box-shadow:var(--sty-shadow-xs)!important;
  color:var(--sty-text)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.sty-erp-platform :where(
  .sales-card,.sales-kpi,.fin2-card,.fin2-kpi,.sty-time-card,.sty-dash-card,.sty-ios-widget,
  .sty-exec-chart-card,.order-card,.techq-card,.techq-stat,.goals-chart-card,.goals-mini-kpi,.g-card,.gf-card,.ui-card-ios
){transition:border-color var(--sty-transition),box-shadow var(--sty-transition),transform var(--sty-transition),background-color var(--sty-transition)!important}
body.sty-erp-platform :where(
  .sales-card,.fin2-card,.sty-time-card,.sty-dash-card,.sty-ios-widget,.sty-exec-chart-card,.order-card,.techq-card,.goals-chart-card,.g-card,.gf-card,.ui-card-ios
):hover{border-color:var(--sty-line-strong)!important;box-shadow:var(--sty-shadow-sm)!important}

/* SALES — remove old gradients/heavy surfaces while preserving all controls and layout. */
body.sty-module-sales .sales-app{
  --s-bg:var(--sty-bg);--s-card:var(--sty-surface);--s-soft:var(--sty-surface-2);--s-text:var(--sty-text);--s-muted:var(--sty-muted);--s-line:var(--sty-line);
  --sales-jobie-bg:var(--sty-bg);--sales-jobie-surface:var(--sty-surface);--sales-jobie-soft:var(--sty-surface-2);--sales-jobie-line:var(--sty-line);
  --sales-jobie-text:var(--sty-text);--sales-jobie-muted:var(--sty-muted);--sales-jobie-shadow:var(--sty-shadow-xs);
  --sales-v135-text:var(--sty-text);--sales-v135-muted:var(--sty-muted);--sales-v135-border:var(--sty-line);--sales-v135-soft:var(--sty-surface-2);
}
body.sty-module-sales .sty-os-main :where(.sales-top,.sales-module-header){background:var(--sty-surface)!important;background-image:none!important;border:1px solid var(--sty-line)!important;border-radius:var(--sty-radius-lg)!important;box-shadow:var(--sty-shadow-xs)!important}
body.sty-module-sales .sty-os-main :where(.sales-top,.sales-module-header)::before{background:var(--sty-accent)!important;width:3px!important}
body.sty-module-sales .sty-os-main :where(.sales-title,.sales-module-title){font-weight:650!important;letter-spacing:-.025em!important;color:var(--sty-text)!important}
body.sty-module-sales .sty-os-main :where(.sales-sub,.sales-card-sub,.sales-muted,.sales-meta-line){color:var(--sty-muted)!important}
body.sty-module-sales .sty-os-main :where(.sales-btn.primary,.sales-v176-stage-action.primary,button.sales-btn.primary){background:var(--sty-accent)!important;background-image:none!important;color:var(--sty-accent-ink)!important;border-color:var(--sty-accent)!important;box-shadow:none!important}
body.sty-module-sales .sty-os-main :where(.sales-input,.sales-select,.sales-textarea){background:var(--sty-surface)!important;color:var(--sty-text)!important;border-color:var(--sty-line-strong)!important;box-shadow:none!important}
body.sty-module-sales .sty-os-main :where(.sales-table,.sales-items table) th{background:var(--sty-surface-2)!important;color:var(--sty-muted)!important;border-color:var(--sty-line)!important}
body.sty-module-sales .sty-os-main :where(.sales-table,.sales-items table) td{border-color:var(--sty-line)!important}

/* DASHBOARD — same data and widgets, one quiet premium visual hierarchy. */
body.sty-module-dashboard .sty-os-main :where(.sty-glass,.sty-widget-top,.sty-layout-zone){background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.sty-module-dashboard .sty-os-main :where(.sty-dash-card,.sty-ios-widget,.sty-exec-chart-card,.sty-chart-box){overflow:hidden}
body.sty-module-dashboard .sty-os-main :where(.sty-card-title,.sty-widget-title,.sty-widget-label,.sty-widget-headline){color:var(--sty-text)!important;text-shadow:none!important}
body.sty-module-dashboard .sty-os-main :where(.sty-widget-caption,.sty-widget-mini,.sty-muted-mini,.sty-chart-context){color:var(--sty-muted)!important}
body.sty-module-dashboard .sty-os-main :where(.sty-widget-action,.sty-card-tool,.sty-action){border-color:var(--sty-line)!important;background:var(--sty-surface-2)!important;color:var(--sty-text-2)!important;box-shadow:none!important}
body.sty-module-dashboard .sty-os-main :where(.sty-widget-action,.sty-card-tool,.sty-action):hover{background:var(--sty-surface)!important;border-color:var(--sty-line-strong)!important;box-shadow:var(--sty-shadow-xs)!important}

/* ORDERS — index + detail + technical queue keep structure, gain the same surfaces. */
body.sty-orders-shell .sty-os-main :where(.orders-command-shell,.orders-control-center,.advanced-panel,.quick-panel,.table,.cal-day,.order-card),
body.sty-order-view-shell .sty-os-main :where(.card,.panel,.ops-card,.ops-panel,.rep-box,.plan-mini,.grade-block,.lbox){background:var(--sty-surface)!important;border-color:var(--sty-line)!important;box-shadow:var(--sty-shadow-xs)!important;color:var(--sty-text)!important}
body.sty-order-view-shell .sty-os-main :where(.sub,.muted,.meta,.ov-eyebrow,.rep-meta){color:var(--sty-muted)!important}
body.sty-module-orders .sty-os-main :where(.techq-note,.techq-migration){box-shadow:none!important;border:1px solid rgba(185,106,17,.16)!important}
body.sty-module-orders .sty-os-main .techq-btn.primary{background:var(--sty-accent)!important;color:var(--sty-accent-ink)!important;box-shadow:none!important}
body.sty-module-orders .sty-os-main .techq-btn.soft{background:var(--sty-surface-2)!important;color:var(--sty-text)!important;border:1px solid var(--sty-line)!important}
body.sty-module-orders .sty-os-main .techq-track{background:var(--sty-surface-3)!important}.sty-module-orders .sty-os-main .techq-track span{background:var(--sty-accent)!important}

/* TECHNICAL ORDER WIZARD — neutralize old dark/iOS variables without changing a field or step. */
body.sty-order-wizard.sty-erp-platform{
  --ow-bg:var(--sty-bg);--ow-surface:var(--sty-surface);--ow-surface-2:var(--sty-surface-2);--ow-text:var(--sty-text);--ow-muted:var(--sty-muted);--ow-border:var(--sty-line);--ow-border-strong:var(--sty-line-strong);--ow-shadow:var(--sty-shadow-xs);--ow-shadow-lg:var(--sty-shadow-lg);
  --ios-bg:var(--sty-bg);--ios-card-bg:var(--sty-surface);--ios-input-bg:var(--sty-surface-2);--ios-input-bg-focus:var(--sty-surface);--ios-card-border:var(--sty-line);--ios-separator:var(--sty-line);
  --ios-surface-1:var(--sty-surface);--ios-surface-2:var(--sty-surface-2);--ios-surface-3:var(--sty-surface-3);--glass-bg:var(--sty-surface);--glass-blur:none;--glass-border:1px solid var(--sty-line);
  --ios-blue:var(--sty-accent);--ios-green:var(--sty-success);--ios-red:var(--sty-danger);--ios-orange:var(--sty-warning);--ios-indigo:var(--sty-info);
  --ios-text-primary:var(--sty-text);--ios-text-secondary:var(--sty-muted);--ios-text-tertiary:var(--sty-disabled);--text-primary:var(--sty-text);--text-secondary:var(--sty-muted);--text-tertiary:var(--sty-disabled);
  --sys-bg:var(--sty-bg);--sys-surface:var(--sty-surface);--sys-surface-hover:var(--sty-surface-hover);--sys-border:var(--sty-line);--sys-text:var(--sty-text);--sys-text-primary:var(--sty-text);--sys-text-secondary:var(--sty-muted);--sys-muted:var(--sty-muted);
  --primary:var(--sty-accent);--primary2:var(--sty-accent-hover);--color-primary:var(--sty-accent);--color-primary-rgb:240,198,9;--color-primary-grad:var(--sty-accent);--color-accent:var(--sty-accent);
  --shadow-card:var(--sty-shadow);--shadow-float:var(--sty-shadow-sm);--shadow-focus:0 0 0 4px var(--sty-focus);--border-light:var(--sty-line);
  background:var(--sty-bg)!important;color:var(--sty-text)!important;
}
body.sty-order-wizard.sty-erp-platform :where(.glass-card,.ios-card,.ios-card-group,.card,.form-card,.stage>.card,.ow-summary-card,.ow-readiness-card,.ow-help-card,.dc-result-card){background:var(--sty-surface)!important;background-image:none!important;color:var(--sty-text)!important;border:1px solid var(--sty-line)!important;box-shadow:var(--sty-shadow-xs)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.sty-order-wizard.sty-erp-platform :where(.form-control,.ios-input,.ios-select,.dc-field input,.dc-field select,.dc-field textarea){background:var(--sty-surface)!important;color:var(--sty-text)!important;border-color:var(--sty-line-strong)!important;box-shadow:none!important}
body.sty-order-wizard.sty-erp-platform :where(.btn-primary,.btn-ios,.ow-nav-primary){background:var(--sty-accent)!important;background-image:none!important;color:var(--sty-accent-ink)!important;border-color:var(--sty-accent)!important;box-shadow:none!important}
body.sty-order-wizard.sty-erp-platform :where(.btn-ghost,.btn-outline,.ow-nav-secondary){background:var(--sty-surface)!important;color:var(--sty-text)!important;border-color:var(--sty-line-strong)!important;box-shadow:none!important}
body.sty-order-wizard.sty-erp-platform :where(.glass-nav,.header-hero,.ow-topbar){background:var(--sty-surface)!important;background-image:none!important;color:var(--sty-text)!important;border-color:var(--sty-line)!important;box-shadow:var(--sty-shadow-xs)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.sty-order-wizard.sty-erp-platform :where(.step-segment.active,.ow-step.is-current .ow-step-dot,.ow-step.active .ow-step-dot){background:var(--sty-accent)!important;color:var(--sty-accent-ink)!important;border-color:var(--sty-accent)!important}

/* FINANCE — bind its own tokens to the platform and remove heavy local shadows. */
body.sty-module-finance .fin2{--f-bg:var(--sty-bg);--f-card:var(--sty-surface);--f-card-soft:var(--sty-surface-2);--f-text:var(--sty-text);--f-muted:var(--sty-muted);--f-line:var(--sty-line);--f-line-strong:var(--sty-line-strong);--f-gold:var(--sty-accent);--f-gold-soft:var(--sty-accent-soft);--f-radius:var(--sty-radius);--f-radius-sm:var(--sty-radius-sm);--f-shadow:var(--sty-shadow-xs);--f-shadow-hover:var(--sty-shadow-sm)}
body.sty-module-finance .sty-os-main :where(.fin2-top,.fin2-card,.fin2-kpi,.fin2-table-wrap,.fin2-list,.fin2-summary-strip){background:var(--sty-surface)!important;background-image:none!important;border-color:var(--sty-line)!important;box-shadow:var(--sty-shadow-xs)!important;color:var(--sty-text)!important}
body.sty-module-finance .sty-os-main :where(.fin2-input,.fin2-select,.fin2-textarea){background:var(--sty-surface)!important;color:var(--sty-text)!important;border-color:var(--sty-line-strong)!important;box-shadow:none!important}
body.sty-module-finance .sty-os-main .fin2-btn.primary{background:var(--sty-accent)!important;background-image:none!important;color:var(--sty-accent-ink)!important;border-color:var(--sty-accent)!important;box-shadow:none!important}
body.sty-module-finance .sty-os-main .fin2-table th{background:var(--sty-surface-2)!important;color:var(--sty-muted)!important;border-color:var(--sty-line)!important}
body.sty-module-finance .sty-os-main .fin2-table td{border-color:var(--sty-line)!important}

/* GOALS — keep charts/data/status semantics; strip the old iOS/glass skin. */
body.sty-goals-shell .sty-os-main :where(.glass,.widget,.card,.kpi,.g-kpi,.gf-kpi,.goals-chart-card,.goals-mini-kpi,.ui-card-ios,.ios-list-container,.table-wrapper){background:var(--sty-surface)!important;background-image:none!important;color:var(--sty-text)!important;border-color:var(--sty-line)!important;box-shadow:var(--sty-shadow-xs)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.sty-goals-shell .sty-os-main :where(.d-h1,.ui-title-ios,.ui-title,.goals-card-head strong){color:var(--sty-text)!important;text-shadow:none!important}
body.sty-goals-shell .sty-os-main :where(.d-sub,.ui-subtitle-ios,.ui-subtitle,.sub,.muted,.hint,.kpi-sub){color:var(--sty-muted)!important;text-shadow:none!important}
body.sty-goals-shell .sty-os-main :where(.btn-primary,.btn.primary,.gf-btn.primary,.btn-ios.primary){background:var(--sty-accent)!important;background-image:none!important;color:var(--sty-accent-ink)!important;border-color:var(--sty-accent)!important;box-shadow:none!important}
body.sty-goals-shell .sty-os-main :where(.input,.inp,.ui-input-ios,.gf-select,select,textarea){background:var(--sty-surface)!important;color:var(--sty-text)!important;border-color:var(--sty-line-strong)!important;box-shadow:none!important}

/* STY PONTO — consistent surface, form and table treatment on every page. */
body.sty-module-time .sty-time-page{color:var(--sty-text)!important}
body.sty-module-time .sty-os-main :where(.sty-time-hero,.sty-time-card,.sty-time-kpi,.sty-time-table-wrap,.sty-time-side .sty-time-card,.sty-time-upload,.sty-time-analysis,.sty-time-pending-item){background:var(--sty-surface)!important;background-image:none!important;color:var(--sty-text)!important;border-color:var(--sty-line)!important;box-shadow:var(--sty-shadow-xs)!important}
body.sty-module-time .sty-os-main :where(.sty-time-input,.sty-time-select,.sty-time-textarea){background:var(--sty-surface)!important;color:var(--sty-text)!important;border-color:var(--sty-line-strong)!important;box-shadow:none!important}
body.sty-module-time .sty-os-main .sty-time-btn.primary{background:var(--sty-accent)!important;background-image:none!important;color:var(--sty-accent-ink)!important;border-color:var(--sty-accent)!important;box-shadow:none!important}
body.sty-module-time .sty-os-main .sty-time-table th{background:var(--sty-surface-2)!important;color:var(--sty-muted)!important;border-color:var(--sty-line)!important}
body.sty-module-time .sty-os-main .sty-time-table td{border-color:var(--sty-line)!important}

/* Dark mode remains fully dark in all integrated modules. */
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) :where(
  .sales-card,.sales-kpi,.sales-table-wrap,.fin2-card,.fin2-kpi,.fin2-table-wrap,.sty-time-card,.sty-time-kpi,.sty-time-table-wrap,
  .sty-dash-card,.sty-ios-widget,.sty-exec-chart-card,.sty-chart-box,.orders-command-shell,.orders-control-center,.advanced-panel,.quick-panel,.order-card,
  .techq-card,.techq-stat,.techq-search,.goals-chart-card,.goals-mini-kpi,.g-card,.gf-card,.gf-panel,.ui-card-ios,.ios-list-container
),
html[data-theme="dark"] body.sty-erp-platform :where(
  .sales-card,.sales-kpi,.sales-table-wrap,.fin2-card,.fin2-kpi,.fin2-table-wrap,.sty-time-card,.sty-time-kpi,.sty-time-table-wrap,
  .sty-dash-card,.sty-ios-widget,.sty-exec-chart-card,.sty-chart-box,.orders-command-shell,.orders-control-center,.advanced-panel,.quick-panel,.order-card,
  .techq-card,.techq-stat,.techq-search,.goals-chart-card,.goals-mini-kpi,.g-card,.gf-card,.gf-panel,.ui-card-ios,.ios-list-container
){background:var(--sty-surface)!important;color:var(--sty-text)!important;border-color:var(--sty-line)!important}

/* ========================================================================== 
   V2.07.2 - SIDEBAR ACTIVE/OPEN STATE DEFINITIVE FIX
   Visual-only. Keeps the sidebar black and every clicked/open/current group
   unmistakably STY yellow. Also neutralizes legacy gold rules that forced
   black text on non-selected transparent groups.
   ========================================================================== */

/* Normal/closed group: readable light text on the black sidebar. */
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-category-toggle,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-closed>.sty-menu-category-toggle{
  background:transparent!important;
  background-image:none!important;
  color:var(--sty-sidebar-muted)!important;
  border-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-category-toggle :where(i,svg,span,strong),
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-category-toggle .sty-symbol,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-category-toggle .sty-menu-item__label,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-category-toggle .sty-menu-item__chevron{
  color:inherit!important;
  stroke:currentColor!important;
  text-shadow:none!important;
}

/* Hover on a CLOSED group remains restrained; it must not look selected. */
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-closed>.sty-menu-category-toggle:hover,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-closed>.sty-menu-category-toggle:focus-visible{
  background:var(--sty-sidebar-hover)!important;
  background-image:none!important;
  color:var(--sty-sidebar-text)!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

/* CLICKED/OPEN and CURRENT route are both selected states: solid STY yellow. */
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-open>.sty-menu-category-toggle,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-open>.sty-menu-category-toggle:hover,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-open>.sty-menu-category-toggle:focus-visible,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-open>.sty-menu-category-toggle:active,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-current>.sty-menu-category-toggle,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-current>.sty-menu-category-toggle:hover,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-current>.sty-menu-category-toggle:focus-visible,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-current>.sty-menu-category-toggle:active,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-category-toggle[aria-expanded="true"]{
  background:#F0C609!important;
  background-image:none!important;
  color:#171400!important;
  border:1px solid rgba(240,198,9,.98)!important;
  box-shadow:0 1px 1px rgba(0,0,0,.12),0 7px 20px rgba(240,198,9,.18)!important;
  filter:none!important;
  text-shadow:none!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-open>.sty-menu-category-toggle :where(i,svg,span,strong),
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-current>.sty-menu-category-toggle :where(i,svg,span,strong),
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-category-toggle[aria-expanded="true"] :where(i,svg,span,strong),
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-open>.sty-menu-category-toggle .sty-symbol,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-current>.sty-menu-category-toggle .sty-symbol,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-category-toggle[aria-expanded="true"] .sty-symbol{
  color:#171400!important;
  stroke:#171400!important;
  fill:none;
  text-shadow:none!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-open>.sty-menu-category-toggle .sty-menu-item__chevron,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-current>.sty-menu-category-toggle .sty-menu-item__chevron,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-category-toggle[aria-expanded="true"] .sty-menu-item__chevron{
  color:rgba(23,20,0,.66)!important;
  stroke:currentColor!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-open>.sty-menu-category-toggle::before,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-current>.sty-menu-category-toggle::before,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-category-toggle[aria-expanded="true"]::before{
  display:none!important;
}

/* Open submenu remains quiet so the yellow parent is the visual anchor. */
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-menu-group.is-open>.sty-submenu{
  border-left-color:rgba(240,198,9,.34)!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item{
  color:#A7A8AD!important;
  background:transparent!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item:hover,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item:focus-visible{
  color:#F5F5F7!important;
  background:rgba(255,255,255,.055)!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item.is-active,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item[aria-current="page"]{
  color:#F0C609!important;
  background:rgba(240,198,9,.09)!important;
  box-shadow:none!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item.is-active :where(i,svg,span,strong),
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item[aria-current="page"] :where(i,svg,span,strong){
  color:#F0C609!important;
  stroke:currentColor!important;
}
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item.is-active .sty-submenu-dot,
body.sty-global-shell.sty-erp-platform .sty-sidebar .sty-submenu-item[aria-current="page"] .sty-submenu-dot{
  background:#F0C609!important;
  opacity:1!important;
}

/* ========================================================================== 
   V2.08 - APPLE SOFT UI CLEAN / PREMIUM INTERACTION FINISH
   Visual-only layer. Keeps STY identity, black sidebar and all existing logic.
   ========================================================================== */

:root{
  --sty-apple-canvas:#F5F5F7;
  --sty-apple-surface:#FFFFFF;
  --sty-apple-surface-raised:rgba(255,255,255,.96);
  --sty-apple-fill:#F2F2F4;
  --sty-apple-fill-hover:#ECECEF;
  --sty-apple-separator:rgba(0,0,0,.055);
  --sty-apple-separator-strong:rgba(0,0,0,.095);
  --sty-apple-shadow-card:0 .5px 1px rgba(0,0,0,.025),0 7px 24px rgba(0,0,0,.035);
  --sty-apple-shadow-card-hover:0 1px 2px rgba(0,0,0,.035),0 10px 30px rgba(0,0,0,.055);
  --sty-apple-shadow-popover:0 18px 50px rgba(0,0,0,.13),0 2px 8px rgba(0,0,0,.05);
  --sty-apple-shadow-modal:0 28px 90px rgba(0,0,0,.16),0 6px 24px rgba(0,0,0,.06);
  --sty-apple-btn-shadow:0 1px 1px rgba(0,0,0,.035),0 3px 10px rgba(0,0,0,.04);
  --sty-apple-btn-primary-shadow:0 1px 0 rgba(255,255,255,.36) inset,0 1px 1px rgba(99,77,0,.12),0 5px 14px rgba(240,198,9,.16);
  --sty-apple-focus:0 0 0 4px rgba(240,198,9,.18);
  --sty-apple-ease:cubic-bezier(.2,.8,.2,1);
  --sty-apple-spring:cubic-bezier(.22,1,.36,1);
  --sty-apple-fast:130ms var(--sty-apple-ease);
  --sty-apple-medium:200ms var(--sty-apple-ease);
  --sty-apple-slow:280ms var(--sty-apple-spring);
  --sty-apple-blur:18px;
}

body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]),
html[data-theme="dark"] body.sty-erp-platform,
html[data-sty-sales-theme="dark"] body.sty-erp-platform,
body.sty-standalone-v196:is(.theme-dark,.orders-theme-dark,.sty-standalone-dark-v196,[data-theme="dark"]),
html[data-theme="dark"] body.sty-standalone-v196{
  --sty-apple-canvas:#0E1114;
  --sty-apple-surface:#15191E;
  --sty-apple-surface-raised:rgba(21,25,30,.98);
  --sty-apple-fill:#1B2026;
  --sty-apple-fill-hover:#232930;
  --sty-apple-separator:rgba(255,255,255,.07);
  --sty-apple-separator-strong:rgba(255,255,255,.12);
  --sty-apple-shadow-card:0 1px 2px rgba(0,0,0,.18),0 8px 24px rgba(0,0,0,.18);
  --sty-apple-shadow-card-hover:0 1px 2px rgba(0,0,0,.24),0 12px 34px rgba(0,0,0,.24);
  --sty-apple-shadow-popover:0 20px 54px rgba(0,0,0,.42),0 3px 12px rgba(0,0,0,.24);
  --sty-apple-shadow-modal:0 32px 96px rgba(0,0,0,.52),0 7px 26px rgba(0,0,0,.28);
  --sty-apple-btn-shadow:0 1px 1px rgba(0,0,0,.22),0 4px 12px rgba(0,0,0,.14);
}

/* Canvas and typography polish. */
body.sty-erp-platform,
body.sty-standalone-v196,
body.sty-public-shell{
  background:var(--sty-apple-canvas)!important;
  font-family:var(--sty-font-sans)!important;
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
body.sty-erp-platform .sty-os-main{background:var(--sty-apple-canvas)!important}
body.sty-erp-platform :where(h1,h2,h3,h4,h5,h6),
body.sty-standalone-v196 :where(h1,h2,h3,h4,h5,h6),
body.sty-public-shell :where(h1,h2,h3,h4,h5,h6){text-wrap:balance}

/* Apple-clean surfaces: light separation, almost no visual noise. */
body.sty-erp-platform .sty-os-main :where(
  .sty-erp-card,.sty-erp-kpi,.card,.ui-card,.sales-card,.sales-kpi,.fin2-card,.fin2-kpi,
  .sty-time-card,.sty-time-kpi,.dc-card,.auto-card,.stk-card,.panel,.metric-card,.goal-card,
  .report-card,.bonus-card,.kpi-card,.sty-card,.sty-stat,.sty-dash-card,.sty-ios-widget,
  .sty-exec-chart-card,.order-card,.techq-card,.techq-stat,.g-card,.gf-card,.ui-card-ios
){
  background:var(--sty-apple-surface)!important;
  background-image:none!important;
  border-color:var(--sty-apple-separator)!important;
  box-shadow:var(--sty-apple-shadow-card)!important;
}
body.sty-erp-platform .sty-os-main :where(
  a.sty-erp-card,a.card,a.ui-card,a.sales-card,a.fin2-card,a.sty-time-card,a.dc-card,
  button.card,button.ui-card,[role="button"].card,[role="button"].sty-erp-card
){
  transition:transform var(--sty-apple-medium),box-shadow var(--sty-apple-medium),border-color var(--sty-apple-medium),background-color var(--sty-apple-medium)!important;
}
body.sty-erp-platform .sty-os-main :where(
  a.sty-erp-card,a.card,a.ui-card,a.sales-card,a.fin2-card,a.sty-time-card,a.dc-card,
  button.card,button.ui-card,[role="button"].card,[role="button"].sty-erp-card
):hover{
  transform:translateY(-1px)!important;
  border-color:var(--sty-apple-separator-strong)!important;
  box-shadow:var(--sty-apple-shadow-card-hover)!important;
}
body.sty-erp-platform .sty-os-main :where(
  a.sty-erp-card,a.card,a.ui-card,a.sales-card,a.fin2-card,a.sty-time-card,a.dc-card,
  button.card,button.ui-card,[role="button"].card,[role="button"].sty-erp-card
):active{transform:translateY(0) scale(.995)!important}

/* --------------------------------------------------------------------------
   BUTTONS — premium tactile controls, STY yellow stays the primary action.
   -------------------------------------------------------------------------- */
.sty-erp-btn,
body.sty-erp-platform .sty-os-main :where(.btn,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,.btn2),
body.sty-public-shell :where(.login-submit,.cp-btn,.op-btn,.sales-btn,.btn,button:not(.sty-menu-category-toggle)){
  -webkit-tap-highlight-color:transparent;
  border-radius:11px!important;
  border-width:1px!important;
  font-weight:590!important;
  letter-spacing:-.005em!important;
  box-shadow:var(--sty-apple-btn-shadow)!important;
  transition:transform var(--sty-apple-fast),box-shadow var(--sty-apple-medium),background-color var(--sty-apple-medium),border-color var(--sty-apple-medium),color var(--sty-apple-medium),opacity var(--sty-apple-fast)!important;
}
.sty-erp-btn:not(.primary):not(.success):not(.danger):not(.dark):not(.ghost),
body.sty-erp-platform .sty-os-main :where(.btn,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,.btn2):not(.primary):not(.btn-primary):not(.danger):not(.btn-danger),
body.sty-public-shell :where(.cp-btn,.op-btn,.sales-btn,.btn,button):not(.primary):not(.btn-primary):not(.danger):not(.login-submit){
  background:linear-gradient(180deg,var(--sty-surface) 0%,var(--sty-surface-2) 100%)!important;
  border-color:var(--sty-apple-separator-strong)!important;
  color:var(--sty-text)!important;
}
.sty-erp-btn.primary,
body.sty-erp-platform .sty-os-main :where(.btn-primary,.btn.primary,.ui-btn.primary,.sales-btn.primary,.fin2-btn.primary,.sty-time-btn.primary,.dc-btn.primary,.auto-btn.primary,.sty-btn.primary,.btn2.primary,button[type="submit"].sty-primary),
body.sty-public-shell :where(.login-submit,.cp-btn.primary,.op-btn.primary,.sales-btn.primary,.btn.primary){
  background:linear-gradient(180deg,#F5D31B 0%,var(--sty-accent) 58%,#E9BC00 100%)!important;
  border-color:#DBB200!important;
  color:var(--sty-accent-ink)!important;
  box-shadow:var(--sty-apple-btn-primary-shadow)!important;
  text-shadow:0 1px rgba(255,255,255,.16)!important;
}
.sty-erp-btn.danger,
body.sty-erp-platform .sty-os-main :where(.btn-danger,.btn.danger,.ui-btn.danger,.sales-btn.danger,.fin2-btn.danger,.dc-btn.danger,.auto-btn.danger,.sty-btn.danger){
  background:linear-gradient(180deg,color-mix(in srgb,var(--sty-danger-soft) 78%,#fff 22%),var(--sty-danger-soft))!important;
  border-color:color-mix(in srgb,var(--sty-danger) 25%,transparent)!important;
  color:var(--sty-danger)!important;
  box-shadow:0 1px 1px rgba(0,0,0,.02)!important;
}
.sty-erp-btn.ghost,
body.sty-erp-platform .sty-os-main :where(.btn-ghost,.btn.ghost,.ui-btn.ghost,.sales-btn.ghost,.fin2-btn.ghost,.dc-btn.ghost,.auto-btn.ghost){background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.sty-erp-btn:hover:not(:disabled),
body.sty-erp-platform .sty-os-main :where(.btn,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,.btn2):hover:not(:disabled),
body.sty-public-shell :where(.login-submit,.cp-btn,.op-btn,.sales-btn,.btn,button):hover:not(:disabled){
  transform:translateY(-1px)!important;
  filter:saturate(1.02)!important;
}
.sty-erp-btn.primary:hover:not(:disabled),
body.sty-erp-platform .sty-os-main :where(.btn-primary,.btn.primary,.ui-btn.primary,.sales-btn.primary,.fin2-btn.primary,.sty-time-btn.primary,.dc-btn.primary,.auto-btn.primary,.sty-btn.primary,.btn2.primary):hover:not(:disabled),
body.sty-public-shell :where(.login-submit,.cp-btn.primary,.op-btn.primary,.sales-btn.primary,.btn.primary):hover:not(:disabled){
  background:linear-gradient(180deg,#F8D925 0%,#F3C90D 58%,#EABD00 100%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.42) inset,0 1px 1px rgba(99,77,0,.13),0 7px 18px rgba(240,198,9,.22)!important;
}
.sty-erp-btn:active:not(:disabled),
body.sty-erp-platform .sty-os-main :where(.btn,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,.btn2):active:not(:disabled),
body.sty-public-shell :where(.login-submit,.cp-btn,.op-btn,.sales-btn,.btn,button):active:not(:disabled){
  transform:translateY(0) scale(.975)!important;
  transition-duration:80ms!important;
}
.sty-erp-btn:focus-visible,
body.sty-erp-platform .sty-os-main :where(.btn,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,.btn2):focus-visible,
body.sty-public-shell :where(.login-submit,.cp-btn,.op-btn,.sales-btn,.btn,button):focus-visible{
  outline:none!important;
  box-shadow:var(--sty-apple-focus)!important;
}
.sty-erp-btn:disabled,
body.sty-erp-platform .sty-os-main :where(.btn,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,.btn2):disabled,
body.sty-public-shell :where(.login-submit,.cp-btn,.op-btn,.sales-btn,.btn,button):disabled{opacity:.48!important;filter:saturate(.55)!important;transform:none!important;box-shadow:none!important}

/* Icon buttons read as system controls. */
body.sty-erp-platform .sty-os-main :where(.icon-btn,.btn-icon,.sty-icon-btn,.sales-icon-btn,.fin2-icon-btn,.dc-icon-btn),
body.sty-global-shell.sty-erp-platform .sty-os-icon-btn{
  border-radius:11px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,248,250,.94))!important;
  border:1px solid var(--sty-apple-separator)!important;
  box-shadow:var(--sty-apple-btn-shadow)!important;
}
html[data-theme="dark"] body.sty-erp-platform .sty-os-main :where(.icon-btn,.btn-icon,.sty-icon-btn,.sales-icon-btn,.fin2-icon-btn,.dc-icon-btn),
body.sty-erp-platform.theme-dark .sty-os-main :where(.icon-btn,.btn-icon,.sty-icon-btn,.sales-icon-btn,.fin2-icon-btn,.dc-icon-btn),
html[data-theme="dark"] body.sty-global-shell.sty-erp-platform .sty-os-icon-btn{
  background:linear-gradient(180deg,var(--sty-surface-2),var(--sty-surface-3))!important;
}

/* --------------------------------------------------------------------------
   FORMS — quiet white controls, precise focus and native accessibility.
   -------------------------------------------------------------------------- */
body.sty-erp-platform .sty-os-main :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]),
  select,textarea,.sty-erp-control,.sty-erp-select,.sty-erp-textarea,.input,.inp,.ui-input,.sales-input,.sales-select,.fin2-input,
  .sty-time-input,.sty-time-select,.sty-time-textarea,.dc-input,.auto-input,.auto-select,.sty-input,.sty-select,.sty-textarea
),
body.sty-public-shell :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){
  background:var(--sty-surface)!important;
  color:var(--sty-text)!important;
  border:1px solid var(--sty-apple-separator-strong)!important;
  border-radius:11px!important;
  box-shadow:0 1px 1px rgba(0,0,0,.018) inset!important;
  transition:border-color var(--sty-apple-medium),box-shadow var(--sty-apple-medium),background-color var(--sty-apple-medium)!important;
}
body.sty-erp-platform .sty-os-main :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]),select,textarea
):hover:not(:disabled):not(:focus),
body.sty-public-shell :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea):hover:not(:disabled):not(:focus){border-color:color-mix(in srgb,var(--sty-text) 16%,transparent)!important}
body.sty-erp-platform .sty-os-main :where(input,select,textarea):focus,
body.sty-public-shell :where(input,select,textarea):focus{
  outline:none!important;
  border-color:#C4A100!important;
  box-shadow:var(--sty-apple-focus),0 1px 1px rgba(0,0,0,.02) inset!important;
}
body.sty-erp-platform .sty-os-main :where(input[type="checkbox"],input[type="radio"],input[type="range"]),
body.sty-public-shell :where(input[type="checkbox"],input[type="radio"],input[type="range"]){accent-color:var(--sty-accent)}
body.sty-erp-platform .sty-os-main :where(input,select,textarea):disabled{background:var(--sty-surface-3)!important;color:var(--sty-disabled)!important;opacity:.78!important}
body.sty-erp-platform .sty-os-main :where(label,.sty-erp-label,.field-label,.form-label){letter-spacing:.005em}

/* --------------------------------------------------------------------------
   TABLES — calm density, fine separators and polished row feedback.
   -------------------------------------------------------------------------- */
body.sty-erp-platform .sty-os-main :where(.sty-erp-table-scroll,.table-wrap,.sales-table-wrap,.fin2-table-wrap,.sty-time-table-wrap,.dc-table-wrap){
  background:var(--sty-surface)!important;
  border-color:var(--sty-apple-separator)!important;
  box-shadow:var(--sty-apple-shadow-card)!important;
  border-radius:16px!important;
}
body.sty-erp-platform .sty-os-main :where(.sty-erp-table,.table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.auto-table,.sty-ds-table) thead th{
  background:var(--sty-surface-2)!important;
  color:var(--sty-muted)!important;
  border-color:var(--sty-apple-separator)!important;
  font-weight:600!important;
  letter-spacing:.035em!important;
  box-shadow:inset 0 -1px var(--sty-apple-separator)!important;
}
body.sty-erp-platform .sty-os-main :where(.sty-erp-table,.table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.auto-table,.sty-ds-table) tbody td{
  border-color:var(--sty-apple-separator)!important;
  transition:background-color var(--sty-apple-fast),color var(--sty-apple-fast)!important;
}
body.sty-erp-platform .sty-os-main :where(.sty-erp-table,.table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.auto-table,.sty-ds-table) tbody tr:hover>td{background:var(--sty-surface-hover)!important}
body.sty-erp-platform .sty-os-main :where(.sty-erp-table,.table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.auto-table,.sty-ds-table) tbody tr:focus-within>td{background:color-mix(in srgb,var(--sty-accent-soft) 34%,var(--sty-surface) 66%)!important}

/* --------------------------------------------------------------------------
   TABS / SEGMENTED CONTROLS / DETAILS.
   -------------------------------------------------------------------------- */
body.sty-erp-platform .sty-os-main :where(.sty-erp-tabs,.tabs,.sty-tabs,.sales-segmented,.sty-segmented,.segmented-control,.orders-view-switch){
  background:var(--sty-surface-3)!important;
  border:1px solid var(--sty-apple-separator)!important;
  border-radius:11px!important;
  box-shadow:0 1px 1px rgba(0,0,0,.02) inset!important;
}
body.sty-erp-platform .sty-os-main :where(.sty-erp-tabs,.tabs,.sty-tabs,.sales-segmented,.sty-segmented,.segmented-control,.orders-view-switch) :where(a,button,[role="tab"]){
  border-radius:9px!important;
  transition:background-color var(--sty-apple-medium),color var(--sty-apple-medium),box-shadow var(--sty-apple-medium),transform var(--sty-apple-fast)!important;
}
body.sty-erp-platform .sty-os-main :where(.sty-erp-tabs,.tabs,.sty-tabs,.sales-segmented,.sty-segmented,.segmented-control,.orders-view-switch) :where(.active,[aria-selected="true"]){
  background:var(--sty-surface)!important;
  color:var(--sty-text)!important;
  box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 1px rgba(0,0,0,.025)!important;
}
body.sty-erp-platform .sty-os-main details>summary{cursor:pointer;transition:background-color var(--sty-apple-medium),color var(--sty-apple-medium)!important}
body.sty-erp-platform .sty-os-main details[open]>:not(summary){animation:styAppleDetailsIn 190ms var(--sty-apple-ease) both}
@keyframes styAppleDetailsIn{from{opacity:.2;transform:translateY(-3px)}to{opacity:1;transform:none}}

/* --------------------------------------------------------------------------
   MODALS / DRAWERS / POPOVERS — translucent only where it improves hierarchy.
   -------------------------------------------------------------------------- */
body.sty-erp-overlay-open{overflow:hidden}
body.sty-erp-platform :where(.sty-erp-modal-backdrop,.sty-erp-drawer-backdrop,.modal-backdrop,.modal-overlay,.overlay){
  background:rgba(20,20,22,.32)!important;
  backdrop-filter:saturate(120%) blur(10px)!important;
  -webkit-backdrop-filter:saturate(120%) blur(10px)!important;
}
body.sty-erp-platform :where(.sty-erp-modal,.modal-content,.dialog-content,.sty-modal-card,.sales-modal-card,.ui-modal-card){
  background:var(--sty-apple-surface-raised)!important;
  border:1px solid var(--sty-apple-separator)!important;
  border-radius:22px!important;
  box-shadow:var(--sty-apple-shadow-modal)!important;
}
body.sty-erp-platform :where(.sty-erp-modal-root.is-open .sty-erp-modal,.modal.show .modal-dialog,.dialog.is-open .dialog-content,.sty-modal.is-open .sty-modal-card){
  animation:styAppleModalIn 240ms var(--sty-apple-spring) both!important;
}
@keyframes styAppleModalIn{from{opacity:.35;transform:translateY(8px) scale(.975)}to{opacity:1;transform:none}}
body.sty-erp-platform :where(.sty-erp-drawer,.drawer,.side-panel,.offcanvas){
  background:var(--sty-apple-surface-raised)!important;
  border-color:var(--sty-apple-separator)!important;
  box-shadow:var(--sty-apple-shadow-modal)!important;
}
body.sty-erp-platform :where(.sty-erp-drawer-root.is-open .sty-erp-drawer,.offcanvas.show,.drawer.is-open){animation:styAppleDrawerIn 260ms var(--sty-apple-spring) both!important}
@keyframes styAppleDrawerIn{from{opacity:.5;transform:translateX(18px)}to{opacity:1;transform:none}}
body.sty-erp-platform :where(.dropdown-menu,.sty-user-popover,.sty-menu-popover,.popover,.context-menu,[role="menu"]){
  background:color-mix(in srgb,var(--sty-apple-surface-raised) 92%,transparent)!important;
  border:1px solid var(--sty-apple-separator)!important;
  border-radius:14px!important;
  box-shadow:var(--sty-apple-shadow-popover)!important;
  backdrop-filter:saturate(160%) blur(var(--sty-apple-blur))!important;
  -webkit-backdrop-filter:saturate(160%) blur(var(--sty-apple-blur))!important;
}
body.sty-erp-platform :where(.dropdown-menu.show,.sty-user-popover.is-open,.sty-menu-popover.is-open,.popover.show,[role="menu"][aria-hidden="false"]){animation:styApplePopoverIn 180ms var(--sty-apple-spring) both!important}
@keyframes styApplePopoverIn{from{opacity:.2;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}

/* --------------------------------------------------------------------------
   TOAST / ALERT / LOADING / SKELETON / PROGRESS.
   -------------------------------------------------------------------------- */
.sty-erp-toast-region{gap:8px!important}
.sty-erp-toast{
  background:color-mix(in srgb,var(--sty-apple-surface-raised) 94%,transparent)!important;
  border:1px solid var(--sty-apple-separator)!important;
  border-radius:16px!important;
  box-shadow:var(--sty-apple-shadow-popover)!important;
  backdrop-filter:saturate(160%) blur(var(--sty-apple-blur))!important;
  -webkit-backdrop-filter:saturate(160%) blur(var(--sty-apple-blur))!important;
}
body.sty-erp-platform .sty-os-main :where(.alert,.notice,.flash,.sty-alert,.sales-alert,.fin2-alert,.dc-alert,.auto-alert){
  border-radius:14px!important;
  border-width:1px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.02)!important;
}
.sty-erp-skeleton,
body.sty-erp-platform .sty-os-main :where(.skeleton,.skeleton-line,.loading-skeleton){
  position:relative;overflow:hidden;background:var(--sty-surface-3)!important;border-radius:9px!important;
}
.sty-erp-skeleton::after,
body.sty-erp-platform .sty-os-main :where(.skeleton,.skeleton-line,.loading-skeleton)::after{
  content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:styAppleShimmer 1.45s ease-in-out infinite;
}
@keyframes styAppleShimmer{100%{transform:translateX(100%)}}
body.sty-erp-platform :where(.sty-loading-overlay,.loading-overlay,.loader-overlay){backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
body.sty-erp-platform .sty-os-main :where(progress,.progress,.progress-bar-wrap){border-radius:999px!important;overflow:hidden!important}
body.sty-erp-platform .sty-os-main progress{accent-color:var(--sty-accent)}

/* --------------------------------------------------------------------------
   STATUS / CHIPS / PAGINATION / TOOLTIP.
   -------------------------------------------------------------------------- */
body.sty-erp-platform :where(.sty-erp-badge,.badge,.pill,.chip,.status,.sales-badge,.dc-badge,.auto-badge){
  border-radius:999px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important;
  letter-spacing:0!important;
}
body.sty-erp-platform :where(.pagination,.sty-pagination,.sty-erp-pagination) :where(a,button,.page-link){
  border-radius:9px!important;
  transition:background-color var(--sty-apple-medium),border-color var(--sty-apple-medium),color var(--sty-apple-medium),transform var(--sty-apple-fast)!important;
}
body.sty-erp-platform :where(.pagination,.sty-pagination,.sty-erp-pagination) :where(a,button,.page-link):active{transform:scale(.96)!important}
body.sty-erp-platform [data-sty-tooltip]::after{box-shadow:0 8px 24px rgba(0,0,0,.18)!important;border-radius:8px!important}

/* --------------------------------------------------------------------------
   SCROLLBARS — unobtrusive, system-like.
   -------------------------------------------------------------------------- */
body.sty-erp-platform *{scrollbar-width:thin;scrollbar-color:rgba(110,110,115,.34) transparent}
body.sty-erp-platform *::-webkit-scrollbar{width:8px;height:8px}
body.sty-erp-platform *::-webkit-scrollbar-track{background:transparent}
body.sty-erp-platform *::-webkit-scrollbar-thumb{background:rgba(110,110,115,.28);border:2px solid transparent;background-clip:padding-box;border-radius:999px}
body.sty-erp-platform *::-webkit-scrollbar-thumb:hover{background:rgba(110,110,115,.46);border:2px solid transparent;background-clip:padding-box}

/* --------------------------------------------------------------------------
   STANDALONE / PUBLIC PAGES receive the same premium surface language.
   -------------------------------------------------------------------------- */
body.sty-standalone-v196 :where(.card,.panel,.box,.wrap-card,.ow-card,.ow-section,.ow-error-card,.tech-card),
body.sty-public-shell :where(.login-card,.cp-card,.op-card,.guide-sheet,.card){
  background:var(--sty-apple-surface)!important;
  border-color:var(--sty-apple-separator)!important;
  box-shadow:var(--sty-apple-shadow-card)!important;
}
body.sty-standalone-v196 :where(button,.btn,a.btn,.ow-nav-btn,.ow-btn,.tech-btn){transition:transform var(--sty-apple-fast),box-shadow var(--sty-apple-medium),background-color var(--sty-apple-medium),border-color var(--sty-apple-medium),color var(--sty-apple-medium)!important}
body.sty-standalone-v196 :where(button,.btn,a.btn,.ow-nav-btn,.ow-btn,.tech-btn):active:not(:disabled){transform:scale(.975)!important}

/* Motion runtime: JS adds .sty-apple-reveal only to the first relevant surfaces. */
@keyframes styAppleReveal{from{opacity:.56;transform:translateY(6px)}to{opacity:1;transform:none}}
.sty-apple-reveal{animation:styAppleReveal 300ms var(--sty-apple-spring) both;animation-delay:var(--sty-reveal-delay,0ms)}

@media (prefers-reduced-motion:reduce){
  .sty-apple-reveal,
  body.sty-erp-platform .sty-os-main details[open]>:not(summary),
  body.sty-erp-platform :where(.sty-erp-modal-root.is-open .sty-erp-modal,.modal.show .modal-dialog,.dialog.is-open .dialog-content,.sty-modal.is-open .sty-modal-card),
  body.sty-erp-platform :where(.sty-erp-drawer-root.is-open .sty-erp-drawer,.offcanvas.show,.drawer.is-open),
  body.sty-erp-platform :where(.dropdown-menu.show,.sty-user-popover.is-open,.sty-menu-popover.is-open,.popover.show,[role="menu"][aria-hidden="false"]){animation:none!important}
  .sty-erp-skeleton::after,
  body.sty-erp-platform .sty-os-main :where(.skeleton,.skeleton-line,.loading-skeleton)::after{animation:none!important}
}

/* ============================================================================
   V2.08.1 - APPLE WHITE FINAL AUTHORITY LAYER
   Purpose: make the visual platform actually win over historical module skins.
   Scope: content area; Phase 8 also absorbs the sidebar-state authority into this Core.
   No layout/business semantics are changed here.
   ========================================================================== */

html body.sty-global-shell.sty-erp-platform{
  --sty-aw-canvas:#F5F5F7;
  --sty-aw-surface:#FFFFFF;
  --sty-aw-surface-2:#F9F9FB;
  --sty-aw-surface-3:#F2F2F4;
  --sty-aw-text:#1D1D1F;
  --sty-aw-text-2:#6E6E73;
  --sty-aw-text-3:#8E8E93;
  --sty-aw-line:rgba(0,0,0,.065);
  --sty-aw-line-strong:rgba(0,0,0,.105);
  --sty-aw-yellow:#F0C609;
  --sty-aw-yellow-hover:#E4BC00;
  --sty-aw-yellow-soft:rgba(240,198,9,.11);
  --sty-aw-shadow:0 1px 2px rgba(0,0,0,.025),0 8px 28px rgba(0,0,0,.035);
  --sty-aw-shadow-hover:0 2px 4px rgba(0,0,0,.035),0 12px 34px rgba(0,0,0,.055);
  --sty-aw-shadow-pop:0 18px 60px rgba(0,0,0,.13),0 2px 8px rgba(0,0,0,.05);
  --sty-aw-ease:cubic-bezier(.2,.8,.2,1);
}

/* Canvas + header: visible Apple White shift without changing structure. */
html body.sty-global-shell.sty-erp-platform .sty-os-main{
  background:var(--sty-aw-canvas)!important;
  color:var(--sty-aw-text)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
html body.sty-global-shell.sty-erp-platform .sty-os-main>.sty-os-header{
  background:rgba(255,255,255,.86)!important;
  border-bottom:1px solid var(--sty-aw-line)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.72) inset,0 4px 18px rgba(0,0,0,.025)!important;
  backdrop-filter:saturate(150%) blur(18px)!important;
  -webkit-backdrop-filter:saturate(150%) blur(18px)!important;
}
html body.sty-global-shell.sty-erp-platform .sty-os-main>.sty-os-header .sty-os-title h1{
  color:var(--sty-aw-text)!important;
  font-weight:650!important;
  letter-spacing:-.035em!important;
}
html body.sty-global-shell.sty-erp-platform .sty-os-main>.sty-os-header .sty-os-title p{
  color:var(--sty-aw-text-2)!important;
  font-weight:450!important;
}

/* Real legacy surfaces used by Sales, Finance, Dashboard, Orders, Goals, Ponto and admin pages. */
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(
  .card,.panel,.box,.surface,.widget,.ios-card,.glass,.glass-card,.ui-card-ios,
  .sales-card,.sales-kpi,.sales-detail-section,.sales-fiscal-simple-card,
  .fin2-card,.fin2-kpi,.fin2-statline,
  .sty-time-card,.sty-time-kpi,.sty-time-hero,
  .sty-dash-card,.sty-ios-widget,.sty-widget,.kpi,.kpi-card,.metric-card,.stat-card,
  .order-card,.orders-card,.order-panel,.orders-panel,
  .goals-card,.sty-goals-card,.goal-card,
  .dc-card,.dc-kpi,.auto-card,.settings-card,.content-card,.data-card
){
  background:var(--sty-aw-surface)!important;
  color:var(--sty-aw-text)!important;
  border:1px solid var(--sty-aw-line)!important;
  border-radius:16px!important;
  box-shadow:var(--sty-aw-shadow)!important;
  background-image:none!important;
  text-shadow:none!important;
}

html body.sty-global-shell.sty-erp-platform .sty-os-main :where(
  .sales-card,.fin2-card,.sty-time-card,.sty-dash-card,.sty-ios-widget,.ui-card-ios,.order-card,.goals-card,.sty-goals-card,.dc-card,.auto-card
)[data-href],
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(
  a.sales-card,a.fin2-card,a.sty-time-card,a.sty-dash-card,a.order-card
){
  transition:transform .2s var(--sty-aw-ease),box-shadow .22s var(--sty-aw-ease),border-color .2s ease!important;
}
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(
  .sales-card,.fin2-card,.sty-time-card,.sty-dash-card,.sty-ios-widget,.ui-card-ios,.order-card,.goals-card,.sty-goals-card,.dc-card,.auto-card
)[data-href]:hover,
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(
  a.sales-card,a.fin2-card,a.sty-time-card,a.sty-dash-card,a.order-card
):hover{
  transform:translateY(-1px)!important;
  box-shadow:var(--sty-aw-shadow-hover)!important;
  border-color:var(--sty-aw-line-strong)!important;
}

/* Remove dark/glass remnants inside the light content canvas. */
html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform:not(.theme-dark):not(.orders-theme-dark) .sty-os-main :where(
  .sales-card,.fin2-card,.sty-time-card,.sty-dash-card,.sty-ios-widget,.ui-card-ios,.glass,.glass-card,
  .card,.panel,.box,.widget,.order-card,.goals-card,.sty-goals-card,.dc-card,.auto-card
){
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Headings and supporting text: quieter hierarchy. */
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(h1,h2,h3,h4,.sales-title,.fin2-title,.sty-time-title,.d-h1,.sty-card-title,.sales-card-title,.fin2-card-title){
  color:var(--sty-aw-text)!important;
  text-shadow:none!important;
  letter-spacing:-.025em!important;
}
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(.muted,.sales-muted,.sales-sub,.sales-card-sub,.fin2-sub,.fin2-card-sub,.sty-time-note,.hint,.sub,.meta,.small){
  color:var(--sty-aw-text-2)!important;
  text-shadow:none!important;
}

/* Buttons: strong visible refinement while preserving classes/actions. */
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(
  button,.btn,.btn2,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,a.btn,a.sales-btn,a.fin2-btn,a.sty-time-btn
){
  min-height:38px;
  border-radius:11px!important;
  border:1px solid var(--sty-aw-line-strong)!important;
  background:#FFFFFF!important;
  background-image:none!important;
  color:var(--sty-aw-text)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.035),0 4px 14px rgba(0,0,0,.025)!important;
  text-shadow:none!important;
  font-weight:600!important;
  letter-spacing:-.005em!important;
  transition:transform .14s var(--sty-aw-ease),box-shadow .2s var(--sty-aw-ease),background-color .2s ease,border-color .2s ease,color .2s ease!important;
}
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(
  button,.btn,.btn2,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,a.btn,a.sales-btn,a.fin2-btn,a.sty-time-btn
):hover:not(:disabled){
  background:#FBFBFC!important;
  border-color:rgba(0,0,0,.14)!important;
  box-shadow:0 2px 5px rgba(0,0,0,.05),0 8px 22px rgba(0,0,0,.04)!important;
  transform:translateY(-1px)!important;
}
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(
  button,.btn,.btn2,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,a.btn,a.sales-btn,a.fin2-btn,a.sty-time-btn
):active:not(:disabled){
  transform:scale(.98)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.03)!important;
}
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(
  .primary,.btn-primary,.sales-btn.primary,.fin2-btn.primary,.sty-time-btn.primary,.dc-btn.primary,.auto-btn.primary,
  button[type="submit"]:not(.danger):not(.btn-danger):not([data-tone="danger"])
){
  background:linear-gradient(180deg,#F6D522 0%,var(--sty-aw-yellow) 55%,#E8BE00 100%)!important;
  border-color:#DAB400!important;
  color:#111214!important;
  box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 1px 2px rgba(0,0,0,.05),0 7px 18px rgba(240,198,9,.18)!important;
}
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(
  .primary,.btn-primary,.sales-btn.primary,.fin2-btn.primary,.sty-time-btn.primary,.dc-btn.primary,.auto-btn.primary,
  button[type="submit"]:not(.danger):not(.btn-danger):not([data-tone="danger"])
):hover:not(:disabled){
  background:linear-gradient(180deg,#F9DA28 0%,#F3CA0C 54%,#EBC000 100%)!important;
  border-color:#CDA900!important;
  color:#0F1011!important;
  box-shadow:0 1px 0 rgba(255,255,255,.62) inset,0 2px 4px rgba(0,0,0,.06),0 10px 24px rgba(240,198,9,.23)!important;
}
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(.danger,.btn-danger,[data-tone="danger"]){
  background:#FFF5F5!important;
  border-color:rgba(210,32,42,.16)!important;
  color:#C5222D!important;
  box-shadow:none!important;
}
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(.btn-ghost,.ghost,.sales-link){
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

/* Inputs: visibly Apple-clean, regardless of module-specific legacy skin. */
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]),
  select,textarea,.input,.inp,.ui-input,.ui-input-ios,.sales-input,.sales-select,.sales-textarea,.fin2-input,.fin2-select,.sty-time-input,.sty-time-select,.sty-time-textarea,.dc-input,.auto-input,.auto-select
){
  min-height:40px;
  background:#FFFFFF!important;
  background-image:none!important;
  color:var(--sty-aw-text)!important;
  border:1px solid rgba(0,0,0,.115)!important;
  border-radius:10px!important;
  box-shadow:0 1px 1px rgba(0,0,0,.018) inset!important;
  text-shadow:none!important;
  transition:border-color .18s ease,box-shadow .2s var(--sty-aw-ease),background-color .18s ease!important;
}
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea
):focus{
  outline:none!important;
  border-color:#B99A00!important;
  box-shadow:0 0 0 3px rgba(240,198,9,.18),0 1px 1px rgba(0,0,0,.018) inset!important;
}
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(input::placeholder,textarea::placeholder){color:#9A9AA0!important;opacity:1!important}
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(label,.label,.sales-field>label,.fin2-field>label,.sty-time-field>label,.field>label,.ui-label-ios){
  color:#515156!important;
  font-weight:600!important;
  text-shadow:none!important;
}

/* Tables: one ERP language, no old dark rows/cards. */
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(.sales-table-wrap,.fin2-table-wrap,.sty-time-table-wrap,.table-wrap,.dc-table-wrap){
  background:#FFFFFF!important;
  border:1px solid var(--sty-aw-line)!important;
  border-radius:15px!important;
  box-shadow:var(--sty-aw-shadow)!important;
  overflow:hidden;
}
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(table,.sales-table,.fin2-table,.sty-time-table,.dc-table){
  background:#FFFFFF!important;
  color:var(--sty-aw-text)!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(table,.sales-table,.fin2-table,.sty-time-table,.dc-table) thead th{
  background:#F7F7F9!important;
  color:#6E6E73!important;
  border-color:var(--sty-aw-line)!important;
  text-shadow:none!important;
  font-weight:600!important;
}
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(table,.sales-table,.fin2-table,.sty-time-table,.dc-table) tbody td{
  background:#FFFFFF!important;
  color:var(--sty-aw-text)!important;
  border-color:var(--sty-aw-line)!important;
  text-shadow:none!important;
}
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(table,.sales-table,.fin2-table,.sty-time-table,.dc-table) tbody tr:hover>td{
  background:#FAFAFC!important;
}

/* Pills/status remain semantic, but quieter. */
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(.badge,.pill,.chip,.status,.sales-badge,.fin2-badge,.sty-time-badge,.result-pill,.d-chip){
  border-radius:999px!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-weight:600!important;
  border-width:1px!important;
}

/* Tabs / filters / segmented controls. */
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(.tabs,.sty-tabs,.segmented,.segmented-control,.sales-segmented,.orders-view-switch){
  background:#ECECEF!important;
  border:1px solid rgba(0,0,0,.05)!important;
  border-radius:11px!important;
  box-shadow:0 1px 1px rgba(0,0,0,.02) inset!important;
}
html body.sty-global-shell.sty-erp-platform .sty-os-main :where(.tabs,.sty-tabs,.segmented,.segmented-control,.sales-segmented,.orders-view-switch) :where(.active,[aria-selected="true"]){
  background:#FFFFFF!important;
  color:var(--sty-aw-text)!important;
  box-shadow:0 1px 4px rgba(0,0,0,.08)!important;
}

/* Modals/popovers in the authenticated shell. */
html body.sty-global-shell.sty-erp-platform :where(.modal-content,.dialog-content,.sty-modal-card,.sales-modal-card,.ui-modal-card,.popover,.dropdown-menu,.sty-user-popover){
  background:rgba(255,255,255,.96)!important;
  color:var(--sty-aw-text)!important;
  border:1px solid var(--sty-aw-line)!important;
  border-radius:18px!important;
  box-shadow:var(--sty-aw-shadow-pop)!important;
  text-shadow:none!important;
}
html body.sty-global-shell.sty-erp-platform :where(.modal-backdrop,.modal-overlay,.overlay,.sty-erp-modal-backdrop){
  background:rgba(25,25,28,.30)!important;
  backdrop-filter:blur(10px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(120%)!important;
}

/* Module-specific hard overrides: these are the classes actually present in the ERP. */
html body.sty-global-shell.sty-erp-platform.sty-module-sales .sty-os-main :where(.sales-app,.sales-top,.sales-module-header){color:var(--sty-aw-text)!important}
html body.sty-global-shell.sty-erp-platform.sty-module-finance .sty-os-main :where(.fin2,.fin2-top){color:var(--sty-aw-text)!important}
html body.sty-global-shell.sty-erp-platform.sty-module-time .sty-os-main :where(.sty-time-page){color:var(--sty-aw-text)!important}
html body.sty-global-shell.sty-erp-platform.sty-module-dashboard .sty-os-main :where(.sty-dash-card,.sty-ios-widget){background:#fff!important;color:var(--sty-aw-text)!important}
html body.sty-global-shell.sty-erp-platform.sty-module-orders .sty-os-main :where(.order-card,.orders-card,.card){background:#fff!important;color:var(--sty-aw-text)!important}
html body.sty-global-shell.sty-erp-platform.sty-module-goals .sty-os-main :where(.ui-card-ios,.sty-goals-card,.card){background:#fff!important;color:var(--sty-aw-text)!important}

/* Standalone technical/public screens: default to Apple White unless a real theme-dark flag is present. */
html:not([data-theme="dark"]) body.sty-erp-platform.sty-standalone-v196:not(.theme-dark):not(.orders-theme-dark) {
  --sty-bg:#F5F5F7!important;
  --sty-surface:#FFFFFF!important;
  --sty-surface-2:#F9F9FB!important;
  --sty-surface-3:#F2F2F4!important;
  --sty-text:#1D1D1F!important;
  --sty-muted:#6E6E73!important;
  background:#F5F5F7!important;
  color:#1D1D1F!important;
}
html:not([data-theme="dark"]) body.sty-erp-platform.sty-standalone-v196:not(.theme-dark):not(.orders-theme-dark) :where(
  .card,.panel,.box,.wrap-card,.ow-card,.ow-section,.ow-error-card,.tech-card,.ios-card,.glass-card,.ui-card-ios,.form-card
){
  background:#FFFFFF!important;
  background-image:none!important;
  color:#1D1D1F!important;
  border:1px solid rgba(0,0,0,.065)!important;
  border-radius:16px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.025),0 8px 28px rgba(0,0,0,.035)!important;
  filter:none!important;
}
html:not([data-theme="dark"]) body.sty-erp-platform.sty-standalone-v196:not(.theme-dark):not(.orders-theme-dark) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea
){
  background:#fff!important;color:#1D1D1F!important;border:1px solid rgba(0,0,0,.115)!important;border-radius:10px!important;box-shadow:none!important;
}
html:not([data-theme="dark"]) body.sty-erp-platform.sty-standalone-v196:not(.theme-dark):not(.orders-theme-dark) :where(button,.btn,a.btn,.ow-nav-btn,.ow-btn,.tech-btn){
  border-radius:11px!important;text-shadow:none!important;transition:transform .14s var(--sty-aw-ease),box-shadow .2s var(--sty-aw-ease),background-color .2s ease!important;
}

/* Make the visual change perceptible but calm on first paint. */
@keyframes styAppleWhiteSurfaceIn{from{opacity:.72;transform:translateY(5px)}to{opacity:1;transform:none}}
html body.sty-global-shell.sty-erp-platform.sty-aw-visual-ready .sty-os-main :where(
  .sales-card,.sales-kpi,.fin2-card,.fin2-kpi,.sty-time-card,.sty-time-kpi,.sty-dash-card,.sty-ios-widget,.order-card,.ui-card-ios
):not(.sty-aw-seen){animation:styAppleWhiteSurfaceIn .28s var(--sty-aw-ease) both}

/* True dark mode still stays fully dark. */
html[data-theme="dark"] body.sty-global-shell.sty-erp-platform,
html[data-sty-sales-theme="dark"] body.sty-global-shell.sty-erp-platform,
body.sty-global-shell.sty-erp-platform.theme-dark,
body.sty-global-shell.sty-erp-platform.orders-theme-dark{
  --sty-aw-canvas:#0E1114;
  --sty-aw-surface:#15191E;
  --sty-aw-surface-2:#1B2026;
  --sty-aw-surface-3:#20262D;
  --sty-aw-text:#F5F5F7;
  --sty-aw-text-2:#A1A1A6;
  --sty-aw-text-3:#7C7C80;
  --sty-aw-line:rgba(255,255,255,.075);
  --sty-aw-line-strong:rgba(255,255,255,.12);
}
html[data-theme="dark"] body.sty-global-shell.sty-erp-platform .sty-os-main,
html[data-sty-sales-theme="dark"] body.sty-global-shell.sty-erp-platform .sty-os-main,
body.sty-global-shell.sty-erp-platform.theme-dark .sty-os-main,
body.sty-global-shell.sty-erp-platform.orders-theme-dark .sty-os-main{background:var(--sty-aw-canvas)!important;color:var(--sty-aw-text)!important}
html[data-theme="dark"] body.sty-global-shell.sty-erp-platform .sty-os-main :where(.card,.panel,.box,.widget,.sales-card,.sales-kpi,.fin2-card,.fin2-kpi,.sty-time-card,.sty-time-kpi,.sty-dash-card,.sty-ios-widget,.ui-card-ios,.order-card,.goals-card,.sty-goals-card,.dc-card,.auto-card),
html[data-sty-sales-theme="dark"] body.sty-global-shell.sty-erp-platform .sty-os-main :where(.card,.panel,.box,.widget,.sales-card,.sales-kpi,.fin2-card,.fin2-kpi,.sty-time-card,.sty-time-kpi,.sty-dash-card,.sty-ios-widget,.ui-card-ios,.order-card,.goals-card,.sty-goals-card,.dc-card,.auto-card),
body.sty-global-shell.sty-erp-platform.theme-dark .sty-os-main :where(.card,.panel,.box,.widget,.sales-card,.sales-kpi,.fin2-card,.fin2-kpi,.sty-time-card,.sty-time-kpi,.sty-dash-card,.sty-ios-widget,.ui-card-ios,.order-card,.goals-card,.sty-goals-card,.dc-card,.auto-card),
body.sty-global-shell.sty-erp-platform.orders-theme-dark .sty-os-main :where(.card,.panel,.box,.widget,.sales-card,.sales-kpi,.fin2-card,.fin2-kpi,.sty-time-card,.sty-time-kpi,.sty-dash-card,.sty-ios-widget,.ui-card-ios,.order-card,.goals-card,.sty-goals-card,.dc-card,.auto-card){
  background:var(--sty-aw-surface)!important;color:var(--sty-aw-text)!important;border-color:var(--sty-aw-line)!important;box-shadow:0 10px 28px rgba(0,0,0,.20)!important;
}
html[data-theme="dark"] body.sty-global-shell.sty-erp-platform .sty-os-main :where(input,select,textarea,table,tbody td),
html[data-sty-sales-theme="dark"] body.sty-global-shell.sty-erp-platform .sty-os-main :where(input,select,textarea,table,tbody td),
body.sty-global-shell.sty-erp-platform.theme-dark .sty-os-main :where(input,select,textarea,table,tbody td),
body.sty-global-shell.sty-erp-platform.orders-theme-dark .sty-os-main :where(input,select,textarea,table,tbody td){background:var(--sty-aw-surface-3)!important;color:var(--sty-aw-text)!important;border-color:var(--sty-aw-line)!important}

@media (prefers-reduced-motion:reduce){
  html body.sty-global-shell.sty-erp-platform.sty-aw-visual-ready .sty-os-main *{scroll-behavior:auto!important}
  html body.sty-global-shell.sty-erp-platform.sty-aw-visual-ready .sty-os-main :where(.sales-card,.sales-kpi,.fin2-card,.fin2-kpi,.sty-time-card,.sty-time-kpi,.sty-dash-card,.sty-ios-widget,.order-card,.ui-card-ios){animation:none!important}
}

/* V2.08.1 dark parity: no white controls/surfaces in true dark mode. */
html[data-theme="dark"] body.sty-global-shell.sty-erp-platform .sty-os-main>.sty-os-header,
html[data-sty-sales-theme="dark"] body.sty-global-shell.sty-erp-platform .sty-os-main>.sty-os-header,
body.sty-global-shell.sty-erp-platform.theme-dark .sty-os-main>.sty-os-header,
body.sty-global-shell.sty-erp-platform.orders-theme-dark .sty-os-main>.sty-os-header{
  background:rgba(21,25,30,.90)!important;border-color:var(--sty-aw-line)!important;box-shadow:0 1px 0 rgba(255,255,255,.025) inset,0 6px 20px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] body.sty-global-shell.sty-erp-platform .sty-os-main :where(button,.btn,.btn2,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,a.btn,a.sales-btn,a.fin2-btn,a.sty-time-btn),
html[data-sty-sales-theme="dark"] body.sty-global-shell.sty-erp-platform .sty-os-main :where(button,.btn,.btn2,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,a.btn,a.sales-btn,a.fin2-btn,a.sty-time-btn),
body.sty-global-shell.sty-erp-platform.theme-dark .sty-os-main :where(button,.btn,.btn2,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,a.btn,a.sales-btn,a.fin2-btn,a.sty-time-btn),
body.sty-global-shell.sty-erp-platform.orders-theme-dark .sty-os-main :where(button,.btn,.btn2,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,a.btn,a.sales-btn,a.fin2-btn,a.sty-time-btn){
  background:var(--sty-aw-surface-3)!important;color:var(--sty-aw-text)!important;border-color:var(--sty-aw-line-strong)!important;box-shadow:0 1px 2px rgba(0,0,0,.22)!important;
}
html[data-theme="dark"] body.sty-global-shell.sty-erp-platform .sty-os-main :where(.primary,.btn-primary,.sales-btn.primary,.fin2-btn.primary,.sty-time-btn.primary,.dc-btn.primary,.auto-btn.primary,button[type="submit"]:not(.danger):not(.btn-danger):not([data-tone="danger"])),
html[data-sty-sales-theme="dark"] body.sty-global-shell.sty-erp-platform .sty-os-main :where(.primary,.btn-primary,.sales-btn.primary,.fin2-btn.primary,.sty-time-btn.primary,.dc-btn.primary,.auto-btn.primary,button[type="submit"]:not(.danger):not(.btn-danger):not([data-tone="danger"])),
body.sty-global-shell.sty-erp-platform.theme-dark .sty-os-main :where(.primary,.btn-primary,.sales-btn.primary,.fin2-btn.primary,.sty-time-btn.primary,.dc-btn.primary,.auto-btn.primary,button[type="submit"]:not(.danger):not(.btn-danger):not([data-tone="danger"])),
body.sty-global-shell.sty-erp-platform.orders-theme-dark .sty-os-main :where(.primary,.btn-primary,.sales-btn.primary,.fin2-btn.primary,.sty-time-btn.primary,.dc-btn.primary,.auto-btn.primary,button[type="submit"]:not(.danger):not(.btn-danger):not([data-tone="danger"])){
  background:linear-gradient(180deg,#F6D522 0%,#F0C609 58%,#E4BA00 100%)!important;color:#111214!important;border-color:#D2AD00!important;box-shadow:0 1px 0 rgba(255,255,255,.36) inset,0 8px 20px rgba(240,198,9,.15)!important;
}
html[data-theme="dark"] body.sty-global-shell.sty-erp-platform .sty-os-main :where(.sales-table-wrap,.fin2-table-wrap,.sty-time-table-wrap,.table-wrap,.dc-table-wrap,thead th),
html[data-sty-sales-theme="dark"] body.sty-global-shell.sty-erp-platform .sty-os-main :where(.sales-table-wrap,.fin2-table-wrap,.sty-time-table-wrap,.table-wrap,.dc-table-wrap,thead th),
body.sty-global-shell.sty-erp-platform.theme-dark .sty-os-main :where(.sales-table-wrap,.fin2-table-wrap,.sty-time-table-wrap,.table-wrap,.dc-table-wrap,thead th),
body.sty-global-shell.sty-erp-platform.orders-theme-dark .sty-os-main :where(.sales-table-wrap,.fin2-table-wrap,.sty-time-table-wrap,.table-wrap,.dc-table-wrap,thead th){
  background:var(--sty-aw-surface-2)!important;color:var(--sty-aw-text-2)!important;border-color:var(--sty-aw-line)!important;
}

/* ==========================================================================
   V2.08.2 - ORDERS APPLE WHITE AUTHORITY
   Visual only. Keeps list/kanban/filters/checklist/actions untouched.
   ========================================================================== */
html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main .orders-page{
  background:transparent!important;
  color:#1D1D1F!important;
}
html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main :is(
  .orders-command-shell,.orders-control-center,.orders-work-heading,.table,.order-card,.kpi,.advanced-panel,
  .quick-drawer,.quick-panel,.quick-delivery-card,.quick-metric,.orders-header-menu,.order-more-menu
){
  background:#FFFFFF!important;
  background-image:none!important;
  color:#1D1D1F!important;
  border:1px solid rgba(0,0,0,.065)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.025),0 8px 28px rgba(0,0,0,.035)!important;
  text-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main :is(
  .orders-command-shell,.orders-control-center,.orders-work-heading,.advanced-panel,.quick-drawer,.quick-panel
){border-radius:18px!important}
html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main :is(.order-card,.kpi,.quick-delivery-card,.quick-metric){border-radius:15px!important}

html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main :is(
  .orders-command-kicker,.orders-command-caption,.orders-control-eyebrow,.kpi-desc,.order-meta,.order-intel,.orders-command-statusline
){color:#6E6E73!important;text-shadow:none!important}
html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main :is(
  .orders-command-title-line h2,.order-num,.order-name,.kpi .v,.kpi .l,.orders-work-heading h2,.advanced-title,.quick-title
){color:#1D1D1F!important;text-shadow:none!important}

html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main :is(
  .orders-command-search input,.orders-compact-select select,.advanced-panel input,.advanced-panel select,.advanced-panel textarea,
  .quick-drawer input,.quick-drawer select,.quick-drawer textarea
){
  background:#FFFFFF!important;
  color:#1D1D1F!important;
  border:1px solid rgba(0,0,0,.11)!important;
  border-radius:11px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.018)!important;
  outline:none!important;
  transition:border-color .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1),background-color .18s ease!important;
}
html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main :is(
  .orders-command-search input,.orders-compact-select select,.advanced-panel input,.advanced-panel select,.advanced-panel textarea,
  .quick-drawer input,.quick-drawer select,.quick-drawer textarea
):focus{
  border-color:rgba(240,198,9,.78)!important;
  box-shadow:0 0 0 4px rgba(240,198,9,.12)!important;
}

html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main :is(
  .orders-filter-main,.orders-filter-close,.orders-search-clear,.orders-header-more>summary,.order-more-actions>summary,
  .orders-view-switch button,.orders-density-switch button,.chip,.btn
){
  border-radius:11px!important;
  border:1px solid rgba(0,0,0,.09)!important;
  background:#FFFFFF!important;
  color:#1D1D1F!important;
  box-shadow:0 1px 2px rgba(0,0,0,.025),0 4px 12px rgba(0,0,0,.02)!important;
  text-shadow:none!important;
  transition:transform .14s cubic-bezier(.2,.8,.2,1),background-color .18s ease,border-color .18s ease,box-shadow .2s ease!important;
}
html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main :is(
  .orders-filter-main,.orders-filter-close,.orders-header-more>summary,.order-more-actions>summary,.orders-view-switch button,.orders-density-switch button,.chip,.btn
):hover{background:#F9F9FB!important;border-color:rgba(0,0,0,.14)!important;box-shadow:0 2px 8px rgba(0,0,0,.045)!important}
html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main :is(
  .orders-filter-main,.orders-filter-close,.orders-header-more>summary,.order-more-actions>summary,.orders-view-switch button,.orders-density-switch button,.chip,.btn
):active{transform:scale(.975)!important}

html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main :is(
  .orders-new-btn,.chip.active,.orders-view-switch .active,.orders-view-switch [aria-selected="true"],.orders-filter-main[data-filter-count]:not([data-filter-count="0"])
){
  background:linear-gradient(180deg,#F6D522 0%,#F0C609 58%,#E4BA00 100%)!important;
  color:#111214!important;
  border-color:#D2AD00!important;
  box-shadow:0 1px 0 rgba(255,255,255,.42) inset,0 7px 18px rgba(240,198,9,.17)!important;
}

html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main .table{
  overflow:hidden!important;
  border-radius:16px!important;
}
html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main .table :is(.row,.tr){
  border-color:rgba(0,0,0,.055)!important;
  transition:background-color .16s ease!important;
}
html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main .table :is(.row,.tr):hover{background:#FAFAFB!important}
html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main .cell{color:#1D1D1F!important;border-color:rgba(0,0,0,.05)!important}

html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main .order-card{
  transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .22s cubic-bezier(.2,.8,.2,1),border-color .18s ease!important;
}
html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main .order-card:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(0,0,0,.105)!important;
  box-shadow:0 2px 5px rgba(0,0,0,.035),0 14px 38px rgba(0,0,0,.055)!important;
}
html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main .order-thumb{
  background:#F2F2F4!important;border:1px solid rgba(0,0,0,.055)!important;border-radius:13px!important;overflow:hidden!important;
}
html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main .order-progress{
  background:#F2F2F4!important;border-color:rgba(0,0,0,.055)!important;border-radius:999px!important;
}
html:not([data-theme="dark"]):not([data-sty-sales-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-orders-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main :is(.orders-header-menu,.order-more-menu){
  box-shadow:0 18px 55px rgba(0,0,0,.13),0 2px 8px rgba(0,0,0,.045)!important;
  animation:styOrdersPopoverIn .18s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes styOrdersPopoverIn{from{opacity:0;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:none}}

/* Orders dark parity: never leak white cards into the dark theme. */
html[data-theme="dark"] body.sty-global-shell.sty-erp-platform.sty-orders-shell .sty-os-main :is(
  .orders-command-shell,.orders-control-center,.orders-work-heading,.table,.order-card,.kpi,.advanced-panel,.quick-drawer,.quick-panel,.quick-delivery-card,.quick-metric,.orders-header-menu,.order-more-menu
),
body.sty-global-shell.sty-erp-platform.sty-orders-shell.orders-theme-dark .sty-os-main :is(
  .orders-command-shell,.orders-control-center,.orders-work-heading,.table,.order-card,.kpi,.advanced-panel,.quick-drawer,.quick-panel,.quick-delivery-card,.quick-metric,.orders-header-menu,.order-more-menu
){background:#15191E!important;background-image:none!important;color:#F5F5F7!important;border-color:rgba(255,255,255,.075)!important;box-shadow:0 10px 30px rgba(0,0,0,.22)!important}
html[data-theme="dark"] body.sty-global-shell.sty-erp-platform.sty-orders-shell .sty-os-main :is(input,select,textarea,.orders-filter-main,.orders-filter-close,.chip,.btn),
body.sty-global-shell.sty-erp-platform.sty-orders-shell.orders-theme-dark .sty-os-main :is(input,select,textarea,.orders-filter-main,.orders-filter-close,.chip,.btn){background:#20262D!important;color:#F5F5F7!important;border-color:rgba(255,255,255,.10)!important}

@media (prefers-reduced-motion:reduce){
  html body.sty-global-shell.sty-erp-platform.sty-orders-shell .sty-os-main :is(.order-card,.orders-header-menu,.order-more-menu,.chip,.btn){animation:none!important;transition:none!important}
}

/* V2.08.2 - Orders detail parity */
html:not([data-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-order-view-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main :is(
  .ov-widget,.ov-metric,.panel,.card,.tabs,.ov-doc-header
){
  background:#FFFFFF!important;background-image:none!important;color:#1D1D1F!important;
  border:1px solid rgba(0,0,0,.065)!important;border-radius:16px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.025),0 8px 28px rgba(0,0,0,.035)!important;
  text-shadow:none!important;filter:none!important;
}
html:not([data-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-order-view-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main :is(
  input:not([type="checkbox"]):not([type="radio"]),select,textarea
){background:#fff!important;color:#1D1D1F!important;border:1px solid rgba(0,0,0,.11)!important;border-radius:11px!important;box-shadow:none!important}
html:not([data-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-order-view-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main :is(
  button,.btn,a.btn,.tab
){border-radius:11px!important;text-shadow:none!important;transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,background-color .18s ease!important}
html:not([data-theme="dark"]) body.sty-global-shell.sty-erp-platform.sty-order-view-shell:not(.theme-dark):not(.orders-theme-dark) .sty-os-main :is(button,.btn,a.btn,.tab):active{transform:scale(.975)!important}
html[data-theme="dark"] body.sty-global-shell.sty-erp-platform.sty-order-view-shell .sty-os-main :is(.ov-widget,.ov-metric,.panel,.card,.tabs,.ov-doc-header),
body.sty-global-shell.sty-erp-platform.sty-order-view-shell.orders-theme-dark .sty-os-main :is(.ov-widget,.ov-metric,.panel,.card,.tabs,.ov-doc-header){background:#15191E!important;color:#F5F5F7!important;border-color:rgba(255,255,255,.075)!important;box-shadow:0 10px 30px rgba(0,0,0,.22)!important}

/* V2.11 - Canonical 3-second processing modal (Apple Soft UI / STY). */
.sty-processing-modal[hidden]{display:none!important}
.sty-processing-modal{
  position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:20px;
  opacity:0;pointer-events:none;transition:opacity .18s ease;
  font-family:var(--sty-font-sans,"Ping Pong","proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif);
}
.sty-processing-modal.is-visible{opacity:1;pointer-events:auto}
.sty-processing-backdrop{
  position:absolute;inset:0;background:rgba(245,245,247,.72);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
}
.sty-processing-card{
  position:relative;z-index:1;width:min(390px,calc(100vw - 30px));min-height:500px;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  padding:42px 38px 32px;border:1px solid rgba(209,213,219,.72);border-radius:30px;
  background:rgba(255,255,255,.985);color:#111827;box-shadow:0 28px 85px rgba(15,23,42,.16),0 4px 16px rgba(15,23,42,.05);
  transform:translateY(10px) scale(.985);transition:transform .22s cubic-bezier(.2,.78,.25,1),opacity .18s ease;
  overflow:hidden;text-align:center;
}
.sty-processing-modal.is-visible .sty-processing-card{transform:translateY(0) scale(1)}
.sty-processing-close{
  position:absolute;right:18px;top:16px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#98A2B3;
  display:grid;place-items:center;font:300 31px/1 var(--sty-font-sans);cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease;
}
.sty-processing-close:hover{background:#F2F4F7;color:#475467;transform:scale(1.04)}
.sty-processing-orbit{
  position:relative;width:144px;height:144px;margin:4px 0 19px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 50%,#fff 0 35%,rgba(240,198,9,.055) 36% 48%,transparent 49% 100%);
}
.sty-processing-orbit::before,.sty-processing-orbit::after{
  content:"";position:absolute;border-radius:50%;pointer-events:none;
}
.sty-processing-orbit::before{inset:10px;border:1px solid rgba(208,213,221,.48);box-shadow:0 0 0 12px rgba(248,250,252,.76),0 0 0 24px rgba(248,250,252,.42)}
.sty-processing-orbit::after{inset:27px;background:rgba(255,255,255,.96);border:1px solid rgba(226,232,240,.88);box-shadow:0 10px 30px rgba(15,23,42,.07)}
.sty-processing-orbit-track{position:absolute;inset:8px;border-radius:50%;border:5px solid rgba(226,232,240,.72)}
.sty-processing-orbit-progress{
  position:absolute;inset:8px;border-radius:50%;
  background:conic-gradient(from -90deg,var(--sty-accent,#F0C609) calc(var(--sty-processing-ratio,0)*1turn),transparent 0);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 0);
  filter:drop-shadow(0 0 7px rgba(240,198,9,.28));transition:background .08s linear;
}
.sty-processing-icon{position:relative;z-index:2;width:58px;height:58px;display:grid;place-items:center;color:#667085;transition:transform .22s ease,color .22s ease}
.sty-processing-icon svg{width:48px;height:48px;display:block}
.sty-processing-modal[data-stage="2"] .sty-processing-icon{color:#3F4754;transform:scale(1.025)}
.sty-processing-modal[data-stage="3"] .sty-processing-icon{color:#806900;transform:scale(1.06)}
.sty-processing-modal[data-stage="3"] .sty-processing-orbit{background:radial-gradient(circle at 50% 50%,#fff 0 34%,rgba(240,198,9,.13) 35% 51%,transparent 52% 100%)}
.sty-processing-step{display:flex;align-items:baseline;justify-content:center;gap:7px;margin:0 0 13px;letter-spacing:-.04em}
.sty-processing-step strong{font-size:68px;line-height:.95;font-weight:250;color:#101828;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.sty-processing-step span{font-size:24px;line-height:1;font-weight:300;color:#98A2B3;letter-spacing:-.02em}
.sty-processing-card h2{margin:0;max-width:100%;font-size:18px;line-height:1.25;font-weight:700;letter-spacing:.015em;color:#101828;text-transform:uppercase}
.sty-processing-card p{margin:7px 0 0;max-width:310px;min-height:38px;font-size:14px;line-height:1.45;font-weight:450;color:#8A94A6}
.sty-processing-bar{width:100%;height:8px;margin:25px 0 22px;border-radius:999px;background:#EAECF0;overflow:hidden;box-shadow:inset 0 1px 2px rgba(16,24,40,.05)}
.sty-processing-bar i{display:block;width:8%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#CDAA00,#F0C609,#E2B900);box-shadow:0 0 10px rgba(240,198,9,.26);transition:width .08s linear}
.sty-processing-spinner{width:26px;height:26px;position:relative;margin-bottom:13px;animation:styProcessingSpin 1s linear infinite}
.sty-processing-spinner i{position:absolute;left:12px;top:1px;width:2.5px;height:6px;border-radius:999px;background:#C9A800;transform-origin:1.25px 12px;opacity:.22}
.sty-processing-spinner i:nth-child(1){transform:rotate(0deg);opacity:1}.sty-processing-spinner i:nth-child(2){transform:rotate(45deg);opacity:.82}.sty-processing-spinner i:nth-child(3){transform:rotate(90deg);opacity:.68}.sty-processing-spinner i:nth-child(4){transform:rotate(135deg);opacity:.54}.sty-processing-spinner i:nth-child(5){transform:rotate(180deg);opacity:.42}.sty-processing-spinner i:nth-child(6){transform:rotate(225deg);opacity:.34}.sty-processing-spinner i:nth-child(7){transform:rotate(270deg);opacity:.28}.sty-processing-spinner i:nth-child(8){transform:rotate(315deg);opacity:.22}
.sty-processing-card small{font-size:12.5px;line-height:1.35;font-weight:450;color:#98A2B3}
.sty-processing-modal.is-complete .sty-processing-spinner{opacity:0;transform:scale(.75);transition:opacity .16s ease,transform .16s ease}
.sty-processing-modal.is-complete .sty-processing-card small{color:#7A6700}
body.sty-processing-active{cursor:progress;overflow:hidden}
@keyframes styProcessingSpin{to{transform:rotate(360deg)}}

/* Fully dark variant: no white processing card on dark theme. */
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-processing-backdrop,
html[data-theme="dark"] body.sty-erp-platform .sty-processing-backdrop,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-processing-backdrop{background:rgba(8,9,10,.72)}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-processing-card,
html[data-theme="dark"] body.sty-erp-platform .sty-processing-card,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-processing-card{background:#161618;color:#F5F5F7;border-color:#2E3033;box-shadow:0 28px 90px rgba(0,0,0,.58)}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-processing-orbit,
html[data-theme="dark"] body.sty-erp-platform .sty-processing-orbit,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-processing-orbit{background:radial-gradient(circle at 50% 50%,#1C1C1E 0 35%,rgba(240,198,9,.08) 36% 49%,transparent 50% 100%)}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-processing-orbit::before,
html[data-theme="dark"] body.sty-erp-platform .sty-processing-orbit::before,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-processing-orbit::before{border-color:#34363A;box-shadow:0 0 0 12px rgba(34,34,36,.72),0 0 0 24px rgba(28,28,30,.62)}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-processing-orbit::after,
html[data-theme="dark"] body.sty-erp-platform .sty-processing-orbit::after,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-processing-orbit::after{background:#1C1C1E;border-color:#34363A;box-shadow:0 10px 30px rgba(0,0,0,.34)}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-processing-orbit-track,
html[data-theme="dark"] body.sty-erp-platform .sty-processing-orbit-track,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-processing-orbit-track{border-color:#292B2F}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-processing-icon,
html[data-theme="dark"] body.sty-erp-platform .sty-processing-icon,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-processing-icon{color:#B9BDC4}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-processing-step strong,
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-processing-card h2,
html[data-theme="dark"] body.sty-erp-platform .sty-processing-step strong,
html[data-theme="dark"] body.sty-erp-platform .sty-processing-card h2,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-processing-step strong,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-processing-card h2{color:#F5F5F7}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-processing-card p,
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-processing-card small,
html[data-theme="dark"] body.sty-erp-platform .sty-processing-card p,
html[data-theme="dark"] body.sty-erp-platform .sty-processing-card small,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-processing-card p,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-processing-card small{color:#9B9EA5}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-processing-bar,
html[data-theme="dark"] body.sty-erp-platform .sty-processing-bar,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-processing-bar{background:#2A2B2E}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-processing-close,
html[data-theme="dark"] body.sty-erp-platform .sty-processing-close,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-processing-close{color:#858991}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-processing-close:hover,
html[data-theme="dark"] body.sty-erp-platform .sty-processing-close:hover,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-processing-close:hover{background:#242426;color:#D1D1D6}

@media(max-width:520px){
  .sty-processing-modal{padding:12px}.sty-processing-card{width:min(360px,calc(100vw - 24px));min-height:458px;padding:34px 26px 27px;border-radius:26px}
  .sty-processing-orbit{width:126px;height:126px;margin-bottom:16px}.sty-processing-orbit::before{box-shadow:0 0 0 10px rgba(248,250,252,.72),0 0 0 19px rgba(248,250,252,.38)}
  .sty-processing-step strong{font-size:58px}.sty-processing-step span{font-size:21px}.sty-processing-card h2{font-size:16px}.sty-processing-card p{font-size:13px}.sty-processing-bar{margin-top:21px}
}
@media(prefers-reduced-motion:reduce){
  .sty-processing-modal,.sty-processing-card,.sty-processing-icon,.sty-processing-bar i{transition:none!important}
  .sty-processing-spinner{animation:none!important}.sty-processing-modal.is-visible .sty-processing-card{transform:none!important}
}
@media print{.sty-processing-modal{display:none!important}}

/* V2.11.1 - Canonical alert modal for errors/warnings/notices. */
.sty-alert-dialog[hidden]{display:none!important}
.sty-alert-dialog{
  position:fixed;inset:0;z-index:2147483200;display:grid;place-items:center;padding:20px;
  opacity:0;pointer-events:none;transition:opacity .17s ease;
  font-family:var(--sty-font-sans,"Ping Pong","proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif);
}
.sty-alert-dialog.is-visible{opacity:1;pointer-events:auto}
.sty-alert-dialog-backdrop{position:absolute;inset:0;background:rgba(245,245,247,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sty-alert-dialog-card{
  position:relative;z-index:1;width:min(430px,calc(100vw - 30px));padding:38px 34px 30px;text-align:center;
  border:1px solid rgba(209,213,219,.75);border-radius:28px;background:rgba(255,255,255,.99);color:#101828;
  box-shadow:0 28px 86px rgba(15,23,42,.17),0 4px 16px rgba(15,23,42,.05);
  transform:translateY(9px) scale(.985);transition:transform .2s cubic-bezier(.2,.78,.25,1);overflow:hidden;
}
.sty-alert-dialog.is-visible .sty-alert-dialog-card{transform:none}
.sty-alert-dialog-x{position:absolute;right:17px;top:15px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#98A2B3;font:300 30px/1 var(--sty-font-sans);cursor:pointer;transition:.16s ease}
.sty-alert-dialog-x:hover{background:#F2F4F7;color:#475467;transform:scale(1.04)}
.sty-alert-dialog-icon{width:92px;height:92px;margin:0 auto 20px;display:grid;place-items:center;border-radius:50%;color:#7A6700;background:radial-gradient(circle,#FFFDF2 0 48%,rgba(240,198,9,.12) 49% 67%,rgba(240,198,9,.035) 68% 100%);box-shadow:0 0 0 1px rgba(240,198,9,.20),0 0 0 11px rgba(240,198,9,.045)}
.sty-alert-dialog-icon svg{width:50px;height:50px;display:block}
.sty-alert-dialog[data-alert-type="error"] .sty-alert-dialog-icon{color:#B42318;background:radial-gradient(circle,#FFF8F7 0 48%,rgba(217,45,32,.10) 49% 67%,rgba(217,45,32,.025) 68% 100%);box-shadow:0 0 0 1px rgba(217,45,32,.18),0 0 0 11px rgba(217,45,32,.035)}
.sty-alert-dialog[data-alert-type="success"] .sty-alert-dialog-icon{color:#067647;background:radial-gradient(circle,#F6FEF9 0 48%,rgba(18,183,106,.10) 49% 67%,rgba(18,183,106,.025) 68% 100%);box-shadow:0 0 0 1px rgba(18,183,106,.18),0 0 0 11px rgba(18,183,106,.035)}
.sty-alert-dialog[data-alert-type="info"] .sty-alert-dialog-icon{color:#175CD3;background:radial-gradient(circle,#F5F9FF 0 48%,rgba(47,128,237,.10) 49% 67%,rgba(47,128,237,.025) 68% 100%);box-shadow:0 0 0 1px rgba(47,128,237,.18),0 0 0 11px rgba(47,128,237,.035)}
.sty-alert-dialog-kicker{margin:0 0 8px;font-size:11px;line-height:1.2;font-weight:750;letter-spacing:.11em;color:#98A2B3;text-transform:uppercase}
.sty-alert-dialog-card h2{margin:0;font-size:22px;line-height:1.18;font-weight:680;letter-spacing:-.025em;color:#101828}
.sty-alert-dialog-card p{margin:11px auto 0;max-width:350px;font-size:14px;line-height:1.55;font-weight:440;color:#667085;white-space:pre-line}
.sty-alert-dialog-actions{display:flex;justify-content:center;margin-top:26px}
.sty-alert-dialog-button{min-width:126px;height:42px;padding:0 20px;border:0;border-radius:12px;background:#111317;color:#fff;font:650 13px/1 var(--sty-font-sans);cursor:pointer;box-shadow:0 6px 18px rgba(15,23,42,.14);transition:transform .14s ease,box-shadow .16s ease,background .16s ease}
.sty-alert-dialog-button:hover{background:#22252A;box-shadow:0 8px 20px rgba(15,23,42,.18)}
.sty-alert-dialog-button:active{transform:scale(.98)}
body.sty-alert-dialog-active{overflow:hidden}

/* Alert modal follows the full-dark ERP rule: never show a white card. */
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-alert-dialog-backdrop,
html[data-theme="dark"] body.sty-erp-platform .sty-alert-dialog-backdrop,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-alert-dialog-backdrop{background:rgba(8,9,10,.74)}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-alert-dialog-card,
html[data-theme="dark"] body.sty-erp-platform .sty-alert-dialog-card,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-alert-dialog-card{background:#161618;color:#F5F5F7;border-color:#2E3033;box-shadow:0 28px 90px rgba(0,0,0,.58)}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-alert-dialog-card h2,
html[data-theme="dark"] body.sty-erp-platform .sty-alert-dialog-card h2,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-alert-dialog-card h2{color:#F5F5F7}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-alert-dialog-card p,
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-alert-dialog-kicker,
html[data-theme="dark"] body.sty-erp-platform .sty-alert-dialog-card p,
html[data-theme="dark"] body.sty-erp-platform .sty-alert-dialog-kicker,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-alert-dialog-card p,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-alert-dialog-kicker{color:#A7ABB3}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-alert-dialog-x,
html[data-theme="dark"] body.sty-erp-platform .sty-alert-dialog-x,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-alert-dialog-x{color:#858991}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-alert-dialog-x:hover,
html[data-theme="dark"] body.sty-erp-platform .sty-alert-dialog-x:hover,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-alert-dialog-x:hover{background:#242426;color:#D1D1D6}
body.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-alert-dialog-button,
html[data-theme="dark"] body.sty-erp-platform .sty-alert-dialog-button,
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-alert-dialog-button{background:#F0C609;color:#171717;box-shadow:none}

@media(max-width:520px){.sty-alert-dialog{padding:12px}.sty-alert-dialog-card{width:min(390px,calc(100vw - 24px));padding:34px 25px 27px;border-radius:25px}.sty-alert-dialog-icon{width:82px;height:82px}.sty-alert-dialog-icon svg{width:44px;height:44px}.sty-alert-dialog-card h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.sty-alert-dialog,.sty-alert-dialog-card,.sty-alert-dialog-button{transition:none!important}}
@media print{.sty-alert-dialog{display:none!important}}

/* ========================================================================== 
   V2.12 - CADASTRO TECNICO / ORDER WIZARD APPLE SOFT UI AUTHORITY
   Visual only. Keeps routes, fields, validation, autosave and production rules intact.
   ========================================================================== */
body.sty-order-wizard.sty-erp-platform{
  --ow-gold:var(--sty-accent);
  --ow-gold-2:var(--sty-accent-hover);
  --ow-bg:var(--sty-bg);
  --ow-surface:var(--sty-surface);
  --ow-surface-2:var(--sty-surface-2);
  --ow-text:var(--sty-text);
  --ow-muted:var(--sty-muted);
  --ow-border:var(--sty-line);
  --ow-border-strong:var(--sty-line-strong);
  --ow-danger:var(--sty-danger);
  --ow-warning:var(--sty-warning);
  --ow-success:var(--sty-success);
  --ow-info:var(--sty-info);
  --ow-shadow:var(--sty-shadow-sm);
  --ow-shadow-lg:var(--sty-shadow-lg);
  --ow-radius:16px;
  --ow-radius-lg:20px;
  background:var(--sty-bg)!important;
  color:var(--sty-text)!important;
  font-family:var(--sty-font-sans)!important;
}
body.sty-order-wizard.sty-erp-platform .ow-topbar{
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid var(--sty-line)!important;
  box-shadow:0 1px 0 rgba(0,0,0,.02),0 8px 28px rgba(0,0,0,.025)!important;
  backdrop-filter:blur(22px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(135%)!important;
}
body.sty-order-wizard.sty-erp-platform .ow-topbar-inner,
body.sty-order-wizard.sty-erp-platform .ow-shell{width:min(1320px,calc(100% - 40px))!important}
body.sty-order-wizard.sty-erp-platform .ow-brandline{gap:14px!important}
body.sty-order-wizard.sty-erp-platform .ow-exit,
body.sty-order-wizard.sty-erp-platform .ow-theme-toggle{
  background:var(--sty-surface-2)!important;
  color:var(--sty-text-2)!important;
  border:1px solid var(--sty-line)!important;
  box-shadow:var(--sty-shadow-xs)!important;
}
body.sty-order-wizard.sty-erp-platform .ow-exit:hover,
body.sty-order-wizard.sty-erp-platform .ow-theme-toggle:hover{background:var(--sty-surface-hover)!important}
body.sty-order-wizard.sty-erp-platform .ow-heading h1{font-weight:650!important;letter-spacing:-.025em!important}
body.sty-order-wizard.sty-erp-platform .ow-step-kicker,
body.sty-order-wizard.sty-erp-platform .ow-order-pill,
body.sty-order-wizard.sty-erp-platform .ow-section-badge{
  background:var(--sty-accent-soft)!important;
  color:#6F5900!important;
  border:1px solid rgba(240,198,9,.24)!important;
  box-shadow:none!important;
}
body.sty-order-wizard.sty-erp-platform .ow-save-state{color:var(--sty-muted)!important}
body.sty-order-wizard.sty-erp-platform .ow-save-state.is-saved{color:var(--sty-success)!important}
body.sty-order-wizard.sty-erp-platform .ow-save-state.is-dirty{color:var(--sty-warning)!important}
body.sty-order-wizard.sty-erp-platform .ow-theme-track{background:var(--sty-surface-3)!important}
body.sty-order-wizard.sty-erp-platform .ow-theme-knob{background:var(--sty-surface)!important;border:1px solid var(--sty-line)!important}

body.sty-order-wizard.sty-erp-platform .ow-stepper::before{background:var(--sty-line-strong)!important}
body.sty-order-wizard.sty-erp-platform .ow-step{color:var(--sty-muted)!important}
body.sty-order-wizard.sty-erp-platform .ow-step-dot{
  background:var(--sty-surface-3)!important;
  color:var(--sty-muted)!important;
  border:2px solid var(--sty-bg)!important;
  box-shadow:0 0 0 1px var(--sty-line-strong)!important;
}
body.sty-order-wizard.sty-erp-platform .ow-step.is-active{color:var(--sty-text)!important}
body.sty-order-wizard.sty-erp-platform .ow-step.is-active .ow-step-dot{
  background:var(--sty-accent)!important;
  color:var(--sty-accent-ink)!important;
  box-shadow:0 0 0 1px rgba(190,154,0,.46),0 5px 14px rgba(240,198,9,.16)!important;
}
body.sty-order-wizard.sty-erp-platform .ow-step.is-complete:not(.is-active){color:var(--sty-text-2)!important}
body.sty-order-wizard.sty-erp-platform .ow-step.is-complete:not(.is-active) .ow-step-dot{
  background:var(--sty-success-soft)!important;color:var(--sty-success)!important;box-shadow:0 0 0 1px rgba(24,122,71,.18)!important;
}

body.sty-order-wizard.sty-erp-platform :where(
  .glass-card,.form-card,.ios-card,.card,.ow-summary-card,.ow-readiness-card,.ow-help-card,
  .ow-final-readiness,.ow-consistency-card,.ow-review-disclosure,.ow-inline-details,.ow-sidebar-disclosure,
  .ow-client-results,.ow-confirm-dialog,.ow-error-card,.ow-client-drawer
){
  background:var(--sty-surface)!important;
  background-image:none!important;
  color:var(--sty-text)!important;
  border-color:var(--sty-line)!important;
  box-shadow:var(--sty-shadow-sm)!important;
  text-shadow:none!important;
  filter:none!important;
}
body.sty-order-wizard.sty-erp-platform :where(.glass-card,.form-card,.ios-card,.card,.ow-summary-card,.ow-final-readiness,.ow-consistency-card){border-radius:16px!important}
body.sty-order-wizard.sty-erp-platform .ow-inline-details,
body.sty-order-wizard.sty-erp-platform .ow-sidebar-disclosure,
body.sty-order-wizard.sty-erp-platform .ow-review-disclosure{background:var(--sty-surface-2)!important;border-radius:12px!important}
body.sty-order-wizard.sty-erp-platform .ow-card-head,
body.sty-order-wizard.sty-erp-platform .card-header-flex,
body.sty-order-wizard.sty-erp-platform .ow-review-disclosure-body,
body.sty-order-wizard.sty-erp-platform .ow-inline-details-body{border-color:var(--sty-line)!important}
body.sty-order-wizard.sty-erp-platform :where(.ow-card-head h2,.ow-client-block strong,.ow-summary-grid strong,.ow-finance-line strong,.grade-title,.row-title,.data-value){color:var(--sty-text)!important}
body.sty-order-wizard.sty-erp-platform :where(.ow-client-block span,.ow-summary-grid span,.ow-finance-line span,.row-desc,.drop-hint,.local-file-name,.data-label,.helper-text){color:var(--sty-muted)!important}
body.sty-order-wizard.sty-erp-platform .ow-summary-grid,
body.sty-order-wizard.sty-erp-platform .ow-step1-finance{border-color:var(--sty-line)!important;background:var(--sty-surface-2)!important}
body.sty-order-wizard.sty-erp-platform .ow-summary-grid>div,
body.sty-order-wizard.sty-erp-platform .ow-step1-finance>div{background:var(--sty-surface-2)!important;border-color:var(--sty-line)!important}
body.sty-order-wizard.sty-erp-platform .ow-progress-badge,
body.sty-order-wizard.sty-erp-platform .ow-review-count{background:var(--sty-surface-3)!important;color:var(--sty-text-2)!important}
body.sty-order-wizard.sty-erp-platform .ow-ready-icon{background:var(--sty-surface-3)!important;color:var(--sty-disabled)!important}
body.sty-order-wizard.sty-erp-platform .ow-ready-row.is-ready .ow-ready-icon{background:var(--sty-success-soft)!important;color:var(--sty-success)!important}
body.sty-order-wizard.sty-erp-platform .ow-ready-row.is-current .ow-ready-icon{background:var(--sty-accent-soft)!important;color:#765E00!important}
body.sty-order-wizard.sty-erp-platform .ow-mini-progress{background:var(--sty-surface-3)!important}
body.sty-order-wizard.sty-erp-platform .ow-mini-progress>span{background:var(--sty-accent)!important}

body.sty-order-wizard.sty-erp-platform :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),select,textarea,
  .form-control,.ios-input,.ios-select,.ios-textarea,.input,.input-date
){
  background:var(--sty-surface)!important;
  color:var(--sty-text)!important;
  border:1px solid var(--sty-line-strong)!important;
  border-radius:11px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.018)!important;
  color-scheme:light!important;
}
body.sty-order-wizard.sty-erp-platform :where(input,select,textarea):focus{
  background:var(--sty-surface)!important;
  border-color:rgba(240,198,9,.78)!important;
  box-shadow:0 0 0 4px var(--sty-focus)!important;
}
body.sty-order-wizard.sty-erp-platform :where(.input-label,.ios-label,label:not(.opt):not(.row)){color:var(--sty-text-2)!important;font-weight:600!important}
body.sty-order-wizard.sty-erp-platform :where(input,textarea)::placeholder{color:var(--sty-disabled)!important}

body.sty-order-wizard.sty-erp-platform[data-ow-step="2"] .ios-card[id^="model-"]{background:var(--sty-surface)!important;border-color:var(--sty-line)!important}
body.sty-order-wizard.sty-erp-platform[data-ow-step="2"] :where(.grade-box,.ow-model-total,.ow-model-quantities small,.ow-model-preview,.ow-grade-total-note){
  background:var(--sty-surface-2)!important;border-color:var(--sty-line)!important;color:var(--sty-text)!important;
}
body.sty-order-wizard.sty-erp-platform[data-ow-step="2"] .model-tag{color:var(--sty-text)!important}
body.sty-order-wizard.sty-erp-platform[data-ow-step="2"] .ow-model-duplicate{background:var(--sty-surface)!important;color:var(--sty-text-2)!important;border-color:var(--sty-line)!important}
body.sty-order-wizard.sty-erp-platform[data-ow-step="2"] .ow-model-duplicate:hover{background:var(--sty-accent-soft)!important;color:#6F5900!important;border-color:rgba(240,198,9,.26)!important}

body.sty-order-wizard.sty-erp-platform[data-ow-step="3"] .ios-card-group,
body.sty-order-wizard.sty-erp-platform[data-ow-step="3"] .ios-row{background:var(--sty-surface)!important;border-color:var(--sty-line)!important}
body.sty-order-wizard.sty-erp-platform[data-ow-step="3"] .icon-sq{background:var(--sty-surface-3)!important;color:#786100!important;box-shadow:none!important}
body.sty-order-wizard.sty-erp-platform[data-ow-step="3"] .status-badge.ok{background:var(--sty-success-soft)!important;color:var(--sty-success)!important}
body.sty-order-wizard.sty-erp-platform[data-ow-step="3"] .status-badge.missing{background:var(--sty-danger-soft)!important;color:var(--sty-danger)!important}
body.sty-order-wizard.sty-erp-platform .ow-file-preview,
body.sty-order-wizard.sty-erp-platform .file-wrapper{background:var(--sty-surface-2)!important;border-color:var(--sty-line)!important;color:var(--sty-text)!important}

body.sty-order-wizard.sty-erp-platform[data-ow-step="4"] :where(.opt .box,.dc-step-box,.dc-result-card,.preview,.sec){
  background:var(--sty-surface-2)!important;border-color:var(--sty-line)!important;color:var(--sty-text)!important;box-shadow:none!important;
}
body.sty-order-wizard.sty-erp-platform[data-ow-step="4"] .opt input:checked+.box{background:var(--sty-accent-soft)!important;border-color:rgba(240,198,9,.62)!important;box-shadow:0 0 0 3px var(--sty-focus)!important}
body.sty-order-wizard.sty-erp-platform[data-ow-step="4"] .sec .row{border-color:var(--sty-line)!important;color:var(--sty-text)!important}
body.sty-order-wizard.sty-erp-platform .ow-capacity-strip{background:var(--sty-surface)!important;border-color:var(--sty-line)!important;box-shadow:var(--sty-shadow-xs)!important}
body.sty-order-wizard.sty-erp-platform .ow-capacity-day{background:var(--sty-surface-2)!important;border-color:var(--sty-line)!important;color:var(--sty-text)!important}

body.sty-order-wizard.sty-erp-platform[data-ow-step="5"] :where(.info-section,.info-col,.col,.review-section,.model-card,.table-wrapper,.file-item,.issue-btn){
  background:var(--sty-surface-2)!important;color:var(--sty-text)!important;border-color:var(--sty-line)!important;box-shadow:none!important;
}
body.sty-order-wizard.sty-erp-platform[data-ow-step="5"] :where(.modern-table th){background:var(--sty-surface-3)!important;color:var(--sty-muted)!important;border-color:var(--sty-line)!important}
body.sty-order-wizard.sty-erp-platform[data-ow-step="5"] :where(.modern-table td){background:var(--sty-surface)!important;color:var(--sty-text)!important;border-color:var(--sty-line)!important}
body.sty-order-wizard.sty-erp-platform .ow-final-item,
body.sty-order-wizard.sty-erp-platform .ow-consistency-item{background:transparent!important;color:var(--sty-text)!important;border-color:var(--sty-line)!important}
body.sty-order-wizard.sty-erp-platform .ow-final-status,
body.sty-order-wizard.sty-erp-platform .ow-consistency-icon{background:var(--sty-surface-3)!important}

body.sty-order-wizard.sty-erp-platform .ow-sticky-nav{
  background:rgba(255,255,255,.94)!important;
  border:1px solid var(--sty-line)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(22px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(135%)!important;
}
body.sty-order-wizard.sty-erp-platform .ow-nav-secondary{background:var(--sty-surface-2)!important;color:var(--sty-text)!important;border-color:var(--sty-line)!important;box-shadow:none!important}
body.sty-order-wizard.sty-erp-platform .ow-nav-primary{background:var(--sty-accent)!important;color:var(--sty-accent-ink)!important;border-color:#D0AA00!important;box-shadow:0 7px 18px rgba(240,198,9,.15)!important}
body.sty-order-wizard.sty-erp-platform .ow-nav-primary:hover{background:#F7D42D!important}
body.sty-order-wizard.sty-erp-platform .ow-client-drawer-backdrop{background:rgba(28,28,30,.28)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
body.sty-order-wizard.sty-erp-platform .ow-client-drawer{background:var(--sty-surface)!important;color:var(--sty-text)!important;border-color:var(--sty-line)!important}

/* Dark parity: all technical surfaces stay dark; no white islands. */
html[data-theme="dark"]{background:#0E1114!important;color-scheme:dark!important}
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]){background:var(--sty-bg)!important;color:var(--sty-text)!important;color-scheme:dark!important}
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) .ow-topbar,
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) .ow-sticky-nav{background:rgba(21,25,30,.96)!important;border-color:var(--sty-line)!important;box-shadow:0 12px 34px rgba(0,0,0,.24)!important}
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) :where(
  .glass-card,.form-card,.ios-card,.card,.ow-summary-card,.ow-readiness-card,.ow-help-card,.ow-final-readiness,.ow-consistency-card,
  .ow-review-disclosure,.ow-inline-details,.ow-sidebar-disclosure,.ow-client-results,.ow-confirm-dialog,.ow-error-card,.ow-client-drawer,
  .ios-card-group,.ios-row,.grade-box,.ow-model-total,.ow-model-quantities small,.ow-model-preview,.ow-grade-total-note,
  .dc-step-box,.dc-result-card,.preview,.sec,.ow-capacity-strip,.info-section,.info-col,.col,.review-section,.model-card,.table-wrapper,.file-item,.issue-btn
){background:var(--sty-surface)!important;color:var(--sty-text)!important;border-color:var(--sty-line)!important;box-shadow:var(--sty-shadow-sm)!important}
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),select,textarea,
  .form-control,.ios-input,.ios-select,.ios-textarea,.input,.input-date,.ow-nav-secondary
){background:var(--sty-surface-3)!important;color:var(--sty-text)!important;border-color:var(--sty-line-strong)!important;color-scheme:dark!important}
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) :where(input,select,textarea):focus{background:var(--sty-surface-3)!important;border-color:rgba(240,198,9,.74)!important}
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) .ow-summary-grid>div,
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) .ow-step1-finance,
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) .ow-step1-finance>div,
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) .ow-file-preview,
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) .file-wrapper,
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) .ow-consistency-item{background:var(--sty-surface-2)!important;border-color:var(--sty-line)!important}
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"])[data-ow-step="3"] .icon-sq,
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) .ow-review-disclosure>summary>span:first-child>i,
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) .ow-final-status,
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) .ow-consistency-icon{background:var(--sty-surface-3)!important;color:#E4C842!important;border-color:var(--sty-line)!important}
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"])[data-ow-step="4"] .opt input:checked+.box{background:var(--sty-warning-soft)!important;border-color:rgba(240,198,9,.40)!important}
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"])[data-ow-step="5"] :where(.modern-table th,.modern-table td){background:var(--sty-surface-2)!important;color:var(--sty-text)!important;border-color:var(--sty-line)!important}
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) .ow-theme-track{background:#30363D!important}
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) .ow-theme-knob{background:#F0C609!important;border-color:#D0AA00!important}
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) .ow-step-dot{border-color:var(--sty-bg)!important;background:var(--sty-surface-3)!important}

/* Cadastro Tecnico queue inside the authenticated ERP shell. */
body.sty-global-shell.sty-erp-platform .sty-os-main .techq{
  width:min(1480px,calc(100% - 36px))!important;
  max-width:1480px!important;
  margin:0 auto!important;
  padding:20px 0 48px!important;
  color:var(--sty-text)!important;
  font-family:var(--sty-font-sans)!important;
}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-hero{align-items:flex-start!important;margin-bottom:18px!important;padding:0 0 16px!important;border-bottom:1px solid var(--sty-line)!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-eyebrow{color:var(--sty-muted)!important;font-size:11px!important;font-weight:650!important;letter-spacing:.08em!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq h1{color:var(--sty-text)!important;font-size:28px!important;font-weight:650!important;letter-spacing:-.025em!important;margin:5px 0 6px!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-hero p{color:var(--sty-muted)!important;max-width:850px!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-hero-side{display:flex;align-items:flex-end;gap:10px;flex-direction:column;max-width:520px}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-note{
  max-width:520px!important;background:var(--sty-accent-soft)!important;color:#6F5900!important;border:1px solid rgba(240,198,9,.20)!important;
  border-radius:14px!important;padding:11px 13px!important;box-shadow:none!important;font-weight:600!important;
}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-theme{
  min-height:36px;padding:0 12px;border:1px solid var(--sty-line)!important;border-radius:999px;background:var(--sty-surface)!important;color:var(--sty-text-2)!important;
  display:inline-flex;align-items:center;gap:8px;font:600 12px/1 var(--sty-font-sans);cursor:pointer;box-shadow:var(--sty-shadow-xs)!important;transition:background var(--sty-transition),transform var(--sty-transition);
}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-theme:hover{background:var(--sty-surface-hover)!important;transform:translateY(-1px)}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-stats{gap:10px!important;margin-bottom:14px!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-stat,
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-card,
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-empty,
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-migration{
  background:var(--sty-surface)!important;color:var(--sty-text)!important;border:1px solid var(--sty-line)!important;box-shadow:var(--sty-shadow-sm)!important;
}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-stat{border-radius:16px!important;padding:15px 17px!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-stat:hover{transform:translateY(-1px)!important;box-shadow:var(--sty-shadow)!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-stat.is-active{border-color:rgba(240,198,9,.60)!important;box-shadow:0 0 0 3px var(--sty-focus)!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-stat span,
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-meta,
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-small,
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-progress-label,
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-empty{color:var(--sty-muted)!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-stat strong,
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-name{color:var(--sty-text)!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-tools{margin:14px 0!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-search{
  background:var(--sty-surface)!important;border:1px solid var(--sty-line-strong)!important;border-radius:12px!important;box-shadow:var(--sty-shadow-xs)!important;height:42px!important;
}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-search:focus-within{border-color:rgba(240,198,9,.72)!important;box-shadow:0 0 0 4px var(--sty-focus)!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-search input{background:transparent!important;color:var(--sty-text)!important;border:0!important;box-shadow:none!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-btn{background:var(--sty-surface-3)!important;color:var(--sty-text)!important;border:1px solid var(--sty-line)!important;border-radius:11px!important;box-shadow:none!important;font-weight:650!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-btn.primary{background:var(--sty-accent)!important;color:var(--sty-accent-ink)!important;border-color:#D0AA00!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-card{border-radius:17px!important;padding:17px!important;box-shadow:var(--sty-shadow-sm)!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-card:hover{transform:translateY(-1px)!important;box-shadow:var(--sty-shadow)!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-status{background:var(--sty-neutral-soft)!important;color:var(--sty-neutral)!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-status.awaiting_payment{background:var(--sty-warning-soft)!important;color:var(--sty-warning)!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-status.awaiting_technical{background:var(--sty-neutral-soft)!important;color:var(--sty-neutral)!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-status.in_progress{background:var(--sty-info-soft)!important;color:var(--sty-info)!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-status.ready{background:var(--sty-success-soft)!important;color:var(--sty-success)!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-track{background:var(--sty-surface-3)!important}
body.sty-global-shell.sty-erp-platform .sty-os-main .techq-track span{background:linear-gradient(90deg,var(--sty-accent),#CDAA00)!important}
body.sty-global-shell.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-os-main .techq-note{background:var(--sty-warning-soft)!important;color:#E6CB62!important;border-color:rgba(240,198,9,.18)!important}
body.sty-global-shell.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-os-main .techq-theme,
body.sty-global-shell.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-os-main .techq-search,
body.sty-global-shell.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-os-main .techq-stat,
body.sty-global-shell.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-os-main .techq-card,
body.sty-global-shell.sty-erp-platform:is(.theme-dark,.orders-theme-dark,[data-theme="dark"]) .sty-os-main .techq-empty{
  background:var(--sty-surface)!important;color:var(--sty-text)!important;border-color:var(--sty-line)!important;box-shadow:var(--sty-shadow-sm)!important;
}
@media(max-width:920px){body.sty-global-shell.sty-erp-platform .sty-os-main .techq-hero-side{align-items:flex-start;max-width:none;width:100%}}
@media(max-width:680px){body.sty-order-wizard.sty-erp-platform .ow-topbar-inner,body.sty-order-wizard.sty-erp-platform .ow-shell{width:calc(100% - 18px)!important}}

/* V2.12 first-paint dark compatibility for the standalone technical wizard. */
html[data-theme="dark"] body.sty-order-wizard.sty-erp-platform .ow-topbar,
html[data-theme="dark"] body.sty-order-wizard.sty-erp-platform .ow-sticky-nav{
  background:rgba(21,25,30,.96)!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.24)!important;
}
html[data-theme="dark"] body.sty-order-wizard.sty-erp-platform :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),select,textarea,
  .form-control,.ios-input,.ios-select,.ios-textarea,.input,.input-date,.ow-nav-secondary
){background:var(--sty-surface-3)!important;color:var(--sty-text)!important;border-color:var(--sty-line-strong)!important;color-scheme:dark!important}
html[data-theme="dark"] body.sty-order-wizard.sty-erp-platform .ow-theme-track{background:#30363D!important}
html[data-theme="dark"] body.sty-order-wizard.sty-erp-platform .ow-theme-knob{background:#F0C609!important;border-color:#D0AA00!important}

/* V2.12 technical wizard legacy-component normalization. */
body.sty-order-wizard.sty-erp-platform .ow-commercial-load{
  background:var(--sty-accent-soft)!important;
  border:1px solid rgba(240,198,9,.24)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
body.sty-order-wizard.sty-erp-platform .ow-commercial-load :where(strong,span){color:var(--sty-text)!important}
body.sty-order-wizard.sty-erp-platform .ow-commercial-load>div>i{color:#8B7000!important}
body.sty-order-wizard.sty-erp-platform .ow-manual-order{
  background:var(--sty-surface-2)!important;
  border:1px solid var(--sty-line)!important;
  border-radius:14px!important;
}
body.sty-order-wizard.sty-erp-platform .ow-manual-order>summary{color:var(--sty-text-2)!important}
body.sty-order-wizard.sty-erp-platform .ow-manual-order>summary span:last-child{color:var(--sty-muted)!important}
body.sty-order-wizard.sty-erp-platform .btn-ios,
body.sty-order-wizard.sty-erp-platform .ios-btn-primary{
  background:var(--sty-accent)!important;color:var(--sty-accent-ink)!important;border:1px solid #D0AA00!important;border-radius:11px!important;box-shadow:0 7px 18px rgba(240,198,9,.14)!important;
}
body.sty-order-wizard.sty-erp-platform .btn-ios:hover,
body.sty-order-wizard.sty-erp-platform .ios-btn-primary:hover{background:#F7D42D!important;box-shadow:0 9px 22px rgba(240,198,9,.18)!important}
body.sty-order-wizard.sty-erp-platform .error-banner,
body.sty-order-wizard.sty-erp-platform .alert-error{background:var(--sty-danger-soft)!important;color:var(--sty-danger)!important;border:1px solid rgba(201,61,56,.18)!important;border-radius:12px!important;box-shadow:none!important}
body.sty-order-wizard.sty-erp-platform .ow-commercial-summary{background:var(--sty-surface)!important;border-color:rgba(240,198,9,.24)!important}
body.sty-order-wizard.sty-erp-platform .ow-commercial-summary .model-tag{color:#765F00!important}
body.sty-order-wizard.sty-erp-platform .ow-commercial-products{border-color:var(--sty-line)!important}
body.sty-order-wizard.sty-erp-platform .ow-commercial-product-chip{background:var(--sty-surface-3)!important;color:var(--sty-text-2)!important;border:1px solid var(--sty-line)!important}
body.sty-order-wizard.sty-erp-platform .ow-positive-value{color:var(--sty-success)!important}
body.sty-order-wizard.sty-erp-platform .modal-card{
  background:var(--sty-surface)!important;color:var(--sty-text)!important;border:1px solid var(--sty-line)!important;box-shadow:var(--sty-shadow-lg)!important;border-radius:18px!important;
}
body.sty-order-wizard.sty-erp-platform .modal-title{color:var(--sty-text)!important}
body.sty-order-wizard.sty-erp-platform .modal-text{color:var(--sty-muted)!important}
body.sty-order-wizard.sty-erp-platform .modal-actions{border-color:var(--sty-line)!important}
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) .ow-commercial-load{background:var(--sty-warning-soft)!important;border-color:rgba(240,198,9,.18)!important}
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) .ow-commercial-load :where(strong,span){color:var(--sty-text)!important}
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) .ow-manual-order,
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) .ow-commercial-summary,
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) .modal-card{background:var(--sty-surface)!important;border-color:var(--sty-line)!important;color:var(--sty-text)!important}
body.sty-order-wizard.sty-erp-platform:is(.orders-theme-dark,.ow-theme-dark,[data-theme="dark"]) .ow-commercial-product-chip{background:var(--sty-surface-3)!important;color:var(--sty-text-2)!important;border-color:var(--sty-line)!important}

/* V2.13 - Painel 360 da Venda */
body.sty-sale360-open{overflow:hidden!important}
.sty-sale360{position:fixed;inset:0;z-index:2147481100;pointer-events:none}
.sty-sale360[hidden]{display:none!important}
.sty-sale360-backdrop{position:absolute;inset:0;border:0;background:rgba(15,18,22,.34);opacity:0;transition:opacity .18s ease;backdrop-filter:blur(5px);pointer-events:auto}
.sty-sale360-panel{position:absolute;top:0;right:0;width:min(560px,calc(100vw - 20px));height:100%;background:var(--sty-surface,#fff);color:var(--sty-text,#17191c);border-left:1px solid var(--sty-line,rgba(0,0,0,.08));box-shadow:-24px 0 65px rgba(15,20,26,.18);transform:translateX(104%);transition:transform .24s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;pointer-events:auto}
.sty-sale360.is-open .sty-sale360-backdrop{opacity:1}.sty-sale360.is-open .sty-sale360-panel{transform:translateX(0)}
.sty-sale360-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 22px 18px;border-bottom:1px solid var(--sty-line,rgba(0,0,0,.08));background:var(--sty-surface,#fff)}
.sty-sale360-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;color:#8a7100;margin-bottom:5px}.sty-sale360-head h2{margin:0;font-size:22px;line-height:1.1;font-weight:720;letter-spacing:-.025em;color:var(--sty-text,#17191c)}.sty-sale360-head p{margin:7px 0 0;color:var(--sty-muted,#6d737b);font-size:13px}.sty-sale360-x{width:36px;height:36px;border-radius:50%;border:1px solid var(--sty-line,rgba(0,0,0,.08));background:var(--sty-surface-3,#f4f4f5);color:var(--sty-text,#17191c);font-size:24px;line-height:1;cursor:pointer}
.sty-sale360-scroll{overflow:auto;overscroll-behavior:contain;padding:18px 20px 28px;flex:1;background:var(--sty-bg,#f5f5f7)}
.sty-sale360-loading{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--sty-muted,#6d737b)}.sty-sale360-loading span{width:30px;height:30px;border-radius:50%;border:3px solid var(--sty-line,#ddd);border-top-color:#f0c609;animation:stySale360Spin .8s linear infinite}@keyframes stySale360Spin{to{transform:rotate(360deg)}}
.sty-sale360-content{display:grid;gap:14px}.sty-sale360-section,.sty-sale360-card{background:var(--sty-surface,#fff);border:1px solid var(--sty-line,rgba(0,0,0,.08));border-radius:17px;box-shadow:var(--sty-shadow-xs,0 2px 8px rgba(0,0,0,.04))}.sty-sale360-section{padding:16px}.sty-sale360-section-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:13px}.sty-sale360-section-title strong{font-size:14px}.sty-sale360-section-title span{font-size:11px;color:var(--sty-muted,#6d737b);text-align:right}
.sty-sale360-health{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sty-sale360-health-item{padding:10px 11px;border-radius:12px;background:var(--sty-surface-3,#f4f4f5);border:1px solid transparent}.sty-sale360-health-item span{display:block;color:var(--sty-muted,#6d737b);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sty-sale360-health-item strong{display:block;margin-top:3px;font-size:12px;color:var(--sty-text,#17191c)}.sty-sale360-health-item.is-ok{background:var(--sty-success-soft,#eef8f1)}.sty-sale360-health-item.is-warn{background:var(--sty-warning-soft,#fff8d8)}.sty-sale360-health-item.is-danger{background:var(--sty-danger-soft,#fff0ef)}.sty-sale360-health-item.is-info{background:var(--sty-info-soft,#eef5ff)}
.sty-sale360-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sty-sale360-card{padding:14px;min-height:106px}.sty-sale360-card>span{display:block;color:var(--sty-muted,#6d737b);font-size:10px;text-transform:uppercase;font-weight:750;letter-spacing:.045em}.sty-sale360-card>strong{display:block;margin:7px 0 3px;font-size:14px}.sty-sale360-card>small{display:block;color:var(--sty-muted,#6d737b);font-size:11px;margin-top:5px}.sty-sale360-progress{height:5px;border-radius:999px;background:var(--sty-surface-3,#eee);overflow:hidden;margin-top:9px}.sty-sale360-progress i{display:block;height:100%;border-radius:inherit;background:#f0c609}
.sty-sale360-integration{display:grid;grid-template-columns:1fr;gap:7px}.sty-sale360-integration span{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:11px;background:var(--sty-surface-3,#f4f4f5);font-size:11px;color:var(--sty-muted,#6d737b)}.sty-sale360-integration b{color:var(--sty-text,#17191c)}
.sty-sale360-timeline{display:grid;gap:0}.sty-sale360-event{display:grid;grid-template-columns:15px 1fr;gap:10px;position:relative;padding:7px 0}.sty-sale360-event>i{width:9px;height:9px;border-radius:50%;margin-top:5px;background:var(--sty-neutral,#858a91);box-shadow:0 0 0 4px var(--sty-surface-3,#f2f2f4)}.sty-sale360-event.is-ok>i{background:var(--sty-success,#2d8a55)}.sty-sale360-event.is-warn>i{background:#c79d00}.sty-sale360-event.is-danger>i{background:var(--sty-danger,#c93d38)}.sty-sale360-event.is-info>i{background:var(--sty-info,#3678c8)}.sty-sale360-event strong{display:block;font-size:12px}.sty-sale360-event span,.sty-sale360-event small{display:block;color:var(--sty-muted,#6d737b);font-size:10px;margin-top:2px}.sty-sale360-empty{padding:18px;text-align:center;color:var(--sty-muted,#6d737b);font-size:12px}
.sty-sale360-actions{display:flex;flex-wrap:wrap;gap:8px}.sty-sale360-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border-radius:10px;text-decoration:none;background:var(--sty-surface,#fff);border:1px solid var(--sty-line,rgba(0,0,0,.09));color:var(--sty-text,#17191c);font-size:12px;font-weight:650}.sty-sale360-actions a:first-child{background:#f0c609;color:#19170d;border-color:#d0aa00}
html[data-theme="dark"] .sty-sale360-panel,body.theme-dark .sty-sale360-panel,body.orders-theme-dark .sty-sale360-panel{background:var(--sty-surface,#15191e);border-color:var(--sty-line,rgba(255,255,255,.08));box-shadow:-28px 0 70px rgba(0,0,0,.48)}
html[data-theme="dark"] .sty-sale360-backdrop,body.theme-dark .sty-sale360-backdrop,body.orders-theme-dark .sty-sale360-backdrop{background:rgba(0,0,0,.58)}
@media(max-width:620px){.sty-sale360-panel{width:100vw}.sty-sale360-grid,.sty-sale360-health{grid-template-columns:1fr}.sty-sale360-scroll{padding:14px}.sty-sale360-head{padding:18px 16px}}

/* ============================================================================
   STY UI CORE — FASE 2 / FUNDACAO CANONICA
   Esta secao NAO redesenha modulos. Ela formaliza tokens e primitivas opt-in
   que passam a ser o contrato visual oficial das proximas fases.

   REGRAS:
   - novos modulos devem consumir --sty-ui-*;
   - valores legados permanecem disponiveis por compatibilidade;
   - nenhuma classe abaixo altera markup legado sem opt-in explicito;
   - componentes completos entram na Fase 3.
   ========================================================================== */

:root{
  /* Core metadata */
  --sty-ui-core-version:2;

  /* Typography */
  --sty-ui-font-family:var(--sty-font-sans);
  --sty-ui-font-family-mono:var(--sty-font-mono);
  --sty-ui-font-size-caption:12px;
  --sty-ui-font-size-small:13px;
  --sty-ui-font-size-body:14px;
  --sty-ui-font-size-component-title:14px;
  --sty-ui-font-size-section-title:16px;
  --sty-ui-font-size-page-title:22px;
  --sty-ui-font-size-kpi:28px;
  --sty-ui-font-weight-regular:400;
  --sty-ui-font-weight-medium:500;
  --sty-ui-font-weight-semibold:600;
  --sty-ui-line-height-tight:1.2;
  --sty-ui-line-height-body:1.45;
  --sty-ui-line-height-relaxed:1.6;

  /* Semantic color roles */
  --sty-ui-color-canvas:var(--sty-bg);
  --sty-ui-color-surface:var(--sty-surface);
  --sty-ui-color-surface-subtle:var(--sty-surface-2);
  --sty-ui-color-surface-muted:var(--sty-surface-3);
  --sty-ui-color-surface-hover:var(--sty-surface-hover);
  --sty-ui-color-text:var(--sty-text);
  --sty-ui-color-text-secondary:var(--sty-text-2);
  --sty-ui-color-text-muted:var(--sty-muted);
  --sty-ui-color-disabled:var(--sty-disabled);
  --sty-ui-color-border:var(--sty-line);
  --sty-ui-color-border-strong:var(--sty-line-strong);
  --sty-ui-color-focus:var(--sty-focus);
  --sty-ui-color-focus-ring:#A18405;

  /* Brand */
  --sty-ui-color-accent:var(--sty-accent);
  --sty-ui-color-accent-hover:var(--sty-accent-hover);
  --sty-ui-color-accent-pressed:var(--sty-accent-pressed);
  --sty-ui-color-accent-soft:var(--sty-accent-soft);
  --sty-ui-color-accent-ink:var(--sty-accent-ink);

  /* Semantic states */
  --sty-ui-color-success:var(--sty-success);
  --sty-ui-color-success-soft:var(--sty-success-soft);
  --sty-ui-color-warning:var(--sty-warning);
  --sty-ui-color-warning-soft:var(--sty-warning-soft);
  --sty-ui-color-danger:var(--sty-danger);
  --sty-ui-color-danger-soft:var(--sty-danger-soft);
  --sty-ui-color-info:var(--sty-info);
  --sty-ui-color-info-soft:var(--sty-info-soft);
  --sty-ui-color-neutral:var(--sty-neutral);
  --sty-ui-color-neutral-soft:var(--sty-neutral-soft);

  /* Spacing scale */
  --sty-ui-space-0:0;
  --sty-ui-space-1:4px;
  --sty-ui-space-2:8px;
  --sty-ui-space-3:12px;
  --sty-ui-space-4:16px;
  --sty-ui-space-5:20px;
  --sty-ui-space-6:24px;
  --sty-ui-space-7:32px;
  --sty-ui-space-8:40px;
  --sty-ui-space-9:48px;

  /* Shape */
  --sty-ui-radius-xs:8px;
  --sty-ui-radius-sm:10px;
  --sty-ui-radius-md:12px;
  --sty-ui-radius-lg:18px;
  --sty-ui-radius-xl:20px;
  --sty-ui-radius-pill:999px;

  /* Elevation */
  --sty-ui-shadow-xs:0 1px 2px rgba(17,24,39,.025);
  --sty-ui-shadow-sm:var(--sty-shadow-sm);
  --sty-ui-shadow-md:var(--sty-shadow);
  --sty-ui-shadow-lg:var(--sty-shadow-lg);

  /* Controls */
  --sty-ui-control-sm:34px;
  --sty-ui-control-md:38px;
  --sty-ui-control-lg:42px;
  --sty-ui-control-padding-x:14px;

  /* Layout */
  --sty-ui-page-max:1520px;
  --sty-ui-page-gutter:18px;
  --sty-ui-page-gutter-mobile:12px;
  --sty-ui-section-gap:24px;

  /* Motion */
  --sty-ui-motion-press:100ms cubic-bezier(.2,.8,.2,1);
  --sty-ui-motion-hover:160ms cubic-bezier(.2,.8,.2,1);
  --sty-ui-motion-popover:180ms cubic-bezier(.2,.8,.2,1);
  --sty-ui-motion-drawer:240ms cubic-bezier(.2,.8,.2,1);
  --sty-ui-motion-modal:260ms cubic-bezier(.2,.8,.2,1);
  --sty-ui-motion-page:280ms cubic-bezier(.2,.8,.2,1);

  /* Layering */
  --sty-ui-z-base:1;
  --sty-ui-z-sticky:100;
  --sty-ui-z-dropdown:1000;
  --sty-ui-z-overlay:1100;
  --sty-ui-z-modal:1200;
  --sty-ui-z-toast:1300;
}

/* Foundational primitives. They only apply when explicitly used. */
.sty-ui-container{
  width:min(var(--sty-ui-page-max),calc(100% - (var(--sty-ui-page-gutter) * 2)));
  margin-inline:auto;
  min-width:0;
}
.sty-ui-stack{display:flex;flex-direction:column;gap:var(--sty-ui-space-4);min-width:0}
.sty-ui-cluster{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sty-ui-space-2);min-width:0}
.sty-ui-flow>*+*{margin-top:var(--sty-ui-space-4)}
.sty-ui-surface{
  background:var(--sty-ui-color-surface);
  color:var(--sty-ui-color-text);
  border:1px solid var(--sty-ui-color-border);
  border-radius:var(--sty-ui-radius-lg);
  box-shadow:var(--sty-ui-shadow-xs);
}
.sty-ui-text-muted{color:var(--sty-ui-color-text-muted)!important}
.sty-ui-tabular{font-variant-numeric:tabular-nums lining-nums}
.sty-ui-focusable:focus-visible{
  outline:3px solid var(--sty-ui-color-focus);
  outline-offset:2px;
}
.sty-ui-visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

@media(max-width:720px){
  .sty-ui-container{width:calc(100% - (var(--sty-ui-page-gutter-mobile) * 2))}
}

@media(prefers-reduced-motion:reduce){
  :root{
    --sty-ui-motion-press:0ms;
    --sty-ui-motion-hover:0ms;
    --sty-ui-motion-popover:0ms;
    --sty-ui-motion-drawer:0ms;
    --sty-ui-motion-modal:0ms;
    --sty-ui-motion-page:0ms;
  }
}


/* ============================================================================
   STY UI CORE — FASE 3 / COMPONENTES UNIVERSAIS
   Componentes opt-in. Nenhuma regra de negocio ou geometria de modulo e
   alterada por esta camada. Novas telas devem preferir o namespace .sty-ui-*.
   ========================================================================== */
:root{
  --sty-ui-component-generation:3;
  --sty-ui-shell-sidebar:#0B0B0D;
  --sty-ui-shell-sidebar-raised:#111114;
  --sty-ui-shell-sidebar-text:#F5F5F7;
  --sty-ui-shell-sidebar-muted:#8E8E93;
  --sty-ui-shell-sidebar-line:rgba(255,255,255,.07);
  --sty-ui-table-row-hover:color-mix(in srgb,var(--sty-ui-color-accent) 4%,var(--sty-ui-color-surface));
  --sty-ui-overlay:rgba(17,17,19,.42);
}

/* Page anatomy */
.sty-ui-page{width:min(var(--sty-ui-page-max),calc(100% - (var(--sty-ui-page-gutter) * 2)));margin:0 auto;padding:0 0 var(--sty-ui-space-8);min-width:0}
.sty-ui-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sty-ui-space-4);padding:0 0 var(--sty-ui-space-4);margin:0 0 var(--sty-ui-space-4);border-bottom:1px solid var(--sty-ui-color-border)}
.sty-ui-page-heading{min-width:0}
.sty-ui-page-title{margin:0;color:var(--sty-ui-color-text);font-size:var(--sty-ui-font-size-page-title);font-weight:var(--sty-ui-font-weight-semibold);line-height:var(--sty-ui-line-height-tight);letter-spacing:-.02em}
.sty-ui-page-subtitle{margin:5px 0 0;max-width:840px;color:var(--sty-ui-color-text-muted);font-size:var(--sty-ui-font-size-small);line-height:var(--sty-ui-line-height-body)}
.sty-ui-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--sty-ui-space-2);flex-wrap:wrap}
.sty-ui-section{margin-top:var(--sty-ui-section-gap);min-width:0}
.sty-ui-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sty-ui-space-3);margin-bottom:var(--sty-ui-space-3)}
.sty-ui-section-title{margin:0;color:var(--sty-ui-color-text);font-size:var(--sty-ui-font-size-section-title);font-weight:var(--sty-ui-font-weight-semibold);line-height:1.3;letter-spacing:-.01em}
.sty-ui-section-copy{margin:3px 0 0;color:var(--sty-ui-color-text-muted);font-size:var(--sty-ui-font-size-caption);line-height:var(--sty-ui-line-height-body)}

/* Toolbar / filters */
.sty-ui-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sty-ui-space-3);flex-wrap:wrap;padding:10px 12px;background:var(--sty-ui-color-surface);border:1px solid var(--sty-ui-color-border);border-radius:var(--sty-ui-radius-lg);box-shadow:var(--sty-ui-shadow-xs)}
.sty-ui-toolbar-group{display:flex;align-items:center;gap:var(--sty-ui-space-2);flex-wrap:wrap;min-width:0}
.sty-ui-filter-row{display:flex;align-items:center;gap:var(--sty-ui-space-2);flex-wrap:wrap;min-width:0}
.sty-ui-search{position:relative;min-width:min(320px,100%)}
.sty-ui-search>svg,.sty-ui-search>i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--sty-ui-color-text-muted);pointer-events:none}
.sty-ui-search>.sty-ui-control{padding-left:34px}

/* Buttons */
.sty-ui-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:var(--sty-ui-control-md);padding:0 var(--sty-ui-control-padding-x);border:1px solid var(--sty-ui-color-border-strong);border-radius:var(--sty-ui-radius-sm);background:var(--sty-ui-color-surface);color:var(--sty-ui-color-text);font:var(--sty-ui-font-weight-medium) var(--sty-ui-font-size-small)/1 var(--sty-ui-font-family);text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:none;transition:background var(--sty-ui-motion-hover),border-color var(--sty-ui-motion-hover),color var(--sty-ui-motion-hover),box-shadow var(--sty-ui-motion-hover),transform var(--sty-ui-motion-press)}
.sty-ui-btn:hover{background:var(--sty-ui-color-surface-subtle);text-decoration:none}
.sty-ui-btn:active{transform:scale(.985)}
.sty-ui-btn:focus-visible{outline:0;box-shadow:0 0 0 3px var(--sty-ui-color-focus)}
.sty-ui-btn[disabled],.sty-ui-btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed;transform:none}
.sty-ui-btn--primary{background:var(--sty-ui-color-accent);border-color:var(--sty-ui-color-accent);color:var(--sty-ui-color-accent-ink);font-weight:var(--sty-ui-font-weight-semibold)}
.sty-ui-btn--primary:hover{background:var(--sty-ui-color-accent-hover);border-color:var(--sty-ui-color-accent-hover)}
.sty-ui-btn--secondary{background:var(--sty-ui-color-surface);border-color:var(--sty-ui-color-border-strong);color:var(--sty-ui-color-text)}
.sty-ui-btn--ghost{background:transparent;border-color:transparent;color:var(--sty-ui-color-text-secondary)}
.sty-ui-btn--ghost:hover{background:var(--sty-ui-color-surface-subtle);color:var(--sty-ui-color-text)}
.sty-ui-btn--danger{background:var(--sty-ui-color-danger-soft);border-color:color-mix(in srgb,var(--sty-ui-color-danger) 24%,transparent);color:var(--sty-ui-color-danger)}
.sty-ui-btn--sm{min-height:var(--sty-ui-control-sm);padding-inline:11px;font-size:var(--sty-ui-font-size-caption)}
.sty-ui-btn--lg{min-height:var(--sty-ui-control-lg);padding-inline:16px}
.sty-ui-icon-btn{width:var(--sty-ui-control-md);min-width:var(--sty-ui-control-md);padding:0}

/* Forms */
.sty-ui-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.sty-ui-label{color:var(--sty-ui-color-text-secondary);font-size:var(--sty-ui-font-size-caption);font-weight:var(--sty-ui-font-weight-semibold);line-height:1.25}
.sty-ui-help{color:var(--sty-ui-color-text-muted);font-size:11px;line-height:1.4}
.sty-ui-control{width:100%;min-height:var(--sty-ui-control-md);padding:8px 11px;border:1px solid var(--sty-ui-color-border-strong);border-radius:var(--sty-ui-radius-sm);background:var(--sty-ui-color-surface);color:var(--sty-ui-color-text);font:var(--sty-ui-font-weight-regular) var(--sty-ui-font-size-body)/1.35 var(--sty-ui-font-family);box-shadow:none;transition:border-color var(--sty-ui-motion-hover),box-shadow var(--sty-ui-motion-hover),background var(--sty-ui-motion-hover)}
textarea.sty-ui-control{min-height:92px;resize:vertical}
.sty-ui-control::placeholder{color:var(--sty-ui-color-text-muted);opacity:.72}
.sty-ui-control:hover{border-color:color-mix(in srgb,var(--sty-ui-color-border-strong) 70%,var(--sty-ui-color-text-muted) 30%)}
.sty-ui-control:focus{outline:0;border-color:color-mix(in srgb,var(--sty-ui-color-accent) 58%,var(--sty-ui-color-border-strong));box-shadow:0 0 0 3px var(--sty-ui-color-focus)}
.sty-ui-control[disabled],.sty-ui-control[readonly]{background:var(--sty-ui-color-surface-muted);color:var(--sty-ui-color-disabled)}
.sty-ui-field.is-error .sty-ui-control{border-color:color-mix(in srgb,var(--sty-ui-color-danger) 62%,var(--sty-ui-color-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--sty-ui-color-danger) 10%,transparent)}
.sty-ui-field.is-error .sty-ui-help{color:var(--sty-ui-color-danger)}

/* Cards / compact KPI */
.sty-ui-card{background:var(--sty-ui-color-surface);color:var(--sty-ui-color-text);border:1px solid var(--sty-ui-color-border);border-radius:var(--sty-ui-radius-lg);box-shadow:var(--sty-ui-shadow-xs);overflow:hidden}
.sty-ui-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sty-ui-space-3);padding:14px 16px;border-bottom:1px solid var(--sty-ui-color-border)}
.sty-ui-card-body{padding:16px}
.sty-ui-card-footer{padding:12px 16px;border-top:1px solid var(--sty-ui-color-border);background:var(--sty-ui-color-surface-subtle)}
.sty-ui-card-title{margin:0;color:var(--sty-ui-color-text);font-size:var(--sty-ui-font-size-component-title);font-weight:var(--sty-ui-font-weight-semibold)}
.sty-ui-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:var(--sty-ui-color-border);border:1px solid var(--sty-ui-color-border);border-radius:var(--sty-ui-radius-lg);overflow:hidden;box-shadow:var(--sty-ui-shadow-xs)}
.sty-ui-kpi{padding:14px 16px;background:var(--sty-ui-color-surface);min-width:0}
.sty-ui-kpi-label{display:block;color:var(--sty-ui-color-text-muted);font-size:11px;font-weight:var(--sty-ui-font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}
.sty-ui-kpi-value{display:block;margin-top:5px;color:var(--sty-ui-color-text);font-size:var(--sty-ui-font-size-kpi);font-weight:var(--sty-ui-font-weight-semibold);letter-spacing:-.025em;line-height:1.05;font-variant-numeric:tabular-nums lining-nums}
.sty-ui-kpi-hint{display:block;margin-top:5px;color:var(--sty-ui-color-text-muted);font-size:11px;line-height:1.35}

/* Tables */
.sty-ui-table-wrap{overflow:auto;background:var(--sty-ui-color-surface);border:1px solid var(--sty-ui-color-border);border-radius:var(--sty-ui-radius-lg);box-shadow:var(--sty-ui-shadow-xs)}
.sty-ui-table{width:100%;border-collapse:separate;border-spacing:0;background:transparent;color:var(--sty-ui-color-text);font-size:var(--sty-ui-font-size-small);font-variant-numeric:tabular-nums lining-nums}
.sty-ui-table th{padding:10px 12px;background:var(--sty-ui-color-surface-subtle);color:var(--sty-ui-color-text-muted);font-size:11px;font-weight:var(--sty-ui-font-weight-semibold);letter-spacing:.035em;text-align:left;text-transform:uppercase;border-bottom:1px solid var(--sty-ui-color-border);white-space:nowrap}
.sty-ui-table td{padding:11px 12px;border-bottom:1px solid var(--sty-ui-color-border);vertical-align:middle}
.sty-ui-table tbody tr:last-child td{border-bottom:0}
.sty-ui-table tbody tr{transition:background var(--sty-ui-motion-hover)}
.sty-ui-table tbody tr:hover{background:var(--sty-ui-table-row-hover)}
.sty-ui-table .is-number{text-align:right;font-variant-numeric:tabular-nums lining-nums}
.sty-ui-table .is-actions{text-align:right;white-space:nowrap}

/* Badges and status */
.sty-ui-badge{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:3px 8px;border:1px solid var(--sty-ui-color-border);border-radius:var(--sty-ui-radius-pill);background:var(--sty-ui-color-neutral-soft);color:var(--sty-ui-color-neutral);font-size:11px;font-weight:var(--sty-ui-font-weight-semibold);line-height:1.2;white-space:nowrap}
.sty-ui-badge--success{background:var(--sty-ui-color-success-soft);border-color:color-mix(in srgb,var(--sty-ui-color-success) 18%,transparent);color:var(--sty-ui-color-success)}
.sty-ui-badge--warning{background:var(--sty-ui-color-warning-soft);border-color:color-mix(in srgb,var(--sty-ui-color-warning) 18%,transparent);color:var(--sty-ui-color-warning)}
.sty-ui-badge--danger{background:var(--sty-ui-color-danger-soft);border-color:color-mix(in srgb,var(--sty-ui-color-danger) 18%,transparent);color:var(--sty-ui-color-danger)}
.sty-ui-badge--info{background:var(--sty-ui-color-info-soft);border-color:color-mix(in srgb,var(--sty-ui-color-info) 18%,transparent);color:var(--sty-ui-color-info)}

/* Segmented tabs */
.sty-ui-tabs{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--sty-ui-color-border);border-radius:var(--sty-ui-radius-md);background:var(--sty-ui-color-surface-subtle)}
.sty-ui-tab{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--sty-ui-color-text-muted);font:var(--sty-ui-font-weight-medium) var(--sty-ui-font-size-caption)/1 var(--sty-ui-font-family);cursor:pointer;transition:background var(--sty-ui-motion-hover),color var(--sty-ui-motion-hover),box-shadow var(--sty-ui-motion-hover)}
.sty-ui-tab:hover{color:var(--sty-ui-color-text)}
.sty-ui-tab[aria-selected="true"],.sty-ui-tab.is-active{background:var(--sty-ui-color-surface);color:var(--sty-ui-color-text);box-shadow:var(--sty-ui-shadow-xs)}

/* Dropdown */
.sty-ui-dropdown{position:relative;display:inline-flex}
.sty-ui-dropdown-menu{position:absolute;z-index:var(--sty-ui-z-dropdown);top:calc(100% + 6px);right:0;min-width:210px;padding:6px;border:1px solid var(--sty-ui-color-border);border-radius:var(--sty-ui-radius-md);background:var(--sty-ui-color-surface);box-shadow:var(--sty-ui-shadow-lg);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--sty-ui-motion-popover),transform var(--sty-ui-motion-popover),visibility var(--sty-ui-motion-popover)}
.sty-ui-dropdown.is-open>.sty-ui-dropdown-menu,.sty-ui-dropdown-menu.is-open{opacity:1;visibility:visible;transform:translateY(0)}
.sty-ui-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;padding:7px 9px;border:0;border-radius:8px;background:transparent;color:var(--sty-ui-color-text-secondary);font:var(--sty-ui-font-weight-regular) var(--sty-ui-font-size-small)/1.25 var(--sty-ui-font-family);text-align:left;text-decoration:none;cursor:pointer}
.sty-ui-dropdown-item:hover,.sty-ui-dropdown-item:focus-visible{background:var(--sty-ui-color-surface-subtle);color:var(--sty-ui-color-text);outline:0;text-decoration:none}
.sty-ui-dropdown-item.is-danger{color:var(--sty-ui-color-danger)}

/* Modal / drawer */
.sty-ui-modal{position:fixed;inset:0;z-index:var(--sty-ui-z-modal);display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--sty-ui-motion-modal),visibility var(--sty-ui-motion-modal)}
.sty-ui-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
.sty-ui-modal-backdrop{position:absolute;inset:0;background:var(--sty-ui-overlay);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.sty-ui-modal-dialog{position:relative;width:min(560px,100%);max-height:min(84vh,820px);display:flex;flex-direction:column;background:var(--sty-ui-color-surface);color:var(--sty-ui-color-text);border:1px solid var(--sty-ui-color-border);border-radius:var(--sty-ui-radius-xl);box-shadow:var(--sty-ui-shadow-lg);overflow:hidden;transform:translateY(8px) scale(.992);transition:transform var(--sty-ui-motion-modal)}
.sty-ui-modal.is-open .sty-ui-modal-dialog{transform:translateY(0) scale(1)}
.sty-ui-modal-header,.sty-ui-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sty-ui-space-3);padding:14px 16px}
.sty-ui-modal-header{border-bottom:1px solid var(--sty-ui-color-border)}
.sty-ui-modal-footer{justify-content:flex-end;border-top:1px solid var(--sty-ui-color-border);background:var(--sty-ui-color-surface-subtle)}
.sty-ui-modal-body{padding:16px;overflow:auto;min-height:0}
.sty-ui-modal-title{margin:0;font-size:var(--sty-ui-font-size-section-title);font-weight:var(--sty-ui-font-weight-semibold)}
.sty-ui-modal--sm .sty-ui-modal-dialog{width:min(420px,100%)}
.sty-ui-modal--lg .sty-ui-modal-dialog{width:min(860px,100%)}
body.sty-ui-modal-open{overflow:hidden!important}
.sty-ui-drawer{position:fixed;inset:0;z-index:var(--sty-ui-z-modal);visibility:hidden;pointer-events:none}
.sty-ui-drawer.is-open{visibility:visible;pointer-events:auto}
.sty-ui-drawer-backdrop{position:absolute;inset:0;background:var(--sty-ui-overlay);opacity:0;transition:opacity var(--sty-ui-motion-drawer)}
.sty-ui-drawer-panel{position:absolute;top:0;right:0;width:min(520px,92vw);height:100%;background:var(--sty-ui-color-surface);color:var(--sty-ui-color-text);border-left:1px solid var(--sty-ui-color-border);box-shadow:var(--sty-ui-shadow-lg);transform:translateX(100%);transition:transform var(--sty-ui-motion-drawer);overflow:auto}
.sty-ui-drawer.is-open .sty-ui-drawer-backdrop{opacity:1}
.sty-ui-drawer.is-open .sty-ui-drawer-panel{transform:translateX(0)}

/* Feedback */
.sty-ui-alert{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--sty-ui-color-border);border-radius:var(--sty-ui-radius-md);background:var(--sty-ui-color-neutral-soft);color:var(--sty-ui-color-text-secondary);font-size:var(--sty-ui-font-size-small);line-height:var(--sty-ui-line-height-body)}
.sty-ui-alert--success{background:var(--sty-ui-color-success-soft);border-color:color-mix(in srgb,var(--sty-ui-color-success) 18%,transparent);color:var(--sty-ui-color-success)}
.sty-ui-alert--warning{background:var(--sty-ui-color-warning-soft);border-color:color-mix(in srgb,var(--sty-ui-color-warning) 18%,transparent);color:var(--sty-ui-color-warning)}
.sty-ui-alert--danger{background:var(--sty-ui-color-danger-soft);border-color:color-mix(in srgb,var(--sty-ui-color-danger) 18%,transparent);color:var(--sty-ui-color-danger)}
.sty-ui-alert--info{background:var(--sty-ui-color-info-soft);border-color:color-mix(in srgb,var(--sty-ui-color-info) 18%,transparent);color:var(--sty-ui-color-info)}
.sty-ui-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;padding:24px;text-align:center;color:var(--sty-ui-color-text-muted)}
.sty-ui-empty strong{color:var(--sty-ui-color-text);font-size:var(--sty-ui-font-size-component-title);font-weight:var(--sty-ui-font-weight-semibold)}
.sty-ui-skeleton{position:relative;overflow:hidden;background:var(--sty-ui-color-surface-muted);border-radius:7px;color:transparent!important;user-select:none}
.sty-ui-skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--sty-ui-color-surface) 58%,transparent),transparent);animation:sty-ui-skeleton 1.3s ease-in-out infinite}
@keyframes sty-ui-skeleton{to{transform:translateX(100%)}}
.sty-ui-pagination{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}
.sty-ui-pagination a,.sty-ui-pagination button{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:0 9px;border:1px solid var(--sty-ui-color-border);border-radius:9px;background:var(--sty-ui-color-surface);color:var(--sty-ui-color-text-secondary);font-size:var(--sty-ui-font-size-caption);text-decoration:none;cursor:pointer}
.sty-ui-pagination .is-active{background:var(--sty-ui-color-accent);border-color:var(--sty-ui-color-accent);color:var(--sty-ui-color-accent-ink);font-weight:var(--sty-ui-font-weight-semibold)}

/* Compact density is a UI concern only. */
body[data-sty-density="compact"] .sty-ui-btn{min-height:34px}
body[data-sty-density="compact"] .sty-ui-control{min-height:34px;padding-top:6px;padding-bottom:6px}
body[data-sty-density="compact"] .sty-ui-table th{padding-top:8px;padding-bottom:8px}
body[data-sty-density="compact"] .sty-ui-table td{padding-top:8px;padding-bottom:8px}

@media(max-width:760px){
  .sty-ui-page{width:calc(100% - (var(--sty-ui-page-gutter-mobile) * 2))}
  .sty-ui-page-header,.sty-ui-section-header{align-items:flex-start;flex-direction:column}
  .sty-ui-page-actions,.sty-ui-toolbar,.sty-ui-toolbar-group{width:100%}
  .sty-ui-search{width:100%;min-width:0}
  .sty-ui-modal{padding:10px}
  .sty-ui-modal-dialog{max-height:92vh;border-radius:var(--sty-ui-radius-lg)}
}

@media(prefers-reduced-motion:reduce){
  .sty-ui-skeleton::after{animation:none}
  .sty-ui-btn,.sty-ui-tab,.sty-ui-dropdown-menu,.sty-ui-modal,.sty-ui-modal-dialog,.sty-ui-drawer-backdrop,.sty-ui-drawer-panel{transition:none!important}
}

/* ============================================================================
   STY UI CORE — FASE 4 / COMERCIAL
   Migracao visual direta do dominio Comercial para o Core canonico.

   ESCOPO:
   - Vendas, orcamentos, clientes, produtos, aprovacoes e relatorios;
   - Cadastro Tecnico (fila + wizard de pre-producao).

   CONTRATO:
   - somente apresentacao;
   - nenhum ID/name/action/rota/payload/ACL e alterado;
   - classes historicas continuam como hooks funcionais quando necessario;
   - cores, tipografia, superficies, estados e motion passam a vir de --sty-ui-*.
   ========================================================================== */
:root{--sty-ui-commercial-generation:4}

/* --------------------------------------------------------------------------
   COMERCIAL / SALES — raiz visual
   -------------------------------------------------------------------------- */
body.sty-erp-platform .sty-os-main .sales-app{
  --s-bg:var(--sty-ui-color-canvas);
  --s-card:var(--sty-ui-color-surface);
  --s-soft:var(--sty-ui-color-surface-subtle);
  --s-text:var(--sty-ui-color-text);
  --s-muted:var(--sty-ui-color-text-muted);
  --s-line:var(--sty-ui-color-border);
  --s-gold:var(--sty-ui-color-accent);
  --s-gold2:var(--sty-ui-color-accent-pressed);
  --s-green:var(--sty-ui-color-success);
  --s-red:var(--sty-ui-color-danger);
  --s-orange:var(--sty-ui-color-warning);
  width:min(var(--sty-ui-page-max),100%)!important;
  color:var(--sty-ui-color-text)!important;
  font-family:var(--sty-ui-font-family)!important;
  font-size:var(--sty-ui-font-size-body)!important;
}
body.sty-erp-platform .sty-os-main .sales-app :where(*:not(.fa):not(.fa-solid):not(.fa-regular):not(.fa-brands):not(.fas):not(.far):not(.fab)){font-family:inherit}

/* Page header: ERP, not landing page. */
body.sty-erp-platform .sty-os-main .sales-app .sales-top,
body.sty-erp-platform .sty-os-main .sales-app .sales-detail-top,
body.sty-erp-platform .sty-os-main .sales-app .sales-module-header{
  position:relative!important;
  overflow:visible!important;
  padding:4px 0 16px!important;
  margin:0 0 14px!important;
  border:0!important;
  border-bottom:1px solid var(--sty-ui-color-border)!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
body.sty-erp-platform .sty-os-main .sales-app .sales-top::before,
body.sty-erp-platform .sty-os-main .sales-app .sales-top::after{content:none!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-eyebrow,
body.sty-erp-platform .sty-os-main .sales-app .sales-detail-eyebrow{
  margin:0 0 4px!important;
  color:var(--sty-ui-color-text-muted)!important;
  font-size:var(--sty-ui-font-size-caption)!important;
  line-height:1.3!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
}
body.sty-erp-platform .sty-os-main .sales-app .sales-title{
  margin:0!important;
  color:var(--sty-ui-color-text)!important;
  font-size:var(--sty-ui-font-size-page-title)!important;
  line-height:var(--sty-ui-line-height-tight)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  letter-spacing:-.02em!important;
}
body.sty-erp-platform .sty-os-main .sales-app .sales-sub{
  max-width:860px!important;
  margin:5px 0 0!important;
  color:var(--sty-ui-color-text-muted)!important;
  font-size:var(--sty-ui-font-size-small)!important;
  line-height:var(--sty-ui-line-height-body)!important;
  font-weight:var(--sty-ui-font-weight-regular)!important;
}
body.sty-erp-platform .sty-os-main .sales-app .sales-actions{gap:var(--sty-ui-space-2)!important}

/* Buttons */
body.sty-erp-platform .sty-os-main .sales-app :where(.sales-btn,.sales-icon-btn){
  border-radius:var(--sty-ui-radius-sm)!important;
  box-shadow:none!important;
  font-weight:var(--sty-ui-font-weight-medium)!important;
  transition:background var(--sty-ui-motion-hover),border-color var(--sty-ui-motion-hover),color var(--sty-ui-motion-hover),transform var(--sty-ui-motion-press)!important;
}
body.sty-erp-platform .sty-os-main .sales-app .sales-btn{
  min-height:var(--sty-ui-control-md)!important;
  padding:0 var(--sty-ui-control-padding-x)!important;
  border:1px solid var(--sty-ui-color-border-strong)!important;
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text-secondary)!important;
  font-size:var(--sty-ui-font-size-small)!important;
}
body.sty-erp-platform .sty-os-main .sales-app .sales-btn:hover{
  transform:none!important;
  background:var(--sty-ui-color-surface-subtle)!important;
  color:var(--sty-ui-color-text)!important;
}
body.sty-erp-platform .sty-os-main .sales-app .sales-btn.primary{
  border-color:var(--sty-ui-color-accent)!important;
  background:var(--sty-ui-color-accent)!important;
  background-image:none!important;
  color:var(--sty-ui-color-accent-ink)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
}
body.sty-erp-platform .sty-os-main .sales-app .sales-btn.primary:hover{background:var(--sty-ui-color-accent-hover)!important;border-color:var(--sty-ui-color-accent-hover)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-btn.danger{background:var(--sty-ui-color-danger-soft)!important;border-color:color-mix(in srgb,var(--sty-ui-color-danger) 20%,transparent)!important;color:var(--sty-ui-color-danger)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-btn.small{min-height:var(--sty-ui-control-sm)!important;font-size:var(--sty-ui-font-size-caption)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-icon-btn{background:transparent!important;border-color:transparent!important;color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-icon-btn:hover{background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text)!important}

/* Module navigation / segmented controls */
body.sty-erp-platform .sty-os-main .sales-app .sales-nav{
  gap:2px!important;
  padding:3px!important;
  margin:0 0 14px!important;
  border:1px solid var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-md)!important;
  background:var(--sty-ui-color-surface-subtle)!important;
  box-shadow:none!important;
}
body.sty-erp-platform .sty-os-main .sales-app .sales-nav a{
  min-height:34px!important;
  padding:0 11px!important;
  border-radius:9px!important;
  color:var(--sty-ui-color-text-muted)!important;
  font-size:var(--sty-ui-font-size-caption)!important;
  font-weight:var(--sty-ui-font-weight-medium)!important;
}
body.sty-erp-platform .sty-os-main .sales-app .sales-nav a.active{
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
body.sty-erp-platform .sty-os-main .sales-app :where(.sales-view-switch,.sales-jobie-segments,.sales-segments){
  border-color:var(--sty-ui-color-border)!important;
  background:var(--sty-ui-color-surface-subtle)!important;
  box-shadow:none!important;
}
body.sty-erp-platform .sty-os-main .sales-app :where(.sales-view-switch a,.sales-jobie-segments a,.sales-segments a){font-weight:var(--sty-ui-font-weight-medium)!important}
body.sty-erp-platform .sty-os-main .sales-app :where(.sales-view-switch a.active,.sales-jobie-segments a.active,.sales-segments a.active){background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;box-shadow:var(--sty-ui-shadow-xs)!important}

/* Toolbars + controls */
body.sty-erp-platform .sty-os-main .sales-app :where(.sales-toolbar,.sales-filter-bar,.sales-list-workspace-filter){
  padding:12px!important;
  border:1px solid var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-lg)!important;
  background:var(--sty-ui-color-surface)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
body.sty-erp-platform .sty-os-main .sales-app .sales-field label{
  margin-bottom:5px!important;
  color:var(--sty-ui-color-text-secondary)!important;
  font-size:var(--sty-ui-font-size-caption)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body.sty-erp-platform .sty-os-main .sales-app :where(.sales-input,.sales-select,.sales-textarea){
  min-height:var(--sty-ui-control-md)!important;
  border:1px solid var(--sty-ui-color-border-strong)!important;
  border-radius:var(--sty-ui-radius-sm)!important;
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text)!important;
  font-size:var(--sty-ui-font-size-body)!important;
  font-weight:var(--sty-ui-font-weight-regular)!important;
  box-shadow:none!important;
}
body.sty-erp-platform .sty-os-main .sales-app :where(.sales-input,.sales-select,.sales-textarea):focus{
  border-color:color-mix(in srgb,var(--sty-ui-color-accent) 58%,var(--sty-ui-color-border-strong))!important;
  box-shadow:0 0 0 3px var(--sty-ui-color-focus)!important;
}

/* Unified surfaces. */
body.sty-erp-platform .sty-os-main .sales-app :where(.sales-card,.sales-resume-card,.sales-pipeline-card,.sales-crm-metric,.sales-detail-command,.sales-stage4-command){
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-md)!important;
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
body.sty-erp-platform .sty-os-main .sales-app .sales-card{margin-bottom:12px!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-card-head{
  padding:12px 14px!important;
  border-color:var(--sty-ui-color-border)!important;
  background:var(--sty-ui-color-surface)!important;
}
body.sty-erp-platform .sty-os-main .sales-app .sales-card-body{padding:14px!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-card-title{color:var(--sty-ui-color-text)!important;font-size:var(--sty-ui-font-size-component-title)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-card-sub{color:var(--sty-ui-color-text-muted)!important;font-size:var(--sty-ui-font-size-caption)!important;font-weight:var(--sty-ui-font-weight-regular)!important}
body.sty-erp-platform .sty-os-main .sales-app :where(.sales-resume-card,.sales-pipeline-card):hover{transform:none!important;box-shadow:var(--sty-ui-shadow-sm)!important;border-color:var(--sty-ui-color-border-strong)!important}

/* KPI bands: one information surface instead of floating cards. */
body.sty-erp-platform .sty-os-main .sales-app :where(.sales-jobie-kpis,.sales-summary-band,.sales-report-summary-grid){
  gap:1px!important;
  border:1px solid var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-lg)!important;
  background:var(--sty-ui-color-border)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
  overflow:hidden!important;
}
body.sty-erp-platform .sty-os-main .sales-app :where(.sales-jobie-kpi,.sales-summary-cell,.sales-report-kpi){
  min-height:88px!important;
  padding:13px 15px!important;
  border:0!important;
  border-radius:0!important;
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  box-shadow:none!important;
}
body.sty-erp-platform .sty-os-main .sales-app :where(.sales-jobie-kpi-top,.sales-summary-cell>span,.sales-report-kpi>span){color:var(--sty-ui-color-text-muted)!important;font-size:var(--sty-ui-font-size-caption)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:.02em!important}
body.sty-erp-platform .sty-os-main .sales-app :where(.sales-jobie-kpi>strong,.sales-summary-cell>strong,.sales-report-kpi>strong){color:var(--sty-ui-color-text)!important;font-size:22px!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:-.02em!important;font-variant-numeric:tabular-nums lining-nums}
body.sty-erp-platform .sty-os-main .sales-app :where(.sales-jobie-kpi>small,.sales-summary-cell>small,.sales-report-kpi>small){color:var(--sty-ui-color-text-muted)!important;font-weight:var(--sty-ui-font-weight-regular)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-summary-cell.accent,
body.sty-erp-platform .sty-os-main .sales-app .sales-report-kpi.featured{background:var(--sty-ui-color-surface)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-summary-cell.accent::before{background:var(--sty-ui-color-accent)!important}

/* Tables: dense and quiet. */
body.sty-erp-platform .sty-os-main .sales-app .sales-table-wrap{
  border:1px solid var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-md)!important;
  background:var(--sty-ui-color-surface)!important;
  box-shadow:none!important;
}
body.sty-erp-platform .sty-os-main .sales-app .sales-table{color:var(--sty-ui-color-text)!important;font-size:var(--sty-ui-font-size-small)!important;font-variant-numeric:tabular-nums lining-nums}
body.sty-erp-platform .sty-os-main .sales-app .sales-table th{
  padding:9px 11px!important;
  background:var(--sty-ui-color-surface-subtle)!important;
  color:var(--sty-ui-color-text-muted)!important;
  border-color:var(--sty-ui-color-border)!important;
  font-size:var(--sty-ui-font-size-caption)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  letter-spacing:.025em!important;
}
body.sty-erp-platform .sty-os-main .sales-app .sales-table td{padding:10px 11px!important;color:var(--sty-ui-color-text-secondary)!important;border-color:var(--sty-ui-color-border)!important;font-size:var(--sty-ui-font-size-small)!important;font-weight:var(--sty-ui-font-weight-regular)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-table tbody tr:hover td{background:var(--sty-ui-table-row-hover)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-link{color:var(--sty-ui-color-text)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;text-decoration:underline!important;text-decoration-color:color-mix(in srgb,var(--sty-ui-color-accent) 70%,transparent)!important;text-underline-offset:3px!important}

/* Status language */
body.sty-erp-platform .sty-os-main .sales-app .sales-badge{
  min-height:23px!important;
  padding:3px 8px!important;
  border:1px solid var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-pill)!important;
  background:var(--sty-ui-color-neutral-soft)!important;
  color:var(--sty-ui-color-neutral)!important;
  font-size:var(--sty-ui-font-size-caption)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
}
body.sty-erp-platform .sty-os-main .sales-app .sales-badge.ok{background:var(--sty-ui-color-success-soft)!important;border-color:color-mix(in srgb,var(--sty-ui-color-success) 18%,transparent)!important;color:var(--sty-ui-color-success)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-badge.warn{background:var(--sty-ui-color-warning-soft)!important;border-color:color-mix(in srgb,var(--sty-ui-color-warning) 18%,transparent)!important;color:var(--sty-ui-color-warning)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-badge.danger{background:var(--sty-ui-color-danger-soft)!important;border-color:color-mix(in srgb,var(--sty-ui-color-danger) 18%,transparent)!important;color:var(--sty-ui-color-danger)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-badge.neutral{background:var(--sty-ui-color-neutral-soft)!important;color:var(--sty-ui-color-neutral)!important}

/* Approvals and quick status filters become compact segmented controls. */
body.sty-erp-platform .sty-os-main .sales-app .sales-stage4-status-tabs{gap:6px!important;margin-bottom:12px!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-stage4-status-tabs a{
  min-height:44px!important;
  padding:8px 11px!important;
  border:1px solid var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-sm)!important;
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text-secondary)!important;
  box-shadow:none!important;
}
body.sty-erp-platform .sty-os-main .sales-app .sales-stage4-status-tabs a.active{background:var(--sty-ui-color-accent-soft)!important;border-color:color-mix(in srgb,var(--sty-ui-color-accent) 34%,var(--sty-ui-color-border))!important;box-shadow:inset 0 -2px 0 var(--sty-ui-color-accent)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-stage4-status-tabs a span{font-size:var(--sty-ui-font-size-caption)!important;font-weight:var(--sty-ui-font-weight-medium)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-stage4-status-tabs a strong{font-weight:var(--sty-ui-font-weight-semibold)!important}

/* Products / chips */
body.sty-erp-platform .sty-os-main .sales-app :where(.sales-product-type-strip,.sales-stage4-focus-strip){
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-md)!important;
  background:var(--sty-ui-color-surface)!important;
  box-shadow:none!important;
}
body.sty-erp-platform .sty-os-main .sales-app :where(.sales-type-chip,.sales-product-tab,.sales-report-type-chip){
  border-color:var(--sty-ui-color-border)!important;
  background:var(--sty-ui-color-surface-subtle)!important;
  color:var(--sty-ui-color-text-muted)!important;
  box-shadow:none!important;
  font-weight:var(--sty-ui-font-weight-medium)!important;
}
body.sty-erp-platform .sty-os-main .sales-app :where(.sales-type-chip.active,.sales-product-tab.active,.sales-report-type-chip.active){
  border-color:color-mix(in srgb,var(--sty-ui-color-accent) 35%,var(--sty-ui-color-border))!important;
  background:var(--sty-ui-color-accent-soft)!important;
  color:var(--sty-ui-color-text)!important;
}

/* Quote pipeline: preserve columns, remove dashboard-template decoration. */
body.sty-erp-platform .sty-os-main .sales-app .sales-pipeline-column{border-color:var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-md)!important;background:var(--sty-ui-color-surface-subtle)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-pipeline-head{padding:11px 12px!important;border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-pipeline-card{padding:11px!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-pipeline-card h3{color:var(--sty-ui-color-text)!important;font-size:var(--sty-ui-font-size-component-title)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-pipeline-card p,
body.sty-erp-platform .sty-os-main .sales-app .sales-pipeline-card>small,
body.sty-erp-platform .sty-os-main .sales-app .sales-pipeline-card-meta span{color:var(--sty-ui-color-text-muted)!important;font-weight:var(--sty-ui-font-weight-regular)!important}

/* CRM/detail: emphasis comes from hierarchy, not colored cards. */
body.sty-erp-platform .sty-os-main .sales-app :where(.sales-crm-hero,.sales-crm-metric,.sales-crm-attention-card,.sales-quote-summary-card){background:var(--sty-ui-color-surface)!important;background-image:none!important;border-color:var(--sty-ui-color-border)!important;box-shadow:none!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-detail-command{padding:12px 14px!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-detail-command-icon{background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-detail-command-copy>span{color:var(--sty-ui-color-text-muted)!important;font-size:var(--sty-ui-font-size-caption)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:.045em!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-detail-command-copy>strong{color:var(--sty-ui-color-text)!important;font-size:var(--sty-ui-font-size-component-title)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-detail-command-copy>small{color:var(--sty-ui-color-text-muted)!important;font-weight:var(--sty-ui-font-weight-regular)!important}

/* Details/accordions */
body.sty-erp-platform .sty-os-main .sales-app :where(.sales-disclosure,.sales-dashboard-disclosure,.sales-utility-details){border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface)!important;box-shadow:none!important}
body.sty-erp-platform .sty-os-main .sales-app :where(.sales-disclosure-summary,.sales-dashboard-disclosure>summary,.sales-utility-summary){background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-disclosure-summary strong{font-weight:var(--sty-ui-font-weight-semibold)!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-disclosure-summary>div:first-child span{color:var(--sty-ui-color-text-muted)!important;font-weight:var(--sty-ui-font-weight-regular)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-disclosure[open]>.sales-disclosure-summary{border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface-subtle)!important}

/* Reports: analytical, dense, no hero cards. */
body.sty-erp-platform .sty-os-main .sales-app.sales-report-page :where(.sales-report-filter-card,.sales-report-chart-card,.sales-report-saved-card,.sales-report-table-card,.sales-report-group-table-card){border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface)!important;box-shadow:var(--sty-ui-shadow-xs)!important}
body.sty-erp-platform .sty-os-main .sales-app.sales-report-page :where(.sales-report-filter-details[open]>summary,.sales-report-columns-details[open]>summary,.sales-report-saved-item){background:var(--sty-ui-color-surface-subtle)!important}
body.sty-erp-platform .sty-os-main .sales-app.sales-report-page .sales-report-bar-track{background:var(--sty-ui-color-surface-muted)!important}
body.sty-erp-platform .sty-os-main .sales-app.sales-report-page .sales-report-bar-track i{background:var(--sty-ui-color-accent)!important}
body.sty-erp-platform .sty-os-main .sales-app.sales-report-page .sales-report-kpi.featured>strong{color:var(--sty-ui-color-text)!important}

/* Alerts */
body.sty-erp-platform .sty-os-main .sales-app .sales-alert{border-color:var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-md)!important;background:var(--sty-ui-color-neutral-soft)!important;color:var(--sty-ui-color-text-secondary)!important;font-weight:var(--sty-ui-font-weight-regular)!important;box-shadow:none!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-alert.ok{background:var(--sty-ui-color-success-soft)!important;color:var(--sty-ui-color-success)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-alert.warn{background:var(--sty-ui-color-warning-soft)!important;color:var(--sty-ui-color-warning)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-alert.danger{background:var(--sty-ui-color-danger-soft)!important;color:var(--sty-ui-color-danger)!important}
body.sty-erp-platform .sty-os-main .sales-app .sales-alert.info{background:var(--sty-ui-color-info-soft)!important;color:var(--sty-ui-color-info)!important}

/* Menus and modals */
body.sty-erp-platform .sales-app .sales-action-popover{
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-md)!important;
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-lg)!important;
}
body.sty-erp-platform .sales-app .sales-action-popover :where(a,button){color:var(--sty-ui-color-text-secondary)!important;font-weight:var(--sty-ui-font-weight-medium)!important}
body.sty-erp-platform .sales-app .sales-action-popover :where(a,button):hover{background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform .sales-app .sales-action-popover button.sales-action-danger{color:var(--sty-ui-color-danger)!important}
body.sty-erp-platform .sales-app .sales-modal-dialog{
  border:1px solid var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-xl)!important;
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-lg)!important;
}
body.sty-erp-platform .sales-app :where(.sales-modal-head,.sales-modal-actions){border-color:var(--sty-ui-color-border)!important}
body.sty-erp-platform .sales-app .sales-modal-actions{background:var(--sty-ui-color-surface-subtle)!important}

/* --------------------------------------------------------------------------
   CADASTRO TECNICO — fila interna
   -------------------------------------------------------------------------- */
body.sty-erp-platform .sty-os-main .sty-technical-queue{
  color:var(--sty-ui-color-text)!important;
  font-family:var(--sty-ui-font-family)!important;
}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-hero{
  align-items:flex-end!important;
  padding:4px 0 16px!important;
  margin-bottom:14px!important;
  border-bottom:1px solid var(--sty-ui-color-border)!important;
}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-eyebrow{color:var(--sty-ui-color-text-muted)!important;font-size:var(--sty-ui-font-size-caption)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:.045em!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue h1{margin:4px 0!important;color:var(--sty-ui-color-text)!important;font-size:var(--sty-ui-font-size-page-title)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:-.02em!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-hero p{color:var(--sty-ui-color-text-muted)!important;font-size:var(--sty-ui-font-size-small)!important;font-weight:var(--sty-ui-font-weight-regular)!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-note{padding:9px 11px!important;border:1px solid color-mix(in srgb,var(--sty-ui-color-warning) 18%,transparent)!important;border-radius:var(--sty-ui-radius-sm)!important;background:var(--sty-ui-color-warning-soft)!important;color:var(--sty-ui-color-warning)!important;box-shadow:none!important;font-size:var(--sty-ui-font-size-caption)!important;font-weight:var(--sty-ui-font-weight-medium)!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-stats{gap:1px!important;border:1px solid var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-lg)!important;background:var(--sty-ui-color-border)!important;overflow:hidden!important;box-shadow:var(--sty-ui-shadow-xs)!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-stat{padding:13px 15px!important;border-radius:0!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;box-shadow:none!important;transition:background var(--sty-ui-motion-hover)!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-stat:hover{transform:none!important;background:var(--sty-ui-color-surface-hover)!important;box-shadow:none!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-stat.is-active{background:var(--sty-ui-color-accent-soft)!important;box-shadow:inset 0 -2px 0 var(--sty-ui-color-accent)!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-stat span{color:var(--sty-ui-color-text-muted)!important;font-size:var(--sty-ui-font-size-caption)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-stat strong{font-size:22px!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:-.02em!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-search{height:var(--sty-ui-control-lg)!important;border:1px solid var(--sty-ui-color-border-strong)!important;border-radius:var(--sty-ui-radius-sm)!important;background:var(--sty-ui-color-surface)!important;box-shadow:none!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-search input{color:var(--sty-ui-color-text)!important;font-size:var(--sty-ui-font-size-body)!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-btn{height:var(--sty-ui-control-lg)!important;border:1px solid var(--sty-ui-color-border-strong)!important;border-radius:var(--sty-ui-radius-sm)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text-secondary)!important;font-size:var(--sty-ui-font-size-small)!important;font-weight:var(--sty-ui-font-weight-medium)!important;box-shadow:none!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-btn:hover{transform:none!important;background:var(--sty-ui-color-surface-subtle)!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-btn.primary{background:var(--sty-ui-color-accent)!important;border-color:var(--sty-ui-color-accent)!important;color:var(--sty-ui-color-accent-ink)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-btn.soft{background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text-secondary)!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-card{padding:14px 15px!important;border:1px solid var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-md)!important;background:var(--sty-ui-color-surface)!important;box-shadow:var(--sty-ui-shadow-xs)!important;transition:border-color var(--sty-ui-motion-hover),box-shadow var(--sty-ui-motion-hover)!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-card:hover{transform:none!important;border-color:var(--sty-ui-color-border-strong)!important;box-shadow:var(--sty-ui-shadow-sm)!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-name{color:var(--sty-ui-color-text)!important;font-size:var(--sty-ui-font-size-section-title)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:-.01em!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-meta,
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-small,
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-progress-label{color:var(--sty-ui-color-text-muted)!important;font-weight:var(--sty-ui-font-weight-regular)!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-status{border:1px solid var(--sty-ui-color-border)!important;background:var(--sty-ui-color-neutral-soft)!important;color:var(--sty-ui-color-neutral)!important;font-size:var(--sty-ui-font-size-caption)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-status.awaiting_payment{background:var(--sty-ui-color-warning-soft)!important;color:var(--sty-ui-color-warning)!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-status.in_progress{background:var(--sty-ui-color-info-soft)!important;color:var(--sty-ui-color-info)!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-status.ready{background:var(--sty-ui-color-success-soft)!important;color:var(--sty-ui-color-success)!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-track{height:6px!important;background:var(--sty-ui-color-surface-muted)!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-track span{background:var(--sty-ui-color-accent)!important}
body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-empty{border:1px solid var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-lg)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text-muted)!important;box-shadow:none!important}

/* --------------------------------------------------------------------------
   CADASTRO TECNICO — wizard standalone / steps new..5
   Mantem a geometria e os hooks do wizard; normaliza somente linguagem visual.
   -------------------------------------------------------------------------- */
body.sty-order-wizard.sty-erp-platform{
  background:var(--sty-ui-color-canvas)!important;
  color:var(--sty-ui-color-text)!important;
  font-family:var(--sty-ui-font-family)!important;
}
body.sty-order-wizard.sty-erp-platform :where(.ow-shell,.ow-main,.page-container,.container,.ios-container){color:var(--sty-ui-color-text)!important}
body.sty-order-wizard.sty-erp-platform :where(.glass-card,.ios-card,.ios-card-group,.card,.form-card,.grade-box,.box){
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-lg)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.sty-order-wizard.sty-erp-platform :where(.title-area h1,.header-hero h1,.ios-title-large,.card .title,.form-card .title){
  color:var(--sty-ui-color-text)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  letter-spacing:-.02em!important;
}
body.sty-order-wizard.sty-erp-platform :where(.title-area h1,.header-hero h1,.ios-title-large){font-size:clamp(22px,2.4vw,28px)!important}
body.sty-order-wizard.sty-erp-platform :where(.subtitle,.ios-subtitle,.helper-text,.row-desc,.sub,.dc-muted){color:var(--sty-ui-color-text-muted)!important;font-weight:var(--sty-ui-font-weight-regular)!important}
body.sty-order-wizard.sty-erp-platform :where(.input-label,.ios-label,.ios-section-label,.lbl,.matrix-label){color:var(--sty-ui-color-text-secondary)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:0!important;text-transform:none!important}
body.sty-order-wizard.sty-erp-platform :where(.form-control,.ios-input,.ios-select,.ios-textarea,.input,.input-date){
  min-height:var(--sty-ui-control-lg)!important;
  border:1px solid var(--sty-ui-color-border-strong)!important;
  border-radius:var(--sty-ui-radius-sm)!important;
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:none!important;
}
body.sty-order-wizard.sty-erp-platform :where(.form-control,.ios-input,.ios-select,.ios-textarea,.input,.input-date):focus{border-color:color-mix(in srgb,var(--sty-ui-color-accent) 58%,var(--sty-ui-color-border-strong))!important;box-shadow:0 0 0 3px var(--sty-ui-color-focus)!important;outline:0!important}
body.sty-order-wizard.sty-erp-platform :where(.btn-ios,.btn,.modal-btn,.action-link){
  border-radius:var(--sty-ui-radius-sm)!important;
  box-shadow:none!important;
  font-weight:var(--sty-ui-font-weight-medium)!important;
}
body.sty-order-wizard.sty-erp-platform :where(.btn-primary,.ios-btn-primary,.btn-ios.primary){
  background:var(--sty-ui-color-accent)!important;
  background-image:none!important;
  border-color:var(--sty-ui-color-accent)!important;
  color:var(--sty-ui-color-accent-ink)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  box-shadow:none!important;
}
body.sty-order-wizard.sty-erp-platform :where(.btn-ghost,.btn-ios:not(.primary)){background:var(--sty-ui-color-surface)!important;border-color:var(--sty-ui-color-border-strong)!important;color:var(--sty-ui-color-text-secondary)!important}
body.sty-order-wizard.sty-erp-platform :where(.header-nav,.glass-nav,.ios-nav,.nav,.nav-top){border-color:var(--sty-ui-color-border)!important;background:color-mix(in srgb,var(--sty-ui-color-surface) 94%,transparent)!important;box-shadow:none!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
body.sty-order-wizard.sty-erp-platform :where(.stepper,.step-indicator){border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface-subtle)!important;box-shadow:none!important}
body.sty-order-wizard.sty-erp-platform :where(.step-segment,.step){color:var(--sty-ui-color-text-muted)!important}
body.sty-order-wizard.sty-erp-platform :where(.step-segment.active,.step.active,.step.completed){color:var(--sty-ui-color-text)!important}
body.sty-order-wizard.sty-erp-platform :where(.step-segment.active,.step.active){box-shadow:inset 0 -2px 0 var(--sty-ui-color-accent)!important}
body.sty-order-wizard.sty-erp-platform :where(.action-bar,.actions-area,.ios-fab-container){border-color:var(--sty-ui-color-border)!important;background:color-mix(in srgb,var(--sty-ui-color-canvas) 90%,transparent)!important;box-shadow:none!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
body.sty-order-wizard.sty-erp-platform :where(.status-badge,.tag,.model-tag,.ios-chip,.qty-badge){border-color:var(--sty-ui-color-border)!important;box-shadow:none!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-order-wizard.sty-erp-platform .progress-screen{background:color-mix(in srgb,var(--sty-ui-color-canvas) 88%,transparent)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
body.sty-order-wizard.sty-erp-platform .modal-dialog{border-color:var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-xl)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;box-shadow:var(--sty-ui-shadow-lg)!important}

/* Dark mode: old white literals inside Commercial are neutralized by semantic roles. */
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-os-main .sales-app :where(
  .sales-top,.sales-card,.sales-toolbar,.sales-filter-bar,.sales-table-wrap,.sales-card-head,.sales-jobie-kpi,.sales-summary-cell,.sales-report-kpi,.sales-pipeline-head,.sales-pipeline-card,.sales-pipeline-column,.sales-resume-card,.sales-stage4-status-tabs a,.sales-modal-dialog,.sales-action-popover,.sales-product-type-strip,.sales-stage4-focus-strip
){background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;border-color:var(--sty-ui-color-border)!important}
html[data-sty-sales-theme="dark"] body.sty-erp-platform .sty-os-main .sales-app :where(.sales-nav,.sales-view-switch,.sales-jobie-segments,.sales-segments,.sales-table th){background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text-muted)!important}
html[data-theme="dark"] body.sty-order-wizard.sty-erp-platform,
body.sty-order-wizard.sty-erp-platform:is(.theme-dark,.orders-theme-dark){background:var(--sty-ui-color-canvas)!important;color:var(--sty-ui-color-text)!important}

/* Responsive refinements do not change functional order. */
@media(max-width:900px){
  body.sty-erp-platform .sty-os-main .sales-app .sales-top,
  body.sty-erp-platform .sty-os-main .sales-app .sales-detail-top,
  body.sty-erp-platform .sty-os-main .sty-technical-queue .techq-hero{align-items:flex-start!important}
  body.sty-erp-platform .sty-os-main .sales-app :where(.sales-jobie-kpis,.sales-summary-band,.sales-report-summary-grid){border-radius:var(--sty-ui-radius-md)!important}
}
@media(max-width:620px){
  body.sty-erp-platform .sty-os-main .sales-app .sales-title,
  body.sty-erp-platform .sty-os-main .sty-technical-queue h1{font-size:20px!important}
  body.sty-erp-platform .sty-os-main .sales-app :where(.sales-card-head,.sales-card-body){padding-inline:12px!important}
  body.sty-erp-platform .sty-os-main .sales-app .sales-table :where(th,td){padding-inline:9px!important}
}

/* ============================================================================
   STY UI CORE — FASE 5 / PRODUCAO E OPERACAO
   Escopo visual: Orders, Producao, Chao de Fabrica, Setores, Capacidade,
   Qualidade, Reposicoes e Engenharia de Produto.

   CONTRATO:
   - somente apresentacao;
   - nenhum seletor abaixo altera ordem funcional, visibilidade de conteudo,
     rotas, IDs, names, data attributes, submits ou handlers;
   - CSS historico continua responsavel apenas por geometria especifica;
   - cor, tipografia, superficie, estado, elevacao e dark mode vêm do Core.
   ========================================================================== */

:root{--sty-ui-production-generation:5}

/* --------------------------------------------------------------------------
   5.1 — Aliases semanticos para skins operacionais historicas
   -------------------------------------------------------------------------- */
body.sty-erp-platform.sty-module-production,
body.sty-erp-platform.sty-production-shell{
  --prod-bg:var(--sty-ui-color-canvas);
  --prod-card:var(--sty-ui-color-surface);
  --prod-solid:var(--sty-ui-color-surface);
  --prod-text:var(--sty-ui-color-text);
  --prod-muted:var(--sty-ui-color-text-muted);
  --prod-line:var(--sty-ui-color-border);
  --prod-blue:var(--sty-ui-color-info);
  --prod-green:var(--sty-ui-color-success);
  --prod-orange:var(--sty-ui-color-warning);
  --prod-red:var(--sty-ui-color-danger);
  --prod-shadow:var(--sty-ui-shadow-xs);
  --prod-radius:var(--sty-ui-radius-lg);
  --prodx-bg:var(--sty-ui-color-canvas);
  --prodx-surface:var(--sty-ui-color-surface);
  --prodx-surface-strong:var(--sty-ui-color-surface);
  --prodx-soft:var(--sty-ui-color-surface-subtle);
  --prodx-text:var(--sty-ui-color-text);
  --prodx-muted:var(--sty-ui-color-text-muted);
  --prodx-muted-2:var(--sty-ui-color-disabled);
  --prodx-line:var(--sty-ui-color-border);
  --prodx-blue:var(--sty-ui-color-info);
  --prodx-cyan:var(--sty-ui-color-info);
  --prodx-green:var(--sty-ui-color-success);
  --prodx-orange:var(--sty-ui-color-warning);
  --prodx-red:var(--sty-ui-color-danger);
  --prodx-yellow:var(--sty-ui-color-accent);
  --prodx-radius-xl:var(--sty-ui-radius-xl);
  --prodx-radius-lg:var(--sty-ui-radius-lg);
  --prodx-radius-md:var(--sty-ui-radius-md);
  --prodx-shadow:var(--sty-ui-shadow-sm);
  --prodx-shadow-soft:var(--sty-ui-shadow-xs);
}
body.sty-erp-platform.sty-orders-shell{
  --op3-bg:var(--sty-ui-color-canvas);
  --op3-surface:var(--sty-ui-color-surface);
  --op3-surface-2:var(--sty-ui-color-surface-subtle);
  --op3-text:var(--sty-ui-color-text);
  --op3-muted:var(--sty-ui-color-text-muted);
  --op3-border:var(--sty-ui-color-border);
  --op3-border-strong:var(--sty-ui-color-border-strong);
  --op3-gold:var(--sty-ui-color-accent);
  --op3-gold-soft:var(--sty-ui-color-accent-soft);
  --op3-success:var(--sty-ui-color-success);
  --op3-warning:var(--sty-ui-color-warning);
  --op3-danger:var(--sty-ui-color-danger);
  --op3-radius:var(--sty-ui-radius-md);
  --op3-shadow:var(--sty-ui-shadow-xs);
  --orders-gold:var(--sty-ui-color-accent);
  --orders-gold-2:var(--sty-ui-color-accent-hover);
  --orders-gold-soft:var(--sty-ui-color-accent-soft);
  --orders-line:var(--sty-ui-color-border);
  --orders-shadow:var(--sty-ui-shadow-xs);
  --orders-shadow-hover:var(--sty-ui-shadow-sm);
}
body.sty-erp-platform.sty-capacity-shell{
  --dc-bg:var(--sty-ui-color-canvas);
  --dc-surface:var(--sty-ui-color-surface);
  --dc-surface-2:var(--sty-ui-color-surface-subtle);
  --dc-surface-3:var(--sty-ui-color-surface-muted);
  --dc-control:var(--sty-ui-color-surface);
  --dc-hover:var(--sty-ui-color-surface-hover);
  --dc-text:var(--sty-ui-color-text);
  --dc-text-2:var(--sty-ui-color-text-secondary);
  --dc-muted:var(--sty-ui-color-text-muted);
  --dc-line:var(--sty-ui-color-border);
  --dc-line-strong:var(--sty-ui-color-border-strong);
  --dc-primary:var(--sty-ui-color-accent);
  --dc-primary-hover:var(--sty-ui-color-accent-hover);
  --dc-primary-soft:var(--sty-ui-color-accent-soft);
  --dc-green:var(--sty-ui-color-success);
  --dc-green-soft:var(--sty-ui-color-success-soft);
  --dc-red:var(--sty-ui-color-danger);
  --dc-red-soft:var(--sty-ui-color-danger-soft);
  --dc-orange:var(--sty-ui-color-warning);
  --dc-orange-soft:var(--sty-ui-color-warning-soft);
  --dc-blue:var(--sty-ui-color-info);
  --dc-blue-soft:var(--sty-ui-color-info-soft);
  --dc-radius-sm:var(--sty-ui-radius-sm);
  --dc-radius:var(--sty-ui-radius-md);
  --dc-radius-lg:var(--sty-ui-radius-lg);
  --dc-shadow-xs:var(--sty-ui-shadow-xs);
  --dc-shadow:var(--sty-ui-shadow-xs);
  --dc-shadow-hover:var(--sty-ui-shadow-sm);
  --dc-font:var(--sty-ui-font-family);
}
body.sty-erp-platform.sty-product-engineering-shell{
  --pe-text:var(--sty-ui-color-text);
  --pe-muted:var(--sty-ui-color-text-secondary);
  --pe-soft:var(--sty-ui-color-text-muted);
  --pe-border:var(--sty-ui-color-border);
  --pe-border-strong:var(--sty-ui-color-border-strong);
  --pe-surface:var(--sty-ui-color-surface);
  --pe-bg:var(--sty-ui-color-canvas);
  --pe-blue:var(--sty-ui-color-info);
  --pe-green:var(--sty-ui-color-success);
  --pe-red:var(--sty-ui-color-danger);
  --pe-orange:var(--sty-ui-color-warning);
  --pe-shadow:var(--sty-ui-shadow-sm);
  --pe-shadow-soft:var(--sty-ui-shadow-xs);
}

/* --------------------------------------------------------------------------
   5.2 — Linguagem comum de paginas operacionais que usam STY Design System
   -------------------------------------------------------------------------- */
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) .sty-ds-page{
  color:var(--sty-ui-color-text)!important;
  font-family:var(--sty-ui-font-family)!important;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) .sty-ds-hero{
  padding:16px 18px!important;
  border:1px solid var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-lg)!important;
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) :where(.sty-ds-title,.sty-ds-hero h1){
  margin-top:3px!important;
  color:var(--sty-ui-color-text)!important;
  font-size:var(--sty-ui-font-size-page-title)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  letter-spacing:-.025em!important;
  line-height:var(--sty-ui-line-height-tight)!important;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) :where(.sty-ds-subtitle,.sty-ds-card-sub,.sty-ds-section-head p){
  color:var(--sty-ui-color-text-muted)!important;
  font-weight:var(--sty-ui-font-weight-regular)!important;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) .sty-ds-eyebrow{
  color:var(--sty-ui-color-text-muted)!important;
  font-size:var(--sty-ui-font-size-caption)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  letter-spacing:.045em!important;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) :where(.sty-ds-card,.sty-ds-kpi){
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-md)!important;
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) :where(.sty-ds-card-title,.sty-ds-section-head h2){
  color:var(--sty-ui-color-text)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  letter-spacing:-.015em!important;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) .sty-ds-kpi small{
  color:var(--sty-ui-color-text-muted)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  letter-spacing:.025em!important;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) .sty-ds-kpi strong{
  color:var(--sty-ui-color-text)!important;
  font-size:24px!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  font-variant-numeric:tabular-nums lining-nums;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) :where(.sty-ds-table-wrap){
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-md)!important;
  background:var(--sty-ui-color-surface)!important;
  box-shadow:none!important;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) .sty-ds-table{
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text)!important;
  font-size:var(--sty-ui-font-size-small)!important;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) .sty-ds-table th{
  padding:9px 11px!important;
  border-color:var(--sty-ui-color-border)!important;
  background:var(--sty-ui-color-surface-subtle)!important;
  color:var(--sty-ui-color-text-muted)!important;
  font-size:var(--sty-ui-font-size-caption)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  letter-spacing:.025em!important;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) .sty-ds-table td{
  padding:10px 11px!important;
  border-color:var(--sty-ui-color-border)!important;
  color:var(--sty-ui-color-text-secondary)!important;
  font-size:var(--sty-ui-font-size-small)!important;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) .sty-ds-table tbody tr:hover td{background:var(--sty-ui-table-row-hover)!important}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) :where(.sty-ds-input,.sty-ds-select,.sty-ds-textarea){
  border-color:var(--sty-ui-color-border-strong)!important;
  border-radius:var(--sty-ui-radius-sm)!important;
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text)!important;
  font-weight:var(--sty-ui-font-weight-regular)!important;
  box-shadow:none!important;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) :where(.sty-ds-input,.sty-ds-select,.sty-ds-textarea):focus{
  border-color:color-mix(in srgb,var(--sty-ui-color-accent) 58%,var(--sty-ui-color-border-strong))!important;
  box-shadow:0 0 0 3px var(--sty-ui-color-focus)!important;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) .sty-ds-field label{
  color:var(--sty-ui-color-text-secondary)!important;
  font-size:var(--sty-ui-font-size-caption)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) .sty-ds-btn{
  min-height:var(--sty-ui-control-md)!important;
  padding:0 12px!important;
  border-color:var(--sty-ui-color-border-strong)!important;
  border-radius:var(--sty-ui-radius-sm)!important;
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text-secondary)!important;
  font-size:var(--sty-ui-font-size-small)!important;
  font-weight:var(--sty-ui-font-weight-medium)!important;
  box-shadow:none!important;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) .sty-ds-btn.primary{
  background:var(--sty-ui-color-accent)!important;
  border-color:var(--sty-ui-color-accent)!important;
  color:var(--sty-ui-color-accent-ink)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) .sty-ds-btn.dark{
  background:var(--sty-ui-color-text)!important;
  border-color:var(--sty-ui-color-text)!important;
  color:var(--sty-ui-color-surface)!important;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) .sty-ds-btn.danger{
  background:var(--sty-ui-color-danger-soft)!important;
  border-color:color-mix(in srgb,var(--sty-ui-color-danger) 22%,transparent)!important;
  color:var(--sty-ui-color-danger)!important;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) .sty-ds-badge{
  border-color:var(--sty-ui-color-border)!important;
  background:var(--sty-ui-color-neutral-soft)!important;
  color:var(--sty-ui-color-neutral)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) .sty-ds-badge.ok{background:var(--sty-ui-color-success-soft)!important;color:var(--sty-ui-color-success)!important}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) .sty-ds-badge.warn{background:var(--sty-ui-color-warning-soft)!important;color:var(--sty-ui-color-warning)!important}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) .sty-ds-badge.danger{background:var(--sty-ui-color-danger-soft)!important;color:var(--sty-ui-color-danger)!important}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) .sty-ds-badge.info{background:var(--sty-ui-color-info-soft)!important;color:var(--sty-ui-color-info)!important}
body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) .sty-ds-badge.gold{background:var(--sty-ui-color-accent-soft)!important;color:#725b00!important}

/* --------------------------------------------------------------------------
   5.3 — Orders: carteira operacional + detalhe, sem alterar Lista/Kanban/Agenda
   -------------------------------------------------------------------------- */
body.sty-erp-platform.sty-orders-shell :where(.orders-command-shell,.orders-kpi-card,.order-card,.kanban-card,.calendar-card,.quick-drawer,.advanced-panel){
  border-color:var(--sty-ui-color-border)!important;
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
body.sty-erp-platform.sty-orders-shell .orders-command-shell{
  border-radius:var(--sty-ui-radius-lg)!important;
  box-shadow:inset 0 2px 0 var(--sty-ui-color-accent),var(--sty-ui-shadow-xs)!important;
}
body.sty-erp-platform.sty-orders-shell :where(.orders-command-title-line h2,.orders-page h1){
  color:var(--sty-ui-color-text)!important;
  font-size:var(--sty-ui-font-size-page-title)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  letter-spacing:-.025em!important;
}
body.sty-erp-platform.sty-orders-shell :where(.orders-command-kicker,.orders-command-caption,.orders-command-statusline,.orders-control-eyebrow,.sub){
  color:var(--sty-ui-color-text-muted)!important;
  font-weight:var(--sty-ui-font-weight-regular)!important;
}
body.sty-erp-platform.sty-orders-shell :where(.orders-command-search,.orders-compact-select,.orders-view-switch,.orders-density-switch,.orders-filter-main,.orders-header-more>summary){
  border-color:var(--sty-ui-color-border-strong)!important;
  border-radius:var(--sty-ui-radius-sm)!important;
  background:var(--sty-ui-color-surface-subtle)!important;
  color:var(--sty-ui-color-text-secondary)!important;
  box-shadow:none!important;
}
body.sty-erp-platform.sty-orders-shell :where(.orders-command-search,.orders-compact-select):focus-within{
  background:var(--sty-ui-color-surface)!important;
  border-color:color-mix(in srgb,var(--sty-ui-color-accent) 58%,var(--sty-ui-color-border-strong))!important;
  box-shadow:0 0 0 3px var(--sty-ui-color-focus)!important;
}
body.sty-erp-platform.sty-orders-shell :where(.orders-view-switch button.active,.orders-density-switch button.active,.orders-new-btn){
  background:var(--sty-ui-color-accent)!important;
  border-color:var(--sty-ui-color-accent)!important;
  color:var(--sty-ui-color-accent-ink)!important;
  box-shadow:none!important;
}
body.sty-erp-platform.sty-orders-shell .order-card{
  border-radius:var(--sty-ui-radius-md)!important;
}
body.sty-erp-platform.sty-orders-shell .order-card:hover{
  border-color:var(--sty-ui-color-border-strong)!important;
  box-shadow:var(--sty-ui-shadow-sm)!important;
}
body.sty-erp-platform.sty-orders-shell :where(.order-num,.order-name,.dval,.pill-v){color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-orders-shell :where(.dlab,.pill-k,.last-move,.order-card .sub){color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-orders-shell :where(.pill,.op-badge,.intel-badge,.macro-badge){box-shadow:none!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-orders-shell .order-progress .bar{background:var(--sty-ui-color-surface-muted)!important}
body.sty-erp-platform.sty-orders-shell .order-progress .bar>span{background:var(--sty-ui-color-accent)!important}
body.sty-erp-platform.sty-orders-shell :where(.btn2,.orders-filter-close){font-weight:var(--sty-ui-font-weight-medium)!important;box-shadow:none!important}
body.sty-erp-platform.sty-orders-shell .btn2.primary{font-weight:var(--sty-ui-font-weight-semibold)!important}

body.sty-erp-platform.sty-order-view-shell .sty-order-view-page{
  color:var(--sty-ui-color-text)!important;
  font-family:var(--sty-ui-font-family)!important;
}
body.sty-erp-platform.sty-order-view-shell .sty-order-view-page :where(.topbar,.card,.ov-widget,.grade-block,.alert,.tabs){
  border-color:var(--sty-ui-color-border)!important;
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
body.sty-erp-platform.sty-order-view-shell .sty-order-view-page :where(.title,.ov-title-block h1,.topbar h1){font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:-.02em!important}
body.sty-erp-platform.sty-order-view-shell .sty-order-view-page :where(.muted,.sub,.lbl,.k){color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-order-view-shell .sty-order-view-page :where(.btn,.navbtn){border-color:var(--sty-ui-color-border-strong)!important;border-radius:var(--sty-ui-radius-sm)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text-secondary)!important;box-shadow:none!important}
body.sty-erp-platform.sty-order-view-shell .sty-order-view-page :where(.badge,.ov-tag){box-shadow:none!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-order-view-shell .sty-order-view-page :where(.table,.grade-table) th{background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text-muted)!important;border-color:var(--sty-ui-color-border)!important}
body.sty-erp-platform.sty-order-view-shell .sty-order-view-page :where(.table,.grade-table) td{color:var(--sty-ui-color-text-secondary)!important;border-color:var(--sty-ui-color-border)!important}

/* --------------------------------------------------------------------------
   5.4 — Producao / Planos / Metricas / Chao de Fabrica
   -------------------------------------------------------------------------- */
body.sty-erp-platform:is(.sty-module-production,.sty-production-shell) .sty-os-main{
  background:var(--sty-ui-color-canvas)!important;
  color:var(--sty-ui-color-text)!important;
}
body.sty-erp-platform.sty-production-shell .sty-os-main::before,
body.sty-erp-platform.sty-production-shell .sty-os-main::after{content:none!important;animation:none!important}
body.sty-erp-platform.sty-production-shell :where(.top,.toprow,.ios-header,.prod-hero,.plans-hero,.execHero,.page-head,.hero,.plan-decision-panel){
  padding:16px 18px!important;
  margin-bottom:14px!important;
  border:1px solid var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-lg)!important;
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.sty-erp-platform.sty-production-shell :where(.top,.toprow,.ios-header,.prod-hero,.plans-hero,.execHero,.plan-decision-panel)::after{content:none!important}
body.sty-erp-platform.sty-production-shell :where(.top h1,.toprow h1,.ios-header h1,.prod-hero h1,.plans-hero h1,.execHero h1,.page-head h1,.hero h1,.execTitle,.ios-title){
  color:var(--sty-ui-color-text)!important;
  font-size:var(--sty-ui-font-size-page-title)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  letter-spacing:-.025em!important;
}
body.sty-erp-platform.sty-production-shell :where(.ios-subtitle,.prod-sub,.plans-sub,.execSub,.muted,.text-muted,small){color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-production-shell :where(.card,.ios-card,.ui-card,.prod-card,.plans-card,.opCard,.execCard,.kpi,.kpi-card,.execKpi,.dep-panel,.plan,.queueBucket){
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-md)!important;
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.sty-erp-platform.sty-production-shell :where(.kpi,.kpi-card,.execKpi) strong{font-weight:var(--sty-ui-font-weight-semibold)!important;font-variant-numeric:tabular-nums lining-nums}
body.sty-erp-platform.sty-production-shell :where(.ios-table,.table,table) th{background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text-muted)!important;border-color:var(--sty-ui-color-border)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-production-shell :where(.ios-table,.table,table) td{color:var(--sty-ui-color-text-secondary)!important;border-color:var(--sty-ui-color-border)!important}
body.sty-erp-platform.sty-production-shell :where(.ios-btn,.btn,.btn2,.execNav a,.ios-nav-btn,.ios-tab){box-shadow:none!important;font-weight:var(--sty-ui-font-weight-medium)!important}
body.sty-erp-platform.sty-production-shell :where(.ios-btn.primary,.btn.primary,.btn2.primary,.execNav a.active,.ios-nav-btn.active,.ios-tab.active){background:var(--sty-ui-color-accent)!important;border-color:var(--sty-ui-color-accent)!important;color:var(--sty-ui-color-accent-ink)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}

body.sty-erp-platform.sty-module-production .sty-floor-page{color:var(--sty-ui-color-text)!important;font-family:var(--sty-ui-font-family)!important}
body.sty-erp-platform.sty-module-production :where(.sty-floor-control,.sty-floor-card,.sty-floor-modal-card){
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-md)!important;
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
body.sty-erp-platform.sty-module-production .sty-floor-sector-tabs{
  border-color:var(--sty-ui-color-border)!important;
  background:var(--sty-ui-color-surface-subtle)!important;
  box-shadow:none!important;
}
body.sty-erp-platform.sty-module-production .sty-floor-sector-tabs a{color:var(--sty-ui-color-text-muted)!important;font-weight:var(--sty-ui-font-weight-medium)!important}
body.sty-erp-platform.sty-module-production .sty-floor-sector-tabs a.active{background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;box-shadow:var(--sty-ui-shadow-xs)!important}
body.sty-erp-platform.sty-module-production .sty-floor-card header h3{color:var(--sty-ui-color-text)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-module-production :where(.sty-floor-order,.sty-floor-meta,.sty-floor-timer small){color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-module-production .sty-floor-main-action{background:var(--sty-ui-color-accent)!important;border-color:var(--sty-ui-color-accent)!important;color:var(--sty-ui-color-accent-ink)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-production .sty-floor-main-action.done{background:var(--sty-ui-color-success)!important;border-color:var(--sty-ui-color-success)!important;color:#fff!important}
body.sty-erp-platform.sty-module-production .sty-floor-icon{border-color:var(--sty-ui-color-border-strong)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text-secondary)!important;box-shadow:none!important}

/* --------------------------------------------------------------------------
   5.5 — Setores
   -------------------------------------------------------------------------- */
body.sty-erp-platform.sty-module-sectors :where(.sty-sector-page,.sty-sector-detail-content,.sty-sector-hub-v203){color:var(--sty-ui-color-text)!important;font-family:var(--sty-ui-font-family)!important}
body.sty-erp-platform.sty-module-sectors :where(.sty-hero,.sty-topbar,.sector-branding){
  border-color:var(--sty-ui-color-border)!important;
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
body.sty-erp-platform.sty-module-sectors :where(.sty-title,.sector-title){color:var(--sty-ui-color-text)!important;font-size:var(--sty-ui-font-size-page-title)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:-.025em!important}
body.sty-erp-platform.sty-module-sectors :where(.sty-kicker,.sty-sector-desc,.sty-summary,.sty-mini){color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-module-sectors :where(.sty-sector-card,.sty-stat,.sector-filter-panel,.task-owner-banner){
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-md)!important;
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
body.sty-erp-platform.sty-module-sectors .sty-sector-card:hover{border-color:var(--sty-ui-color-border-strong)!important;box-shadow:var(--sty-ui-shadow-sm)!important}
body.sty-erp-platform.sty-module-sectors :where(.sty-filter,.sty-search,.sector-filter-field input,.sector-filter-field select,.sector-search-field input){border-color:var(--sty-ui-color-border-strong)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-sectors :where(.sty-action,.taskbtn,.btn-check,.btn-view,.sector-filter-apply,.sector-filter-confirm){box-shadow:none!important;font-weight:var(--sty-ui-font-weight-medium)!important}
body.sty-erp-platform.sty-module-sectors :where(.sty-action.primary,.btn-check,.sector-filter-apply,.sector-filter-confirm){background:var(--sty-ui-color-accent)!important;border-color:var(--sty-ui-color-accent)!important;color:var(--sty-ui-color-accent-ink)!important}

/* --------------------------------------------------------------------------
   5.6 — Capacidade
   -------------------------------------------------------------------------- */
body.sty-erp-platform.sty-capacity-shell .dc-page{color:var(--sty-ui-color-text)!important;font-family:var(--sty-ui-font-family)!important}
body.sty-erp-platform.sty-capacity-shell .dc-hero{
  padding:16px 18px!important;
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-lg)!important;
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
body.sty-erp-platform.sty-capacity-shell .dc-hero h1{font-size:var(--sty-ui-font-size-page-title)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-capacity-shell .dc-hero p{color:var(--sty-ui-color-text-muted)!important;font-weight:var(--sty-ui-font-weight-regular)!important}
body.sty-erp-platform.sty-capacity-shell :where(.dc-card,.dc-kpi,.dc-result-card,.dc-day-card,.dc-decision-card,.dc-side-panel,.dc-priority-item,.dc-quick-link,.dc-overview-band,.dc-refresh-strip){
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-md)!important;
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
body.sty-erp-platform.sty-capacity-shell :where(.dc-kpi strong,.dc-overview-number){font-weight:var(--sty-ui-font-weight-semibold)!important;font-variant-numeric:tabular-nums lining-nums}
body.sty-erp-platform.sty-capacity-shell :where(.dc-muted,.dc-overview-label,.dc-summary-item span,.dc-hero-stat span){color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-capacity-shell :where(.dc-field input,.dc-field select,.dc-field textarea,.dc-form input,.dc-form select,.dc-form textarea){border-color:var(--sty-ui-color-border-strong)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;box-shadow:none!important}
body.sty-erp-platform.sty-capacity-shell .dc-subnav{border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface-subtle)!important;box-shadow:none!important}
body.sty-erp-platform.sty-capacity-shell .dc-subnav a{color:var(--sty-ui-color-text-muted)!important;font-weight:var(--sty-ui-font-weight-medium)!important}
body.sty-erp-platform.sty-capacity-shell .dc-subnav a.active{background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;box-shadow:var(--sty-ui-shadow-xs)!important}
body.sty-erp-platform.sty-capacity-shell .dc-btn{box-shadow:none!important;font-weight:var(--sty-ui-font-weight-medium)!important}
body.sty-erp-platform.sty-capacity-shell :where(.dc-btn.primary,.dc-btn.is-primary){background:var(--sty-ui-color-accent)!important;border-color:var(--sty-ui-color-accent)!important;color:var(--sty-ui-color-accent-ink)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-capacity-shell .dc-table-wrap{border-color:var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-md)!important;background:var(--sty-ui-color-surface)!important;box-shadow:none!important}
body.sty-erp-platform.sty-capacity-shell .dc-table th{background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text-muted)!important;border-color:var(--sty-ui-color-border)!important}
body.sty-erp-platform.sty-capacity-shell .dc-table td{color:var(--sty-ui-color-text-secondary)!important;border-color:var(--sty-ui-color-border)!important}

/* --------------------------------------------------------------------------
   5.7 — Qualidade
   -------------------------------------------------------------------------- */
body.sty-erp-platform.sty-module-quality :where(.sty-quality-time-row,.sty-quality-check,.sty-quality-side>.sty-ds-card){
  border-color:var(--sty-ui-color-border)!important;
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:none!important;
}
body.sty-erp-platform.sty-module-quality .sty-quality-time-bar{background:var(--sty-ui-color-surface-muted)!important}
body.sty-erp-platform.sty-module-quality .sty-quality-time-bar>span{background:var(--sty-ui-color-accent)!important}
body.sty-erp-platform.sty-module-quality .sty-quality-check h3{color:var(--sty-ui-color-text)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-module-quality .sty-quality-options span{box-shadow:none!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-module-quality .sty-quality-score{font-variant-numeric:tabular-nums lining-nums;font-weight:var(--sty-ui-font-weight-semibold)!important}

/* --------------------------------------------------------------------------
   5.8 — Reposicoes
   -------------------------------------------------------------------------- */
body.sty-erp-platform.sty-replacements-shell{
  background:var(--sty-ui-color-canvas)!important;
  color:var(--sty-ui-color-text)!important;
}
body.sty-erp-platform.sty-replacements-shell .sty-os-main{background:var(--sty-ui-color-canvas)!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-replacements-shell .rep-center{font-family:var(--sty-ui-font-family)!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-replacements-shell .rep-hero{
  padding:16px 18px!important;
  border:1px solid var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-lg)!important;
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
body.sty-erp-platform.sty-replacements-shell .rep-hero h1{color:var(--sty-ui-color-text)!important;font-size:var(--sty-ui-font-size-page-title)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:-.025em!important}
body.sty-erp-platform.sty-replacements-shell .rep-hero p{color:var(--sty-ui-color-text-muted)!important;font-weight:var(--sty-ui-font-weight-regular)!important}
body.sty-erp-platform.sty-replacements-shell .rep-kpis{
  gap:1px!important;
  border:1px solid var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-lg)!important;
  background:var(--sty-ui-color-border)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
  overflow:hidden!important;
}
body.sty-erp-platform.sty-replacements-shell .rep-kpi{
  border:0!important;
  border-radius:0!important;
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:none!important;
}
body.sty-erp-platform.sty-replacements-shell .rep-kpi span{color:var(--sty-ui-color-text-muted)!important;font-size:var(--sty-ui-font-size-caption)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:.025em!important}
body.sty-erp-platform.sty-replacements-shell .rep-kpi strong{color:var(--sty-ui-color-text)!important;font-size:24px!important;font-weight:var(--sty-ui-font-weight-semibold)!important;font-variant-numeric:tabular-nums lining-nums}
body.sty-erp-platform.sty-replacements-shell :where(.rep-filters,.rep-order-card,.rep-order-compact-card,.rep-order-drawer,.rep-compact-list){
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-md)!important;
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
body.sty-erp-platform.sty-replacements-shell .rep-field label{color:var(--sty-ui-color-text-secondary)!important;font-size:var(--sty-ui-font-size-caption)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:0!important;text-transform:none!important}
body.sty-erp-platform.sty-replacements-shell :where(.rep-field input,.rep-field select){border-color:var(--sty-ui-color-border-strong)!important;border-radius:var(--sty-ui-radius-sm)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;font-weight:var(--sty-ui-font-weight-regular)!important;box-shadow:none!important}
body.sty-erp-platform.sty-replacements-shell .rep-btn{border:1px solid var(--sty-ui-color-border-strong)!important;border-radius:var(--sty-ui-radius-sm)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text-secondary)!important;font-weight:var(--sty-ui-font-weight-medium)!important;box-shadow:none!important}
body.sty-erp-platform.sty-replacements-shell :where(.rep-btn-blue,.rep-btn-green,.rep-btn-purple,.rep-btn-orange,.rep-btn-cyan){background:var(--sty-ui-color-accent)!important;border-color:var(--sty-ui-color-accent)!important;color:var(--sty-ui-color-accent-ink)!important}
body.sty-erp-platform.sty-replacements-shell .rep-btn-red{background:var(--sty-ui-color-danger-soft)!important;border-color:color-mix(in srgb,var(--sty-ui-color-danger) 22%,transparent)!important;color:var(--sty-ui-color-danger)!important}
body.sty-erp-platform.sty-replacements-shell :where(.rep-compact-row,.rep-compact-model,.rep-info){border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-replacements-shell :where(.rep-compact-meta,.rep-compact-piece span,.rep-compact-piece em){color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-replacements-shell .rep-pill{box-shadow:none!important;font-weight:var(--sty-ui-font-weight-semibold)!important}

/* --------------------------------------------------------------------------
   5.9 — Engenharia de Produto
   -------------------------------------------------------------------------- */
body.sty-erp-platform.sty-product-engineering-shell .sty-os-main{background:var(--sty-ui-color-canvas)!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-product-engineering-shell .sty-product-engineering-page{
  color:var(--sty-ui-color-text)!important;
  font-family:var(--sty-ui-font-family)!important;
  animation:none!important;
}
body.sty-erp-platform.sty-product-engineering-shell .sty-pe-hero{
  padding:16px 18px!important;
  border:1px solid var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-lg)!important;
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
body.sty-erp-platform.sty-product-engineering-shell .sty-pe-hero::after{content:none!important}
body.sty-erp-platform.sty-product-engineering-shell .sty-pe-eyebrow{border:0!important;background:transparent!important;color:var(--sty-ui-color-text-muted)!important;padding:0!important;font-size:var(--sty-ui-font-size-caption)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:.045em!important}
body.sty-erp-platform.sty-product-engineering-shell .sty-pe-hero h1{color:var(--sty-ui-color-text)!important;font-size:var(--sty-ui-font-size-page-title)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:-.025em!important}
body.sty-erp-platform.sty-product-engineering-shell .sty-pe-hero p{color:var(--sty-ui-color-text-muted)!important;font-size:var(--sty-ui-font-size-small)!important;font-weight:var(--sty-ui-font-weight-regular)!important}
body.sty-erp-platform.sty-product-engineering-shell :where(.sty-pe-kpi,.sty-pe-info-card,.sty-pe-panel,.sty-pe-choice,.sty-pe-empty,.sty-pe-alert){
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-md)!important;
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
body.sty-erp-platform.sty-product-engineering-shell :where(.sty-pe-kpi strong,.sty-pe-info-card strong,.sty-pe-panel h2,.sty-pe-panel h3,.sty-pe-choice-text strong){color:var(--sty-ui-color-text)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-product-engineering-shell :where(.sty-pe-kpi small,.sty-pe-info-card p,.sty-pe-choice-text small,.sty-pe-field small,.sty-pe-alert span){color:var(--sty-ui-color-text-muted)!important;font-weight:var(--sty-ui-font-weight-regular)!important}
body.sty-erp-platform.sty-product-engineering-shell :where(.sty-pe-field input,.sty-product-engineering-page input:not([type="checkbox"]),.sty-product-engineering-page select,.sty-product-engineering-page textarea,.sty-pe-order-input){border-color:var(--sty-ui-color-border-strong)!important;border-radius:var(--sty-ui-radius-sm)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;font-weight:var(--sty-ui-font-weight-regular)!important;box-shadow:none!important}
body.sty-erp-platform.sty-product-engineering-shell :where(.sty-pe-field input,.sty-product-engineering-page input:not([type="checkbox"]),.sty-product-engineering-page select,.sty-product-engineering-page textarea):focus{border-color:color-mix(in srgb,var(--sty-ui-color-accent) 58%,var(--sty-ui-color-border-strong))!important;box-shadow:0 0 0 3px var(--sty-ui-color-focus)!important}
body.sty-erp-platform.sty-product-engineering-shell .sty-pe-table-wrap{border-color:var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-md)!important;background:var(--sty-ui-color-surface)!important;box-shadow:none!important}
body.sty-erp-platform.sty-product-engineering-shell .sty-pe-table th{background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text-muted)!important;border-color:var(--sty-ui-color-border)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:.025em!important}
body.sty-erp-platform.sty-product-engineering-shell .sty-pe-table td{color:var(--sty-ui-color-text-secondary)!important;border-color:var(--sty-ui-color-border)!important;font-weight:var(--sty-ui-font-weight-regular)!important}
body.sty-erp-platform.sty-product-engineering-shell :where(.sty-pe-btn,.sty-pe-mini-btn){border-color:var(--sty-ui-color-border-strong)!important;border-radius:var(--sty-ui-radius-sm)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text-secondary)!important;font-weight:var(--sty-ui-font-weight-medium)!important;box-shadow:none!important}
body.sty-erp-platform.sty-product-engineering-shell :where(.sty-pe-btn-primary,.sty-pe-btn.sty-pe-btn-primary){background:var(--sty-ui-color-accent)!important;border-color:var(--sty-ui-color-accent)!important;color:var(--sty-ui-color-accent-ink)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-product-engineering-shell .sty-pe-mini-danger{background:var(--sty-ui-color-danger-soft)!important;border-color:color-mix(in srgb,var(--sty-ui-color-danger) 22%,transparent)!important;color:var(--sty-ui-color-danger)!important}
body.sty-erp-platform.sty-product-engineering-shell .sty-pe-status.is-active{background:var(--sty-ui-color-success-soft)!important;border-color:color-mix(in srgb,var(--sty-ui-color-success) 22%,transparent)!important;color:var(--sty-ui-color-success)!important}
body.sty-erp-platform.sty-product-engineering-shell .sty-pe-status.is-inactive{background:var(--sty-ui-color-danger-soft)!important;border-color:color-mix(in srgb,var(--sty-ui-color-danger) 22%,transparent)!important;color:var(--sty-ui-color-danger)!important}

/* --------------------------------------------------------------------------
   5.10 — Dark mode operacional: as mesmas superficies, sem tema paralelo
   -------------------------------------------------------------------------- */
html[data-theme="dark"] body.sty-erp-platform:is(.sty-orders-shell,.sty-order-view-shell,.sty-production-shell,.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) :where(
  .orders-command-shell,.order-card,.quick-drawer,.advanced-panel,.sty-order-view-page .topbar,.sty-order-view-page .card,.sty-order-view-page .ov-widget,
  .top,.toprow,.ios-header,.prod-hero,.plans-hero,.execHero,.page-head,.hero,.plan-decision-panel,.ios-card,.prod-card,.plans-card,.execCard,.execKpi,
  .sty-ds-hero,.sty-ds-card,.sty-ds-kpi,.sty-floor-control,.sty-floor-card,.sty-floor-modal-card,.sty-hero,.sty-topbar,.sty-sector-card,.sty-stat,
  .dc-hero,.dc-card,.dc-kpi,.dc-result-card,.dc-day-card,.dc-decision-card,.dc-side-panel,.rep-hero,.rep-kpi,.rep-filters,.rep-order-card,.rep-order-compact-card,
  .sty-pe-hero,.sty-pe-kpi,.sty-pe-info-card,.sty-pe-panel,.sty-pe-choice,.sty-pe-empty,.sty-pe-alert
){background:var(--sty-ui-color-surface)!important;background-image:none!important;color:var(--sty-ui-color-text)!important;border-color:var(--sty-ui-color-border)!important}

/* --------------------------------------------------------------------------
   5.11 — Responsividade: apenas refinamento de densidade
   -------------------------------------------------------------------------- */
@media(max-width:900px){
  body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell) :where(.sty-ds-hero,.dc-hero,.rep-hero,.sty-pe-hero){align-items:flex-start!important}
  body.sty-erp-platform.sty-replacements-shell .rep-kpis{border-radius:var(--sty-ui-radius-md)!important}
}
@media(max-width:620px){
  body.sty-erp-platform.sty-orders-shell :where(.orders-command-title-line h2,.orders-page h1),
  body.sty-erp-platform.sty-production-shell :where(.top h1,.toprow h1,.ios-header h1,.prod-hero h1,.plans-hero h1,.execHero h1),
  body.sty-erp-platform.sty-capacity-shell .dc-hero h1,
  body.sty-erp-platform.sty-replacements-shell .rep-hero h1,
  body.sty-erp-platform.sty-product-engineering-shell .sty-pe-hero h1,
  body.sty-erp-platform:is(.sty-module-production,.sty-module-sectors,.sty-module-quality) .sty-ds-title{font-size:20px!important}
}

/* Fase 5 — garantia de tema para modulos com color-scheme legado forte. */
body.sty-erp-platform:is(.sty-production-shell,.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell){
  background:var(--sty-ui-color-canvas)!important;
  color:var(--sty-ui-color-text)!important;
  color-scheme:light!important;
}
html[data-theme="dark"] body.sty-erp-platform:is(.sty-production-shell,.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell),
body.sty-erp-platform:is(.sty-production-shell,.sty-module-production,.sty-module-sectors,.sty-module-quality,.sty-capacity-shell,.sty-product-engineering-shell,.sty-replacements-shell):is(.theme-dark,.orders-theme-dark){
  color-scheme:dark!important;
}

/* ============================================================================
   STY UI CORE - FASE 6 / FINANCEIRO, COMPRAS E ESTOQUE
   Visual-only compatibility layer for the current finance and stock markup.

   CONTRACT:
   - keeps fin2-* and stock legacy classes as functional/geometry hooks;
   - does not change routes, forms, IDs, names, data-* or business behavior;
   - local module CSS may keep geometry, while visual roles resolve to Core;
   - finance favors dense information, tabular numbers and strong tables;
   - stock uses the same surfaces, controls, status roles and global dark mode.
   ========================================================================== */

:root{--sty-ui-finance-stock-generation:6}

/* --------------------------------------------------------------------------
   6.1 - Finance: semantic aliases and content-first hierarchy
   -------------------------------------------------------------------------- */
body.sty-erp-platform.sty-module-finance .fin2{
  --f-bg:var(--sty-ui-color-canvas);
  --f-card:var(--sty-ui-color-surface);
  --f-card-soft:var(--sty-ui-color-surface-subtle);
  --f-text:var(--sty-ui-color-text);
  --f-muted:var(--sty-ui-color-text-muted);
  --f-line:var(--sty-ui-color-border);
  --f-line-strong:var(--sty-ui-color-border-strong);
  --f-dark:var(--sty-ui-color-text);
  --f-gold:var(--sty-ui-color-accent);
  --f-gold-dark:var(--sty-ui-color-accent-pressed);
  --f-gold-soft:var(--sty-ui-color-accent-soft);
  --f-ok:var(--sty-ui-color-success);
  --f-warn:var(--sty-ui-color-warning);
  --f-danger:var(--sty-ui-color-danger);
  --f-info:var(--sty-ui-color-info);
  --f-radius:var(--sty-ui-radius-lg);
  --f-radius-sm:var(--sty-ui-radius-sm);
  --f-shadow:var(--sty-ui-shadow-xs);
  --f-shadow-hover:var(--sty-ui-shadow-sm);
  color:var(--sty-ui-color-text)!important;
  font-family:var(--sty-ui-font-family)!important;
  font-variant-numeric:tabular-nums lining-nums;
}
body.sty-erp-platform.sty-module-finance .fin2-top{
  min-height:0!important;
  margin:0 0 12px!important;
  padding:6px 2px 14px!important;
  border:0!important;
  border-bottom:1px solid var(--sty-ui-color-border)!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.sty-erp-platform.sty-module-finance .fin2-top::before,
body.sty-erp-platform.sty-module-finance .fin2-top::after{content:none!important}
body.sty-erp-platform.sty-module-finance .fin2-title{
  color:var(--sty-ui-color-text)!important;
  font-size:var(--sty-ui-font-size-page-title)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  letter-spacing:-.025em!important;
}
body.sty-erp-platform.sty-module-finance .fin2-sub{
  margin-top:4px!important;
  color:var(--sty-ui-color-text-muted)!important;
  font-size:var(--sty-ui-font-size-small)!important;
  font-weight:var(--sty-ui-font-weight-regular)!important;
}
body.sty-erp-platform.sty-module-finance .fin2-nav{
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-md)!important;
  background:var(--sty-ui-color-surface-subtle)!important;
  box-shadow:none!important;
}
body.sty-erp-platform.sty-module-finance .fin2-nav a{
  color:var(--sty-ui-color-text-secondary)!important;
  font-weight:var(--sty-ui-font-weight-medium)!important;
}
body.sty-erp-platform.sty-module-finance .fin2-nav a:hover{background:var(--sty-ui-color-surface-hover)!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-module-finance .fin2-nav a.active{
  border-color:var(--sty-ui-color-border)!important;
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}

/* --------------------------------------------------------------------------
   6.2 - Finance: dense KPIs, cards, tables and controls
   -------------------------------------------------------------------------- */
body.sty-erp-platform.sty-module-finance .fin2-kpis{
  gap:1px!important;
  border:1px solid var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-lg)!important;
  background:var(--sty-ui-color-border)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
  overflow:hidden!important;
}
body.sty-erp-platform.sty-module-finance .fin2-kpi{
  min-height:100px!important;
  padding:14px 15px!important;
  border:0!important;
  border-radius:0!important;
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:none!important;
  transform:none!important;
}
body.sty-erp-platform.sty-module-finance .fin2-kpi:hover{background:var(--sty-ui-color-surface-hover)!important;box-shadow:none!important;transform:none!important}
body.sty-erp-platform.sty-module-finance .fin2-kpi::before{height:2px!important;background:var(--sty-ui-color-accent)!important}
body.sty-erp-platform.sty-module-finance .fin2-kpi.ok::before{background:var(--sty-ui-color-success)!important}
body.sty-erp-platform.sty-module-finance .fin2-kpi.warn::before{background:var(--sty-ui-color-warning)!important}
body.sty-erp-platform.sty-module-finance .fin2-kpi.danger::before{background:var(--sty-ui-color-danger)!important}
body.sty-erp-platform.sty-module-finance .fin2-kpi .label{
  color:var(--sty-ui-color-text-muted)!important;
  font-size:11px!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  letter-spacing:.035em!important;
}
body.sty-erp-platform.sty-module-finance .fin2-kpi .value{
  color:var(--sty-ui-color-text)!important;
  font-size:clamp(21px,2vw,27px)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  letter-spacing:-.03em!important;
  font-variant-numeric:tabular-nums lining-nums;
}
body.sty-erp-platform.sty-module-finance .fin2-kpi.ok .value{color:var(--sty-ui-color-success)!important}
body.sty-erp-platform.sty-module-finance .fin2-kpi.warn .value{color:var(--sty-ui-color-warning)!important}
body.sty-erp-platform.sty-module-finance .fin2-kpi.danger .value{color:var(--sty-ui-color-danger)!important}
body.sty-erp-platform.sty-module-finance .fin2-kpi .meta{color:var(--sty-ui-color-text-muted)!important;font-size:11px!important;font-weight:var(--sty-ui-font-weight-regular)!important}
body.sty-erp-platform.sty-module-finance .fin2-card{
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-lg)!important;
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
body.sty-erp-platform.sty-module-finance .fin2-card-head{
  padding:14px 15px!important;
  border-color:var(--sty-ui-color-border)!important;
  background:var(--sty-ui-color-surface-subtle)!important;
  background-image:none!important;
}
body.sty-erp-platform.sty-module-finance .fin2-card-body{padding:15px!important}
body.sty-erp-platform.sty-module-finance .fin2-card-title{color:var(--sty-ui-color-text)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-module-finance .fin2-card-sub,
body.sty-erp-platform.sty-module-finance .fin2-list-meta,
body.sty-erp-platform.sty-module-finance .fin2-muted{color:var(--sty-ui-color-text-muted)!important;font-weight:var(--sty-ui-font-weight-regular)!important}
body.sty-erp-platform.sty-module-finance .fin2-list-row,
body.sty-erp-platform.sty-module-finance .fin2-statline{border-color:var(--sty-ui-color-border)!important}
body.sty-erp-platform.sty-module-finance :where(.fin2-list-value,.fin2-statline strong,.fin2-summary-strip strong,.fin2-table .num){font-variant-numeric:tabular-nums lining-nums}
body.sty-erp-platform.sty-module-finance .fin2-table-wrap{
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-md)!important;
  background:var(--sty-ui-color-surface)!important;
  box-shadow:none!important;
}
body.sty-erp-platform.sty-module-finance .fin2-table th{
  padding:9px 11px!important;
  border-color:var(--sty-ui-color-border)!important;
  background:var(--sty-ui-color-surface-subtle)!important;
  color:var(--sty-ui-color-text-muted)!important;
  font-size:11px!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  letter-spacing:.035em!important;
}
body.sty-erp-platform.sty-module-finance .fin2-table td{
  padding:10px 11px!important;
  border-color:var(--sty-ui-color-border)!important;
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text-secondary)!important;
  font-size:12px!important;
  font-weight:var(--sty-ui-font-weight-regular)!important;
}
body.sty-erp-platform.sty-module-finance .fin2-table tbody tr:hover td{background:var(--sty-ui-table-row-hover)!important}
body.sty-erp-platform.sty-module-finance .fin2-table td strong{color:var(--sty-ui-color-text)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-module-finance .fin2-table td a{color:var(--sty-ui-color-text)!important;font-weight:var(--sty-ui-font-weight-medium)!important}
body.sty-erp-platform.sty-module-finance :where(.fin2-input,.fin2-select,.fin2-textarea,.fin2-period input){
  border-color:var(--sty-ui-color-border-strong)!important;
  border-radius:var(--sty-ui-radius-sm)!important;
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:none!important;
  font-size:var(--sty-ui-font-size-small)!important;
  font-weight:var(--sty-ui-font-weight-regular)!important;
}
body.sty-erp-platform.sty-module-finance :where(.fin2-input,.fin2-select,.fin2-textarea,.fin2-period input):focus{border-color:color-mix(in srgb,var(--sty-ui-color-accent) 58%,var(--sty-ui-color-border-strong))!important;box-shadow:0 0 0 3px var(--sty-ui-color-focus)!important}
body.sty-erp-platform.sty-module-finance .fin2-field label{color:var(--sty-ui-color-text-secondary)!important;font-size:11px!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:.025em!important}
body.sty-erp-platform.sty-module-finance .fin2-btn{box-shadow:none!important;font-weight:var(--sty-ui-font-weight-medium)!important}
body.sty-erp-platform.sty-module-finance .fin2-btn.primary{background:var(--sty-ui-color-accent)!important;background-image:none!important;border-color:var(--sty-ui-color-accent)!important;color:var(--sty-ui-color-accent-ink)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-finance .fin2-btn.danger{background:var(--sty-ui-color-danger-soft)!important;border-color:color-mix(in srgb,var(--sty-ui-color-danger) 22%,transparent)!important;color:var(--sty-ui-color-danger)!important}
body.sty-erp-platform.sty-module-finance .fin2-empty{color:var(--sty-ui-color-text-muted)!important;background:var(--sty-ui-color-surface)!important}
body.sty-erp-platform.sty-module-finance .fin2-empty::before{color:var(--sty-ui-color-accent-pressed)!important}
body.sty-erp-platform.sty-module-finance .fin2-divider{background:var(--sty-ui-color-border)!important}
body.sty-erp-platform.sty-module-finance .fin2-summary-strip{border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text-secondary)!important}
body.sty-erp-platform.sty-module-finance .fin2-summary-strip strong{color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-module-finance .fin2-progress{background:var(--sty-ui-color-surface-muted)!important}
body.sty-erp-platform.sty-module-finance .fin2-progress>span{background:var(--sty-ui-color-accent-pressed)!important}
body.sty-erp-platform.sty-module-finance .fin2-health-score{border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text-secondary)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-finance .fin2-check{color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-module-finance .fin2-check input{accent-color:var(--sty-ui-color-accent-pressed)!important}
body.sty-erp-platform.sty-module-finance .fin2-purchase-item{border-color:var(--sty-ui-color-border)!important}
body.sty-erp-platform.sty-module-finance .fin2-pos{color:var(--sty-ui-color-success)!important}
body.sty-erp-platform.sty-module-finance .fin2-neg{color:var(--sty-ui-color-danger)!important}

/* --------------------------------------------------------------------------
   6.3 - Stock: semantic aliases over the heterogeneous legacy generations
   -------------------------------------------------------------------------- */
body.sty-erp-platform.sty-stock-shell{
  --sp-gold:var(--sty-ui-color-accent);
  --sp-gold-deep:var(--sty-ui-color-accent-pressed);
  --sp-ink:var(--sty-ui-color-text);
  --sp-text:var(--sty-ui-color-text);
  --sp-muted:var(--sty-ui-color-text-muted);
  --sp-muted-2:var(--sty-ui-color-disabled);
  --sp-bg:var(--sty-ui-color-canvas);
  --sp-surface:var(--sty-ui-color-surface);
  --sp-soft:var(--sty-ui-color-surface-subtle);
  --sp-soft-2:var(--sty-ui-color-surface-muted);
  --sp-line:var(--sty-ui-color-border);
  --sp-line-strong:var(--sty-ui-color-border-strong);
  --sp-danger:var(--sty-ui-color-danger);
  --sp-warning:var(--sty-ui-color-warning);
  --sp-success:var(--sty-ui-color-success);
  --sp-info:var(--sty-ui-color-info);
  --sp-radius:var(--sty-ui-radius-lg);
  --sp-radius-lg:var(--sty-ui-radius-xl);
  --sp-shadow:var(--sty-ui-shadow-xs);
  --sp-shadow-strong:var(--sty-ui-shadow-sm);
  --ios-bg:var(--sty-ui-color-canvas);
  --ios-card:var(--sty-ui-color-surface);
  --ios-card-hover:var(--sty-ui-color-surface-hover);
  --ios-divider:var(--sty-ui-color-border);
  --ios-text:var(--sty-ui-color-text);
  --ios-subtext:var(--sty-ui-color-text-muted);
  --ios-blue:var(--sty-ui-color-accent-pressed);
  --ios-red:var(--sty-ui-color-danger);
  --ios-green:var(--sty-ui-color-success);
  --ios-orange:var(--sty-ui-color-warning);
  background:var(--sty-ui-color-canvas)!important;
  color:var(--sty-ui-color-text)!important;
  font-family:var(--sty-ui-font-family)!important;
  font-variant-numeric:tabular-nums lining-nums;
}
body.sty-erp-platform.sty-stock-shell .sty-os-main{background:var(--sty-ui-color-canvas)!important;background-image:none!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-stock-shell .stock-module-shell{
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-lg)!important;
  background:var(--sty-ui-color-surface)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.sty-erp-platform.sty-stock-shell .stock-module-shell__icon{background:var(--sty-ui-color-accent-soft)!important;color:var(--sty-ui-color-accent-pressed)!important;box-shadow:none!important}
body.sty-erp-platform.sty-stock-shell .stock-module-shell__copy strong{color:var(--sty-ui-color-text)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-stock-shell .stock-module-shell__copy small{color:var(--sty-ui-color-text-muted)!important;font-weight:var(--sty-ui-font-weight-regular)!important}
body.sty-erp-platform.sty-stock-shell .stock-module-tab{color:var(--sty-ui-color-text-secondary)!important;font-weight:var(--sty-ui-font-weight-medium)!important}
body.sty-erp-platform.sty-stock-shell .stock-module-tab:hover{background:var(--sty-ui-color-surface-hover)!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-stock-shell .stock-module-tab.is-active{border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text)!important;box-shadow:none!important}
body.sty-erp-platform.sty-stock-shell .stock-module-tab.is-active i{color:var(--sty-ui-color-accent-pressed)!important}

/* --------------------------------------------------------------------------
   6.4 - Stock: shared page surfaces, controls, tables and states
   -------------------------------------------------------------------------- */
body.sty-erp-platform.sty-stock-shell :where(.ios-header,.stock-top,.hdr,.topbar,.header-bar,.flex-header,.repair-card:first-child){
  border-color:var(--sty-ui-color-border)!important;
  background:transparent!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:none!important;
}
body.sty-erp-platform.sty-stock-shell :where(.ios-title,.stock-title,.ttl,.title-area h2,.flex-header h2,.repair-title,.ios-title h1){
  color:var(--sty-ui-color-text)!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  -webkit-text-fill-color:currentColor!important;
  font-size:var(--sty-ui-font-size-page-title)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  letter-spacing:-.025em!important;
}
body.sty-erp-platform.sty-stock-shell :where(.ios-subtitle,.stock-sub,.stock-subtitle,.sub,.title-area .sub,.muted,.text-secondary,.repair-muted){color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-stock-shell :where(.card,.ios-card,.ui-card,.ios-widget,.stock-kpi,.stock-panel,.repair-card,.panel,.table-container,.ios-list,.hint,.tip-box){
  border-color:var(--sty-ui-color-border)!important;
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.sty-erp-platform.sty-stock-shell :where(.widget-label,.kpi-label,.card-subtitle,.row-sub,.cell-sub){color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-stock-shell :where(.widget-value,.kpi-value,.row-title,.row-value,.cell-title,.highlight-val){color:var(--sty-ui-color-text)!important;font-variant-numeric:tabular-nums lining-nums}
body.sty-erp-platform.sty-stock-shell .ios-row{background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;border-color:var(--sty-ui-color-border)!important}
body.sty-erp-platform.sty-stock-shell .ios-row:hover{background:var(--sty-ui-color-surface-hover)!important}
body.sty-erp-platform.sty-stock-shell .ios-row:not(:last-child)::after{background:var(--sty-ui-color-border)!important}
body.sty-erp-platform.sty-stock-shell .row-icon-box{background:var(--sty-ui-color-surface-muted)!important;color:var(--sty-ui-color-text-secondary)!important}
body.sty-erp-platform.sty-stock-shell .row-icon-box.crit{background:var(--sty-ui-color-danger-soft)!important;color:var(--sty-ui-color-danger)!important}
body.sty-erp-platform.sty-stock-shell .row-icon-box.warn{background:var(--sty-ui-color-warning-soft)!important;color:var(--sty-ui-color-warning)!important}
body.sty-erp-platform.sty-stock-shell .row-icon-box.off{border-color:var(--sty-ui-color-border)!important;color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-stock-shell :where(.btn,a.btn,.ios-btn,.btn-ios,.ui-btn,.stock-btn,.repair-btn){border-color:var(--sty-ui-color-border-strong)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;box-shadow:none!important;font-weight:var(--sty-ui-font-weight-medium)!important}
body.sty-erp-platform.sty-stock-shell :where(.btn-primary,.ios-btn.primary,.btn-ios.btn-primary,.ui-btn.btn-primary,.stock-btn.primary,.repair-btn:not(.secondary)){background:var(--sty-ui-color-accent)!important;border-color:var(--sty-ui-color-accent)!important;color:var(--sty-ui-color-accent-ink)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;box-shadow:none!important}
body.sty-erp-platform.sty-stock-shell :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.ios-input,.ios-select,.ios-search-input){border-color:var(--sty-ui-color-border-strong)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;box-shadow:none!important;font-weight:var(--sty-ui-font-weight-regular)!important}
body.sty-erp-platform.sty-stock-shell :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.ios-input,.ios-select,.ios-search-input):focus{border-color:color-mix(in srgb,var(--sty-ui-color-accent) 58%,var(--sty-ui-color-border-strong))!important;box-shadow:0 0 0 3px var(--sty-ui-color-focus)!important}
body.sty-erp-platform.sty-stock-shell label{color:var(--sty-ui-color-text-secondary)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-stock-shell :where(.table-responsive,.table-wrapper,.table-container,.stock-table-wrap,.ios-table-wrap){border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface)!important;box-shadow:none!important}
body.sty-erp-platform.sty-stock-shell :where(table,.tbl,.stock-table,.ios-table){background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;font-variant-numeric:tabular-nums lining-nums}
body.sty-erp-platform.sty-stock-shell :where(table th,.tbl th,.stock-table th,.ios-table th){border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text-muted)!important;font-size:11px!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:.035em!important}
body.sty-erp-platform.sty-stock-shell :where(table td,.tbl td,.stock-table td,.ios-table td){border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text-secondary)!important;font-size:12px!important}
body.sty-erp-platform.sty-stock-shell :where(table tbody tr:hover td,.tbl tbody tr:hover td,.stock-table tbody tr:hover td,.ios-table tbody tr:hover td){background:var(--sty-ui-table-row-hover)!important}
body.sty-erp-platform.sty-stock-shell :where(.badge,.pill,.stock-pill,.share-badge,.repair-tag){border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-neutral-soft)!important;color:var(--sty-ui-color-neutral)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-stock-shell :where(.badge.bad,.badge-needed,.stock-pill.red,.pill.inactive){background:var(--sty-ui-color-danger-soft)!important;border-color:color-mix(in srgb,var(--sty-ui-color-danger) 18%,transparent)!important;color:var(--sty-ui-color-danger)!important}
body.sty-erp-platform.sty-stock-shell :where(.badge.warn,.stock-pill.yellow,.pill.adjust,.pill.consume){background:var(--sty-ui-color-warning-soft)!important;border-color:color-mix(in srgb,var(--sty-ui-color-warning) 18%,transparent)!important;color:var(--sty-ui-color-warning)!important}
body.sty-erp-platform.sty-stock-shell :where(.badge.ok,.badge-reserved,.stock-pill.green,.pill.active,.pill.in){background:var(--sty-ui-color-success-soft)!important;border-color:color-mix(in srgb,var(--sty-ui-color-success) 18%,transparent)!important;color:var(--sty-ui-color-success)!important}
body.sty-erp-platform.sty-stock-shell :where(.alert,.msg,.ios-alert,.repair-alert,.err,.hint){border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text-secondary)!important;box-shadow:none!important}
body.sty-erp-platform.sty-stock-shell :where(.alert.success,.msg.ok,.hint.success,.repair-ok){background:var(--sty-ui-color-success-soft)!important;border-color:color-mix(in srgb,var(--sty-ui-color-success) 18%,transparent)!important;color:var(--sty-ui-color-success)!important}
body.sty-erp-platform.sty-stock-shell :where(.alert.error,.msg.err,.hint.error,.repair-error,.err){background:var(--sty-ui-color-danger-soft)!important;border-color:color-mix(in srgb,var(--sty-ui-color-danger) 18%,transparent)!important;color:var(--sty-ui-color-danger)!important}
body.sty-erp-platform.sty-stock-shell :where(.alert.info,.repair-info){background:var(--sty-ui-color-info-soft)!important;border-color:color-mix(in srgb,var(--sty-ui-color-info) 18%,transparent)!important;color:var(--sty-ui-color-info)!important}
body.sty-erp-platform.sty-stock-shell :where(.ios-progress-bg,.progress,.progress-bar-bg){background:var(--sty-ui-color-surface-muted)!important}
body.sty-erp-platform.sty-stock-shell :where(.ios-progress-fill,.progress-fill){background:var(--sty-ui-color-accent-pressed)!important}
body.sty-erp-platform.sty-stock-shell .ios-progress-fill.crit{background:var(--sty-ui-color-danger)!important}
body.sty-erp-platform.sty-stock-shell .ios-progress-fill.warn{background:var(--sty-ui-color-warning)!important}
body.sty-erp-platform.sty-stock-shell .custom-check{border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-stock-shell code{background:var(--sty-ui-color-accent-soft)!important;color:var(--sty-ui-color-text)!important}

/* --------------------------------------------------------------------------
   6.5 - Global dark mode for finance + stock, without local dark themes
   -------------------------------------------------------------------------- */
html[data-theme="dark"] body.sty-erp-platform.sty-module-finance,
html[data-theme="dark"] body.sty-erp-platform.sty-stock-shell,
body.sty-erp-platform.sty-module-finance:is(.theme-dark,.orders-theme-dark),
body.sty-erp-platform.sty-stock-shell:is(.theme-dark,.orders-theme-dark){
  background:var(--sty-ui-color-canvas)!important;
  color:var(--sty-ui-color-text)!important;
  color-scheme:dark!important;
}
html[data-theme="dark"] body.sty-erp-platform.sty-module-finance :where(.fin2-card,.fin2-kpi,.fin2-table-wrap,.fin2-table td,.fin2-health-score),
html[data-theme="dark"] body.sty-erp-platform.sty-stock-shell :where(.card,.ios-card,.ui-card,.ios-widget,.stock-kpi,.stock-panel,.repair-card,.panel,.table-container,.ios-list,.ios-row,table td,.tbl td,.stock-table td,.ios-table td){background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;border-color:var(--sty-ui-color-border)!important}
html[data-theme="dark"] body.sty-erp-platform.sty-module-finance :where(.fin2-input,.fin2-select,.fin2-textarea,.fin2-period input,option),
html[data-theme="dark"] body.sty-erp-platform.sty-stock-shell :where(input,select,textarea,option){background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text)!important;border-color:var(--sty-ui-color-border-strong)!important;color-scheme:dark!important}

/* --------------------------------------------------------------------------
   6.6 - Responsive density refinements only; functional order is untouched
   -------------------------------------------------------------------------- */
@media(max-width:900px){
  body.sty-erp-platform.sty-module-finance .fin2-top{align-items:flex-start!important}
  body.sty-erp-platform.sty-stock-shell .stock-module-shell{border-radius:var(--sty-ui-radius-md)!important}
}
@media(max-width:620px){
  body.sty-erp-platform.sty-module-finance .fin2-title,
  body.sty-erp-platform.sty-stock-shell :where(.ios-title,.stock-title,.ttl,.title-area h2,.flex-header h2,.repair-title){font-size:20px!important}
  body.sty-erp-platform.sty-module-finance :where(.fin2-card-head,.fin2-card-body){padding-inline:12px!important}
  body.sty-erp-platform.sty-module-finance .fin2-table :where(th,td),
  body.sty-erp-platform.sty-stock-shell :where(table th,table td,.tbl th,.tbl td,.stock-table th,.stock-table td){padding-inline:9px!important}
}

/* ============================================================================
   STY UI CORE - FASE 7 / DASHBOARD, ADMINISTRACAO E COMPLEMENTARES
   Dashboard, pessoas, sistema, metas, notificacoes, automacoes, ponto/workspace.
   Presentation only: no routes, ACL, payloads or business rules are changed.
   ========================================================================== */
:root{--sty-ui-admin-generation:7}

/* 7.1 Dashboard: information first, decoration second. */
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191{
  max-width:var(--sty-ui-page-max,1440px)!important;
  padding:0 0 42px!important;
  color:var(--sty-ui-color-text)!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-card{
  border:1px solid var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-lg)!important;
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-hero{
  min-height:0!important;
  padding:14px 16px!important;
  margin-bottom:10px!important;
  align-items:center!important;
  overflow:visible!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-hero::before,
body.sty-erp-platform.sty-module-dashboard .sty-command-hero::after{content:none!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-hero-person{display:none!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-hero-copy{max-width:none!important;width:100%!important;justify-content:flex-start!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-hero h1{
  margin:0!important;
  color:var(--sty-ui-color-text)!important;
  font-size:clamp(20px,2vw,25px)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  letter-spacing:-.025em!important;
}
body.sty-erp-platform.sty-module-dashboard :where(.sty-command-verse,.sty-command-reference,.sty-command-motivation,.sty-command-yellow-line){display:none!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-hero-meta{
  margin:6px 0 0!important;
  padding:0!important;
  gap:14px!important;
  color:var(--sty-ui-color-text-muted)!important;
  font-size:11px!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-hero-meta i{color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-hero-meta .sun{color:var(--sty-ui-color-warning)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-quickbar{margin:0 0 10px!important;padding:9px 10px!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-quickbar-title small{color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-quick-btn{
  min-height:36px!important;
  border:1px solid var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-sm)!important;
  background:var(--sty-ui-color-surface-subtle)!important;
  color:var(--sty-ui-color-text-secondary)!important;
  box-shadow:none!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-quick-btn:hover{background:var(--sty-ui-color-surface-hover)!important;color:var(--sty-ui-color-text)!important;transform:none!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-kpis{
  gap:1px!important;
  margin:0 0 10px!important;
  border:1px solid var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-lg)!important;
  background:var(--sty-ui-color-border)!important;
  overflow:hidden!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-kpi{
  min-height:88px!important;
  padding:12px 13px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-kpi:hover{background:var(--sty-ui-color-surface-hover)!important;box-shadow:none!important;transform:none!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-kpi-icon{width:36px!important;height:36px!important;border-radius:var(--sty-ui-radius-sm)!important;background:var(--sty-ui-color-surface-muted)!important;color:var(--sty-ui-color-text-secondary)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-kpi-value{font-size:22px!important;font-weight:var(--sty-ui-font-weight-semibold)!important;font-variant-numeric:tabular-nums lining-nums!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-kpi-label{font-size:10px!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:.035em!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-kpi-sub{font-size:10px!important}
body.sty-erp-platform.sty-module-dashboard :where(.sty-command-panel,.sty-command-health-card,.sty-command-attention-card,.sty-command-day-card,.sty-command-summary-card){box-shadow:var(--sty-ui-shadow-xs)!important}
body.sty-erp-platform.sty-module-dashboard :where(.sty-command-panel-head,.sty-command-health-meta,.sty-command-attention-row,.sty-command-user-row){border-color:var(--sty-ui-color-border)!important}
body.sty-erp-platform.sty-module-dashboard :where(.sty-command-day-metrics>span,.sty-command-summary-metrics>span,.sty-command-attention-icon,.sty-command-user-row-icon){background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text-secondary)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-bottom{grid-template-columns:minmax(0,1fr)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-bottom :where(.sty-command-quote,.sty-command-poster){display:none!important}

/* 7.2 People / Users: retain markup, replace the independent premium theme. */
body.sty-erp-platform.sty-module-people .sty-users-shell{max-width:var(--sty-ui-page-max,1440px)!important;margin:0 auto!important;padding:0 0 48px!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-module-people .sty-users-hero{
  margin:0 0 12px!important;
  padding:8px 2px 14px!important;
  border:0!important;
  border-bottom:1px solid var(--sty-ui-color-border)!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.sty-erp-platform.sty-module-people .sty-users-hero::before,
body.sty-erp-platform.sty-module-people .sty-users-hero::after{content:none!important}
body.sty-erp-platform.sty-module-people :where(.sty-users-title,.sty-users-hero h1){margin:2px 0 4px!important;color:var(--sty-ui-color-text)!important;font-size:var(--sty-ui-font-size-page-title)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:-.025em!important}
body.sty-erp-platform.sty-module-people :where(.sty-users-subtitle,.sty-users-hero p){color:var(--sty-ui-color-text-muted)!important;font-size:var(--sty-ui-font-size-small)!important;font-weight:var(--sty-ui-font-weight-regular)!important}
body.sty-erp-platform.sty-module-people .sty-kicker{color:var(--sty-ui-color-text-muted)!important;font-size:10px!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-module-people .sty-hero-actions .sty-btn{border:1px solid var(--sty-ui-color-border-strong)!important;border-radius:var(--sty-ui-radius-sm)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-people .sty-hero-actions .sty-btn.primary{background:var(--sty-ui-color-accent)!important;border-color:var(--sty-ui-color-accent)!important;color:var(--sty-ui-color-accent-ink)!important}
body.sty-erp-platform.sty-module-people .sty-stat-grid{gap:1px!important;border:1px solid var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-lg)!important;background:var(--sty-ui-color-border)!important;overflow:hidden!important;box-shadow:var(--sty-ui-shadow-xs)!important}
body.sty-erp-platform.sty-module-people .sty-stat{min-height:84px!important;padding:12px 14px!important;border:0!important;border-radius:0!important;background:var(--sty-ui-color-surface)!important;box-shadow:none!important;transform:none!important}
body.sty-erp-platform.sty-module-people .sty-stat:hover{background:var(--sty-ui-color-surface-hover)!important;transform:none!important}
body.sty-erp-platform.sty-module-people .sty-stat-icon{width:38px!important;height:38px!important;border-radius:var(--sty-ui-radius-sm)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-people .sty-stat-value{color:var(--sty-ui-color-text)!important;font-size:22px!important;font-weight:var(--sty-ui-font-weight-semibold)!important;font-variant-numeric:tabular-nums lining-nums!important}
body.sty-erp-platform.sty-module-people .sty-stat-label{color:var(--sty-ui-color-text-muted)!important;font-size:10px!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-module-people :where(.sty-card,.sty-sector-card,.sty-summary-item,.sty-table-wrap){border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface)!important;background-image:none!important;color:var(--sty-ui-color-text)!important;box-shadow:var(--sty-ui-shadow-xs)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.sty-erp-platform.sty-module-people .sty-avatar{background:var(--sty-ui-color-accent-soft)!important;color:var(--sty-ui-color-accent-ink)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-people :where(.sty-search,.sty-select,.sty-input,.sty-field input,.sty-field select){border-color:var(--sty-ui-color-border-strong)!important;border-radius:var(--sty-ui-radius-sm)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-people .sty-users-table{font-variant-numeric:tabular-nums lining-nums!important}
body.sty-erp-platform.sty-module-people .sty-users-table th{padding:9px 11px!important;background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text-muted)!important;border-color:var(--sty-ui-color-border)!important;font-size:10px!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-module-people .sty-users-table td{padding:10px 11px!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text-secondary)!important;border-color:var(--sty-ui-color-border)!important;font-size:12px!important}
body.sty-erp-platform.sty-module-people .sty-users-table tbody tr:hover td{background:var(--sty-ui-color-surface-hover)!important}

/* 7.3 System / Settings / Permissions: one administrative visual language. */
body.sty-erp-platform.sty-module-system{background:var(--sty-ui-color-canvas)!important;color:var(--sty-ui-color-text)!important;font-family:var(--sty-ui-font-family)!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub .wrap{max-width:860px!important;padding:28px 20px 64px!important;animation:none!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub .top{margin-bottom:18px!important;align-items:center!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub .top .title{margin:0!important;background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:currentColor!important;color:var(--sty-ui-color-text)!important;font-size:var(--sty-ui-font-size-page-title)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:-.025em!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub .top .sub{color:var(--sty-ui-color-text-muted)!important;font-size:var(--sty-ui-font-size-small)!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub .btn{border:1px solid var(--sty-ui-color-border-strong)!important;border-radius:var(--sty-ui-radius-sm)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;box-shadow:none!important;backdrop-filter:none!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub .hero{margin-bottom:22px!important;padding:14px 16px!important;border:1px solid var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-lg)!important;background:var(--sty-ui-color-surface)!important;background-image:none!important;color:var(--sty-ui-color-text)!important;box-shadow:var(--sty-ui-shadow-xs)!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub .hero::before{content:none!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub .hero-badge{margin:0!important;border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-accent-soft)!important;color:var(--sty-ui-color-accent-ink)!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub :where(.hero .sub,.hero-right){color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub .hero .k{color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub .section{margin-bottom:24px!important;opacity:1!important;animation:none!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub .section-title{color:var(--sty-ui-color-text)!important;font-size:var(--sty-ui-font-size-section-title)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub .section-sub{color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub .card{padding:14px 15px!important;border:1px solid var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-md)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub .cardlink:hover .card{background:var(--sty-ui-color-surface-hover)!important;border-color:var(--sty-ui-color-border-strong)!important;box-shadow:var(--sty-ui-shadow-xs)!important;transform:none!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub .ic{background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text-secondary)!important;border-color:var(--sty-ui-color-border)!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub .cardlink:hover .ic{background:var(--sty-ui-color-accent-soft)!important;color:var(--sty-ui-color-accent-ink)!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub .t1{color:var(--sty-ui-color-text)!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub :where(.t2,.arrow,.footer){color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub .tag{background:var(--sty-ui-color-neutral-soft)!important;color:var(--sty-ui-color-neutral)!important;border:1px solid var(--sty-ui-color-border)!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub .footer{border-color:var(--sty-ui-color-border)!important}
body.sty-erp-platform.sty-module-system.sty-settings-hub .footer .k{background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:currentColor!important;color:var(--sty-ui-color-text-secondary)!important}

body.sty-erp-platform.sty-module-system .sty-os-main :where(.sty-perm-hero,.stk-hero,.sty-ds-hero){padding:8px 2px 14px!important;border:0!important;border-bottom:1px solid var(--sty-ui-color-border)!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-module-system .sty-os-main :where(.sty-perm-title,.stk-title,.sty-ds-title){color:var(--sty-ui-color-text)!important;font-size:var(--sty-ui-font-size-page-title)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:-.025em!important}
body.sty-erp-platform.sty-module-system .sty-os-main :where(.sty-perm-subtitle,.stk-sub,.sty-ds-subtitle){color:var(--sty-ui-color-text-muted)!important;font-size:var(--sty-ui-font-size-small)!important}
body.sty-erp-platform.sty-module-system .sty-os-main :where(.sty-perm-summary,.stk-grid.cols-4,.sty-ds-grid){gap:1px!important;border:1px solid var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-lg)!important;background:var(--sty-ui-color-border)!important;overflow:hidden!important;box-shadow:var(--sty-ui-shadow-xs)!important}
body.sty-erp-platform.sty-module-system .sty-os-main :where(.sty-perm-kpi,.stk-card,.sty-ds-kpi,.sty-ds-card){border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface)!important;background-image:none!important;color:var(--sty-ui-color-text)!important;box-shadow:var(--sty-ui-shadow-xs)!important}
body.sty-erp-platform.sty-module-system .sty-os-main .sty-perm-summary .sty-perm-kpi{border:0!important;border-radius:0!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-system .sty-os-main :where(.sty-perm-kpi strong,.sty-ds-kpi strong,.stk-card strong){font-variant-numeric:tabular-nums lining-nums!important}
body.sty-erp-platform.sty-module-system .sty-os-main :where(.sty-perm-toolbar,.sty-perm-user,.sty-perm-group,.sty-perm-footer-save,.sty-ds-toolbar,.sty-ds-table-wrap){border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface)!important;background-image:none!important;color:var(--sty-ui-color-text)!important;box-shadow:var(--sty-ui-shadow-xs)!important}
body.sty-erp-platform.sty-module-system .sty-os-main :where(.sty-perm-btn,.sty-ds-btn){border-color:var(--sty-ui-color-border-strong)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-system .sty-os-main :where(.sty-perm-btn.primary,.sty-ds-btn.primary){background:var(--sty-ui-color-accent)!important;border-color:var(--sty-ui-color-accent)!important;color:var(--sty-ui-color-accent-ink)!important}
body.sty-erp-platform.sty-module-system .sty-os-main :where(.sty-perm-search input,.sty-ds-input,.sty-ds-select,.sty-ds-textarea){border-color:var(--sty-ui-color-border-strong)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-system .sty-os-main .sty-perm-avatar{background:var(--sty-ui-color-accent-soft)!important;color:var(--sty-ui-color-accent-ink)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-system .sty-os-main :where(.sty-perm-user-email,.sty-perm-item-copy small,.sty-perm-item-key,.sty-perm-toolbar-meta){color:var(--sty-ui-color-text-muted)!important}

/* 7.4 Automations: keep rule builder behavior, remove independent theme authority. */
body.sty-erp-platform.sty-module-automations{
  --auto-bg:var(--sty-ui-color-canvas);--auto-card:var(--sty-ui-color-surface);--auto-line:var(--sty-ui-color-border);
  --auto-text:var(--sty-ui-color-text);--auto-muted:var(--sty-ui-color-text-muted);--auto-gold:var(--sty-ui-color-accent);
  --auto-gold-2:var(--sty-ui-color-accent-hover);--auto-green:var(--sty-ui-color-success);--auto-red:var(--sty-ui-color-danger);
  --auto-orange:var(--sty-ui-color-warning);--auto-blue:var(--sty-ui-color-info);--auto-radius:var(--sty-ui-radius-lg);--auto-shadow:var(--sty-ui-shadow-xs);
}
body.sty-erp-platform.sty-module-automations .auto-page{max-width:var(--sty-ui-page-max,1440px)!important;padding:0 0 48px!important;color:var(--sty-ui-color-text)!important;animation:none!important}
body.sty-erp-platform.sty-module-automations .auto-hero{margin:0 0 12px!important;padding:8px 2px 14px!important;border:0!important;border-bottom:1px solid var(--sty-ui-color-border)!important;border-radius:0!important;background:transparent!important;background-image:none!important;color:var(--sty-ui-color-text)!important;box-shadow:none!important;overflow:visible!important}
body.sty-erp-platform.sty-module-automations .auto-hero::after{content:none!important}
body.sty-erp-platform.sty-module-automations .auto-kicker{color:var(--sty-ui-color-text-muted)!important;font-size:10px!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-module-automations .auto-hero h1{color:var(--sty-ui-color-text)!important;font-size:var(--sty-ui-font-size-page-title)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:-.025em!important}
body.sty-erp-platform.sty-module-automations .auto-hero p{margin-top:5px!important;color:var(--sty-ui-color-text-muted)!important;font-size:var(--sty-ui-font-size-small)!important;line-height:1.45!important}
body.sty-erp-platform.sty-module-automations .auto-state{padding:8px 10px!important;border:1px solid var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-sm)!important;background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-module-automations .auto-state span{color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-module-automations .auto-state strong{color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-module-automations .auto-tabs{padding:5px!important;border-color:var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-md)!important;background:var(--sty-ui-color-surface)!important;box-shadow:var(--sty-ui-shadow-xs)!important;backdrop-filter:none!important}
body.sty-erp-platform.sty-module-automations .auto-tabs a{color:var(--sty-ui-color-text-secondary)!important}
body.sty-erp-platform.sty-module-automations .auto-tabs a:hover{background:var(--sty-ui-color-surface-hover)!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-module-automations .auto-tabs a.active{background:var(--sty-ui-color-accent-soft)!important;color:var(--sty-ui-color-accent-ink)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-automations .auto-card{padding:16px!important;border-color:var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-lg)!important;background:var(--sty-ui-color-surface)!important;background-image:none!important;color:var(--sty-ui-color-text)!important;box-shadow:var(--sty-ui-shadow-xs)!important;transform:none!important}
body.sty-erp-platform.sty-module-automations .auto-card:hover{border-color:var(--sty-ui-color-border-strong)!important;box-shadow:var(--sty-ui-shadow-sm)!important;transform:none!important}
body.sty-erp-platform.sty-module-automations .auto-kpi{min-height:104px!important}
body.sty-erp-platform.sty-module-automations .auto-kpi::after{content:none!important}
body.sty-erp-platform.sty-module-automations .auto-kpi strong{font-size:clamp(22px,2.4vw,30px)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;font-variant-numeric:tabular-nums lining-nums!important}
body.sty-erp-platform.sty-module-automations .auto-btn{min-height:36px!important;padding:8px 12px!important;border-color:var(--sty-ui-color-border-strong)!important;border-radius:var(--sty-ui-radius-sm)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-automations .auto-btn.primary{background:var(--sty-ui-color-accent)!important;background-image:none!important;border-color:var(--sty-ui-color-accent)!important;color:var(--sty-ui-color-accent-ink)!important}
body.sty-erp-platform.sty-module-automations .auto-table{border-collapse:separate!important;border-spacing:0!important;font-variant-numeric:tabular-nums lining-nums!important}
body.sty-erp-platform.sty-module-automations .auto-table th{padding:9px 11px!important;background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text-muted)!important;border-bottom:1px solid var(--sty-ui-color-border)!important;font-size:10px!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-module-automations .auto-table td{padding:10px 11px!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text-secondary)!important;border:0!important;border-bottom:1px solid var(--sty-ui-color-border)!important;border-radius:0!important}
body.sty-erp-platform.sty-module-automations :where(.auto-field input,.auto-field select,.auto-field textarea){border-color:var(--sty-ui-color-border-strong)!important;border-radius:var(--sty-ui-radius-sm)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-automations :where(.auto-rule,.auto-template-preview,.auto-var,.auto-channel,.auto-empty){border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface-subtle)!important;background-image:none!important;color:var(--sty-ui-color-text-secondary)!important}

/* 7.5 Notifications: operational center, not a landing page. */
body.sty-erp-platform.sty-module-notifications .sty-notification-center{max-width:var(--sty-ui-page-max,1440px)!important;margin:0 auto!important;padding:0 0 48px!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-module-notifications .sty-notif-hero{margin:0 0 12px!important;padding:8px 2px 14px!important;border:0!important;border-bottom:1px solid var(--sty-ui-color-border)!important;border-radius:0!important;background:transparent!important;background-image:none!important;color:var(--sty-ui-color-text)!important;box-shadow:none!important;overflow:visible!important}
body.sty-erp-platform.sty-module-notifications .sty-notif-hero::before{content:none!important;animation:none!important}
body.sty-erp-platform.sty-module-notifications .sty-notif-hero h2{color:var(--sty-ui-color-text)!important;font-size:var(--sty-ui-font-size-page-title)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:-.025em!important}
body.sty-erp-platform.sty-module-notifications .sty-notif-hero p{margin-top:5px!important;color:var(--sty-ui-color-text-muted)!important;font-size:var(--sty-ui-font-size-small)!important;font-weight:var(--sty-ui-font-weight-regular)!important}
body.sty-erp-platform.sty-module-notifications .sty-notif-eyebrow{color:var(--sty-ui-color-text-muted)!important;font-size:10px!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-module-notifications .sty-notif-btn{border:1px solid var(--sty-ui-color-border-strong)!important;border-radius:var(--sty-ui-radius-sm)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-notifications .sty-notif-btn.primary{background:var(--sty-ui-color-accent)!important;border-color:var(--sty-ui-color-accent)!important;color:var(--sty-ui-color-accent-ink)!important}
body.sty-erp-platform.sty-module-notifications .sty-notif-kpis{gap:1px!important;border:1px solid var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-lg)!important;background:var(--sty-ui-color-border)!important;overflow:hidden!important;box-shadow:var(--sty-ui-shadow-xs)!important}
body.sty-erp-platform.sty-module-notifications .sty-notif-kpi{min-height:88px!important;padding:12px 14px!important;border:0!important;border-radius:0!important;background:var(--sty-ui-color-surface)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-notifications .sty-notif-kpi strong{font-size:22px!important;font-weight:var(--sty-ui-font-weight-semibold)!important;font-variant-numeric:tabular-nums lining-nums!important}
body.sty-erp-platform.sty-module-notifications :where(.sty-notif-toolbar,.sty-notif-list-panel,.sty-notif-side-panel,.sty-notif-card,.sty-notif-insight,.sty-notif-quick){border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface)!important;background-image:none!important;color:var(--sty-ui-color-text)!important;box-shadow:var(--sty-ui-shadow-xs)!important;backdrop-filter:none!important}
body.sty-erp-platform.sty-module-notifications .sty-notif-card.is-read{background:var(--sty-ui-color-surface-subtle)!important}
body.sty-erp-platform.sty-module-notifications :where(.sty-notif-search,.sty-notif-search input,.sty-notif-search select){background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;border-color:var(--sty-ui-color-border-strong)!important}
body.sty-erp-platform.sty-module-notifications .sty-notif-filter.is-active{background:var(--sty-ui-color-accent-soft)!important;color:var(--sty-ui-color-accent-ink)!important;box-shadow:none!important}

/* 7.6 Goals: neutral corporate surface while preserving charts and metric semantics. */
body.sty-erp-platform.sty-module-goals{
  --ios-bg:var(--sty-ui-color-canvas);--ios-glass:var(--sty-ui-color-surface);--ios-glass-border:var(--sty-ui-color-border);
  --ios-text-primary:var(--sty-ui-color-text);--ios-text-secondary:var(--sty-ui-color-text-secondary);--ios-text-tertiary:var(--sty-ui-color-text-muted);
  --ios-blue:var(--sty-ui-color-info);--ios-green:var(--sty-ui-color-success);--ios-orange:var(--sty-ui-color-warning);--ios-red:var(--sty-ui-color-danger);
}
body.sty-erp-platform.sty-module-goals .sty-os-main{background:var(--sty-ui-color-canvas)!important;background-image:none!important}
body.sty-erp-platform.sty-module-goals :where(.bg-motion,.bg-orb){display:none!important}
body.sty-erp-platform.sty-module-goals :where(.ui-card-ios,.card,.panel,.box,.g-card,.gf-card,.gf-panel,.goals-chart-card,.goals-mini-kpi,.sty-goals-excellence-card,.ios-list-container){border-color:var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-lg)!important;background:var(--sty-ui-color-surface)!important;background-image:none!important;color:var(--sty-ui-color-text)!important;box-shadow:var(--sty-ui-shadow-xs)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important}
body.sty-erp-platform.sty-module-goals :where(.ui-card-ios,.card,.panel):hover{border-color:var(--sty-ui-color-border-strong)!important;box-shadow:var(--sty-ui-shadow-sm)!important;transform:none!important}
body.sty-erp-platform.sty-module-goals :where(.ui-title-ios,.ui-title,.g-title,.gf-title){color:var(--sty-ui-color-text)!important;font-size:var(--sty-ui-font-size-page-title)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:-.025em!important}
body.sty-erp-platform.sty-module-goals :where(.ui-subtitle-ios,.ui-subtitle,.g-sub,.gf-sub,.muted,.mini-update){color:var(--sty-ui-color-text-muted)!important;font-weight:var(--sty-ui-font-weight-regular)!important}
body.sty-erp-platform.sty-module-goals :where(.g-kpis,.goals-kpi-strip,.gf-grid){gap:1px!important;border:1px solid var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-lg)!important;background:var(--sty-ui-color-border)!important;overflow:hidden!important;box-shadow:var(--sty-ui-shadow-xs)!important}
body.sty-erp-platform.sty-module-goals :where(.g-kpi,.goals-mini-kpi,.gf-kpi){border:0!important;border-radius:0!important;background:var(--sty-ui-color-surface)!important;box-shadow:none!important;transform:none!important}
body.sty-erp-platform.sty-module-goals :where(.g-kpi strong,.goals-mini-value,.gf-kpi strong,.kpi-value){font-variant-numeric:tabular-nums lining-nums!important}
body.sty-erp-platform.sty-module-goals :where(.ui-input-ios,.ui-input,.sel-ios,.gf-input,.gf-select,input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){border-color:var(--sty-ui-color-border-strong)!important;border-radius:var(--sty-ui-radius-sm)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-goals :where(.btn,.btn2,.btn-ios,.btn-ios-small,.btn-ios-primary,.gf-btn){border-color:var(--sty-ui-color-border-strong)!important;border-radius:var(--sty-ui-radius-sm)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-goals :where(.btn-primary,.btn.primary,.btn-ios-primary,.gf-btn.primary){background:var(--sty-ui-color-accent)!important;background-image:none!important;border-color:var(--sty-ui-color-accent)!important;color:var(--sty-ui-color-accent-ink)!important}
body.sty-erp-platform.sty-module-goals table{border-collapse:separate!important;border-spacing:0!important;font-variant-numeric:tabular-nums lining-nums!important}
body.sty-erp-platform.sty-module-goals table th{padding:9px 11px!important;background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text-muted)!important;border-bottom:1px solid var(--sty-ui-color-border)!important;font-size:10px!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-module-goals table td{padding:10px 11px!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text-secondary)!important;border:0!important;border-bottom:1px solid var(--sty-ui-color-border)!important;border-radius:0!important}
body.sty-erp-platform.sty-module-goals :where(.chart-container,.chart-box,.ui-chart,.canvas-wrap){border-color:var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-lg)!important;background:var(--sty-ui-color-surface)!important;box-shadow:var(--sty-ui-shadow-xs)!important}

/* 7.7 Time tracking and user workspace: finish the shared operational language. */
body.sty-erp-platform.sty-module-time .sty-time-hero{padding:8px 2px 14px!important;border:0!important;border-bottom:1px solid var(--sty-ui-color-border)!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-time .sty-time-hero h1{color:var(--sty-ui-color-text)!important;font-size:var(--sty-ui-font-size-page-title)!important;font-weight:var(--sty-ui-font-weight-semibold)!important;letter-spacing:-.025em!important}
body.sty-erp-platform.sty-module-time .sty-time-hero p{color:var(--sty-ui-color-text-muted)!important;font-size:var(--sty-ui-font-size-small)!important}
body.sty-erp-platform.sty-module-time .sty-time-kicker{color:var(--sty-ui-color-text-muted)!important;font-size:10px!important;font-weight:var(--sty-ui-font-weight-semibold)!important}
body.sty-erp-platform.sty-module-time .sty-time-kpis{gap:1px!important;border:1px solid var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-lg)!important;background:var(--sty-ui-color-border)!important;overflow:hidden!important;box-shadow:var(--sty-ui-shadow-xs)!important}
body.sty-erp-platform.sty-module-time .sty-time-kpi{border:0!important;border-radius:0!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-time .sty-time-kpi strong{font-variant-numeric:tabular-nums lining-nums!important}
body.sty-erp-platform.sty-module-workspace .sty-os-main :where(.card,.panel,.box,.widget,.mt-card,.task-card){border-color:var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface)!important;background-image:none!important;color:var(--sty-ui-color-text)!important;box-shadow:var(--sty-ui-shadow-xs)!important}

/* 7.8 Dark integrity for administrative/complementary modules. */
html[data-theme="dark"] body.sty-erp-platform :where(.sty-module-dashboard,.sty-module-people,.sty-module-system,.sty-module-automations,.sty-module-notifications,.sty-module-goals,.sty-module-time,.sty-module-workspace) :where(input,select,textarea,option){color-scheme:dark!important}
html[data-theme="dark"] body.sty-erp-platform.sty-module-system.sty-settings-hub :where(.card,.hero,.btn,.ic){background-image:none!important}

@media(max-width:760px){
  body.sty-erp-platform.sty-module-dashboard .sty-command-hero-meta{flex-direction:row!important;flex-wrap:wrap!important}
  body.sty-erp-platform.sty-module-dashboard .sty-command-kpis,
  body.sty-erp-platform.sty-module-people .sty-stat-grid,
  body.sty-erp-platform.sty-module-notifications .sty-notif-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.sty-erp-platform.sty-module-system.sty-settings-hub .wrap{padding-inline:14px!important}
}
@media(max-width:520px){
  body.sty-erp-platform.sty-module-dashboard .sty-command-kpis,
  body.sty-erp-platform.sty-module-people .sty-stat-grid,
  body.sty-erp-platform.sty-module-notifications .sty-notif-kpis{grid-template-columns:1fr!important}
}

/* 7.8 Standalone Settings compatibility.
   These pages keep their functional markup/geometry and consume the same Core tokens. */
body.sty-erp-platform.sty-module-system.sty-settings-options-standalone{
  background:var(--sty-ui-color-canvas)!important;
  color:var(--sty-ui-color-text)!important;
}
body.sty-erp-platform.sty-module-system.sty-settings-options-standalone .sty-main{background:var(--sty-ui-color-canvas)!important}
body.sty-erp-platform.sty-module-system.sty-settings-options-standalone :where(.sty-glass,.sty-kpi,.sty-card,.sty-side-card){
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  border-color:var(--sty-ui-color-border)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
  backdrop-filter:none!important;
}
body.sty-erp-platform.sty-module-system.sty-settings-options-standalone :where(.sty-header h1,.sty-card-title,.sty-kpi strong){color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-module-system.sty-settings-options-standalone :where(.sty-header p,.sty-kpi span,.sty-card-head small,.sty-group span,.sty-empty){color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-module-system.sty-settings-options-standalone :where(.sty-input,.sty-table td,.sty-icon-btn){
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text)!important;
  border-color:var(--sty-ui-color-border-strong)!important;
  box-shadow:none!important;
}
body.sty-erp-platform.sty-module-system.sty-settings-options-standalone .sty-table th{
  background:var(--sty-ui-color-surface-subtle)!important;
  color:var(--sty-ui-color-text-muted)!important;
  border-color:var(--sty-ui-color-border)!important;
}
body.sty-erp-platform.sty-module-system.sty-settings-options-standalone .sty-table td{border-color:var(--sty-ui-color-border)!important}
body.sty-erp-platform.sty-module-system.sty-settings-options-standalone .sty-group:hover{background:var(--sty-ui-color-surface-hover)!important;border-color:var(--sty-ui-color-border)!important;transform:none!important}
body.sty-erp-platform.sty-module-system.sty-settings-options-standalone .sty-group.active{background:var(--sty-ui-color-accent-soft)!important;color:var(--sty-ui-color-text)!important;border-color:var(--sty-ui-color-accent)!important;box-shadow:none!important}
body.sty-erp-platform.sty-module-system.sty-settings-options-standalone .sty-group.active span{color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-module-system.sty-settings-options-standalone .sty-group.active .ico{background:var(--sty-ui-color-accent)!important;color:var(--sty-ui-color-accent-ink)!important}

body.sty-erp-platform.sty-module-system.sty-settings-whatsapp-standalone{
  background:var(--sty-ui-color-canvas)!important;
  color:var(--sty-ui-color-text)!important;
}
body.sty-erp-platform.sty-module-system.sty-settings-whatsapp-standalone .wrap{max-width:1180px!important}
body.sty-erp-platform.sty-module-system.sty-settings-whatsapp-standalone .top{
  padding:8px 0 14px!important;
  margin-bottom:14px!important;
  border-bottom:1px solid var(--sty-ui-color-border)!important;
}
body.sty-erp-platform.sty-module-system.sty-settings-whatsapp-standalone .top .title{
  color:var(--sty-ui-color-text)!important;
  font-size:var(--sty-ui-font-size-page-title)!important;
  font-weight:var(--sty-ui-font-weight-semibold)!important;
  letter-spacing:-.02em!important;
}
body.sty-erp-platform.sty-module-system.sty-settings-whatsapp-standalone .top .sub{color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-module-system.sty-settings-whatsapp-standalone .card{
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-lg)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
  backdrop-filter:none!important;
}
body.sty-erp-platform.sty-module-system.sty-settings-whatsapp-standalone :where(.card-h,.card-b){border-color:var(--sty-ui-color-border)!important}
body.sty-erp-platform.sty-module-system.sty-settings-whatsapp-standalone :where(.card-h h2,.card-h h3,label,.k){color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-module-system.sty-settings-whatsapp-standalone :where(.hint,.muted,.card-h p){color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-module-system.sty-settings-whatsapp-standalone .hint{
  background:var(--sty-ui-color-surface-subtle)!important;
  border-color:var(--sty-ui-color-border)!important;
}
body.sty-erp-platform.sty-module-system.sty-settings-whatsapp-standalone :where(input,select,textarea){
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text)!important;
  border-color:var(--sty-ui-color-border-strong)!important;
  box-shadow:none!important;
}
body.sty-erp-platform.sty-module-system.sty-settings-whatsapp-standalone :where(.btn,.btn.back){
  background:var(--sty-ui-color-surface)!important;
  background-image:none!important;
  color:var(--sty-ui-color-text)!important;
  border-color:var(--sty-ui-color-border-strong)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.sty-erp-platform.sty-module-system.sty-settings-whatsapp-standalone :where(.btn.save,.btn.primary){
  background:var(--sty-ui-color-accent)!important;
  color:var(--sty-ui-color-accent-ink)!important;
  border-color:var(--sty-ui-color-accent)!important;
}
body.sty-erp-platform.sty-module-system.sty-settings-whatsapp-standalone .sep{background:var(--sty-ui-color-border)!important}

/* ============================================================================
   STY UI CORE - FASE 8 / CONSOLIDACAO FINAL
   Final cascade authority after legacy skins and adapters.

   - System 2 remains a compatibility namespace, not a competing theme.
   - Legacy Adapter loads before this file.
   - Sidebar state authority is absorbed here; no separate runtime stylesheet.
   - No business logic, route, ACL, payload or module geometry is changed.
   ========================================================================== */
:root{
  --sty-ui-consolidation-generation:8;

  /* System 2 compatibility aliases -> canonical Core semantics. */
  --sty2-brand-primary:var(--sty-ui-color-accent);
  --sty2-brand-primary-hover:var(--sty-ui-color-accent-hover);
  --sty2-brand-primary-pressed:var(--sty-ui-color-accent-pressed);
  --sty2-brand-tint:var(--sty-ui-color-accent-soft);
  --sty2-brand-ink:var(--sty-ui-color-accent-ink);
  --sty2-system-blue:var(--sty-ui-color-info);
  --sty2-system-green:var(--sty-ui-color-success);
  --sty2-system-orange:var(--sty-ui-color-warning);
  --sty2-system-red:var(--sty-ui-color-danger);
  --sty2-system-yellow:var(--sty-ui-color-accent);
  --sty2-canvas:var(--sty-ui-color-canvas);
  --sty2-surface-primary:var(--sty-ui-color-surface);
  --sty2-surface-secondary:var(--sty-ui-color-surface-subtle);
  --sty2-surface-tertiary:var(--sty-ui-color-surface-muted);
  --sty2-surface-elevated:var(--sty-ui-color-surface);
  --sty2-surface-floating:color-mix(in srgb,var(--sty-ui-color-surface) 92%,transparent);
  --sty2-surface-glass:color-mix(in srgb,var(--sty-ui-color-surface) 76%,transparent);
  --sty2-surface-hover:var(--sty-ui-color-surface-hover);
  --sty2-surface-selected:var(--sty-ui-color-accent-soft);
  --sty2-content-primary:var(--sty-ui-color-text);
  --sty2-content-secondary:var(--sty-ui-color-text-secondary);
  --sty2-content-tertiary:var(--sty-ui-color-text-muted);
  --sty2-content-disabled:var(--sty-ui-color-disabled);
  --sty2-content-inverse:#fff;
  --sty2-border-subtle:var(--sty-ui-color-border);
  --sty2-border-default:var(--sty-ui-color-border);
  --sty2-border-strong:var(--sty-ui-color-border-strong);
  --sty2-border-focus:var(--sty-ui-color-focus);
  --sty2-font-sans:var(--sty-ui-font-family);
  --sty2-font-mono:var(--sty-ui-font-family-mono);
  --sty2-text-xs:var(--sty-ui-font-size-caption);
  --sty2-text-sm:var(--sty-ui-font-size-caption);
  --sty2-text-md:var(--sty-ui-font-size-small);
  --sty2-text-base:var(--sty-ui-font-size-body);
  --sty2-text-lg:var(--sty-ui-font-size-section-title);
  --sty2-text-page:var(--sty-ui-font-size-page-title);
  --sty2-text-kpi:var(--sty-ui-font-size-kpi);
  --sty2-space-1:var(--sty-ui-space-1);
  --sty2-space-2:var(--sty-ui-space-2);
  --sty2-space-3:var(--sty-ui-space-3);
  --sty2-space-4:var(--sty-ui-space-4);
  --sty2-space-5:var(--sty-ui-space-5);
  --sty2-space-6:var(--sty-ui-space-6);
  --sty2-space-7:var(--sty-ui-space-7);
  --sty2-space-8:var(--sty-ui-space-8);
  --sty2-space-9:var(--sty-ui-space-9);
  --sty2-radius-xs:var(--sty-ui-radius-xs);
  --sty2-radius-sm:var(--sty-ui-radius-sm);
  --sty2-radius-md:var(--sty-ui-radius-md);
  --sty2-radius-lg:var(--sty-ui-radius-lg);
  --sty2-radius-xl:var(--sty-ui-radius-xl);
  --sty2-radius-2xl:var(--sty-ui-radius-xl);
  --sty2-radius-full:var(--sty-ui-radius-pill);
  --sty2-shadow-0:none;
  --sty2-shadow-1:var(--sty-ui-shadow-xs);
  --sty2-shadow-2:var(--sty-ui-shadow-sm);
  --sty2-shadow-3:var(--sty-ui-shadow-md);
  --sty2-shadow-4:var(--sty-ui-shadow-lg);
  --sty2-control-sm:var(--sty-ui-control-sm);
  --sty2-control-md:var(--sty-ui-control-md);
  --sty2-control-lg:var(--sty-ui-control-lg);
  --sty2-page-max:var(--sty-ui-page-max);
  --sty2-z-base:var(--sty-ui-z-base);
  --sty2-z-sticky:var(--sty-ui-z-sticky);
  --sty2-z-floating:var(--sty-ui-z-dropdown);
  --sty2-z-popover:var(--sty-ui-z-dropdown);
  --sty2-z-overlay:var(--sty-ui-z-overlay);
  --sty2-z-modal:var(--sty-ui-z-modal);
  --sty2-z-feedback:var(--sty-ui-z-toast);

  /* Navigation state now belongs to the same Core. */
  --sty-sidebar-state-bg:var(--sty-ui-shell-sidebar);
  --sty-sidebar-state-fg:var(--sty-ui-shell-sidebar-text);
  --sty-sidebar-state-muted:var(--sty-ui-shell-sidebar-muted);
  --sty-sidebar-state-hover:rgba(255,255,255,.065);
  --sty-sidebar-state-yellow:var(--sty-ui-color-accent);
  --sty-sidebar-state-yellow-ink:var(--sty-ui-color-accent-ink);
  --sty-sidebar-state-line:color-mix(in srgb,var(--sty-ui-color-accent) 34%,transparent);
}

/* Sidebar state authority absorbed from sty-sidebar-state.css V2.07.4. */
/* The sidebar itself stays black in light and dark themes. */
.sty-sidebar,
.sty-shell > .sty-sidebar{
  background:var(--sty-sidebar-state-bg)!important;
  color:var(--sty-sidebar-state-fg)!important;
}

/* CLOSED / NORMAL GROUP --------------------------------------------------- */
.sty-sidebar .sty-menu-group > .sty-menu-category-toggle,
.sty-sidebar .sty-os-nav-group > .sty-menu-category-toggle,
.sty-sidebar .sty-menu-group.is-closed > .sty-menu-category-toggle,
.sty-sidebar .sty-os-nav-group.is-closed > .sty-menu-category-toggle{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:var(--sty-sidebar-state-muted)!important;
  border-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}

.sty-sidebar .sty-menu-group > .sty-menu-category-toggle :where(span,strong,i,svg),
.sty-sidebar .sty-os-nav-group > .sty-menu-category-toggle :where(span,strong,i,svg){
  color:inherit!important;
  stroke:currentColor!important;
  text-shadow:none!important;
}

.sty-sidebar .sty-menu-group.is-closed > .sty-menu-category-toggle:hover,
.sty-sidebar .sty-os-nav-group.is-closed > .sty-menu-category-toggle:hover,
.sty-sidebar .sty-menu-group.is-closed > .sty-menu-category-toggle:focus-visible,
.sty-sidebar .sty-os-nav-group.is-closed > .sty-menu-category-toggle:focus-visible{
  background:var(--sty-sidebar-state-hover)!important;
  background-image:none!important;
  color:var(--sty-sidebar-state-fg)!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

/* OPEN / CLICKED / CURRENT GROUP -----------------------------------------
 * Any expanded group is a selected navigation state. It MUST be solid STY
 * yellow. aria-expanded is included as a fallback for old/new menu JS.
 */
.sty-sidebar .sty-menu-group.is-open > .sty-menu-category-toggle,
.sty-sidebar .sty-os-nav-group.is-open > .sty-menu-category-toggle,
.sty-sidebar .sty-menu-group.is-current > .sty-menu-category-toggle,
.sty-sidebar .sty-os-nav-group.is-current > .sty-menu-category-toggle,
.sty-sidebar .sty-menu-category-toggle[aria-expanded="true"],
.sty-sidebar button[data-group-toggle][aria-expanded="true"],
.sty-sidebar button[data-nav-toggle][aria-expanded="true"]{
  background:var(--sty-sidebar-state-yellow)!important;
  background-color:var(--sty-sidebar-state-yellow)!important;
  background-image:none!important;
  color:var(--sty-sidebar-state-yellow-ink)!important;
  border:1px solid var(--sty-sidebar-state-yellow)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.16),0 8px 22px rgba(240,198,9,.16)!important;
  filter:none!important;
  opacity:1!important;
  text-shadow:none!important;
}

.sty-sidebar .sty-menu-group.is-open > .sty-menu-category-toggle:hover,
.sty-sidebar .sty-os-nav-group.is-open > .sty-menu-category-toggle:hover,
.sty-sidebar .sty-menu-group.is-current > .sty-menu-category-toggle:hover,
.sty-sidebar .sty-os-nav-group.is-current > .sty-menu-category-toggle:hover,
.sty-sidebar .sty-menu-category-toggle[aria-expanded="true"]:hover,
.sty-sidebar .sty-menu-group.is-open > .sty-menu-category-toggle:focus-visible,
.sty-sidebar .sty-os-nav-group.is-open > .sty-menu-category-toggle:focus-visible,
.sty-sidebar .sty-menu-group.is-current > .sty-menu-category-toggle:focus-visible,
.sty-sidebar .sty-os-nav-group.is-current > .sty-menu-category-toggle:focus-visible{
  background:#F4CC18!important;
  background-color:#F4CC18!important;
  background-image:none!important;
  color:var(--sty-sidebar-state-yellow-ink)!important;
  border-color:#F4CC18!important;
}

.sty-sidebar .sty-menu-group.is-open > .sty-menu-category-toggle :where(span,strong,i,svg),
.sty-sidebar .sty-os-nav-group.is-open > .sty-menu-category-toggle :where(span,strong,i,svg),
.sty-sidebar .sty-menu-group.is-current > .sty-menu-category-toggle :where(span,strong,i,svg),
.sty-sidebar .sty-os-nav-group.is-current > .sty-menu-category-toggle :where(span,strong,i,svg),
.sty-sidebar .sty-menu-category-toggle[aria-expanded="true"] :where(span,strong,i,svg){
  color:var(--sty-sidebar-state-yellow-ink)!important;
  stroke:currentColor!important;
  text-shadow:none!important;
}

.sty-sidebar .sty-menu-group.is-open > .sty-menu-category-toggle .sty-menu-item__chevron,
.sty-sidebar .sty-os-nav-group.is-open > .sty-menu-category-toggle .sty-menu-item__chevron,
.sty-sidebar .sty-menu-group.is-current > .sty-menu-category-toggle .sty-menu-item__chevron,
.sty-sidebar .sty-os-nav-group.is-current > .sty-menu-category-toggle .sty-menu-item__chevron,
.sty-sidebar .sty-menu-category-toggle[aria-expanded="true"] .sty-menu-item__chevron{
  color:rgba(23,20,0,.66)!important;
  stroke:currentColor!important;
}

/* Neutralize legacy pseudo overlays that can darken the yellow fill. */
.sty-sidebar .sty-menu-group.is-open > .sty-menu-category-toggle::before,
.sty-sidebar .sty-os-nav-group.is-open > .sty-menu-category-toggle::before,
.sty-sidebar .sty-menu-group.is-current > .sty-menu-category-toggle::before,
.sty-sidebar .sty-os-nav-group.is-current > .sty-menu-category-toggle::before,
.sty-sidebar .sty-menu-category-toggle[aria-expanded="true"]::before{
  display:none!important;
  content:none!important;
  background:none!important;
  opacity:0!important;
}

/* SUBMENU -----------------------------------------------------------------
 * The submenu remains black/quiet. Only its current destination receives
 * yellow text + dot; the parent button is the solid yellow visual anchor.
 */
.sty-sidebar .sty-submenu{
  background:transparent!important;
  box-shadow:none!important;
}
.sty-sidebar .sty-menu-group.is-open > .sty-submenu,
.sty-sidebar .sty-os-nav-group.is-open > .sty-submenu{
  border-left-color:var(--sty-sidebar-state-line)!important;
}
.sty-sidebar .sty-submenu-item{
  background:transparent!important;
  background-image:none!important;
  color:var(--sty-sidebar-state-muted)!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.sty-sidebar .sty-submenu-item:hover,
.sty-sidebar .sty-submenu-item:focus-visible{
  background:var(--sty-sidebar-state-hover)!important;
  background-image:none!important;
  color:var(--sty-sidebar-state-fg)!important;
}
.sty-sidebar .sty-submenu-item.is-active,
.sty-sidebar .sty-submenu-item[aria-current="page"]{
  background:transparent!important;
  background-image:none!important;
  color:var(--sty-sidebar-state-yellow)!important;
  box-shadow:none!important;
  font-weight:600!important;
}
.sty-sidebar .sty-submenu-item.is-active :where(span,strong,i,svg),
.sty-sidebar .sty-submenu-item[aria-current="page"] :where(span,strong,i,svg){
  color:var(--sty-sidebar-state-yellow)!important;
  stroke:currentColor!important;
}
.sty-sidebar .sty-submenu-item.is-active .sty-submenu-dot,
.sty-sidebar .sty-submenu-item[aria-current="page"] .sty-submenu-dot{
  background:var(--sty-sidebar-state-yellow)!important;
  opacity:1!important;
  box-shadow:0 0 0 3px rgba(240,198,9,.08)!important;
}

/* Collapse/profile controls are neutral; they must never inherit selected yellow. */
.sty-sidebar .sty-sidebar__collapse,
.sty-sidebar .sty-profile-card,
.sty-sidebar .sty-logout{
  color:var(--sty-sidebar-state-muted)!important;
}

/* ========================================================================
   V2.07.4 - SELECTED DESTINATION + ICON CONTRAST FIX
   The screenshot showed the parent group correctly yellow, but the actual
   selected destination (e.g. DASHBOARD) was still rendered by a more
   specific legacy selector as a dark olive pill.  This block deliberately
   uses the full shell selector so it wins the old !important rules while
   remaining limited to navigation visuals only.
   ======================================================================== */

/* Closed groups: keep symbols readable on the black sidebar. */
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-menu-group:not(.is-open):not(.is-current) > .sty-menu-category-toggle,
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-os-nav-group:not(.is-open):not(.is-current) > .sty-menu-category-toggle{
  background:transparent!important;
  background-image:none!important;
  color:#B8BAC0!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-menu-group:not(.is-open):not(.is-current) > .sty-menu-category-toggle :where(.sty-menu-item__label,span,strong,i),
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-os-nav-group:not(.is-open):not(.is-current) > .sty-menu-category-toggle :where(.sty-menu-item__label,span,strong,i){
  color:#B8BAC0!important;
}
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-menu-group:not(.is-open):not(.is-current) > .sty-menu-category-toggle :where(svg,svg *),
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-os-nav-group:not(.is-open):not(.is-current) > .sty-menu-category-toggle :where(svg,svg *){
  color:#B8BAC0!important;
  stroke:#B8BAC0!important;
}

/* Open/current parent remains solid STY yellow. */
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-menu-group:is(.is-open,.is-current) > .sty-menu-category-toggle,
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-os-nav-group:is(.is-open,.is-current) > .sty-menu-category-toggle,
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-menu-category-toggle[aria-expanded="true"]{
  background:#F0C609!important;
  background-color:#F0C609!important;
  background-image:none!important;
  color:#171400!important;
  border-color:#F0C609!important;
  box-shadow:0 1px 2px rgba(0,0,0,.14),0 8px 22px rgba(240,198,9,.16)!important;
  filter:none!important;
  opacity:1!important;
}
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-menu-group:is(.is-open,.is-current) > .sty-menu-category-toggle :where(.sty-menu-item__label,span,strong,i,svg,svg *),
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-os-nav-group:is(.is-open,.is-current) > .sty-menu-category-toggle :where(.sty-menu-item__label,span,strong,i,svg,svg *),
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-menu-category-toggle[aria-expanded="true"] :where(.sty-menu-item__label,span,strong,i,svg,svg *){
  color:#171400!important;
  stroke:#171400!important;
}

/* The actual selected submenu destination must ALSO be solid yellow. */
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-submenu-item.is-active,
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-submenu-item[aria-current="page"],
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-submenu-item.is-active:hover,
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-submenu-item[aria-current="page"]:hover,
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-submenu-item.is-active:focus-visible,
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-submenu-item[aria-current="page"]:focus-visible{
  background:#F0C609!important;
  background-color:#F0C609!important;
  background-image:none!important;
  color:#171400!important;
  border-color:#F0C609!important;
  box-shadow:0 1px 2px rgba(0,0,0,.14),0 6px 16px rgba(240,198,9,.14)!important;
  filter:none!important;
  opacity:1!important;
  font-weight:650!important;
  transform:none!important;
}
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-submenu-item:is(.is-active,[aria-current="page"]) :where(.sty-submenu-label,span,strong,i,svg,svg *){
  color:#171400!important;
  stroke:#171400!important;
}
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-submenu-item:is(.is-active,[aria-current="page"]) .sty-submenu-dot{
  background:#171400!important;
  opacity:.78!important;
  box-shadow:none!important;
}
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-submenu-item:is(.is-active,[aria-current="page"])::before{
  display:none!important;
  content:none!important;
  background:none!important;
  opacity:0!important;
}

/* Non-selected submenu destinations stay quiet and readable. */
body.sty-global-shell.sty-erp-platform .sty-shell > .sty-sidebar
  .sty-submenu-item:not(.is-active):not([aria-current="page"]){
  background:transparent!important;
  background-image:none!important;
  color:#B8BAC0!important;
  box-shadow:none!important;
}

/* ============================================================================
   STY UI INTEGRATION - ETAPA 1 / CONTRATO DE TOKENS DO GUIA 2.1.0

   O ERP mantem --sty-ui-* como namespace canonico. Os nomes abaixo existem
   somente como aliases de contrato para a integracao do guia STY UI 2.1.0.
   Nenhum valor visual do starter e importado aqui e nenhum segundo core CSS e
   criado. O runtime das proximas etapas deve escrever nos tokens canonicos.

   Tokens que ja existem no host ou colidem com CSS historico (--sty-bg,
   --sty-surface, --sty-muted, --sty-line, --sty-focus, --sty-success,
   --sty-warning, --sty-danger, --sty-info, --sty-neutral, --sty-space-*,
   --sty-ink, --sty-blue, --sty-yellow e --sty-shadow-hover) permanecem
   preservados por compatibilidade e nao sao redefinidos neste bloco.
   ========================================================================== */
:root{
  --sty-ui-integration-stage:1;
  --sty-ui-integration-guide-version:"2.1.0";
  --sty-ui-integration-schema-version:1;

  /* Guide brand + surface vocabulary -> canonical STY UI Core. */
  --sty-primary:var(--sty-ui-color-accent);
  --sty-blue-deep:var(--sty-ui-color-accent-hover);
  --sty-on-primary:var(--sty-ui-color-accent-ink);
  --sty-nav-bg:var(--sty-ui-shell-sidebar);
  --sty-nav-text:var(--sty-ui-shell-sidebar-text);
  --sty-selection:var(--sty-ui-color-selection);
  --sty-on-selection:var(--sty-ui-color-selection-ink);

  /* Guide typography vocabulary -> canonical STY UI Core. */
  --sty-font:var(--sty-ui-font-family);
  --sty-text-base:var(--sty-ui-font-size-body);
  --sty-text-label:var(--sty-ui-font-size-small);
  --sty-text-caption:var(--sty-ui-font-size-caption);
  --sty-heading:var(--sty-ui-font-size-page-title);
  --sty-kpi:var(--sty-ui-font-size-kpi);
  --sty-section-size:var(--sty-ui-font-size-section-title);

  /* Guide component metrics -> current Core scales. */
  --sty-card-padding:var(--sty-ui-space-4);
  --sty-grid-gap:var(--sty-ui-space-3);
  --sty-row-height:44px;
  --sty-control-padding:8px 11px;
  --sty-sidebar-width:260px;
  --sty-radius-pill:var(--sty-ui-radius-pill);
  --sty-radius-card:var(--sty-ui-radius-lg);
  --sty-radius-sidebar:var(--sty-ui-radius-lg);
  --sty-radius-button:var(--sty-ui-radius-sm);
  --sty-radius-control:var(--sty-ui-radius-sm);
  --sty-radius-nav:var(--sty-ui-radius-sm);
  --sty-radius-dialog:var(--sty-ui-radius-xl);

  /* Guide semantic/support colors -> canonical STY UI Core. */
  --sty-neutral-bg:var(--sty-ui-color-neutral-soft);
  --sty-track:var(--sty-ui-color-surface-muted);
  --sty-hover-bg:var(--sty-ui-color-surface-hover);
  --sty-nav-hover:var(--sty-ui-shell-sidebar-raised);
  --sty-card-border:var(--sty-ui-color-border);
  --sty-shimmer:var(--sty-ui-color-surface-subtle);
  --sty-tooltip:var(--sty-ui-color-text);
  --sty-tooltip-text:var(--sty-ui-color-surface);
  --sty-chart-grid:var(--sty-ui-color-border);
  --sty-chart-previous:var(--sty-ui-color-text-muted);
  --sty-chart-area:color-mix(in srgb,var(--sty-ui-color-accent) 9%,transparent);
  --sty-success-bg:var(--sty-ui-color-success-soft);
  --sty-warning-bg:var(--sty-ui-color-warning-soft);
  --sty-danger-bg:var(--sty-ui-color-danger-soft);
  --sty-info-bg:var(--sty-ui-color-info-soft);

  /* Guide effects are aliases, never an independent palette/elevation layer. */
  --sty-gradient-nav:var(--sty-ui-gradient-navigation,var(--sty-ui-shell-sidebar));
  --sty-gradient-selected:var(--sty-ui-gradient-selection,var(--sty-ui-color-selection));
  --sty-gradient-primary:var(--sty-ui-gradient-primary,var(--sty-ui-color-accent));
  --sty-gradient-surface:var(--sty-ui-gradient-surface,var(--sty-ui-color-surface));
  --sty-gradient-revenue:var(--sty-ui-color-surface);
  --sty-gradient-production:var(--sty-ui-color-surface);
  --sty-gradient-delivery:var(--sty-ui-color-surface);
  --sty-shadow-card:var(--sty-ui-shadow-xs);
  --sty-shadow-button:var(--sty-ui-shadow-xs);
  --sty-shadow-modal:var(--sty-ui-shadow-lg);
  --sty-backdrop:var(--sty-ui-overlay);

  /* Guide motion vocabulary -> canonical durations/easing already validated. */
  --sty-ease-out:cubic-bezier(.2,.8,.2,1);
  --sty-ease-soft:cubic-bezier(.2,.8,.2,1);
  --sty-motion-hover:var(--sty-ui-motion-hover);
  --sty-motion-nav:var(--sty-ui-motion-drawer);
  --sty-motion-enter:var(--sty-ui-motion-page);
  --sty-motion-horizontal:var(--sty-ui-motion-page);
  --sty-motion-counter:var(--sty-ui-motion-page);
  --sty-motion-line:var(--sty-ui-motion-page);
  --sty-motion-ring:var(--sty-ui-motion-page);
  --sty-motion-bar:var(--sty-ui-motion-page);
  --sty-loading-name:var(--sty-ui-loading-name,sty-ui-skeleton);
  --sty-spinner-name:var(--sty-ui-spinner-name,styErpSpin);
  --sty-enter-name:var(--sty-ui-enter-name,styAppleWhiteSurfaceIn);
  --sty-hover-transform:var(--sty-ui-hover-transform,translateY(-1px));
  --sty-press-transform:var(--sty-ui-press-transform,scale(.985));
  --sty-nav-transform:var(--sty-ui-nav-transform,none);

  /* Guide layering aliases. */
  --sty-z-sidebar:var(--sty-ui-z-sticky);
  --sty-z-toast:var(--sty-ui-z-toast);
  --sty-z-progress:var(--sty-ui-z-overlay);
  --sty-z-tooltip:var(--sty-ui-z-dropdown);
}

/* ============================================================================
   STY UI INTEGRATION - ETAPA 2 / ADAPTADOR DE RUNTIME 2.1.0
   Este bloco permanece inerte ate que STYDesign.mount() marque a raiz com
   data-sty-design-root. Quando ativo, os tokens legados passam a consumir a
   configuracao canonica aplicada inline no html, sem segundo tema/CSS global.
   ========================================================================== */
:root{
  --sty-ui-integration-stage:2;
  --sty-ui-color-selection:var(--sty-ui-color-accent);
  --sty-ui-color-selection-soft:var(--sty-ui-color-accent-soft);
  --sty-ui-color-selection-ink:var(--sty-ui-color-accent-ink);
  --sty-ui-radius-base:16px;
  --sty-ui-control-xl:46px;
  --sty-ui-gradient-enabled:0;
  --sty-ui-gradient-navigation:var(--sty-ui-shell-sidebar);
  --sty-ui-gradient-primary:var(--sty-ui-color-accent);
  --sty-ui-gradient-selection:var(--sty-ui-color-selection);
  --sty-ui-gradient-surface:var(--sty-ui-color-surface);
  --sty-ui-motion-horizontal:var(--sty-ui-motion-page);
  --sty-ui-motion-counter:var(--sty-ui-motion-page);
  --sty-ui-motion-line:var(--sty-ui-motion-page);
  --sty-ui-motion-ring:var(--sty-ui-motion-page);
  --sty-ui-motion-bar:var(--sty-ui-motion-page);
  --sty-ui-loading-name:sty-ui-skeleton;
  --sty-ui-spinner-name:styErpSpin;
  --sty-ui-enter-name:styAppleWhiteSurfaceIn;
  --sty-ui-hover-transform:translateY(-1px);
  --sty-ui-press-transform:scale(.985);
  --sty-ui-nav-transform:none;
}

html[data-sty-design-root] body.sty-erp-platform,
html[data-sty-design-root] body.sty-standalone-v196{
  /* Legacy typography consumes the runtime canonical scale only while mounted. */
  --sty-font-sans:var(--sty-ui-font-family);
  --sty-font-xs:var(--sty-ui-font-size-xs);
  --sty-font-sm:var(--sty-ui-font-size-sm);
  --sty-font-md:var(--sty-ui-font-size-md);
  --sty-font-base:var(--sty-ui-font-size-body);
  --sty-font-lg:var(--sty-ui-font-size-lg);
  --sty-font-xl:var(--sty-ui-font-size-xl);
  --sty-font-page:var(--sty-ui-font-size-page);
  --sty-font-kpi:var(--sty-ui-font-size-kpi-lg);

  /* Brand + surfaces. This also resolves the known guide/legacy collisions. */
  --sty-accent:var(--sty-ui-color-accent);
  --sty-accent-hover:var(--sty-ui-color-accent-hover);
  --sty-accent-pressed:var(--sty-ui-color-accent-pressed);
  --sty-accent-soft:var(--sty-ui-color-accent-soft);
  --sty-accent-ink:var(--sty-ui-color-accent-ink);
  --sty-bg:var(--sty-ui-color-canvas);
  --sty-surface:var(--sty-ui-color-surface);
  --sty-surface-2:var(--sty-ui-color-surface-subtle);
  --sty-surface-3:var(--sty-ui-color-surface-muted);
  --sty-surface-hover:var(--sty-ui-color-surface-hover);
  --sty-text:var(--sty-ui-color-text);
  --sty-text-2:var(--sty-ui-color-text-secondary);
  --sty-ink:var(--sty-ui-color-text);
  --sty-muted:var(--sty-ui-color-text-muted);
  --sty-disabled:var(--sty-ui-color-disabled);
  --sty-line:var(--sty-ui-color-border);
  --sty-line-strong:var(--sty-ui-color-border-strong);
  --sty-focus:var(--sty-ui-color-focus);
  --sty-blue:var(--sty-ui-color-accent);
  --sty-blue-deep:var(--sty-ui-color-accent-hover);
  --sty-yellow:var(--sty-ui-color-selection);
  --sty-yellow-light:var(--sty-ui-color-selection-soft);

  /* Semantic states. */
  --sty-success:var(--sty-ui-color-success);
  --sty-success-soft:var(--sty-ui-color-success-soft);
  --sty-warning:var(--sty-ui-color-warning);
  --sty-warning-soft:var(--sty-ui-color-warning-soft);
  --sty-danger:var(--sty-ui-color-danger);
  --sty-danger-soft:var(--sty-ui-color-danger-soft);
  --sty-info:var(--sty-ui-color-info);
  --sty-info-soft:var(--sty-ui-color-info-soft);
  --sty-neutral:var(--sty-ui-color-neutral);
  --sty-neutral-soft:var(--sty-ui-color-neutral-soft);

  /* Shape/elevation/control compatibility. */
  --sty-radius-xs:var(--sty-ui-radius-xs);
  --sty-radius-sm:var(--sty-ui-radius-sm);
  --sty-radius:var(--sty-ui-radius-base);
  --sty-radius-lg:var(--sty-ui-radius-lg);
  --sty-radius-xl:var(--sty-ui-radius-xl);
  --sty-shadow-xs:var(--sty-ui-shadow-xs);
  --sty-shadow-sm:var(--sty-ui-shadow-sm);
  --sty-shadow:var(--sty-ui-shadow-md);
  --sty-shadow-lg:var(--sty-ui-shadow-lg);
  --sty-shadow-hover:var(--sty-ui-shadow-md);
  --sty-control-sm:var(--sty-ui-control-sm);
  --sty-control:var(--sty-ui-control-lg);
  --sty-control-lg:var(--sty-ui-control-xl);
  --sty-transition-fast:var(--sty-ui-motion-press);
  --sty-transition:var(--sty-ui-motion-hover);
  --sty-transition-slow:var(--sty-ui-motion-drawer);
}

html[data-sty-design-root]{
  --sty-selection:var(--sty-ui-color-selection);
  --sty-on-selection:var(--sty-ui-color-selection-ink);
  --sty-gradient-nav:var(--sty-ui-gradient-navigation);
  --sty-gradient-selected:var(--sty-ui-gradient-selection);
  --sty-gradient-primary:var(--sty-ui-gradient-primary);
  --sty-gradient-surface:var(--sty-ui-gradient-surface);
  --sty-gradient-revenue:var(--sty-ui-gradient-surface);
  --sty-gradient-production:var(--sty-ui-gradient-surface);
  --sty-gradient-delivery:var(--sty-ui-gradient-surface);
  --sty-motion-horizontal:var(--sty-ui-motion-horizontal);
  --sty-motion-counter:var(--sty-ui-motion-counter);
  --sty-motion-line:var(--sty-ui-motion-line);
  --sty-motion-ring:var(--sty-ui-motion-ring);
  --sty-motion-bar:var(--sty-ui-motion-bar);
  --sty-loading-name:var(--sty-ui-loading-name);
  --sty-spinner-name:var(--sty-ui-spinner-name);
  --sty-enter-name:var(--sty-ui-enter-name);
  --sty-hover-transform:var(--sty-ui-hover-transform);
  --sty-press-transform:var(--sty-ui-press-transform);
  --sty-nav-transform:var(--sty-ui-nav-transform);
}

/* ============================================================================
   STY UI INTEGRATION - ETAPA 4 / CENTRO DE CONTROLE DE APARENCIA
   Escopo estrito da rota /admin/settings/appearance. O bloco nao redefine
   .card/.btn/sty-card globalmente e nao interfere nos modulos existentes.
   A previa recebe --sty-ui-* inline do runtime em uma raiz interna isolada.
   ========================================================================== */
:root{--sty-ui-integration-stage:4}

body.sty-settings-appearance .sty-os-main{
  min-width:0;
  background:var(--sty-ui-color-canvas)!important;
}
body.sty-settings-appearance .sty-appearance-page{
  width:min(1540px,100%);
  margin:0 auto;
  padding:24px clamp(14px,2vw,28px) 42px;
}
body.sty-settings-appearance .sty-appearance-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
body.sty-settings-appearance .sty-appearance-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:8px 12px;
  border:1px solid var(--sty-ui-color-border);
  border-radius:var(--sty-ui-radius-sm);
  background:var(--sty-ui-color-surface);
  color:var(--sty-ui-color-text-secondary);
  text-decoration:none;
  font-size:var(--sty-ui-font-size-small);
  font-weight:600;
  box-shadow:var(--sty-ui-shadow-xs);
  transition:transform var(--sty-ui-motion-hover),border-color var(--sty-ui-motion-hover),box-shadow var(--sty-ui-motion-hover);
}
body.sty-settings-appearance .sty-appearance-back:hover{
  transform:translateY(-1px);
  border-color:var(--sty-ui-color-border-strong);
  box-shadow:var(--sty-ui-shadow-sm);
  color:var(--sty-ui-color-text);
}
body.sty-settings-appearance .sty-appearance-permission{
  color:var(--sty-ui-color-text-muted);
  font-size:var(--sty-ui-font-size-caption);
}

body.sty-settings-appearance [data-sty-control-center]{
  --sty-cc-focus:var(--sty-ui-color-focus);
  min-width:0;
  color:var(--sty-ui-color-text);
  font-family:var(--sty-ui-font-family);
}
body.sty-settings-appearance [data-sty-control-center],
body.sty-settings-appearance [data-sty-control-center] *,
body.sty-settings-appearance [data-sty-control-center] *::before,
body.sty-settings-appearance [data-sty-control-center] *::after{box-sizing:border-box}
body.sty-settings-appearance [data-sty-control-center] :where(button,input,select,textarea){font:inherit}
body.sty-settings-appearance [data-sty-control-center] :where(button,a,input,select,textarea):focus-visible{
  outline:0;
  box-shadow:0 0 0 4px var(--sty-cc-focus)!important;
}
body.sty-settings-appearance [data-sty-control-center] button:disabled{opacity:.46;cursor:not-allowed;transform:none!important}

body.sty-settings-appearance [data-sty-control-center] .sty-cc{
  width:100%;
  min-width:0;
}
body.sty-settings-appearance [data-sty-control-center] .sty-cc__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:6px 2px 2px;
}
body.sty-settings-appearance [data-sty-control-center] .sty-eyebrow{
  margin:0 0 7px;
  color:var(--sty-ui-color-accent-hover);
  font-size:11px;
  font-weight:750;
  letter-spacing:.12em;
}
body.sty-settings-appearance [data-sty-control-center] .sty-heading{
  margin:0;
  color:var(--sty-ui-color-text);
  font-size:clamp(24px,3vw,var(--sty-ui-font-size-page-title));
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:700;
}
body.sty-settings-appearance [data-sty-control-center] .sty-subtitle{
  margin:7px 0 0;
  color:var(--sty-ui-color-text-muted);
  font-size:var(--sty-ui-font-size-body);
}
body.sty-settings-appearance [data-sty-control-center] .sty-caption{
  color:var(--sty-ui-color-text-muted);
  font-size:var(--sty-ui-font-size-caption);
  line-height:1.5;
}
body.sty-settings-appearance [data-sty-control-center] .sty-section-title{
  margin:0;
  color:var(--sty-ui-color-text);
  font-size:var(--sty-ui-font-size-section-title);
  font-weight:650;
  letter-spacing:-.02em;
}
body.sty-settings-appearance [data-sty-control-center] .sty-notice{
  margin:18px 0 22px;
  padding:12px 14px;
  border:1px solid color-mix(in srgb,var(--sty-ui-color-info) 18%,var(--sty-ui-color-border));
  border-radius:var(--sty-ui-radius-sm);
  background:var(--sty-ui-color-info-soft);
  color:var(--sty-ui-color-info);
  font-size:var(--sty-ui-font-size-small);
}
body.sty-settings-appearance [data-sty-control-center] .sty-pill{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:4px 9px;
  border-radius:var(--sty-ui-radius-pill);
  background:var(--sty-ui-color-neutral-soft);
  color:var(--sty-ui-color-neutral);
  font-size:var(--sty-ui-font-size-caption);
  font-weight:650;
  white-space:nowrap;
}
body.sty-settings-appearance [data-sty-control-center] .sty-pill--success{background:var(--sty-ui-color-success-soft);color:var(--sty-ui-color-success)}
body.sty-settings-appearance [data-sty-control-center] .sty-pill--warning{background:var(--sty-ui-color-warning-soft);color:var(--sty-ui-color-warning)}
body.sty-settings-appearance [data-sty-control-center] .sty-pill--info{background:var(--sty-ui-color-info-soft);color:var(--sty-ui-color-info)}

body.sty-settings-appearance [data-sty-control-center] .sty-cc__layout{
  display:grid;
  grid-template-columns:minmax(300px,370px) minmax(0,1fr);
  align-items:start;
  gap:22px;
}
body.sty-settings-appearance [data-sty-control-center] .sty-card{
  min-width:0;
  border:1px solid var(--sty-ui-color-border);
  border-radius:var(--sty-ui-radius-lg);
  background:var(--sty-ui-gradient-surface,var(--sty-ui-color-surface));
  color:var(--sty-ui-color-text);
  box-shadow:var(--sty-ui-shadow-xs);
}
body.sty-settings-appearance [data-sty-control-center] .sty-cc__editor{
  position:sticky;
  top:82px;
  padding:18px;
}
body.sty-settings-appearance [data-sty-control-center] .sty-tabs{
  display:flex;
  gap:3px;
  padding:4px;
  border-radius:var(--sty-ui-radius-sm);
  background:var(--sty-ui-color-surface-muted);
}
body.sty-settings-appearance [data-sty-control-center] .sty-cc__tabs{margin-bottom:20px}
body.sty-settings-appearance [data-sty-control-center] .sty-cc__tabs button{
  flex:1;
  min-width:0;
  min-height:36px;
  padding:7px 9px;
  border:0;
  border-radius:calc(var(--sty-ui-radius-sm) - 2px);
  background:transparent;
  color:var(--sty-ui-color-text-muted);
  font-size:var(--sty-ui-font-size-caption);
  font-weight:600;
  cursor:pointer;
}
body.sty-settings-appearance [data-sty-control-center] .sty-cc__tabs button[aria-pressed="true"]{
  background:var(--sty-ui-color-surface);
  color:var(--sty-ui-color-text);
  box-shadow:var(--sty-ui-shadow-xs);
}
body.sty-settings-appearance [data-sty-control-center] fieldset{min-width:0;margin:0;padding:0;border:0}
body.sty-settings-appearance [data-sty-control-center] legend{
  margin:0 0 16px;
  padding:0;
  color:var(--sty-ui-color-text);
  font-size:var(--sty-ui-font-size-section-title);
  font-weight:650;
}
body.sty-settings-appearance [data-sty-control-center] [hidden]{display:none!important}
body.sty-settings-appearance [data-sty-control-center] .sty-field{
  display:grid;
  gap:7px;
  margin:0 0 14px;
  color:var(--sty-ui-color-text-secondary);
  font-size:var(--sty-ui-font-size-small);
  font-weight:550;
}
body.sty-settings-appearance [data-sty-control-center] .sty-select,
body.sty-settings-appearance [data-sty-control-center] .sty-input{
  width:100%;
  min-width:0;
  min-height:42px;
  padding:8px 10px;
  border:1px solid var(--sty-ui-color-border-strong);
  border-radius:var(--sty-ui-radius-sm);
  background:var(--sty-ui-color-surface);
  color:var(--sty-ui-color-text);
  box-shadow:none;
}
body.sty-settings-appearance [data-sty-control-center] input[type="range"]{
  width:100%;
  min-height:30px;
  accent-color:var(--sty-ui-color-accent);
  cursor:pointer;
}
body.sty-settings-appearance [data-sty-control-center] output{
  float:right;
  color:var(--sty-ui-color-text-muted);
  font-size:var(--sty-ui-font-size-caption);
  font-variant-numeric:tabular-nums;
}
body.sty-settings-appearance [data-sty-control-center] .sty-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 0;
  border-top:1px solid var(--sty-ui-color-border);
  cursor:pointer;
}
body.sty-settings-appearance [data-sty-control-center] .sty-toggle strong{
  display:block;
  color:var(--sty-ui-color-text);
  font-size:var(--sty-ui-font-size-small);
  font-weight:600;
}
body.sty-settings-appearance [data-sty-control-center] .sty-toggle small{
  display:block;
  margin-top:3px;
  color:var(--sty-ui-color-text-muted);
  font-size:var(--sty-ui-font-size-caption);
  line-height:1.4;
}
body.sty-settings-appearance [data-sty-control-center] .sty-toggle input{
  appearance:none;
  -webkit-appearance:none;
  flex:0 0 44px;
  width:44px;
  height:26px;
  margin:0;
  border:1px solid var(--sty-ui-color-border-strong);
  border-radius:999px;
  background:var(--sty-ui-color-surface-muted);
  position:relative;
  cursor:pointer;
  transition:background var(--sty-ui-motion-hover),border-color var(--sty-ui-motion-hover);
}
body.sty-settings-appearance [data-sty-control-center] .sty-toggle input::before{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:var(--sty-ui-color-text-muted);
  transition:transform var(--sty-ui-motion-hover),background var(--sty-ui-motion-hover);
}
body.sty-settings-appearance [data-sty-control-center] .sty-toggle input:checked{
  border-color:var(--sty-ui-color-accent);
  background:var(--sty-ui-color-accent);
}
body.sty-settings-appearance [data-sty-control-center] .sty-toggle input:checked::before{
  transform:translateX(18px);
  background:var(--sty-ui-color-accent-ink);
}
body.sty-settings-appearance [data-sty-control-center] .sty-color-field{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:52px;
  border-bottom:1px solid var(--sty-ui-color-border);
  color:var(--sty-ui-color-text-secondary);
  font-size:var(--sty-ui-font-size-small);
}
body.sty-settings-appearance [data-sty-control-center] .sty-color-value{display:flex;align-items:center;gap:9px}
body.sty-settings-appearance [data-sty-control-center] input[type="color"]{
  width:40px;
  height:34px;
  padding:2px;
  border:1px solid var(--sty-ui-color-border-strong);
  border-radius:8px;
  background:var(--sty-ui-color-surface);
  cursor:pointer;
}
body.sty-settings-appearance [data-sty-control-center] details{margin-top:16px}
body.sty-settings-appearance [data-sty-control-center] summary{
  padding:8px 0;
  color:var(--sty-ui-color-text);
  font-size:var(--sty-ui-font-size-small);
  font-weight:600;
  cursor:pointer;
}
body.sty-settings-appearance [data-sty-control-center] .sty-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 11px;
  border:1px solid var(--sty-ui-color-border);
  border-radius:var(--sty-ui-radius-sm);
  background:var(--sty-ui-color-surface);
  color:var(--sty-ui-color-text);
  text-decoration:none;
  font-size:var(--sty-ui-font-size-small);
  font-weight:600;
  box-shadow:var(--sty-ui-shadow-xs);
  cursor:pointer;
  transition:transform var(--sty-ui-motion-hover),box-shadow var(--sty-ui-motion-hover),border-color var(--sty-ui-motion-hover);
}
body.sty-settings-appearance [data-sty-control-center] .sty-button:not(:disabled):hover{transform:translateY(-1px);border-color:var(--sty-ui-color-border-strong);box-shadow:var(--sty-ui-shadow-sm)}
body.sty-settings-appearance [data-sty-control-center] .sty-button--primary{
  border-color:var(--sty-ui-color-accent);
  background:var(--sty-ui-gradient-primary,var(--sty-ui-color-accent));
  color:var(--sty-ui-color-accent-ink);
}
body.sty-settings-appearance [data-sty-control-center] .sty-button--danger{
  border-color:color-mix(in srgb,var(--sty-ui-color-danger) 18%,var(--sty-ui-color-border));
  background:var(--sty-ui-color-danger-soft);
  color:var(--sty-ui-color-danger);
}
body.sty-settings-appearance [data-sty-control-center] .sty-cc__utility{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:19px;
  padding-top:16px;
  border-top:1px solid var(--sty-ui-color-border);
}
body.sty-settings-appearance [data-sty-control-center] .sty-sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

body.sty-settings-appearance [data-sty-control-center] .sty-cc__right{min-width:0}
body.sty-settings-appearance [data-sty-control-center] .sty-cc__preview-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:1px 0 12px;
}
body.sty-settings-appearance [data-sty-control-center] .sty-cc__preview-title .sty-caption{margin:4px 0 0}
body.sty-settings-appearance [data-sty-control-center] .sty-preview{
  min-width:0;
  padding:16px;
  overflow:hidden;
  border:1px solid var(--sty-ui-color-border);
  border-radius:var(--sty-ui-radius-lg);
  background:var(--sty-ui-color-canvas);
  color:var(--sty-ui-color-text);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sty-ui-color-surface) 35%,transparent);
}
body.sty-settings-appearance [data-sty-control-center] .sty-preview__workspace,
body.sty-settings-appearance [data-sty-control-center] .sty-preview__main{display:grid;gap:var(--sty-ui-space-3);min-width:0}
body.sty-settings-appearance [data-sty-control-center] .sty-preview__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
}
body.sty-settings-appearance [data-sty-control-center] .sty-preview__cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--sty-ui-space-3);
}
body.sty-settings-appearance [data-sty-control-center] .sty-preview .sty-card{padding:var(--sty-ui-space-4)}
body.sty-settings-appearance [data-sty-control-center] .sty-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px}
body.sty-settings-appearance [data-sty-control-center] .sty-card--revenue{background:var(--sty-ui-gradient-surface,var(--sty-ui-color-surface))}
body.sty-settings-appearance [data-sty-control-center] .sty-kpi{
  margin:11px 0 6px;
  color:var(--sty-ui-color-text);
  font-size:var(--sty-ui-font-size-kpi);
  font-weight:720;
  line-height:1;
  letter-spacing:-.04em;
  font-variant-numeric:tabular-nums;
}
body.sty-settings-appearance [data-sty-control-center] .sty-preview__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
body.sty-settings-appearance [data-sty-control-center] .sty-chart{display:block;width:100%;max-height:128px;margin-top:14px;overflow:visible}
body.sty-settings-appearance [data-sty-control-center] .sty-chart__grid{stroke:var(--sty-ui-color-border);stroke-width:1;stroke-dasharray:3 5}
body.sty-settings-appearance [data-sty-control-center] .sty-chart__area{fill:color-mix(in srgb,var(--sty-ui-color-accent) 9%,transparent)}
body.sty-settings-appearance [data-sty-control-center] .sty-chart__line{fill:none;stroke:var(--sty-ui-color-accent);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
body.sty-settings-appearance [data-sty-control-center] .sty-loading{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--sty-ui-color-text-muted);font-size:var(--sty-ui-font-size-small)}
body.sty-settings-appearance [data-sty-control-center] .sty-spinner{
  width:18px;
  height:18px;
  flex:none;
  border:2px solid var(--sty-ui-color-border);
  border-top-color:var(--sty-ui-color-accent);
  border-radius:50%;
  animation:var(--sty-ui-spinner-name,styErpSpin) 800ms linear infinite;
}
body.sty-settings-appearance [data-sty-control-center] .sty-skeleton{
  position:relative;
  min-height:48px;
  overflow:hidden;
  border-radius:var(--sty-ui-radius-sm);
  background:var(--sty-ui-color-surface-muted);
}
body.sty-settings-appearance [data-sty-control-center] .sty-skeleton::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--sty-ui-color-surface) 64%,transparent),transparent);
  animation:var(--sty-ui-loading-name,sty-ui-skeleton) 1.3s ease-in-out infinite;
}
body.sty-settings-appearance [data-sty-control-center] .sty-cc__health{
  padding:13px 3px 0;
  color:var(--sty-ui-color-text-muted);
  font-size:var(--sty-ui-font-size-caption);
}
body.sty-settings-appearance [data-sty-control-center] .sty-cc__health--error{color:var(--sty-ui-color-danger)}
body.sty-settings-appearance [data-sty-control-center] .sty-cc__footer{
  position:sticky;
  bottom:10px;
  z-index:12;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:20px;
  padding:14px 16px;
  border:1px solid var(--sty-ui-color-border);
  border-radius:var(--sty-ui-radius-lg);
  background:color-mix(in srgb,var(--sty-ui-color-surface) 94%,transparent);
  box-shadow:var(--sty-ui-shadow-md);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
body.sty-settings-appearance [data-sty-control-center] .sty-cc__footer strong{font-size:var(--sty-ui-font-size-small)}
body.sty-settings-appearance [data-sty-control-center] .sty-cc__footer .sty-caption{margin:3px 0 0;max-width:470px}
body.sty-settings-appearance [data-sty-control-center] .sty-cc__footer-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}

body.sty-settings-appearance .sty-appearance-loading,
body.sty-settings-appearance .sty-appearance-load-error{
  min-height:240px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:26px;
  border:1px solid var(--sty-ui-color-border);
  border-radius:var(--sty-ui-radius-lg);
  background:var(--sty-ui-color-surface);
  color:var(--sty-ui-color-text-muted);
  text-align:center;
  box-shadow:var(--sty-ui-shadow-xs);
}
body.sty-settings-appearance .sty-appearance-loading .sty-spinner{
  width:22px;height:22px;border:2px solid var(--sty-ui-color-border);border-top-color:var(--sty-ui-color-accent);border-radius:50%;animation:styErpSpin .8s linear infinite;
}
body.sty-settings-appearance .sty-appearance-load-error strong{color:var(--sty-ui-color-text);font-size:var(--sty-ui-font-size-section-title)}
body.sty-settings-appearance .sty-appearance-load-error p{max-width:560px;margin:0;color:var(--sty-ui-color-text-muted)}
body.sty-settings-appearance .sty-appearance-load-error button{
  min-height:38px;padding:8px 12px;border:0;border-radius:var(--sty-ui-radius-sm);background:var(--sty-ui-color-accent);color:var(--sty-ui-color-accent-ink);font-weight:650;cursor:pointer;
}

@media(max-width:1080px){
  body.sty-settings-appearance [data-sty-control-center] .sty-cc__layout{grid-template-columns:minmax(270px,330px) minmax(0,1fr);gap:16px}
  body.sty-settings-appearance [data-sty-control-center] .sty-cc__editor{top:72px}
}
@media(max-width:820px){
  body.sty-settings-appearance .sty-appearance-page{padding:16px 10px 28px}
  body.sty-settings-appearance [data-sty-control-center] .sty-cc__layout{grid-template-columns:minmax(0,1fr)}
  body.sty-settings-appearance [data-sty-control-center] .sty-cc__editor{position:static}
  body.sty-settings-appearance [data-sty-control-center] .sty-cc__footer{position:static;align-items:flex-start;flex-direction:column}
  body.sty-settings-appearance [data-sty-control-center] .sty-cc__footer-actions{justify-content:flex-start}
}
@media(max-width:560px){
  body.sty-settings-appearance .sty-appearance-nav{align-items:flex-start;flex-direction:column}
  body.sty-settings-appearance [data-sty-control-center] .sty-cc__header{align-items:flex-start;flex-direction:column}
  body.sty-settings-appearance [data-sty-control-center] .sty-cc__tabs{width:100%;overflow:auto}
  body.sty-settings-appearance [data-sty-control-center] .sty-preview{padding:11px}
  body.sty-settings-appearance [data-sty-control-center] .sty-preview__cards{grid-template-columns:minmax(0,1fr)}
  body.sty-settings-appearance [data-sty-control-center] .sty-cc__preview-title{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  body.sty-settings-appearance [data-sty-control-center] *,
  body.sty-settings-appearance [data-sty-control-center] *::before,
  body.sty-settings-appearance [data-sty-control-center] *::after{scroll-behavior:auto!important;transition-duration:0ms!important}
}

/* ============================================================================
   STY UI INTEGRATION - ETAPA 6 / COBERTURA REAL DE COMPONENTES

   Autoridade unica: configuracao publicada -> STYDesign -> --sty-ui-* -> Core.
   Este bloco e a ponte final para vocabularios historicos de componentes.
   Ele atua somente quando o runtime canonico esta montado e nao altera grid,
   posicionamento ou hooks funcionais dos modulos.
   ========================================================================== */
:root{
  --sty-ui-integration-stage:6;
  --sty-ui-component-coverage-generation:6;
  --sty-ui-component-card-bg:var(--sty-ui-gradient-surface,var(--sty-ui-color-surface));
  --sty-ui-component-card-border:var(--sty-ui-color-border);
  --sty-ui-component-card-radius:var(--sty-ui-radius-lg);
  --sty-ui-component-card-shadow:var(--sty-ui-shadow-xs);
  --sty-ui-component-control-bg:var(--sty-ui-color-surface);
  --sty-ui-component-control-border:var(--sty-ui-color-border-strong);
  --sty-ui-component-control-radius:var(--sty-ui-radius-sm);
  --sty-ui-component-button-radius:var(--sty-ui-radius-sm);
  --sty-ui-component-table-head:var(--sty-ui-color-surface-subtle);
  --sty-ui-component-table-hover:var(--sty-ui-color-surface-hover);
  --sty-ui-component-overlay:var(--sty-ui-overlay,rgba(14,17,20,.46));
}

/* Cards / paineis / KPIs: somente aparencia, nunca geometria de layout. */
html[data-sty-design-root] body.sty-erp-platform .sty-os-main :where(
  .card,.ui-card,.ui-card-ios,.ios-card,.sales-card,.fin2-card,.sty-time-card,.sty-time-kpi,
  .dc-card,.dc-result-card,.auto-card,.stk-card,.sty-card,.sty-stat,.sty-ds-card,.sty-command-card,
  .sty-dash-card,.metric-card,.goal-card,.report-card,.bonus-card,.kpi-card,.panel,.box,.execCard,.execKpi,
  .dr-glass-card,.dr-form-card,.dr-kpi,.dr-sector-card,.dr-impact-card,.dr-suggestions-card,.dr-rep-box,
  .pm-card,.oi-card,.t-card,.spec-card,.sales-fiscal-simple-card,.shadow-glass-card
){
  background:var(--sty-ui-component-card-bg)!important;
  color:var(--sty-ui-color-text)!important;
  border-color:var(--sty-ui-component-card-border)!important;
  border-radius:var(--sty-ui-component-card-radius)!important;
  box-shadow:var(--sty-ui-component-card-shadow)!important;
}
html[data-sty-design-root] body.sty-erp-platform .sty-os-main :where(
  .card-header,.sales-card-head,.fin2-card-head,.sty-time-card-head,.sty-ds-card-header,.sty-card-head,
  .sty-erp-card-head,.goals-card-head,.oi-card-head
){
  background:transparent!important;
  color:var(--sty-ui-color-text)!important;
  border-color:var(--sty-ui-color-border)!important;
}
html[data-sty-design-root] body.sty-erp-platform .sty-os-main :where(
  .sales-card-title,.fin2-card-title,.sty-ds-card-title,.sty-card-title,.card-title,.sty-erp-card-title
){color:var(--sty-ui-color-text)!important}
html[data-sty-design-root] body.sty-erp-platform .sty-os-main :where(
  .sales-card-sub,.fin2-card-sub,.sty-ds-card-sub,.muted,.text-muted
){color:var(--sty-ui-color-text-muted)!important}

/* Botoes: familias historicas consomem a mesma escala, radius, elevacao e cores. */
html[data-sty-design-root] body.sty-erp-platform :where(
  .sty-os-main,.sty-main,[data-sty-control-center]
) :where(
  .btn,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,.btn2,.sty-ds-btn,
  .ios-btn,.btn-ios,.btn-ios-small,.sty-pe-btn,.sty-pe-mini-btn,.stk-btn,.oi-btn,.op-btn,.ot-btn,.gf-btn,
  .rep-btn,.action-btn,.sty-erp-btn,.sty-button,.ow-nav-btn,.stock-btn,.ghost-btn,.d-btn
){
  border-color:var(--sty-ui-color-border-strong)!important;
  border-radius:var(--sty-ui-component-button-radius)!important;
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text-secondary)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
  font-family:var(--sty-ui-font-family)!important;
  transition:background var(--sty-ui-motion-hover),border-color var(--sty-ui-motion-hover),color var(--sty-ui-motion-hover),box-shadow var(--sty-ui-motion-hover),transform var(--sty-ui-motion-press)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  .btn-primary,.btn.primary,.btn--primary,.ui-btn.primary,.ui-btn.btn-primary,.sales-btn.primary,.fin2-btn.primary,
  .sty-time-btn.primary,.dc-btn.primary,.auto-btn.primary,.sty-btn.primary,.btn2.primary,.sty-ds-btn.primary,
  .ios-btn.primary,.btn-ios-primary,.btn-ios.btn-primary,.btn-ios-small.btn-primary,.sty-pe-btn-primary,
  .stk-btn.primary,.oi-btn.primary,.op-btn.primary,.ot-btn.primary,.sty-erp-btn.primary,.sty-button--primary,
  .ow-nav-primary,.primary-action,button[type="submit"].sty-primary
){
  background:var(--sty-ui-gradient-primary,var(--sty-ui-color-accent))!important;
  border-color:var(--sty-ui-color-accent)!important;
  color:var(--sty-ui-color-accent-ink)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  .btn-danger,.btn.danger,.btn2.danger,.ui-btn.danger,.sales-btn.danger,.sales-icon-btn.danger,.fin2-btn.danger,
  .ios-btn.danger,.sty-erp-btn.danger,.sty-pe-mini-danger,.danger-action
){
  background:var(--sty-ui-color-danger)!important;
  border-color:var(--sty-ui-color-danger)!important;
  color:#fff!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  .btn-ghost,.btn.ghost,.btn--ghost,.ui-btn.ghost,.sales-btn.ghost,.sty-time-btn.ghost,.btn2.ghost,.ios-btn.ghost,
  .sty-btn.ghost,.stk-btn.ghost,.sty-erp-btn.ghost,.sty-pe-btn-ghost,.ghost-btn,.ow-nav-secondary,.rep-btn-light
){
  background:transparent!important;
  border-color:var(--sty-ui-color-border)!important;
  color:var(--sty-ui-color-text-secondary)!important;
  box-shadow:none!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  .btn,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,.btn2,.sty-ds-btn,.ios-btn,
  .btn-ios,.btn-ios-small,.sty-pe-btn,.sty-pe-mini-btn,.stk-btn,.oi-btn,.op-btn,.ot-btn,.gf-btn,.rep-btn,
  .action-btn,.sty-erp-btn,.sty-button,.ow-nav-btn,.stock-btn,.ghost-btn,.d-btn
):not(:disabled):hover{
  border-color:var(--sty-ui-color-border-strong)!important;
  box-shadow:var(--sty-ui-shadow-sm)!important;
  transform:var(--sty-ui-hover-transform,translateY(-1px))!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(button,.btn,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,.btn2,.sty-ds-btn,.ios-btn,.sty-erp-btn):disabled{
  opacity:.58!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}

/* Inputs / selects / textareas: inclui vocabularios de Comercial, Financeiro, Ponto e legados. */
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
  select,textarea,.input,.ui-input,.ui-select,.ui-input-ios,.sales-input,.sales-select,.fin2-input,.fin2-select,
  .sty-time-input,.sty-time-select,.sty-time-textarea,.dc-input,.auto-input,.auto-select,.sty-input,.sty-select,
  .sty-textarea,.sty-ds-input,.sty-ds-select,.ios-input,.ios-select,.plans-input,.op-input,.op-select,.gf-input,
  .gf-select,.pm-select,.orders-compact-select,.form-control,.form-select,.input-control
){
  background:var(--sty-ui-component-control-bg)!important;
  color:var(--sty-ui-color-text)!important;
  border-color:var(--sty-ui-component-control-border)!important;
  border-radius:var(--sty-ui-component-control-radius)!important;
  box-shadow:none!important;
  font-family:var(--sty-ui-font-family)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),select,textarea,
  .ui-input,.ui-input-ios,.sales-input,.sales-select,.fin2-input,.fin2-select,.sty-time-input,.sty-time-select,.sty-time-textarea,
  .dc-input,.auto-input,.auto-select,.sty-input,.sty-select,.sty-textarea,.sty-ds-input,.sty-ds-select,.ios-input,.ios-select
):focus{
  border-color:var(--sty-ui-color-accent)!important;
  box-shadow:0 0 0 3px var(--sty-ui-color-focus)!important;
  outline:0!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(input,select,textarea):disabled{
  background:var(--sty-ui-color-surface-muted)!important;
  color:var(--sty-ui-color-disabled)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(input[type="checkbox"],input[type="radio"]){accent-color:var(--sty-ui-color-accent)!important}

/* Tabelas: cabecalho, linhas, wrappers e hover passam pelos tokens publicados. */
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
  .sales-table-wrap,.fin2-table-wrap,.sty-time-table-wrap,.dc-table-wrap,.sty-ds-table-wrap,.ios-table-wrap,
  .table-wrapper,.table-responsive,.table-container,.table-wrap,.sty-table-wrap,.dr-table-container
){
  background:var(--sty-ui-color-surface)!important;
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-lg)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
  table,.table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.sty-ds-table,.ios-table,.stk-table,.dr-table,.secTable,.modelTable,.hdrTable
){
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text)!important;
  border-color:var(--sty-ui-color-border)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
  table,.table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.sty-ds-table,.ios-table,.stk-table,.dr-table
) thead :where(th,td){
  background:var(--sty-ui-component-table-head)!important;
  color:var(--sty-ui-color-text-muted)!important;
  border-color:var(--sty-ui-color-border)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
  table,.table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.sty-ds-table,.ios-table,.stk-table,.dr-table
) tbody td{
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text-secondary)!important;
  border-color:var(--sty-ui-color-border)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
  table,.table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.sty-ds-table,.ios-table,.stk-table,.dr-table
) tbody tr:hover td{background:var(--sty-ui-component-table-hover)!important}

/* Badges / chips / pills / status. */
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  .badge,.ui-badge,.sales-badge,.fin2-badge,.sty-time-badge,.dc-badge,.sty-ds-badge,.sty-erp-badge,.ios-badge,
  .badge-ios,.sty-badge,.status-badge,.status-chip,.chip,.d-chip,.ios-chip,.oi-chip,.pill,.sty-pill,.stk-pill,.result-pill,
  .op-badge,.pm-badge,.mt-badge,.gf-badge,.tag,.status
){
  border-color:var(--sty-ui-color-border)!important;
  background:var(--sty-ui-color-neutral-soft)!important;
  color:var(--sty-ui-color-neutral)!important;
  border-radius:var(--sty-ui-radius-pill)!important;
  box-shadow:none!important;
  font-family:var(--sty-ui-font-family)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(.badge,.ui-badge,.sales-badge,.fin2-badge,.sty-time-badge,.dc-badge,.sty-ds-badge,.sty-erp-badge,.ios-badge,.sty-badge,.status-badge,.chip,.pill,.sty-pill,.status):is(.success,.ok,.is-ok){background:var(--sty-ui-color-success-soft)!important;color:var(--sty-ui-color-success)!important;border-color:color-mix(in srgb,var(--sty-ui-color-success) 22%,var(--sty-ui-color-border))!important}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(.badge,.ui-badge,.sales-badge,.fin2-badge,.sty-time-badge,.dc-badge,.sty-ds-badge,.sty-erp-badge,.ios-badge,.sty-badge,.status-badge,.chip,.pill,.sty-pill,.status):is(.warning,.warn,.is-warn){background:var(--sty-ui-color-warning-soft)!important;color:var(--sty-ui-color-warning)!important;border-color:color-mix(in srgb,var(--sty-ui-color-warning) 22%,var(--sty-ui-color-border))!important}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(.badge,.ui-badge,.sales-badge,.fin2-badge,.sty-time-badge,.dc-badge,.sty-ds-badge,.sty-erp-badge,.ios-badge,.sty-badge,.status-badge,.chip,.pill,.sty-pill,.status):is(.danger,.error,.err,.is-danger){background:var(--sty-ui-color-danger-soft)!important;color:var(--sty-ui-color-danger)!important;border-color:color-mix(in srgb,var(--sty-ui-color-danger) 22%,var(--sty-ui-color-border))!important}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(.badge,.ui-badge,.sales-badge,.fin2-badge,.sty-time-badge,.dc-badge,.sty-ds-badge,.sty-erp-badge,.ios-badge,.sty-badge,.status-badge,.chip,.pill,.sty-pill,.status):is(.info,.is-info){background:var(--sty-ui-color-info-soft)!important;color:var(--sty-ui-color-info)!important;border-color:color-mix(in srgb,var(--sty-ui-color-info) 22%,var(--sty-ui-color-border))!important}

/* Tabs / segmentados. */
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(.sty-erp-tabs,.sty-ui-tabs,.tabs,.segmented,.segmented-control,.orders-view-switch,.orders-density-switch){
  background:var(--sty-ui-color-surface-muted)!important;
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-md)!important;
  box-shadow:none!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(.tab,.hero-tab,.seg-btn,.sty-dashboard-mode-btn,.sty-ui-tab,.sty-erp-tabs>a,.sty-erp-tabs>button,.tabs>a,.tabs>button){
  border-radius:var(--sty-ui-radius-sm)!important;
  color:var(--sty-ui-color-text-muted)!important;
  transition:background var(--sty-ui-motion-hover),color var(--sty-ui-motion-hover),box-shadow var(--sty-ui-motion-hover)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(.tab,.hero-tab,.seg-btn,.sty-dashboard-mode-btn,.sty-ui-tab,.sty-erp-tabs>a,.sty-erp-tabs>button,.tabs>a,.tabs>button):is(.active,.is-active,[aria-selected="true"]){
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}

/* Dropdowns / popovers: geometria de abertura continua do modulo. */
html[data-sty-design-root] body.sty-erp-platform :where(
  .dropdown-menu,.dropdown-panel,.popover,.ui-popover,.sty-erp-popover,.sty-ui-dropdown-menu,.menu-popover,
  .orders-header-menu,.order-more-menu,.sales-action-popover,.sales-v1771-tools-popover,.sales-generated-actions-popover,
  .sty-user-popover
){
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text)!important;
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-md)!important;
  box-shadow:var(--sty-ui-shadow-lg)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.dropdown-menu,.dropdown-panel,.popover,.ui-popover,.sty-erp-popover,.sty-ui-dropdown-menu,.menu-popover,.sty-user-popover) :where(a,button,.dropdown-item,.sty2-dropdown-item):hover{
  background:var(--sty-ui-color-surface-hover)!important;
  color:var(--sty-ui-color-text)!important;
}

/* Modais / dialogs: conteudo e chrome obedecem superficie, radius, borda e elevacao. */
html[data-sty-design-root] body.sty-erp-platform :where(
  .modal-content,.modal-card,.modal__card,.dialog-card,.ui-modal-card,.sales-modal-dialog,.sales-modal-card,
  .fin2-modal-card,.dc-modal-card,.sty-floor-modal-card,.sty-erp-modal,.sty-ui-modal,.sales-fiscal-modal-intro
){
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text)!important;
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-xl)!important;
  box-shadow:var(--sty-ui-shadow-lg)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.modal-header,.modal-footer,.ui-modal-header,.ui-modal-footer,.sales-modal-head,.sales-modal-actions,.sty-erp-modal-head,.sty-erp-modal-foot){
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text)!important;
  border-color:var(--sty-ui-color-border)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.modal-backdrop,.modal__backdrop,.sales-modal-backdrop,.sales-fiscal-modal-backdrop,.sty-erp-modal-backdrop,.sty-ui-modal-backdrop){background:var(--sty-ui-component-overlay)!important}

/* Feedback: alertas/toasts herdam semantica publicada. */
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(.alert,.ui-alert,.sales-alert,.fin2-alert,.dc-alert,.auto-alert,.sty-alert,.ios-alert,.repair-alert,.plans-alert,.dep-alert,.oi-alert,.px-alert){
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-md)!important;
  background:var(--sty-ui-color-neutral-soft)!important;
  color:var(--sty-ui-color-text-secondary)!important;
  box-shadow:none!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(.alert,.ui-alert,.sales-alert,.fin2-alert,.dc-alert,.auto-alert,.sty-alert,.ios-alert,.repair-alert,.plans-alert,.dep-alert,.oi-alert,.px-alert):is(.success,.ok,.is-ok){background:var(--sty-ui-color-success-soft)!important;color:var(--sty-ui-color-success)!important;border-color:color-mix(in srgb,var(--sty-ui-color-success) 20%,var(--sty-ui-color-border))!important}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(.alert,.ui-alert,.sales-alert,.fin2-alert,.dc-alert,.auto-alert,.sty-alert,.ios-alert,.repair-alert,.plans-alert,.dep-alert,.oi-alert,.px-alert):is(.warning,.warn,.is-warn,.alert-warning){background:var(--sty-ui-color-warning-soft)!important;color:var(--sty-ui-color-warning)!important;border-color:color-mix(in srgb,var(--sty-ui-color-warning) 20%,var(--sty-ui-color-border))!important}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(.alert,.ui-alert,.sales-alert,.fin2-alert,.dc-alert,.auto-alert,.sty-alert,.ios-alert,.repair-alert,.plans-alert,.dep-alert,.oi-alert,.px-alert):is(.danger,.error,.err,.is-danger){background:var(--sty-ui-color-danger-soft)!important;color:var(--sty-ui-color-danger)!important;border-color:color-mix(in srgb,var(--sty-ui-color-danger) 20%,var(--sty-ui-color-border))!important}
html[data-sty-design-root] body.sty-erp-platform :where(.ui-toast,.toast,.toast__card){background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text)!important;border-color:var(--sty-ui-color-border)!important;border-radius:var(--sty-ui-radius-md)!important;box-shadow:var(--sty-ui-shadow-lg)!important}

/* Loaders / skeletons: respeitam cor principal, elevacao e chave global de motion. */
html[data-sty-design-root] body.sty-erp-platform :where(
  .ui-spinner,.spinner,.sty-spinner,.sty-time-spinner,.loading-spinner,.loader-spinner,.mt-spinner,
  .sty-sale360-loading>span,.sty-appearance-spinner
){
  border-color:var(--sty-ui-color-border)!important;
  border-top-color:var(--sty-ui-color-accent)!important;
  animation-name:var(--sty-ui-spinner-name,styErpSpin)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.skeleton,.sty-erp-skeleton,.sty-loader-skeleton,.sector-loader-skeleton){
  background:var(--sty-ui-color-surface-muted)!important;
  border-radius:var(--sty-ui-radius-sm)!important;
  box-shadow:none!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.skeleton,.sty-erp-skeleton,.sty-loader-skeleton,.sector-loader-skeleton)::after{
  animation-name:var(--sty-ui-loading-name,sty-ui-skeleton)!important;
}

/* Dark/Light ficam inteiramente nos tokens; nenhuma superficie branca fixa neste bridge. */
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(.chart-container,.chart-box,.ui-chart,.canvas-wrap){
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text)!important;
  border-color:var(--sty-ui-color-border)!important;
  border-radius:var(--sty-ui-radius-lg)!important;
  box-shadow:var(--sty-ui-shadow-xs)!important;
}

/* Etapa 6: densidade publicada tambem alcança familias legadas. */
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  .btn,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,.btn2,.sty-ds-btn,.ios-btn,
  .btn-ios,.sty-pe-btn,.stk-btn,.oi-btn,.op-btn,.ot-btn,.gf-btn,.rep-btn,.action-btn,.sty-erp-btn,.sty-button,.ow-nav-btn
){min-height:var(--sty-ui-control-md)!important;padding-inline:var(--sty-ui-control-padding-x)!important}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  .btn.small,.ui-btn.small,.sales-btn.small,.fin2-btn.small,.sty-time-btn.small,.sty-ds-btn.small,.btn-ios-small,.sty-pe-mini-btn,.sty-erp-btn.sm
){min-height:var(--sty-ui-control-sm)!important}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),select,
  .ui-input,.ui-input-ios,.sales-input,.sales-select,.fin2-input,.fin2-select,.sty-time-input,.sty-time-select,.dc-input,
  .auto-input,.auto-select,.sty-input,.sty-select,.sty-ds-input,.sty-ds-select,.ios-input,.ios-select,.plans-input,.op-input,.op-select,.gf-input,.gf-select,.pm-select,.orders-compact-select
){min-height:var(--sty-ui-control-lg)!important;padding-inline:var(--sty-ui-control-padding-x)!important}
html[data-sty-design-root] body.sty-erp-platform[data-sty-density="compact"] :where(.sty-os-main,.sty-main) :where(table,.table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.sty-ds-table,.ios-table,.stk-table,.dr-table) :where(th,td){padding-top:8px!important;padding-bottom:8px!important}
html[data-sty-design-root] body.sty-erp-platform[data-sty-density="comfortable"] :where(.sty-os-main,.sty-main) :where(table,.table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.sty-ds-table,.ios-table,.stk-table,.dr-table) :where(th,td){padding-top:11px!important;padding-bottom:11px!important}

/* ============================================================================
   STY UI INTEGRATION - ETAPA 7 / DARK MODE E ACESSIBILIDADE
   Dark total + foco/teclado/reduced-motion sobre a mesma autoridade canonica.
   ========================================================================== */
:root{
  --sty-ui-integration-stage:7;
  --sty-ui-accessibility-generation:7;
  --sty-ui-focus-outline-width:2px;
  --sty-ui-focus-outline-offset:2px;
}

/* Skip link global: visivel apenas ao receber foco por teclado. */
.sty-skip-link{
  position:fixed!important;
  left:16px!important;
  top:12px!important;
  z-index:2147483000!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:40px!important;
  padding:0 14px!important;
  border:1px solid var(--sty-ui-color-border-strong,var(--sty-line-strong))!important;
  border-radius:var(--sty-ui-radius-sm,var(--sty-radius-sm))!important;
  background:var(--sty-ui-color-surface,var(--sty-surface))!important;
  color:var(--sty-ui-color-text,var(--sty-text))!important;
  box-shadow:var(--sty-ui-shadow-lg,var(--sty-shadow-lg))!important;
  font:600 13px/1 var(--sty-ui-font-family,var(--sty-font-sans))!important;
  text-decoration:none!important;
  transform:translateY(-180%)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:transform var(--sty-ui-motion-hover,var(--sty-transition-fast)),opacity var(--sty-ui-motion-hover,var(--sty-transition-fast))!important;
}
.sty-skip-link:focus,.sty-skip-link:focus-visible{
  transform:translateY(0)!important;
  opacity:1!important;
  pointer-events:auto!important;
}
#sty-main-content{scroll-margin-top:18px}

/* Foco visivel robusto: outline nao depende de box-shadow local. */
html[data-sty-design-root] body.sty-erp-platform :where(
  a[href],button,input,select,textarea,summary,[role="button"],[role="tab"],[role="menuitem"],[tabindex]:not([tabindex="-1"])
):focus-visible,
body.sty-standalone-v196 :where(
  a[href],button,input,select,textarea,summary,[role="button"],[role="tab"],[role="menuitem"],[tabindex]:not([tabindex="-1"])
):focus-visible{
  outline:var(--sty-ui-focus-outline-width,2px) solid var(--sty-ui-color-focus-ring,#A18405)!important;
  outline-offset:var(--sty-ui-focus-outline-offset,2px)!important;
  box-shadow:0 0 0 4px var(--sty-ui-color-focus,var(--sty-focus))!important;
}
html[data-sty-design-root] body.sty-erp-platform :where([aria-disabled="true"],:disabled){
  cursor:not-allowed!important;
  opacity:.58!important;
}
html[data-sty-design-root] body.sty-erp-platform :where([aria-busy="true"]){cursor:progress!important}
html[data-sty-design-root] body.sty-erp-platform ::placeholder{color:var(--sty-ui-color-text-muted)!important;opacity:.78}
html[data-sty-design-root] body.sty-erp-platform ::selection{background:var(--sty-ui-color-selection)!important;color:var(--sty-ui-color-selection-ink)!important}

/* Dark total: nenhuma superficie operacional deve voltar a branco por CSS historico. */
html[data-sty-design-root][data-theme="dark"]{
  background:var(--sty-ui-color-canvas)!important;
  color-scheme:dark!important;
}
html[data-sty-design-root][data-theme="dark"] body.sty-erp-platform,
html[data-sty-design-root][data-theme="dark"] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]){
  background-color:var(--sty-ui-color-canvas)!important;
  color:var(--sty-ui-color-text)!important;
  color-scheme:dark!important;
}
html[data-sty-design-root][data-theme="dark"] body.sty-erp-platform :where(
  .sty-os-header,.card,.panel,.box,.surface,.widget,.ios-card,.ui-card-ios,.glass-card,.form-card,.goal-card,.metric-card,
  .bonus-card,.report-card,.sales-card,.sales-kpi,.sales-crm-top,.sales-composer-summary,.sales-composer-summary-head,
  .sales-v177-summary-numbers,.sales-fiscal-advanced-details,.fin2-card,.fin2-kpi,.sty-time-card,.sty-time-kpi,.dc-card,
  .auto-card,.sty-ds-card,.sty-erp-card,.sty-ui-card,.order-card,.orders-card,.stock-card,.stock-panel,.repair-card,
  .sty-command-card,.sty-command-kpi,.sty-users-card,.sty-pe-card,.sty-goals-card,.table-wrapper,.table-responsive,
  .table-container,.table-wrap,.sty-table-wrap,.sales-table-wrap,.fin2-table-wrap,.sty-time-table-wrap,.dc-table-wrap,
  .sty-ds-table-wrap,.ios-table-wrap,.dropdown-menu,.dropdown-panel,.popover,.ui-popover,.sty-erp-popover,
  .sty-ui-dropdown-menu,.menu-popover,.sty-user-popover,.modal-content,.modal-card,.modal__card,.dialog-card,
  .ui-modal-card,.sales-modal-dialog,.sales-modal-card,.fin2-modal-card,.dc-modal-card,.sty-floor-modal-card,
  .sty-erp-modal,.sty-ui-modal,.sty-ui-modal-dialog,.sty-ui-drawer-panel,.ui-toast,.toast,.toast__card,
  .sty-cmd-panel,.sty-cmd-head,.sty-cmd-results,.sty-cmd-foot,.sty-cmd-key
){
  background-color:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text)!important;
  border-color:var(--sty-ui-color-border)!important;
}
html[data-sty-design-root][data-theme="dark"] body.sty-erp-platform :where(
  .card-header,.card-footer,.modal-header,.modal-footer,.ui-modal-header,.ui-modal-footer,.sales-card-head,
  .sales-modal-head,.sales-modal-actions,.sty-erp-modal-head,.sty-erp-modal-foot,.sty-cmd-section-label,
  .sty-ui-card-footer,.sty-ui-modal-footer,.sty-ui-tabs,.tabs,.segmented,.segmented-control
){
  background-color:var(--sty-ui-color-surface-subtle)!important;
  color:var(--sty-ui-color-text)!important;
  border-color:var(--sty-ui-color-border)!important;
}
html[data-sty-design-root][data-theme="dark"] body.sty-erp-platform :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
  select,textarea,option,.input,.ui-input,.ui-input-ios,.sales-input,.sales-select,.sales-textarea,.fin2-input,.fin2-select,
  .sty-time-input,.sty-time-select,.sty-time-textarea,.dc-input,.auto-input,.auto-select,.sty-input,.sty-select,.sty-textarea,
  .sty-ds-input,.sty-ds-select,.ios-input,.ios-select,.form-control,.form-select,.input-control
){
  background-color:var(--sty-ui-color-surface-subtle)!important;
  color:var(--sty-ui-color-text)!important;
  border-color:var(--sty-ui-color-border-strong)!important;
  -webkit-text-fill-color:var(--sty-ui-color-text)!important;
  color-scheme:dark!important;
}
html[data-sty-design-root][data-theme="dark"] body.sty-erp-platform :where(table,.table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.sty-ds-table,.ios-table,.stk-table,.dr-table) :where(th,td){
  border-color:var(--sty-ui-color-border)!important;
}
html[data-sty-design-root][data-theme="dark"] body.sty-erp-platform :where(table,.table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.sty-ds-table,.ios-table,.stk-table,.dr-table) thead :where(th,td){
  background-color:var(--sty-ui-color-surface-subtle)!important;
  color:var(--sty-ui-color-text-muted)!important;
}
html[data-sty-design-root][data-theme="dark"] body.sty-erp-platform :where(table,.table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.sty-ds-table,.ios-table,.stk-table,.dr-table) tbody td{
  background-color:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text-secondary)!important;
}
html[data-sty-design-root][data-theme="dark"] body.sty-erp-platform :where(table,.table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.sty-ds-table,.ios-table,.stk-table,.dr-table) tbody tr:hover td{
  background-color:var(--sty-ui-color-surface-hover)!important;
}
html[data-sty-design-root][data-theme="dark"] body.sty-erp-platform :where(.sty-cmd-item:hover,.sty-cmd-item.is-active,.dropdown-item:hover,.sty2-dropdown-item:hover){
  background-color:var(--sty-ui-color-surface-hover)!important;
  color:var(--sty-ui-color-text)!important;
}
html[data-sty-design-root][data-theme="dark"] body.sty-erp-platform :where(.sty-cmd-item-main strong,.sty-cmd-empty strong){color:var(--sty-ui-color-text)!important}
html[data-sty-design-root][data-theme="dark"] body.sty-erp-platform :where(.sty-cmd-item-main small,.sty-cmd-item-type,.sty-cmd-empty,.sty-cmd-foot){color:var(--sty-ui-color-text-muted)!important}
html[data-sty-design-root][data-theme="dark"] body.sty-erp-platform :where(.sty-cmd-item-icon){background:var(--sty-ui-color-accent-soft)!important;color:var(--sty-ui-color-accent)!important}

/* Nao permitir que motion seja requisito funcional. */
@media (prefers-reduced-motion:reduce){
  html[data-sty-design-root]{scroll-behavior:auto!important}
  html[data-sty-design-root] body.sty-erp-platform *,
  html[data-sty-design-root] body.sty-erp-platform *::before,
  html[data-sty-design-root] body.sty-erp-platform *::after{
    animation-duration:.001ms!important;
    animation-delay:0ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    transition-delay:0ms!important;
    scroll-behavior:auto!important;
  }
  html[data-sty-design-root] body.sty-erp-platform :where(.ui-spinner,.spinner,.sty-spinner,.sty-time-spinner,.loading-spinner,.loader-spinner,.mt-spinner,.sty-sale360-loading>span,.sty-appearance-spinner){animation:none!important}
}

@media (prefers-contrast:more){
  html[data-sty-design-root] body.sty-erp-platform{
    --sty-ui-color-border:var(--sty-ui-color-border-strong);
    --sty-ui-focus-outline-width:3px;
  }
}

@media (forced-colors:active){
  .sty-skip-link,
  html[data-sty-design-root] body.sty-erp-platform :where(a[href],button,input,select,textarea,summary,[role="button"],[role="tab"],[role="menuitem"],[tabindex]:not([tabindex="-1"])):focus-visible{
    forced-color-adjust:auto!important;
    outline:2px solid Highlight!important;
    box-shadow:none!important;
  }
}


/* ============================================================================
   STY UI INTEGRATION - ETAPA 11 / LEGACY ADAPTER RETIREMENT
   The canonical Core now owns the final generic legacy selectors that were
   previously supplied by sty-ui-legacy-adapter.css. The adapter is no longer
   loaded by any ERP runtime entrypoint. Keep the file only as an inert rollback
   artifact until a deletion-capable deploy removes it.
   ========================================================================== */

/* ============================================================================
   STY UI CORE - PREMIUM PROTOTYPE PROFILE / 2026-09-22
   Referencia: prototipo Premium Redesign fornecido pelo usuario.
   Escopo deliberado: conteudo principal e overlays. O menu lateral permanece
   fora deste perfil para preservar o shell canonico ja homologado.
   ========================================================================== */
:root{
  --sty-ui-core-profile-premium:1;
  --sty-ui-premium-ease:cubic-bezier(.16,1,.3,1);
}

@keyframes styPremiumSurfaceIn{
  from{opacity:0;transform:translateY(24px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]){
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",sans-serif!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main){
  background-color:var(--sty-ui-color-canvas)!important;
  background-image:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--sty-ui-color-accent) 3%,transparent) 0%,transparent 40%)!important;
}

html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(h1,.sty-ui-page-title,.ui-title-ios,.page-title,.sales-page-title){
  font-family:inherit!important;font-weight:800!important;letter-spacing:-.04em!important;line-height:1.12!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(h2,h3,.sty-ui-section-title,.sty-ui-card-title,.card-title,.sales-card-title,.fin2-card-title,.sty-card-title){
  font-family:inherit!important;font-weight:800!important;letter-spacing:-.02em!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(.sty-ui-kpi-value,.kpi-value,.metric-value,.sales-kpi-value,.fin2-kpi-value,.sty-time-kpi-value){
  font-weight:900!important;letter-spacing:-.04em!important;line-height:1.08!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(label,.sty-ui-label,.kpi-label,.metric-label,.sales-kpi-label,.fin2-kpi-label){
  font-weight:700!important;letter-spacing:.025em;
}

html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
  .sty-ui-card,.card,.ui-card,.ui-card-ios,.ios-card,.sales-card,.fin2-card,.sty-time-card,.sty-time-kpi,
  .dc-card,.dc-result-card,.auto-card,.stk-card,.sty-card,.sty-stat,.sty-ds-card,.sty-command-card,
  .sty-dash-card,.metric-card,.goal-card,.report-card,.bonus-card,.kpi-card,.panel,.box,.execCard,.execKpi,
  .dr-glass-card,.dr-form-card,.dr-kpi,.dr-sector-card,.dr-impact-card,.dr-suggestions-card,.dr-rep-box,
  .pm-card,.oi-card,.t-card,.spec-card,.sales-fiscal-simple-card,.shadow-glass-card
){
  border-radius:var(--sty-ui-radius-xl)!important;
  box-shadow:var(--sty-ui-shadow-md)!important;
  transition:transform var(--sty-ui-motion-hover),box-shadow var(--sty-ui-motion-hover),border-color var(--sty-ui-motion-hover),background var(--sty-ui-motion-hover)!important;
}

html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  .sty-ui-btn,.btn,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,.btn2,.sty-ds-btn,
  .ios-btn,.btn-ios,.btn-ios-small,.sty-pe-btn,.sty-pe-mini-btn,.stk-btn,.oi-btn,.op-btn,.ot-btn,.gf-btn,
  .rep-btn,.action-btn,.sty-erp-btn,.sty-button,.ow-nav-btn,.stock-btn,.ghost-btn,.d-btn
){
  font-weight:700!important;border-radius:var(--sty-ui-radius-md)!important;
  transition:transform var(--sty-ui-motion-hover),box-shadow var(--sty-ui-motion-hover),background var(--sty-ui-motion-hover),border-color var(--sty-ui-motion-hover),color var(--sty-ui-motion-hover)!important;
}
@media(hover:hover){
  html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
    .sty-ui-btn,.btn,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,.btn2,.sty-ds-btn,
    .ios-btn,.btn-ios,.btn-ios-small,.sty-pe-btn,.sty-pe-mini-btn,.stk-btn,.oi-btn,.op-btn,.ot-btn,.gf-btn,
    .rep-btn,.action-btn,.sty-erp-btn,.sty-button,.ow-nav-btn,.stock-btn,.ghost-btn,.d-btn
  ):not(:disabled):hover{transform:translateY(-2px)!important;box-shadow:var(--sty-ui-shadow-sm)!important}
  html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(.kpi-card,.metric-card,.sty-time-kpi,.dr-kpi,.execKpi,.sty-ui-kpi):hover{
    transform:translateY(-4px)!important;box-shadow:var(--sty-ui-shadow-lg)!important;border-color:var(--sty-ui-color-border-strong)!important;
  }
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  .sty-ui-btn,.btn,.ui-btn,.sales-btn,.fin2-btn,.sty-time-btn,.dc-btn,.auto-btn,.sty-btn,.btn2,.sty-ds-btn,
  .ios-btn,.btn-ios,.btn-ios-small,.sty-pe-btn,.sty-pe-mini-btn,.stk-btn,.oi-btn,.op-btn,.ot-btn,.gf-btn,
  .rep-btn,.action-btn,.sty-erp-btn,.sty-button,.ow-nav-btn,.stock-btn,.ghost-btn,.d-btn
):not(:disabled):active{transform:scale(.98)!important}

html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),select,textarea,
  .sty-ui-control,.ui-input,.ui-input-ios,.sales-input,.sales-select,.sales-textarea,.fin2-input,.fin2-select,
  .sty-time-input,.sty-time-select,.sty-time-textarea,.dc-input,.auto-input,.auto-select,.sty-input,.sty-select,.sty-textarea,
  .sty-ds-input,.sty-ds-select,.ios-input,.ios-select,.form-control,.form-select,.input-control
){
  border-radius:var(--sty-ui-radius-md)!important;
  transition:border-color var(--sty-ui-motion-hover),box-shadow var(--sty-ui-motion-hover),background var(--sty-ui-motion-hover)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),select,textarea,
  .sty-ui-control,.ui-input,.ui-input-ios,.sales-input,.sales-select,.sales-textarea,.fin2-input,.fin2-select,
  .sty-time-input,.sty-time-select,.sty-time-textarea,.dc-input,.auto-input,.auto-select,.sty-input,.sty-select,.sty-textarea,
  .sty-ds-input,.sty-ds-select,.ios-input,.ios-select,.form-control,.form-select,.input-control
):focus{border-color:var(--sty-ui-color-accent)!important;box-shadow:0 0 0 3px var(--sty-ui-color-accent-soft)!important}

html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  .sty-ui-dropdown-menu,.dropdown-menu,.dropdown-panel,.popover,.ui-popover,.sty-erp-popover,.menu-popover,
  .orders-header-menu,.order-more-menu,.sales-action-popover,.sales-v1771-tools-popover,.sales-generated-actions-popover
){
  background:color-mix(in srgb,var(--sty-ui-color-surface) 78%,transparent)!important;
  border-color:color-mix(in srgb,var(--sty-ui-color-border-strong) 70%,transparent)!important;
  backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;transform-origin:top right;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-ui-modal-backdrop,.modal-backdrop,.modal__backdrop,.sales-modal-backdrop,.sales-fiscal-modal-backdrop,.sty-erp-modal-backdrop){
  backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-ui-modal-dialog,.modal-content,.modal-card,.modal__card,.dialog-card,.ui-modal-card,.sales-modal-dialog,.sales-modal-card,.fin2-modal-card,.dc-modal-card,.sty-floor-modal-card,.sty-erp-modal){
  border-radius:calc(var(--sty-ui-radius-xl) + 4px)!important;box-shadow:var(--sty-ui-shadow-lg)!important;
}

html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(.sty-ui-tabs,.tabs,.ui-tabs,.sales-tabs,.fin2-tabs,.sty-time-tabs,.sty-ds-tabs){
  border-radius:var(--sty-ui-radius-pill)!important;box-shadow:var(--sty-ui-shadow-sm)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(.sty-ui-tab,.tab,.ui-tab,.sales-tab,.fin2-tab,.sty-time-tab,.sty-ds-tab){
  border-radius:var(--sty-ui-radius-pill)!important;font-weight:700!important;transition:all var(--sty-ui-motion-hover)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.ui-toast,.toast,.toast__card){
  border-radius:var(--sty-ui-radius-pill)!important;box-shadow:var(--sty-ui-shadow-lg)!important;font-weight:700!important;
}

html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(.progress,.progress-bar,.sty-ui-progress,.sales-progress,.goal-progress) > :where(span,i,.bar,.fill){
  transition:width 1s var(--sty-ui-premium-ease),transform 1s var(--sty-ui-premium-ease)!important;
}

html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) *{scrollbar-width:thin;scrollbar-color:var(--sty-ui-color-border-strong) transparent}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) *::-webkit-scrollbar{width:6px;height:6px}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) *::-webkit-scrollbar-track{background:transparent}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) *::-webkit-scrollbar-thumb{background:var(--sty-ui-color-border-strong);border-radius:var(--sty-ui-radius-pill)}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) *::-webkit-scrollbar-thumb:hover{background:var(--sty-ui-color-text-muted)}

@media(prefers-reduced-motion:reduce){
  html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) *{animation:none!important;transition-duration:0ms!important;scroll-behavior:auto!important}
}

/* ============================================================================
   STY UI CORE - VISUAL ERP PROFESSIONAL V2 / 2026-09-22
   Objetivo: hierarquia operacional, tabelas de alta leitura, acoes coerentes,
   estados vazios/loading e acabamento premium. Escopo: conteudo principal.
   O sidebar/menu lateral permanece fora deste perfil.
   ========================================================================== */
:root{
  --sty-ui-core-profile-professional-v2:1;
}

html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]){
  --sty-v2-radius-panel:clamp(14px,var(--sty-ui-radius-xl),22px);
  --sty-v2-radius-control:clamp(9px,var(--sty-ui-radius-md),14px);
  --sty-v2-row-hover:color-mix(in srgb,var(--sty-ui-color-accent) 5%,var(--sty-ui-color-surface));
  --sty-v2-row-selected:color-mix(in srgb,var(--sty-ui-color-accent) 10%,var(--sty-ui-color-surface));
  --sty-v2-header-line:color-mix(in srgb,var(--sty-ui-color-border-strong) 76%,transparent);
  --sty-v2-ease:cubic-bezier(.16,1,.3,1);
  --sty-v2-shadow-hover:0 14px 34px rgba(15,23,42,.09);
}
html[data-sty-design-root][data-theme="dark"] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]){
  --sty-v2-row-hover:color-mix(in srgb,var(--sty-ui-color-accent) 7%,var(--sty-ui-color-surface));
  --sty-v2-row-selected:color-mix(in srgb,var(--sty-ui-color-accent) 13%,var(--sty-ui-color-surface));
  --sty-v2-shadow-hover:0 16px 38px rgba(0,0,0,.32);
}

/* 1. Cabecalho contextual: reforca hierarquia sem alterar estrutura/DOM. */
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
  .sty-ui-page-header,.sty-erp-page-head,.page-head,.sales-module-header,.header-hero,.dr-head,
  .sty-ds-section-head,.sty-erp-section-head,.sty-ui-section-header,.orders-work-heading,.ow-heading
){
  position:relative;
  border-color:var(--sty-v2-header-line)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
  .sty-ui-page-title,.sty-erp-page-title,.page-title,.sales-page-title,.sty-heading,.ow-heading h1,.orders-work-heading h1
){
  color:var(--sty-ui-color-text)!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
  line-height:1.08!important;
  text-wrap:balance;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
  .sty-ui-page-subtitle,.sty-erp-page-subtitle,.page-subtitle,.sales-page-subtitle,.sty-ui-page-heading p,.sty-erp-page-head-main p
){
  color:var(--sty-ui-color-text-muted)!important;
  line-height:1.55!important;
  max-width:76ch;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
  .sty-ui-page-actions,.sty-erp-page-actions,.page-actions,.sales-page-actions,.header-actions
){
  gap:8px!important;
  align-items:center;
}

/* 2. Hierarquia de acoes: uma acao dominante; apoio neutro; perigo explicito. */
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  .btn-primary,.btn--primary,.sty-primary,.sty-ui-btn--primary,.sty-button--primary,.sty-pe-btn-primary,
  .btn-ios-primary,.ios-btn-primary,.ow-nav-primary,.primary-action,[data-variant="primary"]
){
  background:var(--sty-ui-color-accent)!important;
  border-color:var(--sty-ui-color-accent)!important;
  color:var(--sty-ui-color-accent-ink)!important;
  box-shadow:0 5px 14px color-mix(in srgb,var(--sty-ui-color-accent) 24%,transparent)!important;
  font-weight:800!important;
}
@media(hover:hover){
  html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
    .btn-primary,.btn--primary,.sty-primary,.sty-ui-btn--primary,.sty-button--primary,.sty-pe-btn-primary,
    .btn-ios-primary,.ios-btn-primary,.ow-nav-primary,.primary-action,[data-variant="primary"]
  ):not(:disabled):hover{
    filter:saturate(1.04) brightness(.985);
    transform:translateY(-2px)!important;
    box-shadow:0 9px 22px color-mix(in srgb,var(--sty-ui-color-accent) 28%,transparent)!important;
  }
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  .btn-outline,.btn-ghost,.btn--ghost,.ghost,.ghost-btn,.sty-ui-btn--ghost,.sty-ui-btn--secondary,.sty-pe-btn-ghost,
  .ow-nav-secondary,[data-variant="secondary"],[data-variant="ghost"]
){
  background:var(--sty-ui-color-surface)!important;
  color:var(--sty-ui-color-text-secondary)!important;
  border-color:var(--sty-ui-color-border-strong)!important;
  box-shadow:none!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  .btn-danger,.danger,.is-danger,.danger-action,.sales-action-danger,.sty-button--danger,.sty-ui-btn--danger,.sty-pe-mini-danger,
  [data-variant="danger"]
){
  color:var(--sty-ui-color-danger)!important;
  border-color:color-mix(in srgb,var(--sty-ui-color-danger) 34%,var(--sty-ui-color-border))!important;
}

/* 3. Tabelas ERP: leitura rapida, cabecalho claro e numeros alinhados. */
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
  .sty-ui-table-wrap,.sty-erp-table-scroll,.table-wrapper,.table-responsive,.table-container,.table-wrap,.sty-table-wrap,
  .sales-table-wrap,.fin2-table-wrap,.sty-time-table-wrap,.dc-table-wrap,.sty-ds-table-wrap,.ios-table-wrap,.stock-table-wrap,.sty-pe-table-wrap
){
  border-radius:var(--sty-v2-radius-panel)!important;
  border-color:var(--sty-ui-color-border)!important;
  box-shadow:var(--sty-ui-shadow-sm)!important;
  overflow:auto;
  scrollbar-gutter:stable;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
  table,.table,.sty-table,.sty-ui-table,.sty-erp-table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.sty-ds-table,.ios-table,.stk-table,.stock-table,.dr-table,.modern-table,.sty-pe-table,.sty-users-table,.auto-table
){
  border-collapse:separate!important;
  border-spacing:0!important;
  font-variant-numeric:tabular-nums;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
  table,.table,.sty-table,.sty-ui-table,.sty-erp-table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.sty-ds-table,.ios-table,.stk-table,.stock-table,.dr-table,.modern-table,.sty-pe-table,.sty-users-table,.auto-table
) thead th{
  background:var(--sty-ui-color-surface-subtle)!important;
  color:var(--sty-ui-color-text-muted)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.045em!important;
  text-transform:uppercase;
  white-space:nowrap;
  border-bottom-color:var(--sty-ui-color-border-strong)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
  table,.table,.sty-table,.sty-ui-table,.sty-erp-table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.sty-ds-table,.ios-table,.stk-table,.stock-table,.dr-table,.modern-table,.sty-pe-table,.sty-users-table,.auto-table
) tbody td{
  color:var(--sty-ui-color-text-secondary)!important;
  border-bottom-color:var(--sty-ui-color-border)!important;
  transition:background-color 160ms ease,color 160ms ease!important;
}
@media(hover:hover){
  html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
    table,.table,.sty-table,.sty-ui-table,.sty-erp-table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.sty-ds-table,.ios-table,.stk-table,.stock-table,.dr-table,.modern-table,.sty-pe-table,.sty-users-table,.auto-table
  ) tbody tr:hover td{background:var(--sty-v2-row-hover)!important;color:var(--sty-ui-color-text)!important}
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
  table,.table,.sty-table,.sty-ui-table,.sty-erp-table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.sty-ds-table,.ios-table,.stk-table,.stock-table,.dr-table,.modern-table,.sty-pe-table,.sty-users-table,.auto-table
) tbody tr:is(.is-selected,.selected,[aria-selected="true"]) td{background:var(--sty-v2-row-selected)!important}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
  td[data-type="number"],td[data-type="currency"],td[data-type="percent"],.numeric,.money,.currency,.amount,.value,.total-value
){
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1,"ss01" 1;
}

/* 4. Cards/KPIs: contraste de hierarquia sem poluir a tela. */
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
  .sty-ui-card,.sty-erp-card,.card,.ui-card,.sales-card,.fin2-card,.sty-time-card,.dc-card,.auto-card,.sty-card,.sty-ds-card,
  .metric-card,.goal-card,.report-card,.kpi-card,.sty-time-kpi,.dr-kpi,.execKpi,.sty-stat
){
  border-color:color-mix(in srgb,var(--sty-ui-color-border) 86%,transparent)!important;
}
@media(hover:hover){
  html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
    .sty-ui-card,.sty-erp-card,.card,.ui-card,.sales-card,.fin2-card,.sty-time-card,.dc-card,.auto-card,.sty-card,.sty-ds-card
  ):not(:has(input:focus,select:focus,textarea:focus)):hover{
    border-color:var(--sty-ui-color-border-strong)!important;
    box-shadow:var(--sty-v2-shadow-hover)!important;
  }
}

/* 5. Estados vazios: mais intencionais e menos aspecto de erro cru. */
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
  .sty-ui-empty,.sty-erp-empty,.sty-empty,.fin2-empty,.auto-empty,.sty-pe-empty,.sty-sale360-empty,.techq-empty,.sty-cmd-empty
){
  min-height:160px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:8px;
  padding:28px!important;
  border:1px dashed var(--sty-ui-color-border-strong)!important;
  border-radius:var(--sty-v2-radius-panel)!important;
  background:color-mix(in srgb,var(--sty-ui-color-surface-subtle) 72%,transparent)!important;
  color:var(--sty-ui-color-text-muted)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
  .sty-ui-empty,.sty-erp-empty,.sty-empty,.fin2-empty,.auto-empty,.sty-pe-empty,.sty-sale360-empty,.techq-empty,.sty-cmd-empty
) :where(h2,h3,strong,.title){color:var(--sty-ui-color-text)!important;font-weight:800!important;letter-spacing:-.02em}

/* 6. Skeleton/loading: feedback visual consistente e leve. */
@keyframes styV2SkeletonSweep{to{background-position:-200% 0}}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  .skeleton,.loading-skeleton,.sty-skeleton,.sty-ui-skeleton,.sty-erp-skeleton,.sty-loader-skeleton,.sector-loader-skeleton,.skeleton-line
){
  color:transparent!important;
  border-color:transparent!important;
  background:linear-gradient(100deg,
    var(--sty-ui-color-surface-subtle) 20%,
    color-mix(in srgb,var(--sty-ui-color-surface-hover) 80%,var(--sty-ui-color-text-muted)) 38%,
    var(--sty-ui-color-surface-subtle) 56%)!important;
  background-size:200% 100%!important;
  animation:styV2SkeletonSweep 1.35s linear infinite!important;
  border-radius:var(--sty-v2-radius-control)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-loading-overlay,.loading-overlay,.loader-overlay){
  background:color-mix(in srgb,var(--sty-ui-color-canvas) 70%,transparent)!important;
  backdrop-filter:blur(8px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(8px) saturate(120%)!important;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-loading,.sty-erp-loading-inline,.sty-sale360-loading,.sty-appearance-loading){
  color:var(--sty-ui-color-text-muted)!important;
  font-weight:700!important;
}

/* 7. Formularios longos: labels e ajuda mais legiveis, sem aumentar ruido. */
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  label,.sty-ui-label,.form-label,.sales-label,.fin2-label,.sty-time-label,.dc-label
){
  color:var(--sty-ui-color-text-secondary)!important;
  font-size:12px;
}
html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
  .help,.hint,.form-text,.field-help,.input-help,.sty-ui-help,.text-muted
){color:var(--sty-ui-color-text-muted)!important;line-height:1.45}

/* 8. Modais e drawers: separacao visual clara entre cabecalho, conteudo e acoes. */
html[data-sty-design-root] body.sty-erp-platform :where(
  .sty-ui-modal-dialog,.sty-erp-modal,.modal-content,.modal-card,.modal__card,.dialog-card,.ui-modal-card,
  .sales-modal-dialog,.sales-modal-card,.fin2-modal-card,.dc-modal-card,.sty-floor-modal-card,.sty-ui-drawer-panel,.sty-erp-drawer
){
  border:1px solid var(--sty-ui-color-border)!important;
  box-shadow:0 24px 72px rgba(15,23,42,.18)!important;
}
html[data-sty-design-root][data-theme="dark"] body.sty-erp-platform :where(
  .sty-ui-modal-dialog,.sty-erp-modal,.modal-content,.modal-card,.modal__card,.dialog-card,.ui-modal-card,
  .sales-modal-dialog,.sales-modal-card,.fin2-modal-card,.dc-modal-card,.sty-floor-modal-card,.sty-ui-drawer-panel,.sty-erp-drawer
){box-shadow:0 28px 84px rgba(0,0,0,.5)!important}

/* Motion operacional: entrada curta, sem cascata longa ou atraso artificial. */
@keyframes styV2ContentIn{
  from{opacity:0;transform:translateY(10px) scale(.995)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
html[data-sty-design-root] body.sty-erp-platform[data-sty-motion="on"] :where(.sty-os-main,.sty-main) :where(
  .sty-ui-page-header,.sty-erp-page-head,.page-head,.sales-module-header,.header-hero
){animation:styV2ContentIn 360ms var(--sty-v2-ease) both}

@media(max-width:760px){
  html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
    .sty-ui-page-actions,.sty-erp-page-actions,.page-actions,.sales-page-actions,.header-actions
  ){gap:6px!important}
  html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main) :where(
    table,.table,.sty-table,.sty-ui-table,.sty-erp-table,.ui-table,.sales-table,.fin2-table,.sty-time-table,.dc-table,.sty-ds-table,.ios-table,.stk-table,.stock-table,.dr-table,.modern-table,.sty-pe-table,.sty-users-table,.auto-table
  ) thead th{font-size:10px!important;letter-spacing:.03em!important}
}

@media(prefers-reduced-motion:reduce){
  html[data-sty-design-root] body.sty-erp-platform :where(.sty-os-main,.sty-main,[data-sty-control-center]) :where(
    .skeleton,.loading-skeleton,.sty-skeleton,.sty-ui-skeleton,.sty-erp-skeleton,.sty-loader-skeleton,.sector-loader-skeleton,.skeleton-line
  ){animation:none!important}
  html[data-sty-design-root] body.sty-erp-platform[data-sty-motion="on"] :where(.sty-os-main,.sty-main) :where(
    .sty-ui-page-header,.sty-erp-page-head,.page-head,.sales-module-header,.header-hero
  ){animation:none!important}
}

/* ========================================================================== 
   STY Dashboard Premium V2.25 - composicao visual aprovada em Vendas
   Escopo: somente Dashboard Admin. Shell, sidebar e controles globais intactos.
   ========================================================================== */
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"]{
  --sty-dash-purple:#654cf5;
  --sty-dash-purple-2:#7d68ff;
  --sty-dash-purple-soft:#f0edff;
  --sty-dash-purple-line:#ddd6ff;
  --sty-dash-green:#1f9f62;
  --sty-dash-green-soft:#e8f7ef;
  --sty-dash-red:#e64d5f;
  --sty-dash-red-soft:#fff0f2;
  --sty-dash-amber:#d89500;
  --sty-dash-amber-soft:#fff6dd;
  --sty-dash-blue:#4d96e8;
  --sty-dash-shadow:0 10px 32px rgba(28,31,48,.055);
  --sty-dash-shadow-hover:0 16px 42px rgba(28,31,48,.09);
  max-width:1480px!important;
  padding:4px 0 44px!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-card{
  border:1px solid color-mix(in srgb,var(--sty-ui-color-border) 88%,transparent)!important;
  border-radius:18px!important;
  box-shadow:var(--sty-dash-shadow)!important;
}

/* Hero compacto + mensagens biblicas/motivacionais logo abaixo do Admin. */
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero{
  min-height:118px!important;
  margin:0 0 12px!important;
  padding:18px 22px!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) minmax(180px,310px)!important;
  gap:18px!important;
  align-items:center!important;
  overflow:hidden!important;
  position:relative!important;
  background:
    radial-gradient(circle at 77% 45%,rgba(101,76,245,.10),transparent 28%),
    linear-gradient(110deg,var(--sty-ui-color-surface) 0%,var(--sty-ui-color-surface) 58%,color-mix(in srgb,var(--sty-dash-purple-soft) 62%,var(--sty-ui-color-surface)) 100%)!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero-icon{
  width:54px;height:54px;border-radius:16px;display:grid;place-items:center;
  color:#fff;background:linear-gradient(145deg,var(--sty-dash-purple-2),var(--sty-dash-purple));
  box-shadow:0 12px 26px rgba(101,76,245,.25);font-size:21px;position:relative;z-index:2;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero-copy{
  width:100%!important;max-width:none!important;min-width:0;display:block!important;position:relative;z-index:2;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero h1{
  margin:0 0 7px!important;font-size:clamp(22px,2vw,27px)!important;line-height:1.05!important;
  font-weight:800!important;letter-spacing:-.035em!important;color:var(--sty-ui-color-text)!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-inspiration{
  display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:8px 16px;max-width:850px;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] :where(.sty-command-verse,.sty-command-motivation){
  display:flex!important;align-items:center;gap:7px;margin:0!important;min-width:0;color:var(--sty-ui-color-text-secondary)!important;
  font-size:11px!important;line-height:1.35!important;font-weight:500!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] :where(.sty-command-verse,.sty-command-motivation)>i{
  flex:0 0 auto;color:var(--sty-dash-purple);font-size:10px;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-verse span,
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-motivation span{
  min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-verse strong{
  flex:0 0 auto;color:var(--sty-ui-color-text-muted);font-size:9px;font-weight:700;white-space:nowrap;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-reference,
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-yellow-line{display:none!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero-meta{
  display:flex!important;margin:9px 0 0!important;padding:0!important;gap:16px!important;align-items:center!important;
  color:var(--sty-ui-color-text-muted)!important;font-size:10px!important;line-height:1.2!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero-meta span{display:flex;align-items:center;gap:6px}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero-meta .sun{color:var(--sty-dash-purple)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero-visual{
  align-self:stretch;position:relative;min-width:0;opacity:.78;pointer-events:none;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero-wave{
  position:absolute;inset:8px 0 4px -52px;border-radius:60% 22% 18% 50%;
  background:linear-gradient(145deg,rgba(101,76,245,.025),rgba(101,76,245,.12));
  clip-path:polygon(0 68%,12% 54%,25% 61%,39% 34%,52% 47%,67% 25%,81% 44%,100% 18%,100% 100%,0 100%);
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero-bars{
  position:absolute;right:10px;bottom:6px;height:66px;display:flex;align-items:flex-end;gap:7px;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero-bars i{
  display:block;width:8px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,rgba(101,76,245,.42),rgba(101,76,245,.10));
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero-bars i:nth-child(1){height:18px}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero-bars i:nth-child(2){height:29px}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero-bars i:nth-child(3){height:42px}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero-bars i:nth-child(4){height:55px}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero-bars i:nth-child(5){height:66px}

/* Acesso rapido: mesma linguagem premium da Central de Vendas. */
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-quickbar{
  margin:0 0 12px!important;padding:10px 12px!important;display:grid!important;grid-template-columns:170px minmax(0,1fr)!important;
  gap:12px!important;align-items:center!important;overflow:hidden!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-quickbar-title{
  min-width:0;padding-right:12px;border-right:1px solid var(--sty-ui-color-border);display:flex;align-items:center;gap:10px;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-quickbar-icon{
  width:34px;height:34px;border-radius:10px;background:#ffc400;color:#161616;box-shadow:none;font-size:13px;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-quick-track{gap:8px;padding:1px 2px 3px!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-quick-btn{
  min-width:112px!important;height:40px!important;min-height:40px!important;padding:5px 10px!important;border-radius:11px!important;
  border:1px solid var(--sty-ui-color-border)!important;background:var(--sty-ui-color-surface)!important;color:var(--sty-ui-color-text-secondary)!important;
  box-shadow:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-quick-btn:hover{
  transform:translateY(-1px)!important;border-color:var(--sty-dash-purple-line)!important;box-shadow:0 8px 18px rgba(101,76,245,.08)!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-quick-btn.primary,
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-quick-btn.dark{
  color:#fff!important;border-color:var(--sty-dash-purple)!important;background:linear-gradient(135deg,var(--sty-dash-purple-2),var(--sty-dash-purple))!important;
  box-shadow:0 8px 18px rgba(101,76,245,.20)!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-quick-btn-icon{
  width:28px;height:28px;border-radius:9px;background:var(--sty-ui-color-surface-subtle)!important;color:var(--sty-ui-color-text-secondary)!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] :where(.sty-command-quick-btn.primary,.sty-command-quick-btn.dark) .sty-command-quick-btn-icon{
  background:rgba(255,255,255,.18)!important;color:#fff!important;
}

/* KPIs independentes e melhor distribuidos. */
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-kpis{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 12px!important;
  border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;box-shadow:none!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-kpi{
  min-height:106px!important;padding:16px 17px!important;border:1px solid var(--sty-ui-color-border)!important;border-radius:18px!important;
  background:var(--sty-ui-color-surface)!important;box-shadow:var(--sty-dash-shadow)!important;grid-template-columns:50px minmax(0,1fr)!important;gap:13px!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-kpi:hover{
  transform:translateY(-2px)!important;border-color:var(--sty-dash-purple-line)!important;box-shadow:var(--sty-dash-shadow-hover)!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-kpi-icon{
  width:50px!important;height:50px!important;border-radius:15px!important;background:var(--sty-dash-purple-soft)!important;color:var(--sty-dash-purple)!important;font-size:18px!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-kpi:nth-child(2) .sty-command-kpi-icon{background:#eeeaff!important;color:#735af7!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-kpi.red .sty-command-kpi-icon{background:var(--sty-dash-red-soft)!important;color:var(--sty-dash-red)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-kpi.green .sty-command-kpi-icon{background:var(--sty-dash-green-soft)!important;color:var(--sty-dash-green)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-kpi-label{font-size:10px!important;color:var(--sty-ui-color-text-muted)!important;font-weight:700!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-kpi-value{font-size:24px!important;letter-spacing:-.035em!important;font-weight:800!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-kpi-sub{margin-top:6px!important;gap:7px!important;color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-kpi-sub b{background:var(--sty-dash-green-soft)!important;color:var(--sty-dash-green)!important;border-radius:999px!important;padding:3px 7px!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-kpi.red .sty-command-kpi-sub b{background:var(--sty-dash-red-soft)!important;color:var(--sty-dash-red)!important}

/* Saude / atencao / graficos. */
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-focus-grid,
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-grid-2{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;margin-top:12px!important;align-items:stretch!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] :where(.sty-command-health-card,.sty-command-attention-card){
  min-height:248px!important;padding:20px 22px!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-health-main{
  grid-template-columns:132px minmax(0,1fr)!important;gap:24px!important;align-items:center!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-health-ring{
  --health-color:var(--sty-dash-purple)!important;width:120px!important;height:120px!important;background:conic-gradient(var(--sty-dash-purple) calc(var(--health-score)*1%),var(--sty-ui-color-surface-muted) 0)!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-health-ring::after{inset:10px!important;background:var(--sty-ui-color-surface)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-health-ring strong{font-size:31px!important;font-weight:800!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-health-copy h2{font-size:19px!important;line-height:1.18!important;font-weight:800!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-health-copy p{font-size:11px!important;line-height:1.5!important;color:var(--sty-ui-color-text-muted)!important;margin-top:7px!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-health-meta{margin-top:17px!important;padding-top:15px!important;gap:12px!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-health-meta>span{padding-right:12px;border-right:1px solid var(--sty-ui-color-border)}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-health-meta>span:last-child{border-right:0}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-health-meta strong{font-size:12px!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-panel-head{margin-bottom:12px!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-panel-title{font-size:16px!important;font-weight:800!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-panel-title i{color:var(--sty-dash-purple)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-attention-row{min-height:49px!important;padding:7px 8px!important;border-radius:10px!important;border-bottom:0!important;margin-bottom:2px!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-attention-row:hover{background:var(--sty-ui-color-surface-hover)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-attention-row.danger{background:var(--sty-dash-red-soft)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-attention-icon{background:var(--sty-ui-color-surface-subtle)!important;border-radius:10px!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-attention-copy strong{font-size:11px!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-attention-copy small{font-size:9.5px!important;color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-attention-count{font-size:14px!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-panel{
  min-height:312px!important;padding:18px 20px!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-chart-wrap{height:236px!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-status-wrap{height:236px!important;grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-status-center strong{font-size:27px!important;color:var(--sty-ui-color-text)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-status-center span{color:var(--sty-ui-color-text-muted)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-status-item{font-size:11px!important;color:var(--sty-ui-color-text-secondary)!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-status-item strong{color:var(--sty-ui-color-text)!important}

/* Conteudo abaixo dos graficos continua disponivel, agora na mesma linguagem visual. */
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] :where(.sty-command-sector,.sty-command-critical,.sty-command-summary-card){
  border-color:var(--sty-ui-color-border)!important;
}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-progress>span{background:linear-gradient(90deg,var(--sty-dash-purple-2),var(--sty-dash-purple))!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-bottom{margin-top:12px!important}
body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-summary-card{min-height:150px!important}

@media(max-width:1180px){
  body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero{grid-template-columns:52px minmax(0,1fr)!important}
  body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero-visual{display:none!important}
  body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-inspiration{grid-template-columns:1fr!important}
  body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-quickbar{grid-template-columns:1fr!important}
  body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-quickbar-title{border-right:0;border-bottom:1px solid var(--sty-ui-color-border);padding:0 0 9px}
  body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] :where(.sty-command-focus-grid,.sty-command-grid-2){grid-template-columns:1fr!important}
}
@media(max-width:620px){
  body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero{grid-template-columns:1fr!important;padding:16px!important}
  body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero-icon{width:44px;height:44px;border-radius:13px}
  body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-verse span,
  body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-motivation span{white-space:normal}
  body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero-meta{align-items:flex-start!important;flex-direction:column!important;gap:6px!important}
  body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-kpis{grid-template-columns:1fr!important}
  body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-health-main{grid-template-columns:1fr!important}
  body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-health-meta{grid-template-columns:1fr!important}
  body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-health-meta>span{border-right:0;padding-right:0}
}
html[data-theme="dark"] body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-hero{
  background:radial-gradient(circle at 78% 45%,rgba(125,104,255,.14),transparent 30%),linear-gradient(110deg,var(--sty-ui-color-surface) 0%,var(--sty-ui-color-surface) 62%,#201c36 100%)!important;
}
html[data-theme="dark"] body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-kpi-icon{background:#26223d!important;color:#a99cff!important}
html[data-theme="dark"] body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-kpi.red .sty-command-kpi-icon{background:#3a2228!important;color:#ff8793!important}
html[data-theme="dark"] body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-kpi.green .sty-command-kpi-icon{background:#193127!important;color:#60d99b!important}
html[data-theme="dark"] body.sty-erp-platform.sty-module-dashboard .sty-command-dashboard-v191[data-admin-dashboard="1"] .sty-command-attention-row.danger{background:#351f25!important}