/* =====================================================================
   Panel institucional (Tiza, la app del profe).
   Cuatro lugares comparten este archivo:
     · #pantalla-panel   el panel del DECE y del Vicerrectorado (resumen, docentes, filtros y casos);
     · «Mi cuenta»       «Compartir con mi institución», donde cada docente decide y ve quién consultó sus casos;
     · «Usuarios»        la tarjeta «Instituciones y panel» del administrador;
     · «Mis planificaciones»  el aviso que invita al docente a decidir.
   Usa la paleta de Tiza (variables --tiza-* de index.php). Todas las clases empiezan con pn-.
   ===================================================================== */
:root{
  --pn-rojo:#C0392B; --pn-rojo-bg:#FDECEA; --pn-rojo-borde:#F3C7C1;
  --pn-ambar:#8A5A10; --pn-ambar-bg:#FFF4DC; --pn-ambar-borde:#F1D79A; --pn-ambar-punto:#D68A0D;
  --pn-verde:#17693F; --pn-verde-bg:#E6F6EE; --pn-verde-borde:#B8E2CD; --pn-verde-punto:#1E8E5A;
  --pn-violeta:#6B3FA0; --pn-violeta-bg:#F1E9FB; --pn-violeta-punto:#8A58C4;
  --pn-pizarra:#394352; --pn-pizarra-bg:#EEF1F6;
}

