@font-face {
  font-family: 'Atelier Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/atelier-manrope-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Atelier Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/atelier-manrope-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Atelier Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/atelier-manrope-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Atelier Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/atelier-manrope-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Atelier Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/atelier-manrope-4.ttf) format('truetype');
}


/* ATELIER · entorno de trabajo · Día / Noche. Cada regla pertenece a Atelier. */
html[data-theme="atelier"] {
 color-scheme:light;--bg:#F2F0EB;--bg-card:#FFFEFB;--bg-header:#FFFEFB;--bg-input:#FFFEFB;
 --surface:#FFFEFB;--surface-2:#F6F4EF;--surface-hover:#EBE8E1;
 --border:#DEDAD1;--border-strong:#C7C0B5;--text:#252522;--text-muted:#66655F;--text-3:#77766D;
 --bg-sidebar:#252623;--bg-sidebar-hover:#30322E;--bg-sidebar-active:#3F3333;
 --text-sidebar:#F5F5ED;--text-sidebar-muted:#B7BAB0;--sidebar-border:#3B3D36;
 --accent:#BC2637;--accent-hover:#9F1F2E;--accent-text:#FFF;--accent-subtle:#F7E7E8;
 --success:#22734E;--success-bg:#E6F2E9;--danger:#B52B38;--danger-bg:#F9E8E9;
 --warning:#8D620A;--warning-bg:#F8EFCF;--info:#356387;--info-bg:#E7EFF5;--alt:#74577D;--alt-bg:#EFE9F2;
 --atelier-elev:0 1px 3px rgb(32 31 26 / .055);--atelier-overlay:rgb(34 35 31 / .46);
 --atelier-series-1:#366F98;--atelier-series-2:#A66C36;--atelier-series-3:#488365;
}
html[data-theme="atelier-noche"] {
 color-scheme:dark;--bg:#17191D;--bg-card:#1F2227;--bg-header:#1B1D22;--bg-input:#25282F;
 --surface:#1F2227;--surface-2:#262A30;--surface-hover:#2E333B;
 --border:#343942;--border-strong:#505863;--text:#F0F1EE;--text-muted:#B4BAC2;--text-3:#9AA4AF;
 --bg-sidebar:#14161A;--bg-sidebar-hover:#22262B;--bg-sidebar-active:#3C2A30;
 --text-sidebar:#F0F1EE;--text-sidebar-muted:#A8B1BA;--sidebar-border:#2A2F36;
 --accent:#F17C86;--accent-hover:#FF99A2;--accent-text:#241317;--accent-subtle:#3C292F;
 --success:#79C59C;--success-bg:#20372D;--danger:#F3959D;--danger-bg:#412A31;
 --warning:#E6BD68;--warning-bg:#3B3322;--info:#8DBBDE;--info-bg:#243442;--alt:#C6A6D7;--alt-bg:#352B40;
 --atelier-elev:none;--atelier-overlay:rgb(5 8 12 / .72);
 --atelier-series-1:#8DBBDE;--atelier-series-2:#DEB17F;--atelier-series-3:#8AC5A5;
}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) {
 --ui:'Atelier Manrope',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
 --font-ui:var(--ui);--font-display:var(--ui);--firma:var(--ui);
 --brand:var(--accent);--brand-hover:var(--accent-hover);--brand-subtle:var(--accent-subtle);
 --ok:var(--success);--ok-bg:var(--success-bg);--err:var(--danger);--err-bg:var(--danger-bg);--warn:var(--warning);--warn-bg:var(--warning-bg);
 --shadow:var(--atelier-elev);--focus-ring:0 0 0 3px color-mix(in srgb,var(--accent) 23%,transparent);
 --atelier-small:11px;--atelier-title:22px;
}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) body {font-family:var(--ui);background:var(--bg);color:var(--text);font-variant-numeric:tabular-nums;font-feature-settings:'tnum';-webkit-font-smoothing:antialiased}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(button,input,select,textarea,h1,h2,h3,h4,.kpi-value,.kpi .v,.kpi b,.kpi-c b,.stat .v,.money,.importe){font-family:var(--ui)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(.kpi .v,.kpi-c b,.kpi-value,.stat .v,.n,.num,.money,.importe){font-variant-numeric:tabular-nums;letter-spacing:-.035em}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .sidebar {border-right-color:var(--sidebar-border);background:var(--bg-sidebar)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .sidebar-logo {min-height:58px;padding:14px 16px!important;border-color:var(--sidebar-border)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .sidebar-menu {padding-block:8px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .sidebar-menu a {margin:2px 8px;border-radius:6px;font-weight:500;letter-spacing:-.015em}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .sidebar-menu a.active {color:var(--text-sidebar);background:var(--bg-sidebar-active);font-weight:700}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .sidebar-sep {color:var(--text-sidebar-muted);font-size:10px;letter-spacing:.075em}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(.sidebar-search input,.sidebar-search){border-color:var(--sidebar-border)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(.sidebar-menu .icon,.notif-icon) svg {stroke-width:1.7}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .sidebar-foot {background:var(--bg-sidebar);border-color:var(--sidebar-border)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .topbar {min-height:var(--topbar-h);padding-inline:20px;background:var(--bg-header);border-color:var(--border);gap:12px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .topbar-title {letter-spacing:-.025em}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .topbar .mix-kbtn {border-radius:6px;background:var(--surface-2)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .topbar-user {gap:7px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .content {padding:26px 28px 44px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(.content>h1,.m2-top h1) {font:700 22px/1.25 var(--ui);letter-spacing:-.045em}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(.card,.dash-card,.kpi,.kpi-c,.kpi-card,.stat,.es-card,.panel,.box,.card-p,.est-card,.est-kpi,.table-wrap,.tbl-wrap,.tabla-wrap){background:var(--bg-card);border-color:var(--border);border-radius:var(--radius);box-shadow:var(--atelier-elev)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(.card-head,.card .head){padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:16px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(.card h3,.panel h3,.dash-card h3){font-size:15px;letter-spacing:-.025em;font-weight:700}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(.kpi,.kpi-c,.kpi-card,.stat,.est-kpi){padding:var(--pad-card)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(.kpi small,.kpi .l,.kpi-label,.stat .l,.est-kpi>span){color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.035em}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(.kpi .v,.kpi-value,.kpi-c b,.stat .v,.est-kpi>b){color:var(--text);font-weight:700;font-family:var(--ui);font-size:var(--kpi-cifra);line-height:1.2;margin-top:8px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(.kpi.bad,.kpi.warn,.kpi.ok,.kpi.info){box-shadow:var(--atelier-elev)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) table {font-family:var(--ui)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(table thead th,.m2 .tbl th){color:var(--text-muted);background:var(--surface-2);border-bottom-color:var(--border-strong);font-size:11px;font-weight:650;letter-spacing:.035em}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) table tbody td {border-bottom-color:var(--border)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) table tbody tr:hover td {background:var(--surface-hover)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(input,select,textarea){font-family:var(--ui);background-color:var(--bg-input);border-color:var(--border-strong);color:var(--text);border-radius:var(--radius-sm)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(input,select,textarea)::placeholder{color:var(--text-3)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(input,select,textarea,button,a):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(.btn,.btn-primary,.btn-sec,button){letter-spacing:-.015em}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(.btn-primary,.btn-rojo){background:var(--accent);border-color:var(--accent);color:var(--accent-text)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(.mix-dd,.notif-panel,.mix-cmdk-panel,.mix-prefs-panel){background:var(--surface);border-color:var(--border)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .mix-prefs-opt .sw {width:30px;height:30px;border-radius:6px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .mix-prefs-head h3 {font-size:20px;letter-spacing:-.04em}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .mix-prefs-sec {padding-bottom:20px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .mix-cmdk-input {font:500 17px var(--ui)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .mix-cmdk-item {border-radius:6px;padding:11px 12px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .mix-cmdk-item.selected {background:var(--accent-subtle)}
/* Métricas: todos los modelos existentes, sin alterar el cálculo ni la selección. */
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 {
 --m2-ui:var(--ui);--m2-mono:var(--ui);--m2-firma:var(--ui);--m2-text-3:var(--text-3);
 --m2-s1:var(--atelier-series-1);--m2-s2:var(--atelier-series-2);--m2-s3:var(--atelier-series-3);--m2-seq:var(--accent);
 --m2-border-strong:var(--border-strong);--m2-top:var(--topbar-h);
}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 :is(.panel,.r-sum,.cab-hero,.kv,.d-a){box-shadow:var(--atelier-elev);border-color:var(--border);border-radius:var(--radius)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 :is(.r-hd,.mod-h,.d-pt){background:var(--surface-2);border-color:var(--border);font-weight:700}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 .m2-fbar {padding:14px 16px;gap:12px 20px;margin-bottom:16px;box-shadow:var(--atelier-elev)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 :is(.m2-seg,.m2-sg){background:var(--surface-2);border-color:var(--border);padding:3px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 :is(.m2-seg .on,.chip.on){color:var(--accent);background:var(--accent-subtle);box-shadow:none;font-weight:700}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 :is(.r-v,.kv .v,.big,.num,.hero .v){font-family:var(--ui);font-weight:750;letter-spacing:-.045em;line-height:1.15;color:var(--text)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 .r-k.r-main {background:var(--surface-2)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 .r-k.r-main .r-v {font-size:clamp(26px,2.3vw,34px)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 :is(.up,.down){display:inline-block;padding:2px 6px;border-radius:4px;font-size:11px;letter-spacing:0}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 .up {background:var(--success-bg);color:var(--success)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 .down {background:var(--danger-bg);color:var(--danger)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 .r-grid>div {padding:18px 16px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 .mod-nav a.on {background:var(--accent-subtle);color:var(--accent)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 :is(.hb .bar,.stackb,.r-gbar){border-radius:4px;overflow:hidden}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 :is(.lbl,.faint,.micro){color:var(--text-3)}
/* Inicio de Dirección: briefing, por local y cabina. */
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .dd {--dd-firma:var(--ui);--dd-t3:var(--text-3);--dd-ref:var(--border-strong);--dd-bs:var(--border-strong);font-family:var(--ui)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .dd :is(.n,.mono,.dd-tag,.dd-nota,.dd-live,.dd-src){font-family:var(--ui);font-variant-numeric:tabular-nums}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .dd :is(.pane,.lt-col,.a-hero,.a-loc){border-color:var(--border);border-radius:var(--radius);box-shadow:var(--atelier-elev)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .dd .pane {padding:20px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .dd .mega {font-family:var(--ui);font-size:clamp(36px,5.4vw,74px);font-weight:750;letter-spacing:-.065em;line-height:1.08;white-space:normal;overflow-wrap:anywhere}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .dd .lt-hero {font-family:var(--ui);letter-spacing:-.045em}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .dd .dd-seg button[aria-pressed=true] {background:var(--accent-subtle);color:var(--accent);box-shadow:none}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .dd .dd-h {font-size:11px;letter-spacing:.045em;color:var(--text-muted);margin-bottom:16px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .dd :is(.up,.dn){font-weight:650}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .dd .dd-al li {padding-block:12px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .dd .dd-live i::after {animation:none}
/* Entrada al lanzador: pertenece al tema y se elimina al cambiarlo. */
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .topbar .atelier-open {display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;min-height:32px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--text);font:650 12px var(--ui);white-space:nowrap;flex-shrink:0}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-open svg {width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-hub {display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid var(--border)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-hub h1 {font:700 22px/1.2 var(--ui);letter-spacing:-.045em;margin:5px 0}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-hub p {margin:0;color:var(--text-muted);font-size:12px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-eyebrow {color:var(--text-muted);font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:700}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-hub-actions {display:flex;gap:8px;flex-shrink:0}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher {position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:24px;background:var(--atelier-overlay);backdrop-filter:blur(8px)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher[hidden]{display:none}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher-panel {width:min(100%,1000px);max-height:calc(100dvh - 48px);background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 1px 3px rgb(0 0 0 / .08)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher-head {display:flex;align-items:center;gap:16px;padding:24px 26px 18px;border-bottom:1px solid var(--border)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher-title {flex:1;min-width:0}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher-title h2 {font:700 24px/1.2 var(--ui);letter-spacing:-.05em;margin:4px 0 0}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher-search {margin:20px 26px 12px;display:flex;gap:10px;align-items:center;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:8px;padding:0 13px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher-search svg {width:19px;height:19px;fill:none;stroke:var(--text-muted);stroke-width:1.8;flex-shrink:0}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher-search input {width:100%;height:48px;min-height:48px;border:0!important;background:transparent!important;box-shadow:none!important;font-size:15px;outline:none}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher-search:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher-body {overflow-y:auto;padding:8px 26px 24px;overscroll-behavior:contain}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher-group h3 {font-size:11px;color:var(--text-muted);font-weight:650;letter-spacing:.035em;margin:18px 0 10px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-app {display:flex;align-items:center;gap:12px;padding:15px 12px;border:1px solid var(--border);border-radius:8px;color:var(--text);text-decoration:none;background:var(--surface);min-width:0;transition:background-color .15s,border-color .15s}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-app:hover {background:var(--surface-2);border-color:var(--border-strong)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-app:focus-visible {outline:2px solid var(--accent);outline-offset:1px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-app-icon {display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--surface-2);color:var(--text-muted);flex-shrink:0}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-app-icon svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-app-label {font-size:12px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher-foot {padding:12px 26px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--border);background:var(--surface-2);font-size:11px;color:var(--text-muted)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher kbd {font:10px var(--ui);border:1px solid var(--border-strong);border-radius:3px;padding:2px 4px;background:var(--surface)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-empty {padding:35px 0;color:var(--text-muted);font-size:13px}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-lock-scroll {overflow:hidden}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) #theme-toggle .icon-sun {display:none}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) #theme-toggle .icon-moon {display:block}
html[data-theme="atelier-noche"] #theme-toggle .icon-sun {display:block}
html[data-theme="atelier-noche"] #theme-toggle .icon-moon {display:none}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) ::selection {background:var(--accent-subtle);color:var(--text)}
@media (max-width:1100px) {html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .topbar .atelier-open .atelier-button-label{display:none}html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .topbar .atelier-open{padding:0;width:32px}}
@media (max-width:900px) {
 html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .content{padding:20px 16px 32px}html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .topbar{padding-inline:12px}
 html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-hub{align-items:flex-start;flex-direction:column;gap:14px}
 html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 .r-grid>div{padding:14px 12px}
}
@media (max-width:600px) {
 html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher{padding:10px}html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher-panel{max-height:calc(100dvh - 20px)}
 html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher-head{padding:18px 16px 14px}html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher-title h2{font-size:22px}
 html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher-search{margin:14px 16px 8px}html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher-body{padding:0 16px 18px}
 html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-app{padding:13px 10px;gap:9px}
 html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-app-icon{width:28px;height:28px}html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher-foot{padding:12px 16px}
 html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .atelier-launcher-foot .atelier-keys{display:none}
}
@media (prefers-reduced-motion:reduce) {html:is([data-theme="atelier"],[data-theme="atelier-noche"]) *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print {
 html:is([data-theme="atelier"],[data-theme="atelier-noche"]) {color-scheme:light;--bg:#fff;--bg-card:#fff;--surface:#fff;--surface-2:#f5f5f5;--text:#111;--text-muted:#444;--text-3:#555;--border:#ddd;--border-strong:#aaa}
 html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(.atelier-hub,.atelier-launcher,.atelier-open){display:none!important}
 html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .content{padding:0}html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(.panel,.card,.kpi){box-shadow:none}
}

html[data-theme="atelier"][data-accent="mix"] {--accent:#BC2637;--accent-hover:#BC2637;--accent-subtle:color-mix(in srgb,#BC2637 12%,var(--surface));}
html[data-theme="atelier-noche"][data-accent="mix"] {--accent:#F17C86;--accent-hover:#F17C86;--accent-subtle:color-mix(in srgb,#F17C86 12%,var(--surface));}
html[data-theme="atelier"][data-accent="azul"] {--accent:#1A5FB4;--accent-hover:#1A5FB4;--accent-subtle:color-mix(in srgb,#1A5FB4 12%,var(--surface));}
html[data-theme="atelier-noche"][data-accent="azul"] {--accent:#8DBBDE;--accent-hover:#8DBBDE;--accent-subtle:color-mix(in srgb,#8DBBDE 12%,var(--surface));}
html[data-theme="atelier"][data-accent="verde"] {--accent:#0F7B4F;--accent-hover:#0F7B4F;--accent-subtle:color-mix(in srgb,#0F7B4F 12%,var(--surface));}
html[data-theme="atelier-noche"][data-accent="verde"] {--accent:#79C59C;--accent-hover:#79C59C;--accent-subtle:color-mix(in srgb,#79C59C 12%,var(--surface));}
html[data-theme="atelier"][data-accent="violeta"] {--accent:#6B3FA0;--accent-hover:#6B3FA0;--accent-subtle:color-mix(in srgb,#6B3FA0 12%,var(--surface));}
html[data-theme="atelier-noche"][data-accent="violeta"] {--accent:#C6A6D7;--accent-hover:#C6A6D7;--accent-subtle:color-mix(in srgb,#C6A6D7 12%,var(--surface));}
html[data-theme="atelier"][data-accent="naranja"] {--accent:#B65D17;--accent-hover:#B65D17;--accent-subtle:color-mix(in srgb,#B65D17 12%,var(--surface));}
html[data-theme="atelier-noche"][data-accent="naranja"] {--accent:#E9B27B;--accent-hover:#E9B27B;--accent-subtle:color-mix(in srgb,#E9B27B 12%,var(--surface));}
html[data-theme="atelier"][data-accent="teal"] {--accent:#087D89;--accent-hover:#087D89;--accent-subtle:color-mix(in srgb,#087D89 12%,var(--surface));}
html[data-theme="atelier-noche"][data-accent="teal"] {--accent:#70C8D1;--accent-hover:#70C8D1;--accent-subtle:color-mix(in srgb,#70C8D1 12%,var(--surface));}
html[data-theme="atelier"][data-accent="neutro"] {--accent:#414441;--accent-hover:#414441;--accent-subtle:color-mix(in srgb,#414441 12%,var(--surface));}
html[data-theme="atelier-noche"][data-accent="neutro"] {--accent:#D7DCD8;--accent-hover:#D7DCD8;--accent-subtle:color-mix(in srgb,#D7DCD8 12%,var(--surface));}
/* Cifras completas y disposición según ancho útil. */
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) {--mono:var(--ui)}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) :is(code,pre,kbd) {font-family:ui-monospace,Consolas,monospace}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .dd .inst .v {font-weight:750;font-size:clamp(30px,3.4vw,48px);white-space:normal;overflow-wrap:anywhere}
html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 .r-v {white-space:normal;overflow:visible;overflow-wrap:anywhere}
@media (min-width:901px) and (max-width:1550px) {
 html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 .r-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
 html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 .r-k {border-bottom:1px solid var(--border)}
}
@media(max-width:600px) {
 html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 .r-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 .r-k {border-bottom:1px solid var(--border);padding:14px 10px}
 html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 .r-v {font-size:20px}
 html:is([data-theme="atelier"],[data-theme="atelier-noche"]) .m2 .r-k.r-main .r-v {font-size:24px}
}