/* ============================================================================
   LINHA · telas clínicas em painel (units/04 e 05): documentos do atendimento,
   regulação do atendimento, equipe e perfis, identificação oficial, agenda do
   profissional e Paciente 360. Vocabulário pc-* / reg-item-* do painel.
   ============================================================================ */
.pc{ display:flex; flex-direction:column; gap:var(--l-e4) }
.pc.pc-pagina{ gap:0 }
.pc.pc-pagina > :not(.pc-head){ margin:var(--l-e4) var(--l-e5) 0 }
.pc.pc-pagina > :last-child{ margin-bottom:var(--l-e5) }
.pc-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:var(--l-e3) }
.pc-head-txt{ display:flex; flex-direction:column; gap:2px; padding-right:32px }
.pc-head-txt h3{ font-size:var(--l-t-titulo); font-weight:600 }
.pc-tag{ display:inline-flex; align-items:center; height:22px; padding:0 8px; border-radius:var(--l-raio-1); background:var(--l-sup-3); font-size:var(--l-t-mini); font-weight:500; white-space:nowrap }
.pc-tag.warn{ background:var(--l-atencao-fundo); color:var(--l-atencao) }

/* faixa de resposta (substitui o alert do navegador) */
.pc-status{ display:none }
.pc-status.show{ display:flex; align-items:center; gap:var(--l-e2); padding:10px 12px; border-radius:var(--l-raio-2); background:var(--l-sup-2); font-size:var(--l-t-peq) }
.pc-status.ok{ background:var(--l-ok-fundo); color:var(--l-ok) }
.pc-status.err{ background:var(--l-erro-fundo); color:var(--l-erro) }
.pc-status.work{ color:var(--l-texto-3) }
.pc-status svg{ width:16px; height:16px; flex:none }

/* abas internas: segmentado */
.pc-tabs{ display:inline-flex; align-self:flex-start; padding:3px; gap:2px; border-radius:var(--l-raio-2); background:var(--l-sup-3) }
.pc-tabs .tab{ height:30px; padding:0 14px; border:0; border-radius:6px; background:none; font-size:var(--l-t-peq); font-weight:500; color:var(--l-texto-2); cursor:pointer }
.pc-tabs .tab.active{ background:var(--l-sup); color:var(--l-texto); box-shadow:0 1px 2px rgba(20,26,12,.08) }

/* seções e cartões */
.pc-sec{ display:flex; flex-direction:column; gap:var(--l-e3) }
.pc-sec-head h4, .pc-sec-title{ font-size:var(--l-t-corpo); font-weight:600 }
.pc-sec-title{ display:flex; align-items:center; gap:var(--l-e2) }
.pc-sec-title svg{ width:16px; height:16px; color:var(--l-texto-3) }
.pc-count{ margin-left:auto; font-size:var(--l-t-peq); font-weight:500; color:var(--l-texto-3) }
.pc-scroll{ display:flex; flex-direction:column; gap:var(--l-e3); max-height:56vh; overflow:auto }
.pc-card{ display:flex; flex-direction:column; gap:var(--l-e3); padding:var(--l-e4); border:1px solid var(--l-borda); border-radius:var(--l-raio-2); background:var(--l-sup) }
.pc-card-head{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--l-e2) }
.pc-mod{ margin-bottom:4px; font-size:var(--l-t-mini); font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--l-texto-3) }
.pc-checks{ display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:2px var(--l-e3) }
.pc-chk{ display:flex; align-items:center; gap:var(--l-e2); padding:4px 0; font-size:var(--l-t-peq) }
.pc-chk input{ accent-color:var(--l-marca) }
.pc-row-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--l-e2) }
.pc-row-actions.end{ justify-content:flex-end }
.pc-actions{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:var(--l-e2) }
.pc-left{ margin-right:auto }
.pc-right{ margin-left:auto }
.pc-search{ display:flex; gap:var(--l-e2) }
.pc-search input{ flex:1 }
.pc-filters{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:var(--l-e3) }

/* identificação oficial */
.pc-key{ display:grid; grid-template-columns:200px minmax(0,1fr); gap:var(--l-e3); padding:var(--l-e3) var(--l-e4); border-radius:var(--l-raio-2); background:var(--l-marca-suave) }
.pc-key-note{ grid-column:1 / -1 }
.pc-preview{ display:flex; flex-direction:column; gap:2px; padding:var(--l-e3) var(--l-e4); border:1px dashed var(--l-borda-forte); border-radius:var(--l-raio-2); text-align:center; font-size:var(--l-t-peq); color:var(--l-texto-2) }
.pc-preview b{ font-size:var(--l-t-corpo); color:var(--l-texto) }
@media (max-width:760px){ .pc-key{ grid-template-columns:1fr } }

