/* Identidad compartida con el ERP municipal. Sólo presentación. */
:root {
  --dte-brand:#006873; --dte-ink:#173c46; --dte-muted:#50666b;
  --dte-line:#d3e5e7; --dte-soft:#e9f7f8; --dte-canvas:#f2f8f8;
  --dte-navy:#113f46; --dte-navy-deep:#0b2d35; --dte-sky:#bcebed;
  --dte-action-hover:#00545e; --dte-focus:#007d89; --dte-border-strong:#6d8990;
  --dte-surface:#fff; --dte-red:#c80c0c; --dte-menu-ancho:248px;
  --dte-accent:#35b4bf; --dte-accent-ink:#12343b;
  --dte-positive:#17613c; --dte-positive-soft:#eaf6ee; --dte-positive-line:#afd7bf;
  --dte-warning:#895708; --dte-warning-soft:#fff5df; --dte-warning-line:#e7cc91;
  --dte-danger:#a33437; --dte-danger-soft:#fff0ee; --dte-danger-line:#e5b8b5;
  --dte-cession:#714396; --dte-cession-soft:#f4edfa; --dte-cession-line:#d5c0e6;
  --dte-neutral:#526774; --dte-neutral-soft:#edf2f5; --dte-neutral-line:#c0d0d8;
  --dte-education:#285b90; --dte-education-soft:#edf4fd;
  --dte-shadow:0 1px 2px #113f460f,0 1px 1px #113f460a;
}
body {font-family:"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;background:var(--dte-canvas);color:var(--dte-ink);-webkit-font-smoothing:antialiased}
body>header {margin-left:var(--dte-menu-ancho);min-height:78px;padding:16px 32px;gap:16px;background:var(--dte-surface);color:var(--dte-ink);border:0;border-bottom:1px solid var(--dte-line);box-shadow:none;flex-wrap:nowrap}
#menuAlternar {color:var(--dte-muted);background:transparent;border:1px solid var(--dte-line);border-radius:6px;width:36px;height:36px}
#menuAlternar:hover {background:var(--dte-soft)}
.dte-ruta {display:flex;align-items:center;gap:12px;margin-right:auto;min-width:0;font-size:12px;color:var(--dte-muted)}
.dte-ruta-seccion {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dte-ink)}
.dte-ruta-separador {color:#6b7592}
body>header .dte-manual {display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border:1px solid var(--dte-line);border-radius:6px;color:var(--dte-brand);background:var(--dte-surface);font-size:12px;font-weight:600;line-height:1.4;text-decoration:none;white-space:nowrap;flex-shrink:0}
body>header .dte-manual:hover {background:var(--dte-soft);border-color:var(--dte-border-strong)}
body>header .dte-manual:focus-visible {outline:3px solid var(--dte-focus);outline-offset:3px}
body>header #estado {font-family:inherit;font-weight:600;font-size:12px;line-height:1.4;padding:7px 11px;background:#e6f1e2;border:1px solid #c6dfbd;border-radius:20px;color:#1d4f12;white-space:nowrap}
body>header #estado .estado-ok {color:#1d4f12}
body>header #estado:has(.estado-error) {background:#fbe9e8;border-color:#f2c9c6}
body>header #estado .estado-error {color:#9e0c0c}
#menuLateral {top:0;padding:24px 16px 18px;background:linear-gradient(180deg,var(--dte-navy),var(--dte-navy-deep));color:#d9f1f3;border:0;box-shadow:inset -3px 0 0 var(--dte-accent);scrollbar-width:thin;scrollbar-color:#477781 transparent}
#menuLateral .marca-sistema {display:flex;gap:12px;align-items:center;margin:0 8px 20px;padding:0 0 22px;border-bottom:1px solid #ffffff20;min-width:0}
#menuLateral .escudo-municipal {width:36px;height:50px;flex-shrink:0;object-fit:contain;border-radius:3px;background:#fff}
#menuLateral .marca-sistema h1 {font-size:18px;font-weight:650;line-height:1.3;letter-spacing:-.3px;color:white;white-space:nowrap}
#menuLateral .marca-sistema .muni {font-size:11px;line-height:1.5;margin-top:4px;color:var(--dte-sky);opacity:1}
.menu-cabecera {font-size:10px;letter-spacing:1.1px;color:var(--dte-sky);padding:0 10px 14px;font-weight:500}
#menuLateral nav {gap:3px}
.menu-enlace {position:relative;font:500 13px/1.4 "Segoe UI",sans-serif;color:#d9f1f3;border:0;border-radius:6px;padding:10px 12px;min-height:42px;gap:11px}
.menu-enlace svg {color:var(--dte-sky);stroke-width:1.6;width:19px;height:19px;flex-basis:19px}
.menu-enlace:hover {background:#bcebed17;color:white}
.menu-enlace[aria-current=page] {background:#bcebed24;color:white;font-weight:600;box-shadow:none;border:0}
.menu-enlace[aria-current=page] svg {color:var(--dte-sky)}
.menu-enlace[aria-current=page]::before {content:"";position:absolute;left:-16px;top:9px;bottom:9px;width:3px;background:var(--dte-sky);border-radius:0 3px 3px 0}
.dte-menu-grupo {padding:15px 12px 6px;color:var(--dte-sky);font-size:11px;font-weight:500}
.menu-separador {display:none}
.menu-pie {padding-top:22px}
.menu-horarios {padding:16px 10px 0;border:0;border-top:1px solid #ffffff20;border-radius:0;background:transparent;color:var(--dte-sky);font-size:11px;line-height:1.8}
.menu-horarios strong {font-size:12px;color:white;font-weight:500;margin-bottom:4px}
#menuLateral .perfiles-barra {color:var(--dte-sky);padding:12px 10px 0;font-size:11px}
#menuCerrar {color:white;background:#00545e;border-radius:6px}
.container {padding:30px 32px 56px;min-width:0}
.container>.top {gap:20px;margin-bottom:24px;align-items:flex-start}
.container>.top h2 {font:600 26px/1.25 "Segoe UI Variable Display","Segoe UI",sans-serif;letter-spacing:-.6px;color:var(--dte-ink)}
.container>.top p {font-size:13px;line-height:1.65;color:var(--dte-muted);margin:9px 0 0}
.dte-eyebrow {font-size:11px;font-weight:500;letter-spacing:.2px;color:var(--dte-muted);margin-bottom:8px}
.container :is(button,input,select,textarea),.detalle-dte :is(button,input,select,textarea) {font-family:inherit}
.container :is(.primary,.secondary),.detalle-dte :is(.primary,.secondary) {border-radius:6px;min-height:38px;line-height:1.4;font-weight:600;box-shadow:none}
.container .primary,.detalle-dte .primary {background:var(--dte-brand);border:1px solid var(--dte-brand);color:white}
.container .primary:hover:not(:disabled),.detalle-dte .primary:hover:not(:disabled) {background:var(--dte-action-hover);border-color:var(--dte-action-hover)}
.container .secondary,.detalle-dte .secondary {background:white;color:var(--dte-brand);border:1px solid var(--dte-border-strong)}
.container .secondary:hover:not(:disabled),.detalle-dte .secondary:hover:not(:disabled) {background:#f0f9f9;border-color:var(--dte-focus)}
.container input:not([type=checkbox]):not([type=radio]),.container select,.container textarea {border:1px solid var(--dte-border-strong);border-radius:6px;background:white;color:var(--dte-ink);font-size:13px;min-height:40px;min-width:0;max-width:100%}
.container input::placeholder {color:#6b7592}
.container input[type=checkbox],.container input[type=radio] {accent-color:var(--dte-brand)}
.container :is(button,a,input,select,textarea):focus-visible,#menuAlternar:focus-visible,#menuCerrar:focus-visible,.menu-enlace:focus-visible {outline:3px solid var(--dte-focus);outline-offset:3px}
#menuLateral .menu-enlace:focus-visible {outline-color:var(--dte-sky)}
.container h3 {color:var(--dte-ink);font-size:17px;font-weight:600;letter-spacing:-.2px}
.container .sub,.container .info {color:var(--dte-muted);line-height:1.6}
.panel {background:white;border:1px solid var(--dte-line);border-radius:8px;box-shadow:var(--dte-shadow);margin-bottom:24px}
.ph {padding:20px 22px;border-color:var(--dte-line)}
.ph h3 {font-size:17px}.ph .sub {margin-top:4px}.ph .secondary {font-size:12px}
#siiActualizacion {background:white;border:1px solid var(--dte-line);border-left:3px solid #6b7592;border-radius:8px;padding:12px 16px;margin:0 0 24px;box-shadow:none}
#siiActualizacion strong {font:600 12px/1.6 "Segoe UI",sans-serif;color:#294d57}
#siiActualizacion p {font-size:12px;line-height:1.5;color:var(--dte-muted);margin:3px 0 0}
#siiActualizacion>span {font-size:11px;line-height:1.7;color:var(--dte-muted);padding-left:16px;border-left:1px solid var(--dte-line)}
#siiActualizacion[data-estado=listo] {border-left-color:#286818}#siiActualizacion[data-estado=curso] {border-left-color:var(--dte-focus)}
#moduloInicio .cards {grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}
#moduloInicio .card {position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:118px;padding:19px 20px;border:1px solid var(--dte-line);border-radius:8px;background:white;box-shadow:var(--dte-shadow);overflow:hidden;transition:background-color .15s,border-color .15s}
#moduloInicio .card .desc {display:flex;align-items:center;gap:7px;font:500 11px/1.5 "Segoe UI",sans-serif;text-transform:none;color:var(--dte-muted);max-width:calc(100% - 23px);min-height:18px}
#moduloInicio .card .desc::before {content:"";display:block;width:7px;height:7px;flex-shrink:0;background:var(--dte-brand);border-radius:50%}
#moduloInicio .card .num {font:600 32px/1.2 "Segoe UI",sans-serif;color:var(--dte-navy);margin:9px 0 0;letter-spacing:-.7px;font-variant-numeric:tabular-nums}
#moduloInicio .card[data-filtro=TOTAL] {grid-column:span 2}
#moduloInicio .card[data-filtro=EN_PLAZO] .desc::before {background:#286818}
#moduloInicio .card[data-filtro=POR_VENCER] .desc::before {background:#7a4d00}
#moduloInicio .card[data-filtro=VENCE_HOY] .desc::before,#moduloInicio .card[data-filtro=ALERTAS] .desc::before {background:#9e0c0c}
#moduloInicio .card[data-filtro=CEDIDA] .desc::before {background:#4868a8}
#moduloInicio .card[data-filtro=CUMPLIDO] .desc::before {background:#6b7592}
#moduloInicio .card:hover {transform:none;background:#f0f9f9;border-color:#8dbdc3;box-shadow:var(--dte-shadow)}
#moduloInicio .card[aria-pressed=true] {border-color:var(--dte-focus);box-shadow:inset 0 0 0 1px var(--dte-focus)}
.dte-card-icon {position:absolute;top:18px;right:16px;color:#4b858e;display:grid;place-items:center;width:22px;height:22px}
.dte-card-icon svg {width:19px;height:19px}
.dte-card-caption {position:absolute;right:20px;bottom:20px;font-size:11px;font-weight:500;color:var(--dte-muted)}
#moduloInicio .dependencias-panel {padding:22px}
.dependencias-panel h3 {margin-bottom:7px}.dependencias-panel>.sub {font-size:12px}
#moduloInicio .dependencias-grid {gap:12px;margin:18px 0 14px}
#moduloInicio .dep-card {position:relative;padding:16px 14px 16px 54px;border:1px solid var(--dte-line);background:#f1f9f9;border-radius:6px;color:#294d57;font-size:12px;font-weight:500;line-height:1.5}
.dte-dep-icon {position:absolute;left:14px;top:18px;display:grid!important;place-items:center;width:27px;height:27px;border-radius:6px;background:var(--dte-soft);color:var(--dte-brand)}
.dte-dep-icon svg {width:18px;height:18px}
.dep-card .dep-cantidad {font-size:26px;font-weight:600;line-height:1.2;margin-top:7px;color:var(--dte-navy)}
#moduloInicio .dep-card:hover {background:var(--dte-soft);border-color:#8dbdc3}
.dep-card[aria-pressed=true] {outline:2px solid var(--dte-focus);outline-offset:1px}
#dependenciasNota {font-size:11px;margin:0;color:var(--dte-muted)}
.dte-shortcuts {border:1px solid var(--dte-line);border-radius:8px;background:white;box-shadow:var(--dte-shadow);overflow:hidden}
.dte-shortcuts h3 {padding:20px 22px;margin:0;border-bottom:1px solid var(--dte-line);font-size:17px}
.dte-shortcut-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 12px;gap:8px}
.dte-shortcut {display:flex;align-items:center;gap:12px;padding:16px 10px;min-width:0;border-radius:6px;color:var(--dte-ink);text-decoration:none}
.dte-shortcut:hover {background:#f0f9f9}.dte-shortcut>svg {width:20px;height:20px;flex-shrink:0;color:var(--dte-focus)}
.dte-shortcut strong {display:block;font-size:13px;font-weight:600;line-height:1.4}.dte-shortcut small {display:block;font-size:11px;color:var(--dte-muted);margin-top:4px;line-height:1.6}
.dte-shortcut .dte-shortcut-arrow {width:14px;margin-left:auto;color:var(--dte-muted)}
#panelDte .filtros,.pagos-filtros,.bodega-filtros {background:#f1f9f9;border-bottom:1px solid var(--dte-line)}
#panelDte .filtros {padding:18px 20px;gap:12px}#panelDte .seguimiento-filtros {padding-top:16px;font-size:12px;color:var(--dte-muted)}
#panelDte .filtro-alertas label {font-size:12px}#panelDte .filtro-alertas {padding-top:3px;padding-bottom:18px}
#panelDte th {font-size:11px;font-weight:600;color:var(--dte-muted);padding-block:12px;border-color:var(--dte-line)}
#panelDte th:nth-child(odd) {background:#e8f2f3}#panelDte th:nth-child(even) {background:#deedef}
#panelDte td {font:12px/1.5 "Segoe UI",sans-serif;padding-block:12px;color:#294d57;border-color:var(--dte-line)}
#panelDte td:nth-child(odd) {background:white}#panelDte td:nth-child(even) {background:#f2f8f8}
#panelDte tbody tr:hover td {background:var(--dte-soft)}
#panelDte .enlace-ficha {color:var(--dte-brand);text-decoration:none;font-weight:600}#panelDte .enlace-ficha:hover {text-decoration:underline}
#panelDte .boton-detalle {font-size:11px;padding:7px 8px;min-height:32px}
.tabla,.recepcion-tabla,.pagos-tabla,.bodega-tabla {scrollbar-width:thin;scrollbar-color:var(--dte-border-strong) var(--dte-canvas)}
.modulo-cabecera,.modulo-cuerpo,#moduloOC #mpAutoPanel {padding:24px}.modulo-cabecera {border-color:var(--dte-line)}
.modulo-cuerpo p,.modulo-cabecera p {color:var(--dte-muted)}
.horario-sii,#moduloOC #mpAutoConteos,.pagos-fuente,.bodega-aviso,#perfilesMensaje {background:var(--dte-soft);color:#294d57;border-color:#d9f1f3;border-radius:8px}
.pagos-fuente,.bodega-aviso {border-left-color:var(--dte-focus)}.pagos-fuente strong {color:var(--dte-brand)}
.pagos-resumen>*,.bodega-resumen>div,.sistema-metricas>div {border-color:var(--dte-line);border-radius:8px;box-shadow:var(--dte-shadow)}
.pagos-resumen strong,.bodega-resumen strong,.sistema-metricas strong {color:var(--dte-navy);font-variant-numeric:tabular-nums}
.pagos-tabla th,.bodega-tabla th {background:#e8f2f3;color:var(--dte-muted)}
.pagos-tabla td:nth-child(even),.bodega-tabla td:nth-child(even),.perfiles-lista td:nth-child(even) {background:#f2f8f8}
.pagos-tabla tr:hover td,.bodega-tabla tr:hover td {background:var(--dte-soft)}
.pagos-tabla small,.pagos-datos span,.pagos-nota,.bodega-tabla small,.bodega-resumen span,.bodega-filtros label {color:var(--dte-muted)}
#recepcionPanel .recepcion-bloque,#recepcionPanel .recepcion-bandeja {border-color:var(--dte-line);border-radius:8px;box-shadow:var(--dte-shadow);padding:22px}
#recepcionPanel .recepcion-bloque:nth-child(2) {background:#f1f9f9}
#recepcionPanel p {font-size:13px;line-height:1.7;color:var(--dte-muted)}
#recepcionPanel label,.perfiles-pagina label {color:#294d57}
#perfilesEdicion,.oc-vinculo {background:#f0f9f9;border-color:var(--dte-line);border-radius:8px}
.detalle-dte {border-radius:8px;color:var(--dte-ink)}.seguimiento-grid :is(input,select,textarea) {border-color:var(--dte-border-strong);border-radius:6px}
.enlace-ficha,.pagos-factura,.oc-vinculo a {color:var(--dte-brand)}
#mpEstadoBoton,#mpAvanceVentana,#bodegaAviso {font-family:inherit;border-radius:8px}
.mp-avance-cifras div {background:var(--dte-soft)}
body>footer {color:var(--dte-muted);font-size:11px;padding:20px}
html[data-acceso=pendiente] body>header,html[data-acceso=sin-sesion] body>header {margin-left:0}
@media(min-width:901px) {
  html.menu-compacto {--dte-menu-ancho:76px}
  html.menu-compacto #menuLateral .marca-sistema {justify-content:center;margin-inline:0;padding-bottom:20px}
  html.menu-compacto #menuLateral .marca-sistema>div,html.menu-compacto .dte-menu-grupo {display:none}
  html.menu-compacto .menu-cabecera {height:12px;padding:0}
}
@media(max-width:1180px) {
  .container {padding-inline:24px}body>header {padding-inline:24px}
  #moduloInicio .dependencias-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  #moduloInicio .card {padding:18px 16px}.dte-card-icon {right:12px}
  .dte-shortcut-grid {grid-template-columns:1fr}.dte-shortcut {padding:12px 10px;border-bottom:1px solid var(--dte-line)}.dte-shortcut:last-child {border:0}
}
@media(max-width:900px) {
  :root,html.menu-compacto {--dte-menu-ancho:0px}
  body>header {margin-left:0;min-height:72px;padding:14px 18px;gap:12px;flex-wrap:wrap}
  .dte-ruta {gap:8px}.dte-ruta-institucion {display:none}.dte-ruta-separador {display:none}
  #menuLateral,html.menu-compacto #menuLateral {padding:22px 16px 18px;top:0;width:268px;box-shadow:inset -3px 0 0 var(--dte-accent),10px 0 40px #0b2d3530}
  .menu-cabecera,html.menu-compacto .menu-cabecera {padding:0 10px 14px}
  .container {padding:24px 18px 64px}.container>.top h2 {font-size:25px}
  html.menu-compacto .dte-menu-grupo {display:block}
}
@media(max-width:650px) {
  #moduloInicio .cards {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #moduloInicio .card {min-height:112px}.dte-card-caption {font-size:10px;right:16px}
  #moduloInicio .dependencias-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #moduloInicio .dependencias-panel {padding:18px 16px}#moduloInicio .dep-card {padding:14px}
  .dte-dep-icon {position:static;margin-bottom:8px}
  #siiActualizacion>span {border-left:0;padding-left:0;white-space:normal}#siiActualizacion {gap:10px}
  #recepcionPanel .recepcion-bloque,#recepcionPanel .recepcion-bandeja {padding:18px}
  .seguimiento-filtros>* {max-width:100%}.seguimiento-filtros select {min-width:0}
}
@media(max-width:420px) {
  body>header {padding:12px 14px;gap:9px}body>header #estado {font-size:10px;padding:6px 8px}
  .dte-ruta {font-size:11px;flex:1}.dte-ruta-seccion {max-width:120px}
  .container {padding-inline:14px}.container>.top h2 {font-size:24px}
  #moduloInicio .card .desc {font-size:10px}.dte-card-icon {width:18px;right:10px;top:16px}.dte-card-icon svg {width:16px}
  #moduloInicio .card {padding-inline:14px}.dte-card-caption {max-width:45%;line-height:1.5;text-align:right}
  .ph {padding:18px 16px}.container>.top>div:last-child {flex-shrink:1}
}
@media(prefers-reduced-motion:reduce) {#moduloInicio .card {transition:none}}

/* Búsqueda, estados y navegación accesible. */
.dte-saltar {position:fixed;top:12px;left:12px;z-index:100;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-radius:6px;background:var(--dte-brand);color:#fff;text-decoration:none;font-size:14px;font-weight:600}
.dte-saltar:focus {width:auto;height:auto;padding:12px 18px;clip-path:none;outline:3px solid var(--dte-focus);outline-offset:3px}
#panelDte .filtros {grid-template-columns:minmax(240px,2fr) repeat(3,minmax(130px,1fr));align-items:end}
.dte-filtro-campo {display:flex;flex-direction:column;gap:7px;min-width:0}
.dte-filtro-campo label {font-size:11px;font-weight:600;color:var(--dte-muted);line-height:1.4}
.dte-filtro-campo :is(input,select) {width:100%;box-sizing:border-box}
#panelDte .seguimiento-filtros {display:grid;grid-template-columns:repeat(2,minmax(180px,250px)) minmax(0,1fr);gap:12px;padding:16px 20px;background:#f1f9f9}
#panelDte .seguimiento-filtros>[role=status] {align-self:end}
#panelDte .filtro-alertas {padding:0 20px 16px;background:#f1f9f9;border-bottom:1px solid var(--dte-line)}
.dte-filtros-activos {display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px;border-bottom:1px solid var(--dte-line);background:#fff}
.dte-filtros-activos[hidden] {display:none}
.dte-filtro-chip {display:flex;align-items:center;gap:12px;max-width:100%;border:1px solid #b3d6da;background:var(--dte-soft);border-radius:20px;padding:6px 10px;color:var(--dte-brand);font-size:11px;font-weight:500;text-align:left;line-height:1.5}
.dte-filtro-chip span:first-child {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dte-filtro-chip span:last-child {font-size:18px;line-height:1;flex-shrink:0}
.dte-filtro-chip:hover {border-color:var(--dte-focus);background:#d9f0f2}
.dte-tabla-region {position:relative;min-width:0}
#panelDte .tabla {scrollbar-gutter:stable}
.dte-tabla-region:not([data-estado=listo]) .tabla {visibility:hidden}
.dte-listado-estado {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:24px;background:var(--dte-surface)}
.dte-listado-estado[hidden] {display:none}
.dte-listado-estado strong {font-size:15px;color:var(--dte-ink)}
.dte-listado-estado p {margin:0;max-width:440px;font-size:12px;line-height:1.6;color:var(--dte-muted);overflow-wrap:anywhere}
.dte-listado-icono {display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--dte-soft);color:var(--dte-brand);font-size:24px;font-weight:500}
.dte-tabla-region[data-estado=cargando] .dte-listado-icono {width:24px;height:24px;border:3px solid var(--dte-line);border-top-color:var(--dte-focus);background:transparent;animation:dte-cargando 1s linear infinite}
.dte-tabla-region[data-estado=error] .dte-listado-icono {color:#8a5100;background:#fff1d9;font-size:20px}
#panelDte .bodega-paginacion {display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:16px 20px;border-top:1px solid var(--dte-line);background:#f4f9f9}
#panelDte #info {flex:1 1 240px;min-width:0;padding:0;margin:0;font-size:12px;line-height:1.6;color:var(--dte-muted)}
#panelDte .bodega-paginacion .secondary {min-height:36px;font-size:12px}
@keyframes dte-cargando {to{transform:rotate(360deg)}}
@media(min-width:901px) {#panelDte :is(th,td):first-child {position:sticky;left:0;z-index:1;box-shadow:1px 0 0 var(--dte-line)}#panelDte thead th:first-child {z-index:3}}
@media(max-width:1180px) {#panelDte .filtros {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px) {#panelDte .seguimiento-filtros {grid-template-columns:repeat(2,minmax(0,1fr))}#panelDte .seguimiento-filtros>[role=status] {grid-column:1/-1}#panelDte .filtros,#panelDte .seguimiento-filtros {padding:16px;gap:12px}#panelDte .filtro-alertas {padding:0 16px 16px;gap:10px}.dte-filtros-activos,#panelDte .bodega-paginacion {padding:12px 16px}.dte-listado-estado {padding:20px}.dte-filtro-campo label {font-size:11px}#panelDte #info {flex-basis:100%}}
@media(max-width:420px) {#panelDte .filtros {grid-template-columns:minmax(0,1fr)}#panelDte .seguimiento-filtros {grid-template-columns:minmax(0,1fr)}.dte-filtro-chip {font-size:11px}}
@media(prefers-reduced-motion:reduce) {.dte-tabla-region[data-estado=cargando] .dte-listado-icono {animation:none}}

/* Paleta turquesa: color por función, conservando rótulos y símbolos de estado. */
body>header {background:#f8fcfc;border-bottom-color:#c8e2e5}
body>header .dte-manual {background:var(--dte-soft);border-color:#9fcbd0}
.dte-ruta-institucion {color:var(--dte-brand)}
#menuLateral .menu-enlace[aria-current=page] {background:var(--dte-accent);color:var(--dte-accent-ink)}
#menuLateral .menu-enlace[aria-current=page] svg {color:var(--dte-accent-ink)}
#menuLateral .menu-enlace[aria-current=page]::before {background:var(--dte-sky)}
#menuLateral .menu-enlace:focus-visible {outline-color:var(--dte-accent)}
.ph,.modulo-cabecera {background:#f0f8f9}
#moduloInicio .card {--card-color:var(--dte-brand);--card-bg:var(--dte-soft);--card-border:#acd2d7;background:var(--card-bg);border-color:var(--card-border)}
#moduloInicio .card[data-filtro=EN_PLAZO] {--card-color:var(--dte-positive);--card-bg:var(--dte-positive-soft);--card-border:var(--dte-positive-line)}
#moduloInicio .card[data-filtro=POR_VENCER] {--card-color:var(--dte-warning);--card-bg:var(--dte-warning-soft);--card-border:var(--dte-warning-line)}
#moduloInicio .card[data-filtro=VENCE_HOY],#moduloInicio .card[data-filtro=ALERTAS] {--card-color:var(--dte-danger);--card-bg:var(--dte-danger-soft);--card-border:var(--dte-danger-line)}
#moduloInicio .card[data-filtro=CEDIDA] {--card-color:var(--dte-cession);--card-bg:var(--dte-cession-soft);--card-border:var(--dte-cession-line)}
#moduloInicio .card[data-filtro=CUMPLIDO] {--card-color:var(--dte-neutral);--card-bg:var(--dte-neutral-soft);--card-border:var(--dte-neutral-line)}
#moduloInicio .card .num,#moduloInicio .card .dte-card-icon {color:var(--card-color)}
#moduloInicio .card[data-filtro] .desc::before {background:var(--card-color)}
#moduloInicio .card:hover {background:var(--card-bg);border-color:var(--card-color);box-shadow:inset 0 0 0 1px var(--card-color)}
#moduloInicio .card[data-filtro=TOTAL] {background:var(--dte-brand);border-color:var(--dte-brand)}
#moduloInicio .card[data-filtro=TOTAL] :is(.desc,.num,.dte-card-icon,.dte-card-caption) {color:#fff}
#moduloInicio .card[data-filtro=TOTAL] .desc::before {background:var(--dte-sky)}
#moduloInicio .card[data-filtro=TOTAL]:hover {background:var(--dte-action-hover);border-color:var(--dte-action-hover);box-shadow:none}
#moduloInicio .card[aria-pressed=true] {box-shadow:inset 0 0 0 2px var(--card-color)}
#moduloInicio .card[data-filtro=TOTAL][aria-pressed=true] {box-shadow:inset 0 0 0 2px var(--dte-sky)}
#moduloInicio .dep-card {--dep-color:var(--dte-brand);--dep-bg:var(--dte-soft);background:var(--dep-bg);color:var(--dep-color)}
#moduloInicio .dep-card[data-dependencia=EDUCACION] {--dep-color:var(--dte-education);--dep-bg:var(--dte-education-soft);border-color:#bdcfe8}
#moduloInicio .dep-card[data-dependencia=SALUD] {--dep-color:var(--dte-positive);--dep-bg:var(--dte-positive-soft);border-color:var(--dte-positive-line)}
#moduloInicio .dep-card[data-dependencia=MUNICIPALIDAD] {border-color:#acd2d7}
#moduloInicio .dep-card[data-dependencia=SIN_CLASIFICAR] {--dep-color:var(--dte-neutral);--dep-bg:var(--dte-neutral-soft);border-color:var(--dte-neutral-line)}
#moduloInicio .dep-card .dep-cantidad {color:var(--dep-color)}
#moduloInicio .dep-card .dte-dep-icon {background:#ffffffb3;color:var(--dep-color)}
#moduloInicio .dep-card:hover {background:var(--dep-bg);border-color:var(--dep-color)}
.dte-shortcuts h3 {background:#f0f8f9}
.dte-shortcut>svg:first-child {width:34px;height:34px;padding:7px;border-radius:6px;box-sizing:border-box;background:var(--dte-soft);color:var(--dte-brand)}
#panelDte th {color:#345963}
#panelDte td {color:#294d57}
#panelDte tbody tr:hover td,.pagos-tabla tr:hover td,.bodega-tabla tr:hover td {background:#def1f3}

/* Información secundaria compacta en Facturas pagadas. */
html[data-vista-dte="pagadas"] #siiActualizacion {padding:6px 12px;margin:0 0 10px;gap:14px}
html[data-vista-dte="pagadas"] #siiActualizacion strong {font-size:11px;line-height:1.45}
html[data-vista-dte="pagadas"] #siiActualizacion>span {font-size:10px;line-height:1.4;padding-left:12px}
html[data-vista-dte="pagadas"] #siiActualizacion[data-estado="listo"] #siiEstadoDiario {display:none}
html[data-vista-dte="pagadas"] #siiActualizacion p {font-size:11px;line-height:1.4;margin-top:3px}
#moduloPagadas .pagos-fuente-compacta {display:block;padding:10px 14px;margin:0 0 12px;border-left-width:3px}
.pagos-fuente-linea {display:flex;align-items:center;justify-content:space-between;gap:16px}
#moduloPagadas .pagos-fuente-linea strong {font-size:13px;line-height:1.5}
#moduloPagadas .pagos-fuente-linea button {padding:7px 11px;min-height:32px;font-size:12px;flex-shrink:0}
#moduloPagadas .pagos-detalles {margin-top:4px;font-size:12px;color:var(--dte-muted)}
.pagos-detalles summary {width:fit-content;cursor:pointer;line-height:1.6;color:var(--dte-brand);padding:2px 0}
.pagos-detalles summary:focus-visible {outline:3px solid var(--dte-focus);outline-offset:3px;border-radius:3px}
.pagos-detalles-contenido {border-top:1px solid var(--dte-line);padding-top:6px;margin-top:7px}
#moduloPagadas .pagos-detalles p {font-size:12px;line-height:1.5;margin:5px 0}
#moduloPagadas .pagos-detalles strong {font-size:12px;font-weight:600}
#moduloPagadas #pagosRespaldoTexto {font-size:12px;line-height:1.5;margin:6px 0 0;color:var(--dte-muted)}
#moduloPagadas #pagosRespaldoTexto:empty {display:none}
#moduloPagadas #pagosRespaldoTexto[data-error="true"] {color:var(--dte-danger);font-weight:600}
#moduloPagadas #pagosRespaldoProgreso {display:block;width:min(320px,100%);height:8px;margin-top:7px}
#moduloPagadas #pagosRespaldoProgreso[hidden] {display:none}
@media(max-width:640px){.pagos-fuente-linea{align-items:flex-start;gap:10px}#moduloPagadas .pagos-fuente-compacta{padding:10px}.pagos-fuente-linea strong{min-width:0}html[data-vista-dte="pagadas"] #siiActualizacion>span{display:none}}
