/* Superficies y texto heredan la paleta activa, también al cambiar de modo. */
.ui-notificaciones.ui-notificaciones {
    position:fixed; inset: max(16px, env(safe-area-inset-top)) 18px auto auto;
    margin:0; padding:0; border:0; background:transparent; color:var(--texto);
    width:min(420px, calc(100vw - 32px)); max-height:calc(100dvh - 40px);
    overflow:auto; z-index:10000; pointer-events:none;
}
.ui-notificaciones:not(:popover-open):not(.ui-sin-popover) { display:none }
.ui-notificaciones::backdrop { background:transparent; pointer-events:none }
.ui-notificacion.ui-notificacion {
    display:flex; align-items:flex-start; gap:12px; margin:0 0 10px; padding:16px;
    background:var(--panel); color:var(--texto); border:1px solid var(--borde);
    border-inline-start:5px solid var(--violeta,var(--primario)); border-radius:12px;
    box-shadow:0 8px 28px #0003; pointer-events:auto; overflow-wrap:anywhere;
    font-size:14px; line-height:1.5;
}
.ui-notificacion-icono { flex:0 0 26px; width:26px; height:26px; display:grid; place-items:center; border-radius:50%; background:var(--violeta,var(--primario)); color:var(--texto-sobre-primario,#fff); font-weight:800 }
.ui-notificacion-contenido { flex:1; min-width:0 }
.ui-notificacion-contenido ul { margin:6px 0 0; padding-inline-start:18px }
.ui-notificacion [data-notificacion-cerrar] { flex:0 0 30px; width:30px; height:30px; display:grid; place-items:center; padding:0; border:1px solid var(--borde); border-radius:8px; background:var(--panel2); color:var(--texto); font:24px/1 inherit; cursor:pointer }
.ui-pestanas { display:flex; gap:6px; overflow-x:auto; padding:4px 2px 10px; margin:0 0 12px; scrollbar-width:thin; border-bottom:1px solid var(--borde); scroll-margin-top:20px }
.ui-pestanas-cortas { flex-wrap:wrap }
.ui-pestanas button.ui-pestana { flex:0 0 auto; border:1px solid var(--borde); border-radius:9px; padding:10px 14px; background:var(--panel2); color:var(--texto); font:inherit; font-size:14px; cursor:pointer; min-height:42px }
.ui-pestanas button.ui-pestana[aria-selected="true"] { background:var(--violeta,var(--primario)); color:var(--texto-sobre-primario,#fff); border-color:var(--violeta,var(--primario)); font-weight:700 }
.ui-pestana:focus-visible, [data-notificacion-cerrar]:focus-visible { outline:3px solid var(--enlace-acento,var(--texto)); outline-offset:2px }
.ui-panel[hidden], .ui-guardar[hidden] { display:none !important }
.ui-panel { min-width:0; scroll-margin-top:20px }
.ui-campos { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px }
.ui-campos > .ancho, .ui-campos > fieldset, .ui-campos > .ui-ayuda { grid-column:1/-1 }
.ui-campos > label { display:flex; align-items:center; gap:9px; padding:12px; border:1px solid var(--borde); border-radius:9px; background:var(--panel2); color:var(--texto) }
.ui-campos > label input[type="checkbox"] { flex-shrink:0 }
.ui-grid-secciones { display:block !important }
.ui-grid-secciones > .config-grupo { margin-bottom:16px }
.ui-guardar { position:sticky; bottom:0; z-index:5; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:12px 0; margin-top:14px; border-top:1px solid var(--borde); background:var(--panel); color:var(--texto) }
.ui-guardar .boton { margin:0 !important }
.ui-guardar small { color:var(--muted); max-width:46ch; font-size:12px }
.admin-main > form > .ui-guardar { padding:12px 16px; border-radius:10px }
.admin-main .tabla-wrap, dialog .tabla-wrap { max-height: min(58dvh, 560px); overflow:auto; scrollbar-width:thin }
.admin-main .tabla th, dialog .tabla th { position:sticky; top:0; z-index:1; background:var(--panel); color:var(--muted) }
dialog .ui-pestanas { position:sticky; top:-1px; z-index:4; background:var(--panel); padding-top:8px }
dialog .ui-panel .panel { margin-top:0 !important }
dialog .ui-panel .entrega-item { margin-top:0 }
.ui-panel .editor { min-height:160px; max-height:38dvh; overflow:auto }
@media(max-width:600px) {
    .ui-campos { grid-template-columns:minmax(0,1fr) }
    .ui-notificaciones.ui-notificaciones { right:16px }
    .ui-pestanas button.ui-pestana { padding:9px 11px; font-size:13px }
    .ui-pestanas-cortas { flex-wrap:nowrap }
    .ui-guardar { gap:8px }
    .ui-guardar .boton { width:100% }
    .ui-guardar small { max-width:none }
}