/* Ocultar logo OHIF */
div[data-cy="return-to-work-list"] .ml-1 svg {
    display: none !important;
}

/* Mostrar logo personalizado más grande */
div[data-cy="return-to-work-list"] .ml-1::after {
    content: '';
    display: block;
    width: 250px;
    height: 55px;
    background-image: url('/logotleoblanco.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
}


/* Modal "Acerca de" TLEO */
.tleo-about, .tleo-about * {
    color: #ffffff !important;
}
.tleo-about {
    text-align: center;
}
.tleo-about::after {
    content: '';
    display: block;
    width: 220px;
    height: 60px;
    margin: 14px auto 4px;
    background-image: url('/logotleoblanco.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* ===== Tema TLEO: grises + naranja #F04E23 (reemplaza el morado de OHIF) ===== */
* {
  --background: 240 7% 5% !important;          /* #0c0c0e */
  --foreground: 240 10% 94% !important;         /* #EDEDF0 */
  --card: 240 7% 11% !important;                /* #1A1A1E */
  --card-foreground: 240 10% 94% !important;
  --popover: 240 7% 11% !important;
  --popover-foreground: 240 10% 94% !important;
  --primary: 240 10% 82% !important;            /* iconos y textos: gris claro */
  --primary-foreground: 0 0% 100% !important;
  --secondary: 240 8% 14% !important;           /* #212127 */
  --secondary-foreground: 240 10% 94% !important;
  --muted: 240 7% 11% !important;
  --muted-foreground: 240 7% 63% !important;    /* #9A9AA6 */
  --accent: 240 8% 18% !important;              /* #2B2B32 */
  --accent-foreground: 240 10% 94% !important;
  --border: 240 8% 18% !important;
  --input: 240 8% 18% !important;
  --ring: 13 87% 54% !important;
  --highlight: 13 87% 54% !important;
  --actions: 13 87% 54% !important;
  --info: 240 7% 63% !important;
  --neutral: 240 7% 63% !important;
  --bkg-low: 240 7% 5% !important;
  --bkg-med: 240 7% 11% !important;
  --bkg-full: 240 8% 18% !important;
}

/* Naranja TLEO solo en lo activo / seleccionado */
.bg-primary              { background-color: #F04E23 !important; color: #fff !important; }
.bg-primary svg,
.bg-primary svg *        { color: #fff !important; }
.border-primary          { border-color: #F04E23 !important; }
.ring-primary            { --tw-ring-color: #F04E23 !important; }
.hover\:bg-primary:hover { background-color: #F04E23 !important; }