/* ==========================================================================
   AdminMoto — sistema de marca (Manual de Identidad v1.0)
   Dos colores de marca (tinta, ámbar) + tres de estado. Regla 60/30/10:
   60% hueso/blanco, 30% tinta, 10% ámbar. El ámbar SE GANA: un solo botón
   ámbar por pantalla (la acción principal).
   ========================================================================== */
:root {
  /* Marca */
  --tinta:      #12161C;   /* texto, isotipo, fondos oscuros */
  --tinta-elev: #1b212b;   /* superficies elevadas sobre tinta */
  --ambar:      #F5871F;   /* el $, acciones, acento */
  --ambar-600:  #d9730a;   /* hover del ámbar */
  --ambar-050:  #fdf1e4;   /* fondo tenue ámbar */
  --hueso:      #F6F3EE;   /* fondos y tarjetas (escritorio) */
  --card:       #ffffff;   /* tarjeta sobre hueso */
  --card-2:     #fbf9f5;   /* tarjeta alterna */
  --linea:      #e7e2d8;   /* filete sobre hueso */
  /* Texto */
  --gris-1:     #4A5361;   /* cuerpo */
  --gris-2:     #8A94A0;   /* etiquetas / apagado */
  /* Estado */
  --ok:    #1FA971;  --ok-bg:   #e7f6ef;   /* al día */
  --warn:  #E8A400;  --warn-bg: #fdf3d9;   /* por vencer */
  --mora:  #E0433B;  --mora-bg: #fbe6e4;   /* vencido / en mora */
  /* Tipografía */
  --f-tit:    'Sora', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --f-cuerpo: 'IBM Plex Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --f-mono:   'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* --- Logo (isotipo + palabra) --------------------------------------------
   Colores por variables para servir sobre fondo claro u oscuro:
   .marca            → sobre hueso (tinta)
   .marca.inv        → sobre tinta (hueso)                                    */
.marca { display:inline-flex; align-items:center; gap:10px; --logo-ink:var(--tinta); }
.marca.inv { --logo-ink:var(--hueso); }
.marca svg { display:block; height:1.65em; width:auto; flex:none; }
.marca .wm { font-family:var(--f-tit); font-weight:700; font-size:1.15em; letter-spacing:-.02em; color:var(--logo-ink); line-height:1; }
.marca .wm b { font-weight:700; }

/* Números en mono (placas, montos, fechas: lo que se compara en columna) */
.num { font-family:var(--f-mono); font-variant-numeric:tabular-nums; }

/* Chips de estado */
.chip { display:inline-flex; align-items:center; gap:5px; font-family:var(--f-cuerpo);
  font-weight:600; font-size:12px; padding:3px 9px; border-radius:999px; }
.chip.ok   { color:var(--ok);   background:var(--ok-bg); }
.chip.warn { color:#8a6300;     background:var(--warn-bg); }
.chip.mora { color:var(--mora); background:var(--mora-bg); }