/* Extensiones mínimas de mp-ui.css para esta aplicación.
 * Solo usa las variables de la marca (no agrega colores, fuentes ni íconos nuevos). */

[hidden]{display:none!important}

/* Selector de empresa desplegable */
.tenant-wrap{position:relative}
.tenant[aria-expanded="true"] > .icon:last-child{transform:rotate(180deg)}
.tenant-menu{position:absolute;left:0;right:0;top:calc(100% + 2px);z-index:60;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px;max-height:min(60vh,340px);overflow:auto}
.tenant-opt{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;min-height:44px;background:none;border:0;border-radius:var(--radius-sm);font:inherit;font-size:.88rem;text-align:left;color:var(--ink);cursor:pointer}
.tenant-opt:hover{background:var(--paper)}
.tenant-opt[aria-selected="true"]{background:var(--info-bg);font-weight:500}
.tenant-opt .logo-slot{flex:none;width:30px;height:30px;border-radius:7px;background:var(--cyan);color:var(--navy-950);display:grid;place-items:center;font-weight:700;font-size:.72rem}
.tenant-opt small{display:block;color:var(--ink-soft);font-size:.74rem}
.tenant-vacio{padding:10px;color:var(--ink-soft);font-size:.85rem}

/* La empresa activa siempre visible en la barra superior (también en celular) */
.empresa-chip{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;padding:6px 12px;border-radius:999px;background:var(--info-bg);border:1px solid var(--info-line);color:var(--navy-900);font-size:.85rem;font-weight:500}
.empresa-chip .icon{color:var(--teal-deep)}
.empresa-chip .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.empresa-chip .r{color:var(--ink-soft);font-weight:400;white-space:nowrap}

/* Pie del menú lateral */
.side-who{display:grid;gap:1px;margin-bottom:10px;min-width:0}
.side-who strong{color:var(--white);font-weight:500;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-who span{color:#9dbccb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-logout{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 10px;border-radius:var(--radius-sm);border:0;background:transparent;color:#cfe2ea;font:inherit;font-weight:500;font-size:.88rem;cursor:pointer;text-align:left}
.side-logout:hover{background:rgba(255,255,255,.08);color:var(--white)}
.side-logout .icon{color:var(--cyan)}

/* Aviso de modo demostración */
.demo-banner{background:var(--warning-bg);color:#5c3b00;border-bottom:1px solid var(--warning-line);padding:8px 24px;font-size:.82rem;font-weight:500;text-align:center}

/* Listas de datos y utilidades */
dl.datos{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:12px 24px;margin:0}
dl.datos dt{color:var(--ink-soft);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;font-weight:500;padding-top:3px}
dl.datos dd{margin:0;min-width:0;overflow-wrap:anywhere}
.badges{display:flex;flex-wrap:wrap;gap:6px}
.check-list{display:grid;gap:12px;max-height:230px;overflow:auto;padding:4px 2px}
.muted{color:var(--ink-soft)}
table.data tr.inactiva td{color:var(--ink-soft)}
#modal-error:empty{display:none}
.content:focus{outline:none}
td .btn{white-space:nowrap}

/* Etapa 2B: formulario ancho y Libro Diario */
.modal.ancho{width:min(920px,100%)}
.asiento-cab td{background:var(--paper);border-top:2px solid var(--line)}
table.data tfoot td{background:var(--paper);border-top:2px solid var(--line);border-bottom:0}
.modal .table-wrap select,.modal .table-wrap input{min-width:0}

@media (max-width:900px){
  .empresa-chip .r{display:none}
  .demo-banner{padding:8px 14px}
}
@media (max-width:560px){
  dl.datos{grid-template-columns:minmax(0,1fr);gap:2px}
  dl.datos dd{margin-bottom:10px}
  .topbar{gap:8px}
}

/* Etapa 2C: filas destacadas de las tablas de liquidación */
table.data tr.fila-sub td{background:var(--paper,#f3f7f9);color:var(--navy-900);font-weight:700}
table.data tr.fila-ok td{background:#e4f6ee;color:#14603f;font-weight:700}
table.data tr.fila-aviso td{background:#fff3d6;color:#7a4e00;font-weight:700}