/* PG Forja Clínica · Bandeja de recepción. */
.pgrc-tabs { display: flex; gap: 4px; overflow-x: auto; border-bottom: 1px solid var(--borde); margin-bottom: 16px; scrollbar-width: thin; }
.pgrc-tabs button { padding: 10px 14px; border: 0; border-bottom: 3px solid transparent; background: none; color: var(--suave); white-space: nowrap; font-weight: 600; font-size: 14px; cursor: pointer; font-family: inherit; }
.pgrc-tabs button.on { color: var(--pg-primario); border-bottom-color: var(--pg-primario); }
.pgrc-n { display: inline-block; min-width: 20px; padding: 1px 6px; margin-left: 6px; border-radius: 999px; background: var(--error); color: #fff; font-size: 11px; font-weight: 700; text-align: center; }
.pgrc-n[hidden] { display: none; }
.pgrc-alerta { margin: 0 0 12px; padding: 9px 12px; border-radius: 9px; border-left: 4px solid var(--aviso); background: color-mix(in srgb, var(--aviso) 14%, transparent); font-size: 13px; }
.pgrc-info { margin: 0 0 12px; padding: 9px 12px; border-radius: 9px; background: var(--superficie2); }
.pgrc-filtro { display: inline-flex; gap: 6px; align-items: center; font-size: 13px; color: var(--suave); }
.pgrc-filtro select, .pgrc-filtro input, .pgrc [data-q] { padding: 7px 9px; border: 1px solid var(--borde); border-radius: 8px; background: var(--superficie); color: var(--texto); font: inherit; font-size: 14px; }
.pgrc [data-q] { flex: 1; min-width: 160px; }

.pgrc-wa { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: 14px; align-items: start; }
.pgrc-lista { display: flex; flex-direction: column; gap: 6px; max-height: 70vh; overflow-y: auto; }
.pgrc-item { display: block; width: 100%; text-align: left; padding: 10px 12px; border: 1px solid var(--borde); border-radius: 10px; background: var(--superficie); color: var(--texto); cursor: pointer; font: inherit; }
.pgrc-item.on { border-color: var(--pg-primario); background: var(--prim-suave); }
.pgrc-item.nuevo b { color: var(--pg-primario); }
.pgrc-item-1 { display: flex; justify-content: space-between; gap: 8px; }
.pgrc-item-1 b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.pgrc-item-1 small { color: var(--suave); white-space: nowrap; }
.pgrc-item-2 { display: block; margin: 2px 0 6px; color: var(--suave); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pgrc-item-3 { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
.pgrc-item-3 .pgrc-n { margin-left: 0; }

.pgrc-hilo { min-width: 0; border: 1px solid var(--borde); border-radius: 12px; background: var(--superficie); padding: 12px; }
.pgrc-cab { border-bottom: 1px solid var(--borde); padding-bottom: 10px; margin-bottom: 10px; }
.pgrc-cab > div:first-child { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.pgrc-cab b { font-size: 16px; }
.pgrc-acc { margin-top: 8px; flex-wrap: wrap; }
.pgrc-sel { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }
.pgrc-sel label { display: flex; flex-direction: column; gap: 2px; font-size: 12px; color: var(--suave); min-width: 0; }
.pgrc-sel select { padding: 6px 8px; border: 1px solid var(--borde); border-radius: 8px; background: var(--superficie); color: var(--texto); font: inherit; font-size: 13px; min-width: 0; width: 100%; }
.pgrc-msjs { display: flex; flex-direction: column; gap: 8px; max-height: 48vh; min-height: 140px; overflow-y: auto; padding: 4px 2px 10px; }
.pgrc-b { max-width: 78%; padding: 8px 11px; border-radius: 12px; background: var(--superficie2); align-self: flex-start; overflow-wrap: anywhere; }
.pgrc-b.s { align-self: flex-end; background: var(--prim-suave); }
.pgrc-b.error { outline: 1px solid var(--error); }
.pgrc-b p { margin: 0 0 3px; }
.pgrc-b > small { color: var(--suave); font-size: 11px; }
.pgrc-tick.leido { color: var(--info); font-weight: 700; }
.pgrc-tick.error { color: var(--error); }
.pgrc-adj { margin-bottom: 5px; font-size: 13px; }
.pgrc-adj-nota { display: block; color: var(--suave); font-size: 11px; }
.pgrc-redactar { display: flex; flex-direction: column; gap: 6px; border-top: 1px solid var(--borde); padding-top: 10px; }
.pgrc-redactar select, .pgrc-redactar textarea { width: 100%; padding: 8px 10px; border: 1px solid var(--borde); border-radius: 8px; background: var(--superficie); color: var(--texto); font: inherit; font-size: 14px; box-sizing: border-box; }
.pgrc-ventana { color: var(--suave); }
.pgrc-fuera { border-top: 1px solid var(--borde); padding-top: 10px; }
.pgrc-fuera p { margin: 0 0 8px; font-size: 13px; }
.pgrc-previa { padding: 10px 12px; border-radius: 10px; background: var(--superficie2); font-size: 14px; }

.pgrc-tabla tr.urgente td:first-child { box-shadow: inset 4px 0 0 var(--error); }
.pgrc-tel { position: relative; }
.pgrc-sug { display: flex; flex-direction: column; gap: 2px; margin-top: 4px; padding: 4px; border: 1px solid var(--borde); border-radius: 8px; background: var(--superficie); }
.pgrc-sug[hidden] { display: none; }
.pgrc-sug button { text-align: left; border: 0; background: none; padding: 6px 8px; border-radius: 6px; cursor: pointer; color: var(--texto); font: inherit; }
.pgrc-sug button:hover { background: var(--prim-suave); }
.pgrc-sug small { display: block; color: var(--suave); }

.pgrc-horas { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); gap: 4px; align-items: end; height: 170px; }
.pgrc-horas > div { display: flex; flex-direction: column; align-items: center; height: 100%; min-width: 0; }
.pgrc-barra { flex: 1; width: 100%; display: flex; flex-direction: column; justify-content: flex-end; background: var(--superficie2); border-radius: 6px 6px 0 0; overflow: hidden; }
.pgrc-barra i { display: block; width: 100%; }
.pgrc-barra .wa, .pgrc-ley.wa { background: var(--pg-primario); }
.pgrc-barra .ll, .pgrc-ley.ll { background: var(--aviso); }
.pgrc-horas small { color: var(--suave); font-size: 11px; }
.pgrc-ley { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-left: 8px; }
.pgrc-ley:first-child { margin-left: 0; }

.pgrc-resp { display: grid; grid-template-columns: minmax(0, 200px) minmax(0, 1fr) auto; gap: 6px; margin-bottom: 6px; align-items: start; }
.pgrc-resp input, .pgrc-resp textarea, .pgrc-token { width: 100%; padding: 7px 9px; border: 1px solid var(--borde); border-radius: 8px; background: var(--superficie); color: var(--texto); font: inherit; font-size: 14px; box-sizing: border-box; }
.pgrc-token { font-family: ui-monospace, monospace; }
.pgrc-pre { padding: 10px 12px; border-radius: 10px; background: var(--superficie2); font-size: 12px; overflow-x: auto; white-space: pre; }
.pgrc-w .urg b { color: var(--error); }

@media (max-width: 860px) {
  .pgrc-wa { grid-template-columns: minmax(0, 1fr); }
  .pgrc-lista { max-height: 36vh; }
  .pgrc-sel { grid-template-columns: minmax(0, 1fr); }
  .pgrc-b { max-width: 92%; }
  .pgrc-resp { grid-template-columns: minmax(0, 1fr); }
}