/* ═══════════════════════════════════════════════════════════════════════════
   PRISMA · EL LINK DEL DOCUMENTO (prisma-link.js). Un globo centrado encima de la hoja, con los
   colores de la hoja de cada app (--h-*: comisiones-hoja.css en CEIBA, prisma-hoja.css en SELVA y
   GOLFO), así sigue a los tres temas. El mismo archivo vive en app-comisionesyenvios,
   app-cotigrupos y app-golfito: se cambia en las tres a la vez.
   ═══════════════════════════════════════════════════════════════════════════ */
.plk{ position:fixed; inset:0; z-index:30; display:flex; align-items:center; justify-content:center; padding:16px;
  background:var(--h-velo, rgba(13,23,32,.45)); }
.plk__caja{ width:460px; max-width:100%; max-height:calc(100vh - 32px); overflow-y:auto; box-sizing:border-box; padding:1.25rem 1.5rem 1.4rem;
  border-radius:20px; background:var(--h-panel, #1D2833); border:1px solid var(--h-borde, rgba(234,223,206,.18)); color:var(--h-tx, #EADFCE);
  box-shadow:var(--h-sombra, 0 14px 34px -12px rgba(8,14,20,.65)); color-scheme:var(--h-esquema, dark); animation:plk-entra 180ms cubic-bezier(.2,.7,.2,1);
  font-family:Inter, system-ui, sans-serif; font-weight:400; text-align:left; }
@keyframes plk-entra{ from{ opacity:0; transform:translateY(8px); } }
.plk__cab{ display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:.75rem; }
.plk__titulo{ margin:0; font-family:Marcellus, Georgia, serif; font-size:1.3rem; font-weight:400; letter-spacing:.01em; text-transform:none; color:var(--h-tx, #EADFCE); }
.plk__detalle{ margin:.15rem 0 0; font-size:.8rem; color:var(--h-tx70, rgba(234,223,206,.72)); }
.plk__x{ flex:none; width:2.1rem; height:2.1rem; padding:0; display:inline-flex; align-items:center; justify-content:center; border-radius:99px;
  border:1px solid var(--h-borde, rgba(234,223,206,.18)); background:transparent; color:var(--h-tx, #EADFCE); cursor:pointer; transition:border-color 120ms linear; }
.plk__x:hover{ border-color:var(--h-tx70, rgba(234,223,206,.72)); }
.plk__x svg, .plk__ico svg{ width:16px; height:16px; }
.plk__estado{ display:inline-flex; align-items:center; gap:.5rem; margin:0 0 1rem; padding:.3rem .8rem .3rem .65rem; border-radius:99px;
  border:1px solid var(--h-borde, rgba(234,223,206,.18)); font-size:.78rem; color:var(--h-tx70, rgba(234,223,206,.72)); }
.plk__estado::before{ content:""; width:7px; height:7px; border-radius:99px; background:var(--h-tx55, rgba(234,223,206,.55)); }
.plk__estado--si{ color:var(--h-tx, #EADFCE); }
.plk__estado--si::before{ background:#4BAE8A; }
.plk__rot{ display:block; margin:.85rem 0 .35rem; font-size:.62rem; letter-spacing:.18em; text-transform:uppercase; color:var(--h-tx55, rgba(234,223,206,.55)); }
.plk__fila{ display:flex; align-items:center; gap:.4rem; }
.plk__campo{ flex:1; min-width:0; height:2.4rem; padding:0 .75rem; box-sizing:border-box; border-radius:12px; border:1px solid var(--h-borde-s, rgba(234,223,206,.08));
  background:var(--h-campo, rgba(234,223,206,.05)); color:var(--h-tx, #EADFCE); font:inherit; font-size:.82rem; outline:none; }
.plk__campo:focus{ border-color:var(--h-borde, rgba(234,223,206,.18)); }
.plk__campo[readonly]{ color:var(--h-tx70, rgba(234,223,206,.72)); }
.plk__ico{ flex:none; width:2.4rem; height:2.4rem; padding:0; display:inline-flex; align-items:center; justify-content:center; border-radius:12px;
  border:1px solid var(--h-borde-s, rgba(234,223,206,.08)); background:transparent; color:var(--h-tx, #EADFCE); cursor:pointer; transition:background-color 120ms linear; }
.plk__ico:hover{ background:var(--h-hover, rgba(234,223,206,.08)); }
.plk__bt{ flex:none; height:2.4rem; padding:0 1rem; border-radius:99px; border:1px solid var(--h-borde, rgba(234,223,206,.18)); background:transparent;
  color:var(--h-tx, #EADFCE); font:inherit; font-size:.84rem; cursor:pointer; white-space:nowrap; transition:background-color 120ms linear; }
.plk__bt:hover{ background:var(--h-hover, rgba(234,223,206,.08)); }
.plk__bt--pral{ border-color:transparent; background:var(--h-activo, #005565); color:var(--h-activo-tx, #FFFFFF); }
.plk__bt--pral:hover{ background:var(--h-activo-hover, #006D82); }
.plk__bt:disabled, .plk__ico:disabled{ opacity:.55; cursor:default; }
.plk__aviso{ min-height:1.2em; margin:.9rem 0 0; font-size:.78rem; line-height:1.45; color:var(--h-tx70, rgba(234,223,206,.72)); }
.plk__aviso--error{ color:var(--h-error, #E8A39A); }
.plk__acciones{ display:flex; justify-content:flex-end; flex-wrap:wrap; gap:.5rem; margin-top:1.1rem; }
@media (width < 480px){ .plk__caja{ padding:1.1rem 1.1rem 1.2rem; } }
@media (prefers-reduced-motion:reduce){ .plk__caja{ animation:none; } :is(.plk__x, .plk__ico, .plk__bt){ transition:none; } }
@media print{ .plk{ display:none !important; } }