/* ============================================================================
   SKY TERRA GESTIÓN — roles.css
   Los roles se ven igual en todo el sistema.

   Los nombres y los colores salen del maestro (Maestros → Solicitantes), que es
   donde dirección los administra. Este archivo los deja disponibles para
   cualquier módulo, así no hay que repetirlos —ni que se desincronicen— en cada
   hoja de estilo.

       proyecto   Arquitectura de proyecto   crea órdenes de compra
       obra       Dirección de obra          firma y prioriza
       compras    Compras                    cotiza, pide y recibe
       admin      Administración             paga y carga en compras
       direccion  Dirección                  todo el circuito
       invitado   Invitado                   solo lectura
   ============================================================================ */

.rol-chip {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.5;
  padding: 2px 10px;
  border-radius: 999px;
  white-space: nowrap;
}

.rol-chip.r-direccion { background: #1B2A3B; color: #fff; }
.rol-chip.r-obra      { background: #B8973E; color: #fff; }
.rol-chip.r-compras   { background: #d9e2ea; color: #2c4257; }
.rol-chip.r-admin     { background: #d9ead3; color: #274e13; }
.rol-chip.r-proyecto  { background: #f0ece4; color: #6b6259; }
.rol-chip.r-comercial { background: #f6ede7; color: #7a4f33; }
.rol-chip.r-invitado  { background: transparent; color: #6b6259; border: 1px dashed #c3b9a8; }

/* En oscuro los chips claros se apagan para no ser manchas, y los oscuros se
   aclaran para seguir leyéndose. */
:root[data-tema="oscuro"] .rol-chip.r-direccion { background: #EFEAE1; color: #131E29; }
:root[data-tema="oscuro"] .rol-chip.r-obra      { background: #D4B45E; color: #131E29; }
:root[data-tema="oscuro"] .rol-chip.r-compras   { background: #1F3348; color: #9BBBE4; }
:root[data-tema="oscuro"] .rol-chip.r-admin     { background: #1B3520; color: #8FAE8D; }
:root[data-tema="oscuro"] .rol-chip.r-proyecto  { background: #262F38; color: #C3CCD6; }
:root[data-tema="oscuro"] .rol-chip.r-comercial { background: #33251C; color: #C08A63; }
:root[data-tema="oscuro"] .rol-chip.r-invitado  { color: #A7B3BF; border-color: #3A4F66; }

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) .rol-chip.r-direccion { background: #EFEAE1; color: #131E29; }
  :root:not([data-tema="claro"]) .rol-chip.r-obra      { background: #D4B45E; color: #131E29; }
  :root:not([data-tema="claro"]) .rol-chip.r-compras   { background: #1F3348; color: #9BBBE4; }
  :root:not([data-tema="claro"]) .rol-chip.r-admin     { background: #1B3520; color: #8FAE8D; }
  :root:not([data-tema="claro"]) .rol-chip.r-proyecto  { background: #262F38; color: #C3CCD6; }
  :root:not([data-tema="claro"]) .rol-chip.r-comercial { background: #33251C; color: #C08A63; }
  :root:not([data-tema="claro"]) .rol-chip.r-invitado  { color: #A7B3BF; border-color: #3A4F66; }
}