/* IUDEX · Panel de riesgo (tema v15). Para quitarlo: borra la línea <link ... tema-iudex.css> del index.html */
.pn{max-width:1500px;margin:0 auto;display:flex;flex-direction:column;gap:16px;font-feature-settings:"tnum"}
.pn-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.pn-fecha{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)}
.pn h1{font-size:26px;font-weight:800;color:var(--navy);letter-spacing:-.02em;margin-top:2px}
.pn-sub{font-size:12px;color:var(--text2);margin-top:2px}
.pn-seg{display:flex;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:4px}
.pn-seg button{border:0;background:transparent;color:var(--text2);font-weight:700;font-size:13px;min-height:44px;padding:0 18px;border-radius:9px;cursor:pointer;font-family:inherit}
.pn-seg button.on{background:var(--navy);color:#fff}
.pn-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.pn-tile{border:0;border-radius:16px;padding:16px;text-align:left;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:104px;font-family:inherit;box-shadow:var(--shadow2);transition:transform .15s}
.pn-tile:hover{transform:translateY(-2px)}
.pn-tile span{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:.92}
.pn-tile strong{font-size:24px;font-weight:800;line-height:1.1;overflow-wrap:anywhere}
.pn-tile em{font-style:normal;font-size:12px;font-weight:600;opacity:.92}
.pn-tile.azul{background:#1473E6}.pn-tile.verde{background:#12A150}.pn-tile.rojo{background:#D92D20}
.pn-tile.naranja{background:#E8700A}.pn-tile.amarillo{background:#F5B31B;color:#3D2A00}.pn-tile.gris{background:#6B7A90}
.pn-cols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start}
.pn-side{display:flex;flex-direction:column;gap:16px}
.pn-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.pn-card>header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.pn-card h2{font-size:16px;font-weight:800;color:var(--navy)}
.pn-card header p{font-size:12px;color:var(--text3);margin-top:2px}
.pn-link{border:0;background:var(--bg);color:var(--navy);font-weight:700;font-size:12px;min-height:36px;padding:0 12px;border-radius:9px;cursor:pointer;font-family:inherit}
.pn-cnt{display:flex;gap:6px;flex-wrap:wrap}
.pn-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pn table{width:100%}
.pn th{padding:10px 14px;background:#F7F9FB}
.pn td{padding:12px 14px;font-size:13px;white-space:normal}
.pn td small{display:block;font-size:12px;color:var(--text3);margin-top:2px;font-weight:500}
.pn tbody tr{cursor:pointer}.pn tbody tr:hover{background:var(--bg)}
.pn .r{text-align:right;white-space:nowrap}
.pn .num{font-weight:700;font-variant-numeric:tabular-nums}
.chip{display:inline-block;border-radius:8px;padding:4px 10px;font-weight:800;font-size:12px;white-space:nowrap}
.chip.Crítico{background:#8F1D1D;color:#fff}.chip.Alto{background:#FBD9B5;color:#7A3300}
.chip.Medio{background:#FFF1B8;color:#5E4700}.chip.Bajo{background:#DFF4DC;color:#1B5E17}
.pn-row{display:flex;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}
.pn-row:last-child{border-bottom:0}
.pn-row b{font-size:13px;color:var(--navy);display:block}.pn-row small{font-size:12px;color:var(--text3)}
.pn-when{min-width:58px;font-size:11px;font-weight:800;color:var(--text2)}
.pn-when.warm{color:#B45309}.pn-when.hot{color:#D92D20}
.pn-acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px}
.pn-acts button{min-height:46px;border:1px solid var(--border2);background:var(--bg);border-radius:12px;font-weight:700;font-size:13px;color:var(--navy);cursor:pointer;font-family:inherit}
.pn-empty{padding:28px;text-align:center;color:var(--text3);font-size:13px}
/* iPad */
@media(max-width:1100px){.pn-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.pn-cols{grid-template-columns:1fr}}
/* Celular */
@media(max-width:700px){.pn h1{font-size:22px}.pn-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pn-tile{padding:13px;min-height:96px}.pn-tile strong{font-size:19px}.pn-tile:last-child:nth-child(odd){grid-column:1/-1}.pn td{padding:11px 10px}}

/* Espacios (v20) */
.esp-hide{display:none!important}
.esp-sw{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.07)}
.esp-btn{flex:1;border:0;border-radius:8px;padding:7px 4px;font-size:11px;font-weight:700;background:rgba(255,255,255,.07);color:rgba(255,255,255,.65);cursor:pointer;white-space:nowrap}
.esp-btn.on{background:#11ad04;color:#fff}
.esp-btn.abierta:not(.on){color:#8be07f}
.cl-back{position:fixed;inset:0;z-index:20000;background:rgba(13,27,62,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.cl-box{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:340px;box-shadow:0 20px 60px rgba(0,0,0,.3);text-align:center}
.cl-ic{font-size:30px}.cl-box h3{margin:6px 0 4px;color:#0d1b3e}.cl-box p{margin:0 0 14px;font-size:13px;color:#66758f}
.cl-box input{width:100%;margin-bottom:10px;padding:12px;border:1px solid #d9dfeb;border-radius:10px;font-size:16px}
.cl-err{min-height:18px;color:#c62828;font-size:12px;margin-bottom:6px}
.cl-acts{display:flex;gap:8px;justify-content:center}
.pn-tiles4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.pn-tiles4{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Semáforo de estado de expedientes y procesos (todos los dispositivos) */
.ej-st-verde{background:#e1f3df;color:#0d6b04;border:1px solid #b9e2b4}
.ej-st-amarillo{background:#fff3c4;color:#7a5800;border:1px solid #f0d46a}
.ej-st-rojo{background:#fde3e4;color:#b3262b;border:1px solid #f4b4b7}
.ej-st-gris{background:#eef0f4;color:#5b667a;border:1px solid #d5dae3}