/* WattPass · reglas propias de la aplicación Django, encima de tokens.css y wattpass.css */

/* Mensajes de Django (messages framework) */
.msgs{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}

/* Formularios renderizados por Django */
.field ul.errorlist,ul.errorlist{list-style:none;margin:0;padding:0;font-size:13px;line-height:18px;color:var(--danger)}
.field input[type="file"]{height:auto;padding:var(--space-2) var(--space-3);box-shadow:none}
.field .req{color:var(--danger)}
.field input[disabled],.field select[disabled]{background:var(--surface-sunken);color:var(--ink-muted)}
.checks{display:grid;gap:var(--space-2)}

/* Botones que son formularios (salir, acciones POST) */
form.inline{display:inline}
button.linklike{background:none;border:0;padding:0;font:inherit;color:var(--link);cursor:pointer}
button.linklike:hover{text-decoration:underline}
.nav form{display:contents}
.nav button.navlink{display:flex;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-2);border:0;border-radius:var(--radius-sm);background:none;color:var(--on-sidebar);font:inherit;font-size:14px;font-weight:500;cursor:pointer;width:100%;text-align:left}
.nav button.navlink svg{width:16px;height:16px;color:var(--ink-muted)}
.nav button.navlink:hover{background:var(--surface-sunken)}

/* HTMX */
.htmx-indicator{opacity:0;transition:opacity .15s}
.htmx-request .htmx-indicator,.htmx-request.htmx-indicator{opacity:1}

/* Móvil: la barra lateral se pliega en un menú */
.topbar .menu{display:none}
@media (max-width: 900px){
  .shell{display:block}
  .sidebar{display:none;position:fixed;inset:0 auto 0 0;z-index:20;box-shadow:var(--shadow-md);height:100vh}
  .shell.menu-open .sidebar{display:flex}
  .topbar .menu{display:grid}
  .topbar .search{display:none}
  .page{padding:var(--space-4)}
  .kpis,.grid2,.grid3{grid-template-columns:1fr!important}
  .auth{grid-template-columns:1fr}
  .brandpanel{display:none}
}