/* ======================================================
   BASE FIGMA – GENERAL (candidato a estándar)
   ====================================================== */

/* muestra del contendo */
:root {
  --color-primary: #000000; /* placeholder */

  /* Actions / Status */
  --color-exit: #D32E27; /* para el botó Salir */

  /* Menu medidas*/
  --menu-width: 190px;
}

/* ========================================================================
   LEFT MENU / SIDEBAR 
=========================================================================== */

/* menu - medidas */
#menuFrame #sidebar {
  width: var(--menu-width) !important;
}
/* Panel izquierdo (contenedor del iframe del menú) */
#left{
  width: var(--menu-width) !important;
  flex: 0 0 var(--menu-width) !important; /* por si #layout está en flex */
}

/* ========================================================================
   TOPBAR – Logo cabecera (programas tipo)
   - Estructura común (la imagen solo aparece en 3039 por PHP)
   ======================================================================== */

#topbar .tb-left-row{
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Contenedor del logo */
#topbar .tb-logo-head{
  width: 133.11px;     /* 145px referencia Figma */
  height: 55px;     /* 61px referencia Figma */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px; /* “aire” desde el borde izquierdo */
  margin-right: 10px;
  flex: 0 0 145px;
  /*border: 1px solid green;*/
}

/* Imagen centrada y responsive dentro del contenedor */
#topbar .tb-logo-img{
  max-width: 100px;
  height: auto;
  display: block;
}


/* ========================================================================
   
=========================================================================== */