/* TuGymCRM · Estilo de Licencia y resumen de importación CSV (propuesta Grafik, 09/10/2026)
   Solo estilo. Colores comprobados con WCAG AA sobre las superficies oscuras de la app. */

/* (d) Más aire entre la tarjeta de licencia y «Logo del centro» */
.tg-lic-card { margin-bottom: 2.75rem !important; }

/* (a) Estado como insignia de color */
.tg-badge { display: inline-flex; align-items: center; gap: .4rem; padding: .2rem .7rem; border-radius: 9999px;
  font-size: .8125rem; font-weight: 600; line-height: 1.4; border: 1px solid transparent; vertical-align: middle; }
.tg-badge::before { content: ""; width: .5rem; height: .5rem; border-radius: 9999px; background: currentColor; flex: none; }
.tg-badge--trial { background: #3A2A05; border-color: #7A5A0E; color: #FCD34D; }   /* ámbar: prueba */
.tg-badge--ok    { background: #052E1F; border-color: #11704A; color: #6EE7B7; }   /* verde: activa */
.tg-badge--bad   { background: #450A0A; border-color: #8F1D24; color: #FCA5A5; }   /* rojo: caducada o rechazada */

/* (b) Días restantes junto a la fecha */
.tg-lic-days { color: #9CA3AF; margin-left: .35rem; }
.tg-lic-days--soon { color: #FCD34D; }   /* quedan 3 días o menos */
.tg-lic-days--gone { color: #FCA5A5; }

/* Nota de pie: gray-500 no llega a AA en 12 px sobre esta tarjeta; sube a gray-400 */
.tg-lic-note { color: #9CA3AF !important; }

/* (c) Enlace a laborsoft.es/tugymcrm: el punto final queda fuera del enlace */
.tg-link { color: #FF7A84; text-decoration: underline; text-underline-offset: 2px; }
.tg-link:hover { color: #FFA3AA; }
.tg-link:focus-visible { outline: 2px solid #FFD700; outline-offset: 2px; border-radius: 4px; }

/* (c) Icono de línea en los avisos de licencia. Sin JS: se engancha a las clases que ya pone showLicenseMessage() */
#license-message { position: relative; padding-left: 2.85rem !important; }
#license-message::before { content: ""; position: absolute; left: 1rem; top: .8rem; width: 1.15rem; height: 1.15rem;
  background: currentColor; -webkit-mask: var(--tg-ico) center / contain no-repeat; mask: var(--tg-ico) center / contain no-repeat; }
#license-message[class~="bg-red-950/60"] { --tg-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4M12 16h.01'/%3E%3C/svg%3E"); }
#license-message[class~="bg-amber-950/60"] { --tg-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E"); }
#license-message[class~="bg-emerald-950/60"] { --tg-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.1V12a10 10 0 1 1-5.9-9.1'/%3E%3Cpath d='M22 4 12 14l-3-3'/%3E%3C/svg%3E"); }
/* bg-emerald-950/60 y bg-amber-950/60 no existen en assets/tailwind.css compilado: hoy esas cajas salen sin fondo */
#license-message[class~="bg-red-950/60"]     { background: #2A0B0E !important; border-color: #8F1D24 !important; color: #FEE2E2 !important; }
#license-message[class~="bg-amber-950/60"]   { background: #2B2005 !important; border-color: #7A5A0E !important; color: #FEF3C7 !important; }
#license-message[class~="bg-emerald-950/60"] { background: #04241A !important; border-color: #11704A !important; color: #D1FAE5 !important; }
#license-message .tg-link { color: inherit; font-weight: 600; }

/* Resumen de importación CSV: mismo estilo de tarjeta que los modales de la app */
.tg-csv-card { background: #111827; border: 1px solid rgba(255,255,255,.08); border-radius: 1.5rem; padding: 2rem; width: 100%; max-width: 36rem; margin: 0 1rem; }
.tg-csv-title { font-size: 1.5rem; font-weight: 600; color: #F4F4F5; }
.tg-csv-sub { font-size: .8125rem; color: #9CA3AF; margin-top: .25rem; }
.tg-csv-stats { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin: 1.5rem 0 1.25rem; }
.tg-csv-stat { background: #080808; border: 1px solid #374151; border-radius: 1rem; padding: 1rem 1.1rem; }
.tg-csv-stat b { display: block; font-size: 2rem; line-height: 1.1; font-weight: 700; }
.tg-csv-stat span { font-size: .875rem; color: #D1D5DB; }
.tg-csv-stat--ok b { color: #6EE7B7; }
.tg-csv-stat--bad b { color: #FCA5A5; }
.tg-csv-h { font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; color: #9CA3AF; margin-bottom: .5rem; }
.tg-csv-list { list-style: none; margin: 0 0 1.25rem; padding: 0; border: 1px solid #374151; border-radius: 1rem; overflow: hidden; max-height: 14rem; overflow-y: auto; }
.tg-csv-list li { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .75rem; padding: .65rem 1rem; font-size: .875rem; color: #E5E7EB; background: #0B0F17; }
.tg-csv-list li + li { border-top: 1px solid #1F2937; }
.tg-csv-line { font-variant-numeric: tabular-nums; color: #D1D5DB; min-width: 3.5rem; }
.tg-csv-ref { color: #F4F4F5; font-weight: 600; max-width: 22rem; overflow-wrap: anywhere; }
.tg-csv-sep { color: #6B7280; }
.tg-csv-detail { color: #9CA3AF; font-size: .8125rem; }
.tg-chip { display: inline-block; padding: .1rem .55rem; border-radius: .5rem; font-size: .75rem; font-weight: 600; }
.tg-chip--bad { background: #450A0A; color: #FCA5A5; border: 1px solid #8F1D24; }
.tg-csv-note { font-size: .8125rem; color: #9CA3AF; line-height: 1.5; }
.tg-csv-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .75rem; margin-top: 1.5rem; }
.tg-btn { padding: .75rem 1.25rem; border-radius: 1rem; font-size: .875rem; font-weight: 600; }
.tg-btn--primary { background: #D7303D; color: #FFFFFF; }
.tg-btn--primary:hover { background: #C42733; }
.tg-btn--secondary { background: #1F2937; color: #E5E7EB; border: 1px solid #374151; }
.tg-btn--secondary:hover { background: #374151; }
.tg-btn:focus-visible { outline: 2px solid #FFD700; outline-offset: 2px; }

/* Aviso de prueba en el tablero (estilo de Grafik) */
.trial-banner{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:10px 14px;border-radius:10px;border-left:4px solid var(--tb);background:color-mix(in srgb,var(--tb) 12%,transparent);font-size:14px;line-height:1.4;color:inherit}
.trial-banner[hidden]{display:none}
.trial-banner .tb-ico{flex:0 0 18px;height:18px;color:var(--tb);display:inline-flex;align-items:center;justify-content:center}
.trial-banner .tb-txt{flex:1}
.trial-banner .tb-txt strong{font-weight:700}
.trial-banner .tb-cta{flex:0 0 auto;font-weight:700;text-decoration:underline;color:inherit;white-space:nowrap}
.trial-banner.is-trial{--tb:#C9A227}
.trial-banner.is-last{--tb:#E08A00}
.trial-banner.is-expired{--tb:#D7303D}
@media (max-width:600px){.trial-banner{flex-wrap:wrap}.trial-banner .tb-cta{margin-left:28px}}