/* Planificador semanal · LabHour — colores, letras y cajas comunes a todas las pantallas */
:root{
  --petrol:#14636D; --yellow:#FFC600; --aqua:#BCE6E0;
  --bg:#F7F7F7; --surface:#FFFFFF; --sunk:#F0F2F2; --ink:#333333; --title:#202427; --muted:#6B6F72; --gris:#979797; --line:#E3E6E7;
  --accent:var(--petrol); --accent-ink:#F7F7F7; --accent-soft:var(--aqua); --chip-ink:var(--petrol);
  --btn-bg:var(--yellow); --btn-ink:var(--petrol);
  --ok:#1D7A5F; --okbg:#E1F3EC; --warn:#8A5A00; --warnbg:#FFF3CC; --bad:#B0372A; --badbg:#FBE4E0;
  --shadow:0 1px 2px rgb(32 36 39/.04),0 6px 24px rgb(32 36 39/.06);
  --f-display:"Fraunces",Georgia,"Times New Roman",serif;
  --f-body:"Hanken Grotesk","Helvetica Neue",system-ui,sans-serif;
  --f-mono:ui-monospace,"SF Mono",Menlo,monospace;
  --r:10px; --r-lg:20px; color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0E1719; --surface:#152225; --sunk:#1B2C30; --ink:#DCE5E6; --title:#F4F7F7; --muted:#9DABAE; --gris:#6E7B7E; --line:#25383C;
  --accent:#6FC3CC; --accent-ink:#F7F7F7; --accent-soft:#1E4347; --chip-ink:#BCE6E0;
  --ok:#6FD3AE; --okbg:#143229; --warn:#F2C14E; --warnbg:#382C0D; --bad:#F2887A; --badbg:#3D1D18;
  --shadow:0 1px 2px rgb(0 0 0/.3),0 6px 24px rgb(0 0 0/.25); color-scheme:dark}}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:300 15px/1.55 var(--f-body)}