/* ---------- Pantalla del panel ---------- */
#pantalla-panel .pn-intro{display:flex;gap:18px;align-items:center;background:var(--tiza-degradado);color:#fff;border-radius:18px;padding:20px 24px;margin-bottom:16px;box-shadow:0 8px 24px rgba(30,136,255,.25)}
#pantalla-panel .pn-intro>i{font-size:2.2rem;opacity:.95;flex:0 0 auto}
#pantalla-panel .pn-intro h2{margin:0 0 4px;font-size:1.25rem;font-weight:700}
#pantalla-panel .pn-intro p{margin:0;opacity:.96;line-height:1.45;font-size:.95rem}
@media (max-width:560px){#pantalla-panel .pn-intro{padding:16px 16px;gap:12px}#pantalla-panel .pn-intro>i{font-size:1.6rem}}

.pn-barra{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:space-between;margin:0 0 12px}
.pn-barra .pn-inst-sel{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;min-width:0}
.pn-barra .pn-inst-nombre{font-weight:700;color:var(--tiza-profundo);font-size:1.05rem;overflow-wrap:anywhere}
.pn-barra .pn-inst-nombre i{color:var(--tiza-azul);margin-right:6px}
.pn-barra select{width:auto;max-width:100%;min-width:220px;padding:8px 12px;font-size:.92rem;font-weight:600}
.pn-barra .pn-der{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pn-actualizado{font-size:.8rem;color:var(--muted)}
.pn-btn-mini{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:7px 13px;font:inherit;font-size:.84rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}
.pn-btn-mini:hover{border-color:var(--tiza-azul-borde);background:var(--tiza-claro)}
.pn-btn-mini[disabled]{opacity:.55;cursor:default}
.pn-btn-mini.girando i{animation:pn-gira .9s linear infinite}
@keyframes pn-gira{to{transform:rotate(360deg)}}

.pn-priv{display:flex;gap:12px;align-items:flex-start;background:var(--tiza-azul-10);border:1px solid var(--tiza-azul-borde);color:var(--tiza-profundo);border-radius:14px;padding:11px 15px;margin:0 0 16px;font-size:.84rem;line-height:1.45}
.pn-priv>i{color:var(--tiza-accion);margin-top:2px;flex:0 0 auto}
.pn-priv b{font-weight:700}

/* Cifras */
.pn-resumen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px}
@media (min-width:1280px){.pn-resumen{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:560px){.pn-resumen{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pn-dato{--pn-tono:var(--tiza-azul);--pn-tono-bg:var(--tiza-azul-10);position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px 14px 20px;font:inherit;color:var(--ink);overflow:hidden;min-width:0}
.pn-dato::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--pn-tono)}
.pn-dato .pn-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--pn-tono-bg);color:var(--pn-tono);font-size:.95rem;margin-bottom:6px}
.pn-dato .pn-num{font-size:1.8rem;line-height:1.05;font-weight:700;color:var(--tiza-profundo)}
.pn-dato .pn-num small{font-size:.95rem;font-weight:600;color:var(--muted);margin-left:3px}
.pn-dato .pn-et{font-size:.82rem;color:var(--muted);line-height:1.3}
button.pn-dato{cursor:pointer;transition:transform .1s,box-shadow .15s,border-color .15s}
button.pn-dato:hover{box-shadow:0 6px 16px rgba(15,45,91,.10);border-color:var(--pn-tono)}
button.pn-dato:active{transform:translateY(1px)}
button.pn-dato[aria-pressed="true"]{border-color:var(--pn-tono);background:var(--pn-tono-bg);box-shadow:0 0 0 2px var(--pn-tono-bg)}
.pn-t-azul{--pn-tono:#1E88FF;--pn-tono-bg:#EAF3FF}
.pn-t-rojo{--pn-tono:#C0392B;--pn-tono-bg:#FDECEA}
.pn-t-ambar{--pn-tono:#D68A0D;--pn-tono-bg:#FFF4DC}
.pn-t-violeta{--pn-tono:#8A58C4;--pn-tono-bg:#F1E9FB}
.pn-t-verde{--pn-tono:#1E8E5A;--pn-tono-bg:#E6F6EE}
.pn-t-pizarra{--pn-tono:#394352;--pn-tono-bg:#EEF1F6}

/* Títulos de sección */
.pn-sec{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin:0 0 10px}
.pn-sec h3{margin:0;font-size:1.02rem;color:var(--tiza-profundo);display:flex;align-items:center;gap:8px}
.pn-sec h3 i{color:var(--tiza-azul)}
.pn-sec .pn-sec-nota{font-size:.82rem;color:var(--muted)}
.pn-sec .pn-mas{margin-left:auto}

/* Docentes */
.pn-docentes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:10px;margin:0 0 22px}
.pn-doc{display:flex;align-items:center;gap:11px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 13px;font:inherit;color:var(--ink);cursor:pointer;min-width:0;transition:border-color .15s,box-shadow .15s,background .15s}
.pn-doc:hover{border-color:var(--tiza-azul-borde);box-shadow:0 4px 12px rgba(30,136,255,.10)}
.pn-doc .pn-av{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-weight:700;font-size:.9rem;color:#fff;background:var(--pn-av,#1E88FF)}
.pn-doc .pn-dn{min-width:0;flex:1}
.pn-doc .pn-dn b{display:block;font-size:.92rem;color:var(--tiza-profundo);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn-doc .pn-dn .pn-meta{display:flex;flex-wrap:wrap;gap:0 10px;font-size:.78rem;color:var(--muted);margin-top:1px}
.pn-doc .pn-dn .pn-meta span{white-space:nowrap}
.pn-doc .pn-dn .pn-venc{color:var(--pn-rojo);font-weight:700}
.pn-doc[aria-pressed="true"]{border-color:var(--tiza-azul);background:var(--tiza-azul-10);box-shadow:inset 4px 0 0 var(--tiza-azul)}
.pn-av-0{--pn-av:#1E88FF}.pn-av-1{--pn-av:#148A5E}.pn-av-2{--pn-av:#7B4AE2}.pn-av-3{--pn-av:#D9680F}.pn-av-4{--pn-av:#0E8FA3}.pn-av-5{--pn-av:#D63A73}.pn-av-6{--pn-av:#5B6B82}.pn-av-7{--pn-av:#8A6D0B}

/* Filtros */
.pn-filtros{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;margin:0 0 14px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:14px}
.pn-seg{display:inline-flex;background:var(--tiza-claro);border:1px solid var(--line);border-radius:12px;padding:3px;gap:2px}
.pn-seg button{border:0;background:transparent;padding:7px 14px;border-radius:9px;font:inherit;font-size:.86rem;font-weight:600;color:var(--muted);cursor:pointer}
.pn-seg button:hover{color:var(--tiza-profundo)}
.pn-seg button[aria-pressed="true"]{background:#fff;color:var(--tiza-accion);box-shadow:0 1px 4px rgba(15,45,91,.14)}
.pn-filtros select{width:auto;min-width:176px;max-width:100%;padding:8px 12px;font-size:.88rem}
.pn-buscar{position:relative;flex:1 1 230px;min-width:190px}
.pn-buscar>i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.85rem;pointer-events:none}
.pn-buscar input{width:100%;box-sizing:border-box;padding:8px 12px 8px 34px;font-family:inherit;font-size:.88rem;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);outline:none;-webkit-appearance:none;appearance:none;transition:border-color .15s ease,box-shadow .15s ease}
.pn-check{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:600;color:var(--ink);cursor:pointer;margin:0;user-select:none}
.pn-check input{width:17px;height:17px;margin:0;accent-color:var(--tiza-accion)}
.pn-quitar-doc{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--tiza-azul-borde);background:var(--tiza-azul-10);color:var(--tiza-profundo);border-radius:99px;padding:5px 6px 5px 12px;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}
.pn-quitar-doc span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff;color:var(--tiza-accion);font-size:.7rem}

/* Casos */
.pn-cab{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.6fr) minmax(0,1.1fr) minmax(0,1.25fr);gap:16px;padding:0 16px 6px 21px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
@media (max-width:900px){.pn-cab{display:none}}
.pn-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pn-caso{--pn-sit:var(--line);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.6fr) minmax(0,1.1fr) minmax(0,1.25fr);gap:6px 16px;align-items:center;background:#fff;border:1px solid var(--line);border-left:5px solid var(--pn-sit);border-radius:14px;padding:12px 16px}
.pn-caso.pn-s-vencido{--pn-sit:#C0392B}
.pn-caso.pn-s-hoy{--pn-sit:#D68A0D}
.pn-caso.pn-s-pendiente{--pn-sit:#1E88FF}
.pn-caso.pn-s-sin_plazo{--pn-sit:#9AA8BC}
.pn-caso.pn-s-cerrado{--pn-sit:#CBD5E3;background:#FAFBFD}
.pn-caso .pn-col{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.pn-caso .pn-fila{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pn-caso .pn-quien{font-weight:700;color:var(--tiza-profundo);overflow-wrap:anywhere;line-height:1.3}
.pn-caso .pn-curso{font-size:.82rem;color:var(--muted);overflow-wrap:anywhere}
.pn-caso .pn-docente{font-size:.88rem;color:var(--ink);display:flex;align-items:center;gap:7px;min-width:0;overflow-wrap:anywhere}
.pn-caso .pn-docente i{color:var(--muted);font-size:.8rem}
.pn-caso .pn-cod{font-size:.76rem;color:var(--muted);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.pn-caso.pn-oculto{background:repeating-linear-gradient(135deg,#FAFBFD 0,#FAFBFD 10px,#F4F7FB 10px,#F4F7FB 20px)}
.pn-caso.pn-oculto .pn-quien{color:var(--pn-pizarra);font-style:italic}
.pn-etq-col{display:none;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
@media (max-width:900px){
  .pn-caso{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .pn-caso .pn-c1,.pn-caso .pn-c2{grid-column:1 / -1}
}
@media (max-width:560px){
  .pn-caso{grid-template-columns:minmax(0,1fr);padding:13px 14px}
  .pn-etq-col{display:block}
}

/* Etiquetas */
.pn-chip{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:99px;white-space:nowrap;background:var(--tiza-azul-10);color:var(--tiza-accion-osc);max-width:100%}
.pn-chip i{font-size:.72rem}
.pn-c-azul{background:#EEF2FB;color:#0F4C9E}
.pn-c-violeta{background:var(--pn-violeta-bg);color:var(--pn-violeta)}
.pn-c-celeste{background:#DFEDFC;color:#084183}
.pn-c-ambar{background:#FDF3E2;color:var(--pn-ambar)}
.pn-c-verde{background:var(--pn-verde-bg);color:var(--pn-verde)}
.pn-c-rojo{background:var(--pn-rojo-bg);color:#A5301F}
.pn-conf{background:var(--pn-pizarra);color:#fff}
.pn-estado{background:#EEF1F6;color:#46556B;font-weight:600}
.pn-estado.pn-e-escalado{background:var(--pn-rojo-bg);color:#A5301F}
.pn-estado.pn-e-seguimiento{background:var(--tiza-azul-10);color:var(--tiza-accion-osc)}
.pn-estado.pn-e-emitido{background:#E4F3FF;color:#1B4C74}
.pn-estado.pn-e-resuelto{background:var(--pn-verde-bg);color:var(--pn-verde)}
.pn-plazo{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:99px;white-space:nowrap;max-width:100%}
.pn-plazo i{font-size:.72rem}
.pn-p-vencido{background:var(--pn-rojo-bg);color:#A5301F}
.pn-p-hoy{background:var(--pn-ambar-bg);color:var(--pn-ambar)}
.pn-p-pendiente{background:var(--tiza-azul-10);color:var(--tiza-accion-osc)}
.pn-p-sin_plazo{background:#EEF1F6;color:#5A6A82}
.pn-p-cerrado{background:#F1F4F9;color:#7A889C;font-weight:600}
.pn-reinc{background:var(--pn-violeta-bg);color:var(--pn-violeta)}
.pn-nota-fila{font-size:.78rem;color:var(--muted)}

/* Estados vacíos, avisos y carga */
.pn-vacio{text-align:center;padding:34px 20px;background:#fff;border:1px dashed var(--tiza-azul-borde);border-radius:16px;color:var(--muted);line-height:1.5}
.pn-vacio>i{font-size:2rem;color:var(--tiza-azul);display:block;margin-bottom:10px}
.pn-vacio h3{margin:0 0 6px;color:var(--tiza-profundo);font-size:1.05rem}
.pn-vacio p{margin:0 auto 12px;max-width:560px;font-size:.92rem}
.pn-vacio .btn{margin-top:4px}
.pn-error{background:var(--pn-rojo-bg);border:1px solid var(--pn-rojo-borde);color:#8f2a1d;border-radius:14px;padding:14px 16px;margin:0 0 16px;display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;line-height:1.45;font-size:.92rem}
.pn-error>i{margin-top:2px}
.pn-error .pn-error-t{flex:1 1 260px;min-width:0}
.pn-nota{display:flex;gap:10px;align-items:flex-start;margin:12px 0 0;padding:10px 14px;border-radius:12px;background:var(--pn-ambar-bg);border:1px solid var(--pn-ambar-borde);color:#6a4a00;font-size:.84rem;line-height:1.45}
.pn-nota>i{margin-top:2px}
.pn-esq{height:62px;border-radius:14px;background:linear-gradient(90deg,#EEF2F8 25%,#F7F9FC 37%,#EEF2F8 63%);background-size:400% 100%;animation:pn-brillo 1.4s ease infinite;margin-bottom:8px}
.pn-esq.pn-esq-dato{height:104px;margin:0}
@keyframes pn-brillo{0%{background-position:100% 50%}100%{background-position:0 50%}}
.pn-cargando{opacity:.55;pointer-events:none;transition:opacity .15s}
.pn-msg{display:none;border-radius:10px;padding:9px 13px;font-size:.86rem;margin:0 0 14px;line-height:1.4}
.pn-msg.visible{display:block}
.pn-msg.pn-ok{background:var(--pn-verde-bg);color:var(--pn-verde);border:1px solid var(--pn-verde-borde)}
.pn-msg.pn-mal{background:var(--pn-rojo-bg);color:#8f2a1d;border:1px solid var(--pn-rojo-borde)}

/* ---------- Interruptor ---------- */
.pn-sw{display:flex;align-items:center;gap:12px;border:0;background:none;font:inherit;cursor:pointer;text-align:left;padding:4px 0;color:var(--ink);min-width:0}
.pn-sw .pn-sw-pista{flex:0 0 auto;width:50px;height:28px;border-radius:99px;background:#BFCADA;position:relative;transition:background .18s}
.pn-sw .pn-sw-pista::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,45,91,.3);transition:transform .18s}
.pn-sw[aria-checked="true"] .pn-sw-pista{background:var(--tiza-azul)}
.pn-sw[aria-checked="true"] .pn-sw-pista::after{transform:translateX(22px)}
.pn-sw:focus-visible .pn-sw-pista{outline:3px solid rgba(30,136,255,.4);outline-offset:2px}
.pn-sw .pn-sw-txt{font-weight:600;font-size:.95rem;color:var(--tiza-profundo);line-height:1.3}
.pn-sw .pn-sw-txt small{display:block;font-weight:400;font-size:.8rem;color:var(--muted);margin-top:2px}
.pn-sw[disabled]{opacity:.6;cursor:default}
.pn-sw.pn-sw-chico .pn-sw-pista{width:42px;height:24px}
.pn-sw.pn-sw-chico .pn-sw-pista::after{width:18px;height:18px}
.pn-sw.pn-sw-chico[aria-checked="true"] .pn-sw-pista::after{transform:translateX(18px)}
.pn-sw.pn-sw-chico .pn-sw-txt{font-size:.84rem}

/* ---------- Mi cuenta: Compartir con mi institución ---------- */
.pn-cc{max-width:620px}
.pn-cc h3 i{color:var(--tiza-azul)}
.pn-cc .pn-estado-fila{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 14px;border-radius:14px;background:var(--tiza-claro);border:1px solid var(--line);margin:0 0 14px}
.pn-cc .pn-estado-fila .pn-sw{flex:1 1 280px}
.pn-badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;padding:4px 11px;border-radius:99px;white-space:nowrap}
.pn-b-si{background:var(--pn-verde-bg);color:var(--pn-verde)}
.pn-b-no{background:#EEF1F6;color:#5A6A82}
.pn-b-pend{background:var(--pn-ambar-bg);color:var(--pn-ambar)}
.pn-quienes{margin:0 0 14px}
.pn-quienes h4,.pn-cc h4{margin:0 0 7px;font-size:.88rem;color:var(--tiza-profundo)}
.pn-personas-chips{display:flex;flex-wrap:wrap;gap:7px}
.pn-persona-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--tiza-azul-borde);border-radius:99px;padding:4px 12px 4px 5px;font-size:.84rem;color:var(--tiza-profundo)}
.pn-persona-chip .pn-av{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--pn-av,#1E88FF);color:#fff;font-size:.68rem;font-weight:700}
.pn-persona-chip small{color:var(--muted);font-size:.74rem}
.pn-ven-no{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 14px}
@media (max-width:620px){.pn-ven-no{grid-template-columns:1fr}}
.pn-ven-no>div{border-radius:14px;padding:12px 14px;font-size:.84rem;line-height:1.45}
.pn-ven{background:var(--tiza-azul-10);border:1px solid var(--tiza-azul-borde)}
.pn-no-ven{background:#F6F7FA;border:1px solid var(--line)}
.pn-ven-no h4{display:flex;align-items:center;gap:7px;margin:0 0 6px}
.pn-ven h4 i{color:var(--tiza-accion)}
.pn-no-ven h4 i{color:var(--muted)}
.pn-ven-no ul{margin:0;padding-left:18px;color:var(--ink)}
.pn-ven-no li{margin:2px 0}
.pn-conf-lista{list-style:none;margin:8px 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}
.pn-conf-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--pn-pizarra);border-radius:12px;padding:10px 14px}
.pn-conf-item .pn-ci{min-width:0;flex:1 1 220px}
.pn-conf-item b{display:block;color:var(--tiza-profundo);overflow-wrap:anywhere}
.pn-conf-item span{font-size:.8rem;color:var(--muted)}
.pn-reg{margin-top:6px;border-top:1px solid var(--line);padding-top:12px}
.pn-reg summary{cursor:pointer;font-weight:600;color:var(--tiza-accion);font-size:.9rem}
.pn-reg-lista{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.pn-reg-fila{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 13px;font-size:.86rem}
.pn-reg-fila b{color:var(--tiza-profundo);overflow-wrap:anywhere}
.pn-reg-fila .pn-reg-cuando{font-size:.8rem;color:var(--muted);text-align:right;white-space:nowrap}
.pn-reg-fila .pn-reg-que{grid-column:1 / -1;font-size:.8rem;color:var(--muted)}
@media (max-width:560px){.pn-reg-fila{grid-template-columns:minmax(0,1fr)}.pn-reg-fila .pn-reg-cuando{text-align:left;white-space:normal}}

/* ---------- Aviso en «Mis planificaciones» ---------- */
.pn-aviso{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:linear-gradient(135deg,#EAF3FF 0%,#F7FAFF 100%);border:1px solid var(--tiza-azul-borde);border-left:5px solid var(--tiza-azul);border-radius:16px;padding:16px 20px;margin-bottom:18px}
.pn-aviso .pn-aviso-ico{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:14px;background:var(--tiza-azul);color:#fff;font-size:1.2rem}
.pn-aviso .pn-aviso-txt{flex:1 1 300px;min-width:0}
.pn-aviso .pn-aviso-txt b{display:block;color:var(--tiza-profundo);font-size:.98rem;margin-bottom:3px}
.pn-aviso .pn-aviso-txt p{margin:0;color:var(--ink);font-size:.88rem;line-height:1.45}
.pn-aviso .pn-aviso-acc{display:flex;flex-wrap:wrap;gap:8px}
.pn-aviso .pn-aviso-acc .btn{padding:8px 14px;font-size:.86rem}

/* ---------- Administrador: Instituciones y panel ---------- */
.pn-inst-lista{display:flex;flex-direction:column;gap:10px}
.pn-inst{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 16px}
.pn-inst.pn-inst-off{background:#FAFBFD}
.pn-inst h4{margin:0 0 4px;font-size:1rem;color:var(--tiza-profundo);overflow-wrap:anywhere;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pn-inst .pn-inst-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.84rem;color:var(--muted)}
.pn-inst .pn-inst-meta b{color:var(--tiza-profundo)}
.pn-inst .pn-inst-acc{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.pn-inst .pn-inst-acc .btn{padding:7px 13px;font-size:.84rem}
@media (max-width:700px){.pn-inst{grid-template-columns:minmax(0,1fr)}.pn-inst .pn-inst-acc{justify-content:flex-start}}
.pn-personas{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}
.pn-pers{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 13px}
.pn-pers .pn-pers-n{font-weight:700;color:var(--tiza-profundo);overflow-wrap:anywhere}
.pn-pers .pn-pers-n small{display:block;font-weight:400;color:var(--muted);font-size:.8rem}
.pn-pers .pn-roles{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pn-rol-chip{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:3px 4px 3px 11px;font-size:.78rem;font-weight:700;background:var(--tiza-azul-10);color:var(--tiza-accion-osc)}
.pn-rol-chip.pn-r-dece{background:var(--pn-violeta-bg);color:var(--pn-violeta)}
.pn-rol-chip.pn-r-vicerrectorado{background:#DFEDFC;color:#084183}
.pn-rol-chip button{border:0;background:rgba(255,255,255,.75);color:inherit;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:.68rem;display:grid;place-items:center;padding:0}
.pn-rol-chip button:hover{background:#fff}
.pn-pers-conf{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:var(--pn-rojo-bg);border:1px solid var(--pn-rojo-borde);border-radius:10px;padding:8px 11px;font-size:.84rem;color:#8f2a1d}
.pn-pers-conf .botones-fila{margin:0}
.pn-pers-conf .btn{padding:6px 12px;font-size:.82rem}
.pn-pers .pn-pers-nota{font-size:.78rem;color:var(--muted)}
.pn-vacio-chico{text-align:center;color:var(--muted);padding:16px;border:1px dashed var(--tiza-azul-borde);border-radius:12px;font-size:.9rem}
.pn-pie-acciones{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 8px}
.pn-pie-acciones .btn{padding:8px 14px;font-size:.86rem}
.pn-clave-adm{margin-top:10px}
.pn-solo-lectores{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* ---------- Detalles de la ventana de confirmación ---------- */
.pn-dlg-lista{margin:8px 0 12px;padding-left:18px;font-size:.9rem;line-height:1.5}
.pn-dlg-dos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
@media (max-width:560px){.pn-dlg-dos{grid-template-columns:1fr}}
.pn-dlg-dos>div{border-radius:12px;padding:10px 12px;font-size:.84rem;line-height:1.45}

@media (prefers-reduced-motion:reduce){
  .pn-esq,.pn-btn-mini.girando i{animation:none}
  .pn-sw .pn-sw-pista,.pn-sw .pn-sw-pista::after,button.pn-dato{transition:none}
}