:root{
  --ink:#0b0d11;--ink2:#101319;--ink3:#171b23;--ink-line:#242935;
  --ink-tx:#e9eaef;--ink-mut:#868da0;--ink-faint:#5c6373;
  --canvas:#f4f5f7;--card:#ffffff;--line:#e6e9ef;--line2:#eef0f4;
  --text:#1a1d24;--muted:#6a7180;--faint:#6a7180;
  --gold:#c9a84c;--gold-d:#a8842f;--gold-tx:#8a6a1f;
  --gold-soft:rgba(201,168,76,.14);--gold-line:rgba(201,168,76,.55);
  --red:#d5492f;--red-bg:#fcece9;--red-tx:#b0331d;
  --yel:#dc9b00;--yel-bg:#fbf2d7;--yel-tx:#856300;
  --blu:#3b82f6;--blu-bg:#e9f1fd;--blu-tx:#215fbd;
  --grn:#22a45f;--grn-bg:#e6f5ed;--grn-tx:#177a43;
  --gry:#aeb4bf;--gry-bg:#edeff3;--gry-tx:#6a7180;
  --r1:6px;--r2:10px;--r3:14px;--r4:18px;--r-pill:999px;
  --sh1:0 1px 2px rgba(17,22,30,.05),0 2px 8px rgba(17,22,30,.05);
  --sh2:0 8px 30px rgba(17,22,30,.10);
  --sans:'Manrope',system-ui,-apple-system,sans-serif;
  --disp:'Archivo',system-ui,sans-serif;
}

  *{margin:0;padding:0;box-sizing:border-box}
  body{background:#2a2d34}
  ::selection{background:rgba(201,168,76,.28)}
  a{color:var(--gold-tx);text-decoration:none}
  a:hover{color:var(--gold)}
  :where(a[href],button,input,select,textarea,[role="button"],[tabindex]:not([tabindex="-1"])):focus-visible{
    outline:2px solid var(--gold-tx)!important;
    outline-offset:2px;
  }
  .dhi-scroll::-webkit-scrollbar{width:10px;height:10px}
  .dhi-scroll::-webkit-scrollbar-thumb{background:#c4c9d2;border-radius:8px;border:2px solid transparent;background-clip:content-box}
  .navdk::-webkit-scrollbar{width:8px}
  .navdk::-webkit-scrollbar-thumb{background:#2b303b;border-radius:8px}
  .dhi-workspace-tile.is-active{border-color:var(--gold-line)!important;background:var(--gold-soft)!important;color:var(--gold)!important;font-weight:700!important;opacity:1!important}
  .dhi-nav-item{position:relative}
  .dhi-nav-item.is-active{background:var(--ink3)!important;color:var(--ink-tx)!important;font-weight:700!important}
  .dhi-nav-item.is-active::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--gold)}
  .dhi-nav-item--disabled{color:var(--ink-faint)!important;cursor:default!important}
  .dhi-nav-badge--red{background:var(--red-bg)!important;color:var(--red-tx)!important}
  .dhi-nav-badge--yellow{background:var(--yel-bg)!important;color:var(--yel-tx)!important}
  .dhi-nav-badge--blue{background:var(--blu-bg)!important;color:var(--blu-tx)!important}
  .sidebar{width:250px;padding:16px 12px 28px}
  .content{padding:30px 36px 56px}
  .page-header{display:flex}
  .page-actions{display:flex;padding:var(--page-actions-padding,0)}
  .two-col{display:grid;grid-template-columns:var(--two-col-columns)}
  .stat-grid{display:grid;grid-template-columns:var(--stat-grid-columns)}
  .field-grid{display:grid;grid-template-columns:var(--field-grid-columns)}
  .table-header,.table-row{display:var(--table-display,flex);grid-template-columns:var(--table-columns,none);padding:var(--table-padding)}
  html,body,#app{max-width:100%;overflow-x:hidden}
  .dhi-menu-toggle,.dhi-nav-backdrop{display:none}
  .dhi-table-scroll{max-width:100%}
  .dhi-live-pill,.dhi-store-pill{white-space:nowrap}

@media (max-width:1199px){
  .sidebar{width:220px;padding:16px 10px 28px}
  .content{padding:24px 24px 48px}
  .dhi-topbar{gap:14px!important;padding-left:14px!important;padding-right:14px!important}
  .page-header{flex-direction:column!important}
  .page-actions{width:100%;flex-wrap:wrap}
  .dhi-global-search{max-width:100%!important}
}

@media (max-width:899px){
  .dhi-menu-toggle{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;background:transparent;color:var(--ink-tx);border:1px solid var(--ink-line);border-radius:var(--r2);cursor:pointer}
  .dhi-user-lines{display:none!important}
  .sidebar{position:fixed!important;z-index:36;top:60px!important;left:0;bottom:0;width:min(280px,86vw);max-height:calc(100vh - 60px)!important;transform:translateX(-105%);transition:transform .2s ease;box-shadow:var(--sh2)}
  .dhi-console-shell.nav-open .sidebar{transform:translateX(0)}
  .dhi-nav-backdrop{position:fixed;z-index:35;inset:60px 0 0;background:rgba(11,13,17,.52);border:0;cursor:pointer}
  .dhi-console-shell.nav-open .dhi-nav-backdrop{display:block}
  .dhi-main{width:100%;max-width:100%;overflow-x:hidden!important}
  .content{width:100%;max-width:100%!important;padding:22px 20px 44px}
  .two-col{grid-template-columns:1fr!important}
  .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dhi-table-scroll,.dhi-wide-list{max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .dhi-table-scroll table{min-width:720px}
  .dhi-wide-list>.table-header,.dhi-wide-list>.table-row{min-width:820px}
  .content [style*="grid-template-columns:repeat(4"],
  .content [style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .parts-action-grid{grid-template-columns:1fr!important}
  .parts-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media (max-width:599px){
  .dhi-topbar{gap:8px!important;padding-left:8px!important;padding-right:8px!important}
  .dhi-logo{height:26px!important}
  .dhi-live-pill,.dhi-user-wrap{display:none!important}
  .dhi-store-switch{margin-left:auto}
  .dhi-store-pill{gap:4px!important;padding:6px 8px!important;font-size:10px!important}
  .content{padding:18px 14px 38px}
  .page-actions{gap:8px!important}
  .dhi-global-search{order:3;width:100%!important;max-width:100%!important}
  .page-actions>button{flex:1 1 auto;justify-content:center}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .field-grid{grid-template-columns:1fr!important}
  .parts-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .content form[style*="grid-template-columns"],
  .content form [style*="grid-template-columns"]{grid-template-columns:1fr!important}
  .content [style*="grid-template-columns:190px"],
  .content [style*="grid-template-columns:160px"],
  .content [style*="grid-template-columns:1fr 1fr auto"],
  .content [style*="grid-template-columns:1fr auto auto"]{grid-template-columns:1fr!important}
  .table-header,.table-row{--table-padding:10px 12px}
}