/* ===== Recepção — visual "Painel Recepção Novo" (estrutura nova).
   Escopo: #view-reception + modais rec (.rc-modal). Fonte Poppins, paleta #394820/#586d34. ===== */

@keyframes rcModalIn { from { opacity:0; transform:translateY(16px) scale(.98); } to { opacity:1; transform:none; } }
.rc-modal { animation: rcModalIn .26s cubic-bezier(.22,.7,.3,1) both; }

#view-reception, #view-reception * { box-sizing: border-box; }
#view-reception { font-family:'Poppins', system-ui, sans-serif; color:#1a2011; }

/* rótulo de campo */
#view-reception .rc-flabel { font-size:10px; letter-spacing:.5px; color:#8a9a6f; font-weight:700; margin-bottom:5px; }

/* caixa de campo (input/select/textarea) */
#view-reception .rc-fbox, .rc-modal .rc-fbox {
  width:100%; border:1px solid #e0e7d3; border-radius:11px; padding:11px 13px;
  font-size:13px; font-weight:600; color:#1a2011; background:#f6f9f0; outline:none;
  font-family:'Poppins', system-ui, sans-serif; line-height:1.3;
}
#view-reception .rc-fbox:focus, .rc-modal .rc-fbox:focus { border-color:#93ac68; background:#fff; }
#view-reception select.rc-fbox, .rc-modal select.rc-fbox { cursor:pointer; appearance:auto; }
#view-reception .rc-fbox:disabled, #view-reception .rc-fbox[readonly] { color:#363c2c; }
/* campos preenchidos por CEP (readonly, tracejado) */
#view-reception .rc-fbox-auto { border-style:dashed; border-color:#cbd5ba; background:#ecefe6; color:#6c7262; }

/* abas */
#view-reception .rec-tab { padding:13px 16px; font-size:13px; font-weight:700; color:#7a816e; cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-1px; transition:color .15s; }
#view-reception .rec-tab:hover { color:#394820; }
#view-reception .rec-tab.active { color:#394820; border-bottom-color:#394820; }
#view-reception .rec-tab-content.hidden { display:none; }

/* itens de lista (agendamentos / senhas) */
#view-reception .rec-list-item { display:flex; align-items:center; gap:14px; border:1px solid #e7ecdd; border-radius:15px; padding:14px 16px; background:#fff; }
#view-reception .rec-list-item.rec-ticket-item { align-items:flex-start; }
#view-reception .rec-list-row { display:flex; align-items:center; gap:14px; flex:1; min-width:0; }
#view-reception .rec-list-main { flex:1; min-width:0; }
#view-reception .rec-list-title { font-size:13.5px; font-weight:700; color:#1a2011; }
#view-reception .rec-ticket-code { display:inline-block; min-width:64px; text-align:center; border-radius:11px; background:linear-gradient(135deg,#202811,#394820); color:#fff; padding:8px 10px; font-size:14px; font-weight:800; letter-spacing:.5px; margin-bottom:4px; }
#view-reception .rec-status-badge { font-size:10.5px; font-weight:700; padding:4px 12px; border-radius:11px; white-space:nowrap; margin-left:auto; }
#view-reception .rec-status-active, #view-reception .rec-status-waiting { color:#c07d10; background:#fbf1d8; }
#view-reception .rec-status-served { color:#394820; background:#e8f0db; }
#view-reception .rec-status-completed, #view-reception .rec-status-closed { color:#128a5a; background:#e7f6ee; }
#view-reception .rec-status-cancelled, #view-reception .rec-status-no_show { color:#b3411e; background:#fbe4dc; }
#view-reception .small { font-size:11.5px; }

/* banner do paciente (preenchido por JS: .rc-ini/.rc-nm/.rc-sub) */
#view-reception #rec-patient-banner .rc-ini { width:48px; height:48px; flex-shrink:0; border-radius:14px; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.22); display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:800; color:#fff; }
#view-reception #rec-patient-banner .rc-nm { font-size:18px; font-weight:800; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#view-reception #rec-patient-banner .rc-sub { font-size:12px; color:#dde4d2; opacity:.94; margin-top:3px; }

/* hover dos itens da sidebar */
#view-reception .rc-side-item { transition:background .14s; }
#view-reception .rc-side-item:hover { background:#f1f5ea; }

/* modais rec — a casca .modal-overlay dá backdrop/centralização; aqui só o blur */
#modal-rec-not-found.modal-overlay, #modal-rec-issue.modal-overlay,
#modal-rec-editsenha.modal-overlay, #modal-rec-schedule.modal-overlay { backdrop-filter: blur(3px); }