/* =====================================================================
   WINTERBREAK · wb.css — diseño compartido de todas las páginas
   Cambiar aquí = cambia en todo el sitio.
===================================================================== */
:root{
  --paper:#ffffff;
  --ink:#3b3b3b;
  --ink-soft:#6b6b6b;
  --hair:#e4e4e4;
  --blue:#3b6ff5;
  --blue-soft:#eef2ff;
  --wknd:#f3f4f7;
  --ok:#1d9e6e;
  --warn:#e8a13a;
  --idle:#c4c8cf;
  --today:#f2c110;
}

/* ---- barra de navegación superior (inyectada por wb.js) ---- */
.wb-nav{
  position:sticky;top:0;z-index:50;background:var(--paper);
  display:flex;align-items:center;gap:4px;
  border-bottom:1px solid var(--hair);
  padding:10px 22px;font-family:'Archivo',sans-serif;
}
.wb-brand{
  font-family:'Anton',sans-serif;font-size:15px;letter-spacing:.8px;
  color:var(--ink);text-decoration:none;text-transform:uppercase;margin-right:18px;
}
.wb-brand span{color:var(--blue)}
.wb-tab{
  font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;
  color:var(--ink-soft);text-decoration:none;padding:7px 13px;border-radius:999px;
}
.wb-tab:hover{color:var(--ink)}
.wb-tab.on{background:var(--ink);color:#fff}
.wb-mode{
  margin-left:auto;display:inline-flex;border:1px solid var(--hair);border-radius:999px;padding:2px;
}
.wb-mode button{
  border:0;background:transparent;font-family:'Archivo';font-weight:700;font-size:11px;
  text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft);
  padding:5px 12px;border-radius:999px;cursor:pointer;
}
.wb-mode button.on{background:var(--blue);color:#fff}

/* ---- modo VER: bloquea toda edición, deja navegación y vistas ---- */
body.mode-view input,
body.mode-view select,
body.mode-view textarea,
body.mode-view .estado,
body.mode-view .day,
body.mode-view .cell,
body.mode-view .chip,
body.mode-view .tag,
body.mode-view .hbtn{pointer-events:none !important}
body.mode-view .reset{visibility:hidden}
/* excepciones: controles de visualización siguen activos */
body.mode-view .tabs .tab{pointer-events:auto !important}
body.mode-view .hsel{pointer-events:auto !important}