/* App-only additions on top of the approved design system (app.css).
   El ingreso (.login-*) vive ahora en app.css, junto al resto de la marca. */
.hidden { display: none !important; }

.login-error {
  background: var(--bad-soft);
  color: var(--bad);
  border: 1px solid var(--bad);
  border-radius: 6px;
  padding: 8px 11px;
  font-size: 12.5px;
}

.cargando { color: var(--ink-faint); font-size: 13px; padding: 30px 0; }
.vacio { color: var(--ink-faint); font-size: 13px; padding: 20px 0; text-align: center; }
.error-box {
  background: var(--bad-soft);
  border: 1px solid var(--bad);
  color: var(--bad);
  border-radius: 6px;
  padding: 12px 14px;
  font-size: 13px;
}
.side .foot .btn.ghost { color: var(--sidebar-soft); font-size: 12px; text-align: left; }
.side .foot .btn.ghost:hover { color: var(--sidebar-ink); }
tr.clickable { cursor: pointer; }
tr.clickable:hover td { background: var(--ground); }
.toolbar .search input { width: 100%; }