/* documentos do atendimento */
.reg-doc-list{ display:flex; flex-direction:column }
.reg-doc-row{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:var(--l-e2) var(--l-e3); align-items:center; padding:var(--l-e3) 0; border-top:1px solid var(--l-fio) }
.reg-doc-row:first-child{ border-top:0 }
.pc-doc-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--l-e2); margin-top:2px }
.pc-doc-detail{ grid-column:1 / -1; white-space:pre-wrap; padding:var(--l-e3); border-radius:var(--l-raio-2); background:var(--l-sup-2); font-size:var(--l-t-peq) }

/* regulação do atendimento: identificação + itens */
.pc-nav{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--l-e2) }
.pc-ident{ display:flex; align-items:center; gap:var(--l-e3); padding:var(--l-e3) var(--l-e4); border-radius:var(--l-raio-2); background:var(--l-sup-2) }
.pc-av{ display:grid; place-items:center; width:36px; height:36px; flex:none; border-radius:50%; background:var(--l-marca-suave); color:var(--l-marca-tinta); font-size:var(--l-t-peq); font-weight:600 }
.reg-itens{ display:flex; flex-direction:column; gap:var(--l-e2) }
.reg-item-row{ display:grid; grid-template-columns:180px minmax(0,1fr) 150px auto; gap:var(--l-e2); align-items:center }
.reg-item-row.is-sent{ opacity:.7 }
.reg-item-sent{ grid-column:1 / -1; font-size:var(--l-t-mini); font-weight:600; color:var(--l-ok) }
.reg-item-add{ align-self:flex-start }
.reg-ac-item{ display:block; width:100%; padding:8px 12px; border:0; background:none; text-align:left; font-size:var(--l-t-peq); color:var(--l-texto); cursor:pointer }
.reg-ac-item:hover{ background:var(--l-sup-3) }
.reg-ac-code{ font-variant-numeric:tabular-nums; color:var(--l-texto-3) }
.reg-ac-warn{ color:var(--l-atencao); font-size:var(--l-t-mini) }
.pc-fld-head{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--l-e2) }
.pc-prefill{ display:inline-flex; align-items:center; gap:4px; font-size:var(--l-t-mini); color:var(--l-marca-tinta) }
.pc-prefill svg{ width:12px; height:12px }
@media (max-width:760px){ .reg-item-row{ grid-template-columns:1fr } }

/* agenda do profissional */
.pc-ag-hora{ font-variant-numeric:tabular-nums; font-weight:600; white-space:nowrap }
.pc-ag-nome{ font-weight:500 }
.pc-ag-acoes{ display:flex; flex-wrap:wrap; gap:var(--l-e1) }
.pc-inline-form{ display:flex; flex-direction:column; gap:var(--l-e3); padding:var(--l-e4); border:1px solid var(--l-borda); border-radius:var(--l-raio-2); background:var(--l-sup-2) }

/* Paciente 360 */
.pc-360{ display:flex; flex-direction:column; gap:var(--l-e4) }
.pc-360-head{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--l-e3) }
.pc-360-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:var(--l-e3); align-items:start }
.pc-360-sub{ margin-top:var(--l-e2); font-size:var(--l-t-mini); font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--l-texto-3) }
.pc-list{ display:flex; flex-direction:column }
.pc-li{ display:grid; grid-template-columns:88px minmax(0,1fr); gap:var(--l-e3); padding:8px 0; border-top:1px solid var(--l-fio); font-size:var(--l-t-peq) }
.pc-when{ color:var(--l-texto-3); font-variant-numeric:tabular-nums }
.pc-note{ display:block; color:var(--l-texto-3) }
.pc-more{ align-self:flex-start; border:0; background:none; padding:4px 0; color:var(--l-marca-tinta); font-size:var(--l-t-peq); font-weight:500; cursor:pointer }
.pc-more:hover{ text-decoration:underline; text-underline-offset:3px }
.pc-risco{ display:inline-block; width:8px; height:8px; margin-right:6px; border-radius:50%; background:var(--l-borda) }
.pc-risco.vermelho, .pc-risco.r0{ background:var(--l-r-vermelho) }
.pc-risco.laranja, .pc-risco.r1{ background:var(--l-r-laranja) }
.pc-risco.amarelo, .pc-risco.r2{ background:var(--l-r-amarelo) }
.pc-risco.verde, .pc-risco.r3{ background:var(--l-r-verde) }
.pc-risco.azul, .pc-risco.r4{ background:var(--l-r-azul) }