b,strong{font-weight:700}
h1,h2,h3{font-family:var(--f-display);font-weight:700;color:var(--title);letter-spacing:-.01em;line-height:1.15;margin:0;text-wrap:balance}
h1{font-size:clamp(32px,2.2vw + 22px,48px)} h2{font-size:clamp(24px,1vw + 20px,30px)} h3{font-size:20px}
p{margin:0}
.lead{font-size:20px;line-height:1.45}
a{color:var(--accent)}
.muted{color:var(--muted)} .small{font-size:13px}
.num{font-variant-numeric:tabular-nums}
.sp{flex:1}
/* Botones: amarillo con texto petróleo (principal), petróleo con texto claro (secundario fuerte), blanco con borde (normal) */
.btn{appearance:none;font:700 17px/1.2 var(--f-body);border:1px solid var(--line);background:var(--surface);color:var(--title);padding:11px 22px;min-height:48px;border-radius:var(--r);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s,transform .05s}
.btn:hover{border-color:var(--gris)}
.btn:active{transform:translateY(1px)}
.btn.primary{background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-ink)}
.btn.primary:hover{background:#F2BC00;border-color:#F2BC00}
.btn.dark{background:var(--petrol);border-color:var(--petrol);color:#F7F7F7}
.btn.dark:hover{background:#0F535C;border-color:#0F535C}
.btn.danger{color:var(--bad)}
.btn.sm{font-size:15px;padding:8px 16px;min-height:40px}
.btn:disabled{opacity:.5;cursor:not-allowed}
@media (pointer:coarse){.btn.sm{min-height:48px}}
:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
input,select,textarea{font:400 16px/1.3 var(--f-body);color:var(--ink);background:var(--surface);border:1px solid #CFD4D6;border-radius:var(--r);padding:11px 12px;min-height:48px;max-width:100%;width:100%}
@media (prefers-color-scheme:dark){input,select,textarea{border-color:var(--line);background:var(--sunk)}}
input:focus,select:focus,textarea:focus{border-color:var(--petrol);outline:none;box-shadow:0 0 0 3px rgb(20 99 109/.18)}
input[type=checkbox],input[type=radio]{width:22px;height:22px;min-height:0;accent-color:var(--petrol)}
label{display:grid;gap:6px;font-weight:700;font-size:15px;color:var(--title)}
.panel{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:clamp(18px,2.4vw,32px);display:grid;gap:16px;min-width:0}
.card{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:16px 18px}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;padding:3px 11px;border-radius:99px;background:var(--sunk);color:var(--muted);white-space:nowrap}
.pill.ok{background:var(--okbg);color:var(--ok)} .pill.warn{background:var(--warnbg);color:var(--warn)} .pill.bad{background:var(--badbg);color:var(--bad)} .pill.aqua{background:var(--aqua);color:var(--petrol)}
/* Pestañas tipo pastilla; la activa en verde agua */
.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px}
.tabs::-webkit-scrollbar{display:none}
.tabs button{appearance:none;border:0;background:transparent;color:var(--muted);font:700 15px/1 var(--f-body);padding:0 18px;min-height:44px;border-radius:99px;cursor:pointer;white-space:nowrap}
.tabs button:hover{background:var(--sunk);color:var(--title)}
.tabs button[aria-current=page],.tabs button[aria-pressed=true]{background:var(--aqua);color:var(--petrol)}
@media (prefers-color-scheme:dark){.tabs button[aria-current=page],.tabs button[aria-pressed=true]{background:var(--accent-soft);color:var(--chip-ink)}}
.alert{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-radius:var(--r);background:var(--warnbg)}
.alert.bad{background:var(--badbg)} .alert.ok{background:var(--okbg)} .alert.info{background:var(--accent-soft)}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--petrol);color:#F7F7F7;padding:12px 20px;border-radius:var(--r);font-weight:700;z-index:50;max-width:calc(100vw - 32px);box-shadow:var(--shadow);pointer-events:none}
.toast.bad{background:var(--bad);color:#fff}
.marca{font-family:var(--f-display);font-weight:700;color:var(--title);letter-spacing:-.01em}
.marca small{font-family:var(--f-body);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--petrol);margin-left:6px}
@media (prefers-color-scheme:dark){.marca small{color:var(--accent)}}
/* Colores por puesto: fondo, texto y raya de la izquierda */
.p-sala{--pb:#C9EBE5;--pi:#0F535C;--pl:#14636D}
.p-barra{--pb:#FFE1C4;--pi:#8A4A0B;--pl:#F28C28}
.p-cocina{--pb:#D8EFCF;--pi:#2F6B22;--pl:#4E9A3A}
.p-encargado{--pb:#F8DAEA;--pi:#8C2A5E;--pl:#D2559A}
.p-none{--pb:#E9EDEE;--pi:#33444A;--pl:#979797}
@media (prefers-color-scheme:dark){
  .p-sala{--pb:#173B3F;--pi:#BCE6E0;--pl:#4FB3BF}
  .p-barra{--pb:#3E2A14;--pi:#F7C08A;--pl:#F28C28}
  .p-cocina{--pb:#1E3518;--pi:#B5E0A5;--pl:#6CC152}
  .p-encargado{--pb:#3D1F30;--pi:#F2B3D3;--pl:#E07AB4}
  .p-none{--pb:#223033;--pi:#C3CDCF;--pl:#6E7B7E}}
/* Colores de las ausencias: fondo suave y texto del mismo tono */
.t-vacaciones{--aus-bg:#FFF1B8;--aus-ink:#7A5B00}
.t-baja_medica{--aus-bg:#FBD9D3;--aus-ink:#9B2C1F}
.t-accidente{--aus-bg:repeating-linear-gradient(135deg,#FBD9D3 0 8px,#F4BDB3 8px 16px);--aus-ink:#9B2C1F}
.t-nacimiento{--aus-bg:#E6DAF5;--aus-ink:#5B3A8C}
.t-permiso{--aus-bg:#D3E3F8;--aus-ink:#1F4E8C}
.t-asuntos{--aus-bg:#E8F2FC;--aus-ink:#2A5F94}
.t-libranza{--aus-bg:#ECEDEE;--aus-ink:#5D6266}
@media (prefers-color-scheme:dark){
  .t-vacaciones{--aus-bg:#3D3210;--aus-ink:#F5D46A}
  .t-baja_medica{--aus-bg:#40211C;--aus-ink:#F4A496}
  .t-accidente{--aus-bg:repeating-linear-gradient(135deg,#40211C 0 8px,#4F2922 8px 16px);--aus-ink:#F4A496}
  .t-nacimiento{--aus-bg:#2F2440;--aus-ink:#C9B2EE}
  .t-permiso{--aus-bg:#1C2D45;--aus-ink:#A9C8F2}
  .t-asuntos{--aus-bg:#1A2A3A;--aus-ink:#B9D6F2}
  .t-libranza{--aus-bg:#26302F;--aus-ink:#B4BDBF}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}