/* Pestañas de ESPACIO de trabajo (Almacén / Finanzas) — propuesta 2026-08.
   Navegación persistente entre las páginas/secciones que forman un espacio.
   Las pinta js/ui/workspace-tabs.js sobre un mount. Tokens de ceco-ui.css. */

.ws-tabs {
  display: flex; flex-wrap: wrap; gap: 2px;
  border-bottom: 2px solid var(--border-default);
  margin: 0 0 var(--sp-4);
}
.ws-tab {
  appearance: none; background: none; border: none; cursor: pointer;
  display: inline-flex; align-items: center; gap: 7px;
  padding: 9px 14px; font: inherit; font-size: 14px; font-weight: 600;
  color: var(--fg-3); text-decoration: none;
  border-bottom: 2px solid transparent; margin-bottom: -2px;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}
.ws-tab:hover { color: var(--fg-2); background: var(--surface-sunken); }
.ws-tab.is-active { color: var(--accent); border-bottom-color: var(--accent); }
.ws-tab svg { width: 15px; height: 15px; }
.ws-tab-badge {
  background: #B45309; color: #fff; border-radius: 999px;
  font-size: 10.5px; font-weight: 700; padding: 0 7px; line-height: 16px;
}