/* Spectrum workspace: scoped to authenticated, recognized application shells. */
/* Common component contract. No permission/visibility rules are overridden. */
body[data-dr-app] {font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:14px;line-height:1.45}
body[data-dr-app] :is(button,input,select,textarea) {font-family:inherit}
body[data-dr-app] [data-dr-nav] :is(a,button,summary):not(.sidebar-close) {
  border-radius:10px;font-size:14px;line-height:1.4;font-weight:600;
  white-space:normal;overflow-wrap:anywhere;
}
body[data-dr-app] [data-dr-nav] :is(.brand,.brand strong,.brand small,.brand span,.user,.user strong,.sidefoot,.sidebar-user) {color:var(--dr2-text)!important}
body[data-dr-app] [data-dr-nav] :is(.nav-label,.nav-section-label,.side-copy) {color:var(--dr2-muted)!important}
body[data-dr-app] :is(.panel,.card,.card-form,.widget,.metric-card,.stat-card,.kpi-card) {border-radius:14px}
body[data-dr-app] :is(.metric-card,.stat-card,.kpi-card) {background:var(--dr2-surface);border-color:var(--dr2-line)}
body[data-dr-app] :is(.metric-card,.stat-card,.kpi-card) :is(.label,.subtitle,.description) {color:var(--dr2-muted)}
body[data-dr-app="proyectos"] .metric.accent > strong {color:var(--dr2-text)!important}
body[data-dr-app="proyectos"] .metric :is(span,small) {color:var(--dr2-muted)!important}
body[data-dr-app="monitor"] .main-wrapper>header {background:var(--dr2-header)!important;border-color:var(--dr2-line)}
body[data-dr-app="monitor"] .summary-card,
body[data-dr-app="dr"] .kpis>.kpi {border-radius:14px!important;border:1px solid var(--dr2-line)!important;background:var(--dr2-teal-soft)!important;color:var(--dr2-text)!important;padding:16px}
body[data-dr-app="monitor"] .summary-card:nth-child(4n+2),
body[data-dr-app="dr"] .kpis>.kpi:nth-child(4n+2) {background:var(--dr2-violet-soft)!important}
body[data-dr-app="monitor"] .summary-card:nth-child(4n+3),
body[data-dr-app="dr"] .kpis>.kpi:nth-child(4n+3) {background:var(--dr2-ochre-soft)!important}
body[data-dr-app="monitor"] .summary-card:nth-child(4n),
body[data-dr-app="dr"] .kpis>.kpi:nth-child(4n) {background:var(--dr2-blue-soft)!important}
body[data-dr-app="monitor"] .summary-card .label {color:var(--dr2-muted)!important}
body[data-dr-app] :is(input:not([type]),input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="number"],input[type="date"],select,textarea) {border-radius:8px}
body[data-dr-app] :is(.table,.table-responsive,.table-wrap) {max-width:100%;overflow-x:auto}
body[data-dr-app] :is(.executive-kpis,.stats-grid,.metrics,.kpis) {gap:12px}
@media(min-width:640px) {
  body[data-dr-app="misteryshopper"] :is(.executive-kpis,.dash-kpis) {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:12px}
  body[data-dr-app="quala"] .cards {grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:12px}
}
body[data-dr-app="agent"] .card-arrow {opacity:1!important;color:var(--dr2-primary)!important}
body[data-dr-app="misteryshopper"] :is(.dash-head,.dash-card) {background:var(--dr2-surface);border:1px solid var(--dr2-line);border-radius:14px;padding:16px}
body[data-dr-app="misteryshopper"] .dash-head {background:var(--dr2-hero)}
body[data-dr-app="misteryshopper"] .dash-kpi {padding:14px;border:1px solid var(--dr2-line);border-radius:14px;background:var(--dr2-teal-soft);min-height:0}
body[data-dr-app="misteryshopper"] .dash-kpi:nth-child(3n+2) {background:var(--dr2-violet-soft)}
body[data-dr-app="misteryshopper"] .dash-kpi:nth-child(3n) {background:var(--dr2-ochre-soft)}
body[data-dr-app="misteryshopper"] .dash-kpi :is(span,strong) {color:var(--dr2-text)}
body[data-dr-app="misteryshopper"] .dash-kpi small {color:var(--dr2-muted)}
body[data-dr-app="agent"][data-dr-density="compact"] .agent-card {padding:18px;gap:10px;min-height:0}
body[data-dr-app="agent"][data-dr-density="compact"] .agent-card p {min-height:0}
@media(max-width:980px) {
  body[data-dr-mobile-managed] [data-dr-shell] {display:block!important}
  body[data-dr-mobile-managed] [data-dr-workspace] {margin-left:0!important;width:100%!important}
  body[data-dr-mobile-managed] [data-dr-nav] {
    position:fixed!important;inset:var(--dr-header-height,72px) auto 0 0!important;width:min(280px,85vw)!important;
    height:auto!important;max-height:calc(100dvh - var(--dr-header-height,72px));overflow:auto!important;
    transform:none!important;z-index:60;background:var(--dr2-nav)!important;
    padding:16px!important;box-shadow:12px 0 28px #19344833;
  }
  body[data-dr-mobile-managed][data-dr-mobile-menu="closed"] [data-dr-nav] {display:none!important}
  body[data-dr-mobile-managed][data-dr-mobile-menu="open"] [data-dr-nav] {display:flex!important;flex-direction:column}
  body[data-dr-mobile-managed] .mobilebar {display:none!important}
  body[data-dr-mobile-managed] :is(#menu-toggle,#sidebarToggle,.topbar>.menu-toggle,.sidebar-close) {display:none!important}
  body[data-dr-app="misteryshopper"][data-dr-mobile-managed]>.wrap {grid-template-rows:minmax(0,1fr)!important}
}
/* Quala uses the same shell for every existing profile, retaining its original
   role-filtered menu and the PDF upload/review details element. */
body[data-dr-app="quala"][data-dr-docked] > .top {
  position:sticky!important;inset:auto!important;top:0!important;width:100%!important;
  height:auto!important;min-height:60px;display:flex!important;flex-direction:row!important;
  padding:10px 16px!important;gap:12px;align-items:center;flex-wrap:wrap;
  background:var(--dr2-header)!important;overflow:visible!important;
}
body[data-dr-app="quala"][data-dr-docked] > .top .top-left {width:auto!important;padding:0!important;border:0!important;order:0}
body[data-dr-app="quala"][data-dr-docked] > .top .session {margin:0 0 0 auto!important;width:auto!important;padding:0!important;border:0!important;background:transparent!important;flex-direction:row!important;order:1}
body[data-dr-app="quala"][data-dr-docked] > .top .session > * {width:auto!important;margin:0!important}
body[data-dr-app="quala"][data-dr-docked] > .top .dr-workspace-controls {order:2;margin:0!important}
body[data-dr-app="quala"][data-dr-docked] > .top .logo {object-fit:contain!important;object-position:center!important;border-radius:0!important;width:56px!important;height:42px!important}
body[data-dr-app="quala"][data-dr-docked] [data-dr-nav] {flex:none!important;transform:none!important}
body[data-dr-app="quala"][data-dr-docked] [data-dr-nav] .menu-submenu {flex-direction:column;gap:6px;padding:6px 0 0 10px}
body[data-dr-app="quala"][data-dr-docked] [data-dr-nav] summary {padding:10px 12px;border:1px solid var(--dr2-line);background:var(--dr2-surface);color:var(--dr2-text)}
@media(min-width:981px) {
  body[data-dr-app="quala"][data-dr-docked]>.wrap {margin-left:var(--dr-nav-width)!important;width:auto!important;max-width:none!important;padding:16px!important}
  body[data-dr-app="misteryshopper"][data-dr-menu="collapsed"]>.wrap {grid-template-columns:minmax(0,1fr)!important}
}
@media print {
  body[data-dr-app] :is([data-dr-nav],.dr-workspace-controls) {display:none!important}
  body[data-dr-app] [data-dr-workspace] {margin-left:0!important;width:100%!important;overflow:visible!important}
}
/* Structural shell migration: original navigation nodes and listeners retained. */
body[data-dr-app] [data-dr-nav] {box-sizing:border-box}
body[data-dr-app="categorizar-vehiculos"] .sidebar-root {background:var(--dr2-nav)!important;color:var(--dr2-text)!important;border-color:var(--dr2-line)!important}
body[data-dr-app="categorizar-vehiculos"] .topbar-root {background:var(--dr2-header)!important;color:var(--dr2-text);flex-wrap:wrap;height:auto;min-height:60px}
body[data-dr-app="categorizar-vehiculos"] .sidebar-root a {color:var(--dr2-text)!important}
body[data-dr-app="categorizar-vehiculos"] .sidebar-root a.active {background:var(--dr2-primary)!important;color:#fff!important}
body[data-dr-app] [data-dr-nav] :is(.menu a,.menu button,.top-menu a) {
  border-radius:10px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;
}
body[data-dr-docked] {--dr-nav-width:244px;--dr-header-height:70px}
body[data-dr-docked] [data-dr-dock-header] {
  position:sticky;top:0;z-index:60;box-sizing:border-box;
}
body[data-dr-docked] [data-dr-nav] {
  position:fixed!important;top:var(--dr-header-height)!important;left:0!important;bottom:0!important;
  width:var(--dr-nav-width)!important;height:auto!important;max-height:none!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  padding:16px 12px!important;gap:8px!important;overflow-y:auto!important;overflow-x:hidden!important;
  background:var(--dr2-nav)!important;border-radius:0!important;border:0!important;
  border-right:1px solid var(--dr2-line)!important;z-index:50;
}
body[data-dr-docked] [data-dr-nav] :is(a,button) {
  display:flex;align-items:center;padding:10px 12px;flex:0 0 auto;
  border:1px solid var(--dr2-line);border-radius:10px;text-decoration:none;
  background:var(--dr2-surface);color:var(--dr2-text);font:600 14px/1.4 system-ui,sans-serif;
  width:100%;box-sizing:border-box;text-align:left;justify-content:flex-start;
  min-width:0;white-space:normal!important;line-height:1.4;
}
body[data-dr-docked] [data-dr-nav] :is(a,button):is(.active,.dr-nav-active) {
  background:var(--dr2-primary)!important;color:white!important;border-color:transparent;
}
body[data-dr-docked] [data-dr-nav] .menu {
  display:flex!important;flex-direction:column!important;min-width:0!important;gap:8px;
}
body[data-dr-app="scraping-vehiculos"][data-dr-docked] [data-dr-nav] .menu-shell {
  display:flex;flex-direction:column;flex:0 0 auto;width:100%;min-height:0;gap:16px;
}
body[data-dr-app="scraping-vehiculos"][data-dr-docked] [data-dr-nav] :is(.primary-menu,.submenu,.submenu-row) {
  min-width:0!important;width:100%;flex-direction:column;align-items:stretch;gap:6px;
}
body[data-dr-app="scraping-vehiculos"][data-dr-docked] [data-dr-nav] .submenu.active {display:flex}
body[data-dr-app="scraping-vehiculos"][data-dr-docked]>.wrap>.panel {height:100%;min-height:0;overflow:auto}
body[data-dr-docked] [data-dr-nav] :is(.logo,img) {max-width:100%;object-fit:contain}
@media(min-width:981px){
  body[data-dr-docked][data-dr-menu="collapsed"] [data-dr-nav]{display:none!important}
  body[data-dr-app="codificacion"][data-dr-docked]>.wrap {
    width:auto!important;max-width:none!important;margin-left:var(--dr-nav-width)!important;
    padding:20px!important;min-width:0;
  }
  body[data-dr-app="agent"][data-dr-docked]>:is(.wrap,.page,main.shell) {
    margin-left:var(--dr-nav-width)!important;width:auto!important;max-width:none!important;padding:20px!important;
  }
  body[data-dr-app="scraping-vehiculos"][data-dr-docked]>.wrap {
    display:block!important;width:auto!important;max-width:none!important;
    margin-left:var(--dr-nav-width)!important;grid-template-columns:minmax(0,1fr)!important;
  }
  body[data-dr-docked][data-dr-menu="collapsed"]>.wrap {margin-left:0!important}
  body[data-dr-app="agent"][data-dr-docked][data-dr-menu="collapsed"]>:is(.page,main.shell) {margin-left:0!important}
}
@media(max-width:980px){
  body[data-dr-docked]>.wrap{margin-left:0!important;width:100%!important}
  body[data-dr-docked][data-dr-mobile-menu="closed"] [data-dr-nav]{display:none!important}
  body[data-dr-docked][data-dr-mobile-menu="open"] [data-dr-nav]{max-width:85vw;box-shadow:10px 0 30px #10203033}
  body[data-dr-app="scraping-vehiculos"][data-dr-docked]>.wrap{display:block!important}
}
.dr-workspace-controls {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;
  gap:6px; margin-left:auto; padding:4px 0; flex:0 0 auto;
  grid-column:1/-1; font:500 12px/1.2 system-ui,sans-serif;
}
body .dr-workspace-controls .dr-workspace-button {
  appearance:none; display:inline-flex; align-items:center; justify-content:center;
  width:auto; min-height:34px; height:auto; padding:7px 11px; margin:0;
  border:1px solid var(--dr2-line,#b8cbd6); border-radius:8px;
  background:var(--dr2-surface,#f8fafb); color:var(--dr2-text,#193448);
  font:inherit; cursor:pointer; white-space:nowrap; box-shadow:none;
}
body .dr-workspace-controls .dr-workspace-button[hidden]{display:none!important}
body .dr-workspace-button[aria-pressed="true"]{background:var(--dr2-teal-soft,#deefea)}
body .dr-workspace-button:hover{border-color:var(--dr2-primary,#126b85)}
body .dr-workspace-button:focus-visible{outline:3px solid #1686ab;outline-offset:2px}
body[data-dr-app="quala"] .dr-workspace-controls {margin-bottom:8px}
body[data-dr-app] :is(header.top,.topbar,.main-wrapper>header){flex-wrap:wrap;height:auto;min-height:48px}
body[data-dr-app] [data-dr-workspace]{min-width:0}
@media(min-width:981px){
  body[data-dr-menu="collapsed"] [data-dr-nav]{display:none!important}
  body[data-dr-menu="collapsed"] [data-dr-shell]{grid-template-columns:minmax(0,1fr)!important}
  body[data-dr-menu="collapsed"] [data-dr-workspace]{margin-left:0!important;width:100%!important;max-width:none!important}
  body[data-dr-app="quala"][data-dr-menu="collapsed"]>.wrap{margin-left:0!important;width:100%!important}
  body[data-dr-app="scraping-vehiculos"][data-dr-menu="collapsed"]>.wrap{grid-template-rows:minmax(0,1fr)!important}
  body[data-dr-density="compact"] :is(.layout,.app,.wrap){max-width:none}
  body[data-dr-density="compact"] :is(.content,.main-content){max-width:none;padding:16px!important}
  body[data-dr-density="compact"] :is(.panel,.card,.stat-card,.kpi-card){padding:12px}
  body[data-dr-density="compact"] :is(.cards,.metrics,.kpis,.project-grid){gap:10px}
  body[data-dr-density="compact"] :is(.page-header,.page-head){margin-bottom:14px;padding-block:10px}
  body[data-dr-density="compact"] :is(.page-header,.page-head) h1{font-size:clamp(22px,2vw,28px);margin-block:0 6px}
  body[data-dr-density="compact"] :is(th,td){padding-top:7px;padding-bottom:7px}
  body[data-dr-app="quala"][data-dr-density="compact"] .wrap>.panel{min-height:0!important}
}
@media(max-width:980px){
  .dr-workspace-controls{flex-basis:auto}
  body .dr-workspace-controls .dr-workspace-button{min-height:40px}
}
/* JAC's dashboard has explicit semantic classes, not global Tailwind overrides. */
.jac-overview{gap:16px;padding:18px}
.jac-overview-hero{padding:18px;border-radius:18px}
.jac-overview-title{font-size:28px;margin-top:6px;line-height:1.2}
.jac-overview-metrics{gap:12px}
.jac-overview-metric{padding:16px}
.jac-overview-modules{padding:18px;border-radius:18px}
body[data-dr-density="compact"] .jac-overview{gap:12px;padding:14px}
body[data-dr-density="compact"] .jac-overview-hero{padding:14px 18px}
body[data-dr-density="compact"] .jac-overview-title{font-size:24px}
body[data-dr-density="compact"] .jac-overview-metric{padding:12px 14px}
body[data-dr-density="compact"] .jac-overview-modules{padding:14px}
@media(max-width:639px){.jac-overview{padding:10px}.jac-overview-title{font-size:23px}}
/* Final shared navigation contract: compact flat rows, not separate cards. */
body[data-dr-app] [data-dr-nav] :is(nav,.nav,.menu,.top-menu,.submenu-row,.submenu,.primary-menu,.sidebar-menu) {gap:4px!important}
body[data-dr-app] [data-dr-nav] {gap:4px!important}
body[data-dr-app] [data-dr-nav] :is(a,button,summary):where(:not(.brand,.dr-topbar-logo,.sidebar-close)) {
  box-sizing:border-box;min-height:34px!important;height:auto;
  padding:7px 10px!important;margin-block:0!important;border:0!important;border-radius:6px!important;
  background:transparent!important;box-shadow:none!important;color:var(--dr2-text)!important;
  font:500 13px/1.4 Inter,"Segoe UI",system-ui,sans-serif!important;text-decoration:none;
}
body[data-dr-app] [data-dr-nav] :is(a,button,summary):hover {background:var(--dr2-blue-soft)!important}
body[data-dr-app] [data-dr-nav] :is(a,button,summary):is(.active,.dr-nav-active,[aria-current="page"],[data-active="true"]) {
  background:var(--dr2-primary)!important;color:#fff!important;
}
body[data-dr-app] [data-dr-nav] .menu-submenu {padding-left:12px!important}
body[data-dr-app] [data-dr-nav] .menu-group {margin:0!important}
body[data-dr-app] [data-dr-nav] :is(a,button).active::before {box-shadow:none}
body .dr-workspace-controls[hidden] {display:none!important}
body .dr-workspace-controls .dr-workspace-button,
body[data-dr-app="jac1"] [data-slot="sidebar-trigger"] {
  width:34px!important;min-width:34px;min-height:34px!important;padding:7px!important;
  border:1px solid var(--dr2-line)!important;border-radius:6px!important;
  background:var(--dr2-surface)!important;color:var(--dr2-text)!important;
}
body[data-dr-app="jac1"] [data-slot="sidebar-trigger"] + button[aria-expanded] {display:none!important}
body[data-dr-app="jac1"] [data-sidebar="menu-button"] {min-height:34px;font-size:13px;font-weight:500;border-radius:6px}
body[data-dr-app="jac1"] [data-sidebar="menu-button"][data-active="true"] {background:var(--dr2-primary)!important;color:#fff!important;box-shadow:none!important}
/* Expanded coordinated palette for neutral dashboard summaries only.
   Status badges, destructive actions, charts and permission states stay semantic. */
body[data-dr-app] :is(.metric-grid,.metrics,.stats-grid,.kpis,.dash-kpis,.summary-cards) >
  :is(.metric,.kpi,.dash-kpi,.summary-card,.stat-card):not(.critical):not(.error):not(.success):not(.warning) {
  border:1px solid var(--dr2-line)!important;border-top:3px solid var(--dr2-teal)!important;
  background:var(--dr2-teal-soft)!important;box-shadow:0 3px 12px #22344908!important;
}
body[data-dr-app] :is(.metric-grid,.metrics,.stats-grid,.kpis,.dash-kpis,.summary-cards) >
  :is(.metric,.kpi,.dash-kpi,.summary-card,.stat-card):nth-child(6n+2):not(.critical):not(.error):not(.success):not(.warning) {
  background:var(--dr2-indigo-soft)!important;border-top-color:var(--dr2-indigo)!important;
}
body[data-dr-app] :is(.metric-grid,.metrics,.stats-grid,.kpis,.dash-kpis,.summary-cards) >
  :is(.metric,.kpi,.dash-kpi,.summary-card,.stat-card):nth-child(6n+3):not(.critical):not(.error):not(.success):not(.warning) {
  background:var(--dr2-coral-soft)!important;border-top-color:var(--dr2-coral)!important;
}
body[data-dr-app] :is(.metric-grid,.metrics,.stats-grid,.kpis,.dash-kpis,.summary-cards) >
  :is(.metric,.kpi,.dash-kpi,.summary-card,.stat-card):nth-child(6n+4):not(.critical):not(.error):not(.success):not(.warning) {
  background:var(--dr2-cyan-soft)!important;border-top-color:var(--dr2-cyan)!important;
}
body[data-dr-app] :is(.metric-grid,.metrics,.stats-grid,.kpis,.dash-kpis,.summary-cards) >
  :is(.metric,.kpi,.dash-kpi,.summary-card,.stat-card):nth-child(6n+5):not(.critical):not(.error):not(.success):not(.warning) {
  background:var(--dr2-rose-soft)!important;border-top-color:var(--dr2-rose)!important;
}
body[data-dr-app] :is(.metric-grid,.metrics,.stats-grid,.kpis,.dash-kpis,.summary-cards) >
  :is(.metric,.kpi,.dash-kpi,.summary-card,.stat-card):nth-child(6n):not(.critical):not(.error):not(.success):not(.warning) {
  background:var(--dr2-ochre-soft)!important;border-top-color:var(--dr2-ochre)!important;
}
body[data-dr-app] :is(.page-header,.page-head,.hero-row) h1 {font-size:clamp(24px,2.3vw,32px);line-height:1.2;letter-spacing:-.025em}
body[data-dr-app] :is(.modal-content,.dialog-content) {border-radius:14px;border-color:var(--dr2-line);background:var(--dr2-surface);color:var(--dr2-text)}
body[data-dr-app] :is(th,td) {font-variant-numeric:tabular-nums}

/* Persistent desktop icon rail. Mobile remains an accessible drawer. */
.dr-rail-icon {display:none}
/* Approved Quala reference, adapted to original routes and role-filtered actions. */
body[data-dr-app] .dr-reference-panel {background:transparent;border:0;box-shadow:none;overflow:visible;grid-column:1 / -1;min-width:0;width:100%}
.dr-reference-layout {display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr);gap:20px}
.dr-reference-primary-only .dr-reference-layout {grid-template-columns:minmax(0,1fr)}
.dr-reference-primary,.dr-reference-secondary {min-width:0}
body[data-dr-app] .dr-reference-secondary {position:static!important;width:auto!important;padding:0!important;background:none!important;border:0!important;display:flex;flex-direction:column;gap:20px}
.dr-reference-primary>.dr-panel-heading {min-height:152px;border-radius:15px;border:1px solid var(--dr2-line);padding:20px 22px!important;margin-bottom:14px}
.dr-reference-primary>.dr-panel-shortcuts,.dr-reference-admin {background:var(--dr2-surface);border:1px solid var(--dr2-line);border-radius:15px;box-shadow:0 8px 30px #18342d06;overflow:hidden}
.dr-reference-panel .dr-panel-shortcuts>summary {padding:18px 20px;font-size:14px;color:var(--dr2-text);border:0}
.dr-reference-panel .dr-panel-actions {grid-template-columns:repeat(3,minmax(0,1fr));padding:16px;gap:10px}
body[data-dr-app] .dr-reference-panel .dr-panel-action {min-height:70px;flex-wrap:wrap;align-content:center;box-shadow:none!important;border-radius:10px!important}
.dr-reference-search {display:block;width:calc(100% - 32px)!important;margin:0 16px;padding:9px 12px;border:1px solid var(--dr2-line);border-radius:8px;background:var(--dr2-surface);color:var(--dr2-text);font-size:12px}
.dr-reference-empty {padding:0 20px;color:var(--dr2-muted)}
.dr-reference-start {background:var(--dr2-ochre-soft);border:1px solid var(--dr2-line);border-radius:15px;padding:24px}
.dr-reference-admin {padding:22px}
.dr-reference-secondary h3 {margin:0 0 10px;font-size:18px;letter-spacing:-.4px;color:var(--dr2-text)}
.dr-reference-secondary p {font-size:12px;color:var(--dr2-muted);line-height:1.6;margin:0 0 16px}
.dr-reference-secondary button {display:block;width:100%;text-align:left;padding:12px 0;background:transparent;color:var(--dr2-text);border:0;border-top:1px solid var(--dr2-line);font-size:12px;cursor:pointer}
.dr-reference-start button {border:1px solid var(--dr2-line);border-radius:8px;background:var(--dr2-surface);padding:10px 12px;color:var(--dr2-primary);font-weight:600}
.dr-reference-panel [hidden] {display:none!important}
@media(max-width:1100px){.dr-reference-layout{grid-template-columns:1fr}.dr-reference-secondary{display:grid!important;grid-template-columns:1fr 1fr}}
@media(max-width:600px){.dr-reference-secondary{display:flex!important}.dr-reference-panel .dr-panel-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dr-operational-panel {
  margin:0 0 20px!important;border:1px solid var(--dr2-line);border-radius:20px;
  overflow:hidden;background:var(--dr2-surface);color:var(--dr2-text);
  box-shadow:0 8px 28px #172d4510;isolation:isolate;
}
.dr-panel-heading {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;background:var(--dr2-hero)}
.dr-panel-heading h2 {font:650 clamp(21px,2vw,29px)/1.2 Inter,'Segoe UI',sans-serif!important;letter-spacing:-.035em;margin:0 0 8px!important;color:var(--dr2-text)!important}
.dr-panel-eyebrow {font:700 10px/1.4 Inter,'Segoe UI',sans-serif!important;letter-spacing:.14em;color:var(--dr2-primary)!important;margin:0 0 10px!important}
.dr-panel-description {font:400 13px/1.6 Inter,'Segoe UI',sans-serif!important;color:var(--dr2-muted)!important;margin:0!important;max-width:75ch}
.dr-panel-motif {display:flex;align-items:center;gap:7px;min-width:95px;transform:rotate(-12deg);padding:10px}
.dr-panel-motif span {width:23px;height:42px;border-radius:8px;background:var(--dr2-primary);opacity:.65}
.dr-panel-motif span:nth-child(2) {height:64px;background:var(--dr2-violet)}
.dr-panel-motif span:nth-child(3) {height:34px;background:var(--dr2-coral)}
.dr-panel-actions {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px}
.dr-panel-shortcuts > summary {cursor:pointer;padding:10px 16px;font:600 12px/1.4 Inter,'Segoe UI',sans-serif;color:var(--dr2-primary);border-top:1px solid var(--dr2-line)}
.dr-panel-shortcuts:not([open]) .dr-panel-actions {display:none}
body[data-dr-app] .panel[hidden] {display:none!important}
body[data-dr-app] .dr-panel-action {
  display:flex;align-items:center;gap:10px;text-align:left;min-width:0;min-height:57px;
  padding:12px!important;border:1px solid var(--dr2-line)!important;border-radius:12px!important;
  background:var(--dr2-surface)!important;color:var(--dr2-text)!important;cursor:pointer;
  font:600 12px/1.4 Inter,'Segoe UI',sans-serif!important;white-space:normal!important;
  box-shadow:none!important;
}
body[data-dr-app] .dr-panel-action:hover {background:var(--dr2-blue-soft)!important;border-color:var(--dr2-primary)!important;box-shadow:0 4px 14px #172d4512!important}
.dr-panel-action:focus-visible {outline:3px solid var(--dr2-primary);outline-offset:2px}
.dr-panel-action .dr-panel-action-icon {display:inline-flex!important;flex:none;width:30px;height:30px;padding:5px;border-radius:8px;background:var(--dr2-teal-soft);color:var(--dr2-teal)}
.dr-panel-action:nth-child(4n+2) .dr-panel-action-icon {background:var(--dr2-indigo-soft);color:var(--dr2-indigo)}
.dr-panel-action:nth-child(4n+3) .dr-panel-action-icon {background:var(--dr2-coral-soft);color:var(--dr2-coral)}
.dr-panel-action:nth-child(4n) .dr-panel-action-icon {background:var(--dr2-ochre-soft);color:var(--dr2-ochre)}
.dr-panel-action-arrow {margin-left:auto;opacity:.55;font-size:17px}
body[data-dr-app] .dr-operational-panel + :is(h1,h2) {margin-top:12px}
@media(max-width:1100px){.dr-panel-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.dr-panel-heading{padding:16px}.dr-panel-motif{display:none}.dr-panel-actions{padding:10px;gap:7px}.dr-panel-action{min-height:60px}}
@media print{.dr-operational-panel{display:none!important}}
@media(min-width:981px) {
  body[data-dr-app="jac1"] [data-slot="sidebar"][data-state="collapsed"] {--sidebar-width-icon:56px}
  body[data-dr-app="jac1"] [data-slot="sidebar"][data-state="collapsed"] > div {width:72px!important}
  body[data-dr-app="jac1"] [data-slot="sidebar"][data-state="collapsed"] > div:nth-child(2) {left:0!important}
}
@media(min-width:981px) {
  body[data-dr-app][data-dr-menu="collapsed"] [data-dr-nav] {
    display:flex!important;flex-direction:column!important;position:fixed!important;
    inset:var(--dr-header-height,64px) auto 0 0!important;width:72px!important;
    min-width:72px!important;max-width:72px!important;padding:10px 8px!important;
    height:auto!important;transform:none!important;overflow-y:auto!important;
    overflow-x:hidden!important;z-index:60;gap:6px!important;
    background:var(--dr2-nav)!important;border-right:1px solid var(--dr2-line)!important;
  }
  body[data-dr-app][data-dr-menu="collapsed"] [data-dr-shell] {display:block!important}
  body[data-dr-app][data-dr-menu="collapsed"] [data-dr-workspace],
  body[data-dr-app][data-dr-menu="collapsed"]>.wrap,
  body[data-dr-app="agent"][data-dr-menu="collapsed"]>:is(.page,main.shell) {
    margin-left:72px!important;width:auto!important;max-width:none!important;
  }
  body[data-dr-app][data-dr-menu="collapsed"] [data-dr-nav] :is(nav,.menu,.nav,.primary-menu,.submenu,.submenu-row,.menu-submenu,.menu-shell) {padding:0!important;min-width:0!important;width:100%!important;gap:6px!important}
  body[data-dr-app][data-dr-menu="collapsed"] [data-dr-nav] :is(a,button,summary)[data-dr-rail-label] {
    font-size:0!important;line-height:0!important;min-height:42px!important;
    padding:10px!important;width:100%!important;min-width:0!important;
    text-align:center!important;justify-content:center!important;border-radius:12px!important;
    overflow:hidden!important;
  }
  body[data-dr-app][data-dr-menu="collapsed"] [data-dr-nav] [data-dr-rail-label] > :not(.dr-rail-icon) {display:none!important}
  body[data-dr-app][data-dr-menu="collapsed"] [data-dr-nav] .dr-rail-icon {display:inline-flex!important;align-items:center;justify-content:center;color:inherit}
  body[data-dr-app][data-dr-menu="collapsed"] [data-dr-nav] :is(.brand,.sidefoot,.sidebar-user,.user,.nav-label,.nav-section-label,.side-copy,h2,h3) {display:none!important}
  body[data-dr-app][data-dr-menu="collapsed"] [data-dr-nav] summary::marker {font-size:0}
}
/* Richer surfaces without recolouring status or destructive controls. */
body[data-dr-app] :is(.card,.stat-card,.metric,.dash-kpi,.summary-card,.kpi-card,.jac-overview-metric) {
  border-radius:16px;box-shadow:0 4px 18px #172d4510;
}
body[data-dr-app] :is(.page-header,.page-head,.hero-row,.jac-overview-hero) {
  border-radius:18px;background:var(--dr2-hero);border:1px solid var(--dr2-line);
  padding:16px 20px!important;box-shadow:0 4px 18px #172d4509;
}
body[data-dr-app] [data-dr-nav] :is(a,button,summary):hover {box-shadow:inset 3px 0 var(--dr2-primary)!important}
body[data-dr-app] :is(input,select,textarea):focus-visible {outline:2px solid var(--dr2-primary);outline-offset:2px}
@media(prefers-reduced-motion:no-preference) {
  body[data-dr-app] :is(.card,.dr-workspace-button,[data-dr-rail-label]) {transition:background-color .15s,box-shadow .15s,border-color .15s}
}