/* ============================================================================
   SOMA · rx-ficha.css — Ficha de medicação rica (drawer)  [window.SOMA_RX_FICHA]
   Aditivo, escopado em .rxf-*. Identidade SOMA (navy/teal/violet/gelo).
   ============================================================================ */
.rxf-ov{
  position:fixed; inset:0; z-index:1200;
  background:rgba(5,11,23,.55); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);
  opacity:0; visibility:hidden; transition:opacity .22s ease, visibility .22s ease;
  display:flex; justify-content:flex-end;
}
.rxf-ov.on{ opacity:1; visibility:visible; }
.rxf-panel{
  width:min(460px,100%); height:100%; background:var(--soma-ice,#F5F9FC);
  display:flex; flex-direction:column; box-shadow:-18px 0 50px rgba(5,11,23,.32);
  transform:translateX(28px); transition:transform .24s cubic-bezier(.22,.61,.36,1); outline:none;
}
.rxf-ov.on .rxf-panel{ transform:translateX(0); }

/* header — banner com imagem de fundo (bula) + overlay p/ legibilidade */
.rxf-head{
  display:flex; align-items:flex-start; gap:12px; padding:28px 20px 24px;
  color:#F5F9FC; position:relative; overflow:hidden;
  background:
    linear-gradient(105deg, rgba(5,11,23,.94) 0%, rgba(7,18,38,.82) 42%, rgba(9,22,45,.5) 100%),
    url("assets/rx-ficha-banner.jpg");
  background-size:cover; background-position:center right;
}
.rxf-h-main{ display:flex; flex-direction:column; gap:4px; min-width:0; flex:1; }
.rxf-h-main strong{ font-size:18px; font-weight:700; line-height:1.2; letter-spacing:-.01em; }
.rxf-classe{ font-size:12px; color:#9FE9ED; font-weight:500; }
.rxf-x{
  flex:none; width:30px; height:30px; border:none; border-radius:9px; cursor:pointer;
  background:rgba(255,255,255,.12); color:#F5F9FC; font-size:20px; line-height:1; transition:background .15s;
}
.rxf-x:hover{ background:rgba(255,255,255,.24); }

/* meta chips */
.rxf-meta{ display:flex; flex-wrap:wrap; gap:6px; padding:10px 20px; background:#0B1B33; }
.rxf-meta span{ font-size:11px; font-weight:500; padding:3px 9px; border-radius:999px; }
.rxf-linha{ background:rgba(2,184,191,.18); color:#9FE9ED; }
.rxf-evid{ background:rgba(123,97,255,.2); color:#C9BCFF; }
.rxf-ctx{ background:rgba(255,255,255,.1); color:#D6E2EE; }
.rxf-fb{ background:rgba(255,184,77,.18); color:#FFD79A; }

/* body */
.rxf-scroll{ flex:1; overflow-y:auto; padding:18px 20px 8px; }
.rxf-sec{ margin-bottom:18px; }
.rxf-sec h4{
  display:flex; align-items:center; gap:8px;
  margin:0 0 8px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em;
  color:#02787D; border-bottom:1px solid rgba(2,184,191,.22); padding-bottom:5px;
}
.rxf-sec h4 .rxf-ic-sec{ width:16px; height:16px; color:#02888f; flex:none; }
/* conteúdo das seções de lista num card branco (mesmo padrão do DOSE E MANEJO) */
.rxf-ul{ margin:0; list-style:none; padding:10px 13px; background:#fff; border:1px solid #E1EAF2; border-radius:10px; }
.rxf-ul li{ position:relative; padding-left:14px; font-size:13.5px; line-height:1.5; color:#1B2A3D; margin-bottom:5px; }
.rxf-ul li:last-child{ margin-bottom:0; }
.rxf-ul li::before{ content:""; position:absolute; left:2px; top:9px; width:4px; height:4px; border-radius:50%; background:#02B8BF; }

/* dose grid */
.rxf-dose-grid{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.rxf-dose{
  background:#fff; border:1px solid #E1EAF2; border-radius:10px; padding:9px 11px;
  display:flex; flex-direction:column; gap:3px;
}
.rxf-dose-k{ font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#02B8BF; }
.rxf-dose-v{ font-size:13px; color:#1B2A3D; line-height:1.35; }

/* receita */
.rxf-rx{ position:relative; }
.rxf-rx pre{
  margin:0; background:#0B1B33; color:#E8F0F8; border-radius:10px; padding:13px 14px;
  font-family:"JetBrains Mono",ui-monospace,monospace; font-size:12px; line-height:1.55;
  white-space:pre-wrap; word-break:break-word;
}
.rxf-mini{
  position:absolute; top:8px; right:8px; border:none; cursor:pointer; border-radius:7px;
  background:rgba(2,184,191,.9); color:#04222B; font-size:11px; font-weight:600; padding:4px 9px;
}
.rxf-mini:hover{ background:#02B8BF; }

/* receita canônica EDITÁVEL (modelo único do renderer) */
.rxf-rxsec h4{ display:flex; align-items:center; gap:8px; }
.rxf-rx-tag{ font-size:10px; font-weight:700; letter-spacing:.03em; text-transform:uppercase;
  color:#02787D; background:rgba(2,184,191,.14); padding:2px 8px; border-radius:999px; }
.rxf-rx-tag.pend{ color:#8A5A00; background:rgba(240,170,20,.16); }
.rxf-rx-edit{
  display:block; width:100%; box-sizing:border-box; resize:vertical; min-height:64px;
  margin:0; background:#fff; color:#12202F; border:1px solid #D8E2EC; border-radius:10px; padding:13px 14px;
  font-family:"JetBrains Mono",ui-monospace,monospace; font-size:12px; line-height:1.55;
  white-space:pre-wrap; word-break:break-word; outline:none; transition:border-color .15s, box-shadow .15s;
}
.rxf-rx-edit:focus{ border-color:#02B8BF; box-shadow:0 0 0 3px rgba(2,184,191,.22); }
.rxf-rx-bar{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:8px; }
.rxf-rx-chips{ display:flex; gap:6px; flex-wrap:wrap; flex:1 1 auto; }
.rxf-rx-chip{
  border:1px solid #D8E2EC; background:#fff; color:#33465C; cursor:pointer; border-radius:999px;
  font-size:11px; font-weight:600; padding:4px 10px; transition:border-color .15s, background .15s, color .15s;
}
.rxf-rx-chip:hover{ border-color:#7B61FF; background:#F3F0FF; color:#4B2FCF; }
.rxf-rx-bar .rxf-mini{ position:static; }
.rxf-rx-hint{ margin:8px 0 0; font-size:11px; color:#7A8898; line-height:1.45; }
.rxf-rx-pend{ margin:6px 0 0; font-size:11.5px; font-weight:600; color:#8A5A00; line-height:1.45; }
.rxf-com.active{ border-color:#02B8BF; background:#E9FAFB; box-shadow:0 0 0 2px rgba(2,184,191,.25); }

/* comerciais */
.rxf-coms{ display:flex; flex-direction:column; gap:6px; }
.rxf-com{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap; text-align:left; cursor:pointer;
  background:#fff; border:1px solid #E1EAF2; border-radius:10px; padding:9px 12px; transition:border-color .15s, background .15s;
}
.rxf-com:hover{ border-color:#02B8BF; background:#F0FBFC; }
.rxf-com.picked{ border-color:#7B61FF; background:#F3F0FF; }
.rxf-com-n{ font-size:13.5px; font-weight:600; color:#1B2A3D; }
.rxf-com-a{ font-size:12px; color:#5A6B7E; }
.rxf-com-g{ font-size:10px; font-weight:700; color:#02787D; background:rgba(2,184,191,.14); padding:2px 7px; border-radius:999px; }
.rxf-com-p{ margin-left:auto; font-size:12.5px; font-weight:700; color:#7B61FF; font-family:"JetBrains Mono",monospace; }
.rxf-com.active{ border-color:#02B8BF; background:#E9FAFB; box-shadow:0 0 0 2px rgba(2,184,191,.25); }
/* TAGS de classificação do comercial: Referência (azul) · Similar (verde) · Genérico (amarelo) */
.rxf-com-tag{ font-size:10px; font-weight:700; letter-spacing:.02em; padding:2px 8px; border-radius:999px; flex:none; }
.rxf-tag-ref{ color:#1749B8; background:rgba(37,99,235,.12); }
.rxf-tag-sim{ color:#0B7A46; background:rgba(16,160,96,.14); }
.rxf-tag-gen{ color:#8A5A00; background:rgba(240,175,20,.18); }
.rxf-disc{ margin:9px 0 0; font-size:11px; color:#7A8898; line-height:1.45; }
.rxf-coms-empty{ font-style:italic; }
/* variáveis do modelo (concentração/posologia) — chips de clique rápido */
.rxf-var{ display:flex; flex-direction:column; gap:8px; margin-top:9px; }
.rxf-var-row{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.rxf-var-lbl{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:#5A6B7E; min-width:88px; }
.rxf-var-chips{ display:flex; gap:6px; flex-wrap:wrap; }
.rxf-conc-chip{ border:1px solid #D8E2EC; background:#fff; color:#33465C; cursor:pointer; border-radius:999px; font-size:11px; font-weight:600; padding:4px 11px; transition:border-color .15s, background .15s, color .15s; }
.rxf-conc-chip:hover{ border-color:#02B8BF; background:#EAFBFC; }
.rxf-conc-chip.active{ border-color:#02B8BF; background:#02B8BF; color:#fff; }
/* bloco de comerciais dentro do compositor (logo abaixo do modelo + variáveis) */
.rxf-coms-block{ margin-top:14px; padding-top:12px; border-top:1px dashed #E1EAF2; }
.rxf-coms-block h5{ margin:0; font:700 11px Inter; text-transform:uppercase; letter-spacing:.04em; color:#02888f; }
.rxf-coms-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }
.rxf-cb-open{ flex:none; cursor:pointer; border:1px solid #02B8BF; background:#EAFBFC; color:#026e73;
  border-radius:999px; font:600 11px Inter; padding:4px 11px; transition:background .15s, box-shadow .15s; white-space:nowrap; }
.rxf-cb-open:hover{ background:#02B8BF; color:#fff; box-shadow:0 3px 10px rgba(2,184,191,.3); }

/* pop-up COMPARAÇÃO custo-benefício (nível acima da ficha) */
.rxf-cbov{ position:fixed; inset:0; z-index:1300; display:flex; align-items:center; justify-content:center; padding:20px;
  background:rgba(9,17,30,.5); opacity:0; visibility:hidden; transition:opacity .18s; }
.rxf-cbov.on{ opacity:1; visibility:visible; }
.rxf-cbpanel{ width:min(560px,100%); max-height:86vh; display:flex; flex-direction:column; background:#fff;
  border-radius:16px; box-shadow:0 24px 60px rgba(9,17,30,.35); overflow:hidden; transform:translateY(8px) scale(.98); transition:transform .18s; }
.rxf-cbov.on .rxf-cbpanel{ transform:none; }
.rxf-cbhead{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; padding:16px 18px 12px; border-bottom:1px solid #EDF2F7; }
.rxf-cbh-t{ display:flex; flex-direction:column; gap:2px; }
.rxf-cbh-t strong{ font:700 15px Inter; color:#0F2033; }
.rxf-cbsub{ font-size:12px; color:#5A6B7E; text-transform:capitalize; }
.rxf-cbx{ flex:none; border:none; background:#EEF3F8; color:#33465C; width:30px; height:30px; border-radius:50%; cursor:pointer; font-size:19px; line-height:1; }
.rxf-cbx:hover{ background:#E1EAF2; }
.rxf-cbbody{ overflow:auto; padding:8px 14px 4px; }
.rxf-cbtab{ width:100%; border-collapse:collapse; font-size:12.5px; }
.rxf-cbtab thead th{ position:sticky; top:0; background:#fff; text-align:left; font:700 10.5px Inter; text-transform:uppercase; letter-spacing:.03em; color:#7A8898; padding:6px 8px; border-bottom:1px solid #E1EAF2; }
.rxf-cbtab thead th:nth-child(3), .rxf-cbtab thead th:nth-child(4){ text-align:right; }
.rxf-cbgrp-h td{ padding:9px 8px 4px; font:700 11px "JetBrains Mono",monospace; color:#026e73; text-transform:uppercase; letter-spacing:.02em; }
.rxf-cbtab tbody tr:not(.rxf-cbgrp-h) td{ padding:7px 8px; border-top:1px solid #F0F4F8; vertical-align:middle; }
.rxf-cbm{ display:flex; align-items:center; gap:6px; }
.rxf-cbm span{ font-weight:600; color:#1B2A3D; }
.rxf-cbq{ color:#5A6B7E; white-space:nowrap; }
.rxf-cbp{ text-align:right; font-family:"JetBrains Mono",monospace; color:#33465C; white-space:nowrap; }
.rxf-cbu{ text-align:right; font-family:"JetBrains Mono",monospace; font-weight:700; color:#7B61FF; white-space:nowrap; }
.rxf-cbbest td{ background:rgba(2,184,191,.07); }
.rxf-cbbest .rxf-cbu{ color:#026e73; }
.rxf-cbstar{ color:#02B8BF; }
.rxf-cbtaghosp{ font-size:9.5px; font-weight:700; color:#8A5A00; background:rgba(240,175,20,.18); padding:1px 5px; border-radius:999px; }
.rxf-cbrow-hosp{ display:none; }
.rxf-cbpanel.show-bulk .rxf-cbrow-hosp{ display:table-row; }
.rxf-cbbulk-t{ margin:2px 14px 6px; align-self:flex-start; border:none; background:none; color:#5A6B7E; cursor:pointer; font:600 11.5px Inter; padding:4px 2px; }
.rxf-cbbulk-t:hover{ color:#02888f; text-decoration:underline; }
.rxf-cbpanel .rxf-disc{ margin:0; padding:6px 18px 16px; }

.rxf-empty{ font-size:13px; color:#5A6B7E; text-align:center; padding:32px 12px; line-height:1.5; }

/* footer */
.rxf-foot{
  display:flex; gap:10px; padding:14px 20px; border-top:1px solid #E1EAF2; background:#fff;
}
.rxf-btn{
  flex:1; border:none; cursor:pointer; border-radius:999px; padding:11px 16px;
  font-size:13.5px; font-weight:600; transition:transform .1s, box-shadow .15s, background .15s;
}
.rxf-btn:active{ transform:translateY(1px); }
.rxf-btn-primary{ background:linear-gradient(135deg,#02B8BF,#7B61FF); color:#fff; box-shadow:0 6px 16px rgba(2,184,191,.28); }
.rxf-btn-primary:hover{ box-shadow:0 8px 22px rgba(2,184,191,.36); }
.rxf-btn-soft{ background:#EEF3F8; color:#1B2A3D; flex:0 0 auto; }
.rxf-btn-soft:hover{ background:#E1EAF2; }
/* 2 saídas: Ambulatorial (teal) · Hospitalar (navy) — ícone + rótulo 2 linhas simétrico */
.rxf-foot{ align-items:stretch; }
.rxf-foot .rxf-btn-amb, .rxf-foot .rxf-btn-hosp{ display:flex; align-items:center; justify-content:center; gap:10px; padding:10px 12px; color:#fff; text-align:left; }
.rxf-foot .rxf-btn-amb .rxf-ic, .rxf-foot .rxf-btn-hosp .rxf-ic{ width:21px; height:21px; flex:none; }
.rxf-btn-lbl{ display:flex; flex-direction:column; align-items:flex-start; line-height:1.15; font-size:14px; font-weight:700; }
.rxf-btn-lbl small{ font-size:10px; font-weight:600; letter-spacing:.02em; opacity:.82; text-transform:none; }
.rxf-btn-amb{ background:#02B8BF; box-shadow:0 5px 14px rgba(2,184,191,.3); }
.rxf-btn-amb:hover{ background:#03a3a9; box-shadow:0 7px 18px rgba(2,184,191,.4); }
.rxf-btn-hosp{ background:#16294a; box-shadow:0 5px 14px rgba(22,41,74,.32); }
.rxf-btn-hosp:hover{ background:#1e3763; box-shadow:0 7px 18px rgba(22,41,74,.42); }

/* loading */
.rxf-loading{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; color:#5A6B7E; font-size:13px; }
.rxf-spin{ width:26px; height:26px; border:3px solid #D6E2EE; border-top-color:#02B8BF; border-radius:50%; animation:rxf-spin .7s linear infinite; }
@keyframes rxf-spin{ to{ transform:rotate(360deg); } }

/* ---- ícones inline ---- */
.rxf-ic{ width:1em; height:1em; flex:none; display:inline-block; vertical-align:-0.14em; }
.rxf-ic-title{ width:17px; height:17px; color:#02B8BF; }
.rxf-ic-rot{ width:16px; height:16px; transform:rotate(90deg); color:#33465C; }
.rxf-ic-bot{ width:19px; height:19px; color:#02888f; }
.rxf-ic-coms{ width:15px; height:15px; color:#02888f; }

/* ---- compositor por APRESENTAÇÃO: cabeçalho (Rx + Copiar no topo) ---- */
.rxf-rxsec .rxf-rx-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.rxf-rx-title{ display:flex; align-items:center; gap:8px; margin:0; font:700 13px Inter; text-transform:uppercase; letter-spacing:.04em; color:#0F2033; }
.rxf-rx-copy{ display:inline-flex; align-items:center; gap:7px; cursor:pointer; border:none; border-radius:999px; padding:7px 15px; font:600 12.5px Inter; color:#fff; background:#02B8BF; box-shadow:0 4px 12px rgba(2,184,191,.3); transition:box-shadow .15s, transform .1s; }
.rxf-coms-head h5{ display:flex; align-items:center; gap:7px; }
.rxf-rx-copy .rxf-ic{ width:14px; height:14px; }
.rxf-rx-copy:hover{ box-shadow:0 6px 16px rgba(2,184,191,.42); }
.rxf-rx-copy:active{ transform:translateY(1px); }

/* ---- card "Ajuste Rápido" ---- */
.rxf-quick{ margin-top:14px; border:1px solid #E4EBF2; border-radius:15px; background:#fff; box-shadow:0 1px 3px rgba(9,17,30,.04); overflow:hidden; }
.rxf-quick-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; padding:13px 16px; border-bottom:1px solid #EEF3F8; }
.rxf-quick-title{ display:flex; align-items:center; gap:9px; font:700 14px Inter; color:#0F2033; }
.rxf-ped-slot{ display:inline-flex; }
.rxf-quick-sec{ padding:13px 16px; border-bottom:1px solid #F1F5F9; }
.rxf-quick-lbl{ display:block; font:700 10.5px Inter; text-transform:uppercase; letter-spacing:.07em; color:#8496A8; margin-bottom:9px; }
/* marcador honesto: apresentação de abertura sugerida pelo sistema (sem default clínico curado). Não é selo de "em validação" de dado — é estado de UI da seleção. */
.rxf-apres-auto{ display:inline-block; margin-left:8px; padding:1px 8px; border-radius:999px; background:#EEF3F8; color:#8496A8; font:600 9.5px Inter; text-transform:none; letter-spacing:0; vertical-align:middle; }
.rxf-apres-chips{ display:flex; flex-wrap:wrap; gap:8px; }

/* chips de apresentação (com check-circle quando ativo, raio âmbar se tem pediátrico) */
.rxf-apres-chip{ display:inline-flex; align-items:center; gap:7px; border:1px solid #DCE5EE; background:#F7FAFC; color:#33465C; cursor:pointer; border-radius:11px; font-size:13px; font-weight:600; padding:9px 13px; transition:border-color .15s, background .15s, color .15s, box-shadow .15s; }
.rxf-apres-chip:hover{ border-color:#02B8BF; background:#EAFBFC; }
.rxf-apres-chip.active{ border-color:#02B8BF; background:#02B8BF; color:#fff; box-shadow:0 4px 12px rgba(2,184,191,.3); }
.rxf-chip-ck{ display:none; }
.rxf-apres-chip.active .rxf-chip-ck{ display:inline-flex; }
.rxf-chip-ck .rxf-ic{ width:16px; height:16px; }
.rxf-chip-bolt{ display:inline-flex; color:#F0B429; }
.rxf-chip-bolt .rxf-ic{ width:13px; height:13px; }
.rxf-apres-chip.active .rxf-chip-bolt{ color:#FFE39A; }

/* posologia: freq chips + separador + botão pediátrico */
.rxf-poso-row{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.rxf-freq-chips{ display:flex; gap:8px; flex-wrap:wrap; }
.rxf-freq-chip{ display:inline-flex; align-items:center; gap:6px; border:1px solid #DCE5EE; background:#fff; color:#33465C; cursor:pointer; border-radius:10px; font-size:13px; font-weight:600; padding:8px 14px; transition:border-color .15s, background .15s, color .15s; }
.rxf-freq-chip:hover{ border-color:#02B8BF; background:#EAFBFC; }
.rxf-freq-chip.active{ border-color:#02B8BF; color:#026e73; background:#EAFBFC; }
.rxf-freq-chip .rxf-chip-ck{ display:none; color:#02B8BF; }
.rxf-freq-chip.active .rxf-chip-ck{ display:inline-flex; }
.rxf-freq-chip .rxf-chip-ck .rxf-ic{ width:15px; height:15px; }
.rxf-poso-sep{ width:1px; align-self:stretch; min-height:20px; background:#E1EAF2; }
.rxf-ped-btn{ display:inline-flex; align-items:center; gap:7px; border:1px solid #F0B429; background:rgba(240,180,41,.09); color:#8A5A00; cursor:pointer; border-radius:10px; font:600 13px Inter; padding:8px 14px; transition:background .15s, box-shadow .15s; }
.rxf-ped-btn .rxf-ic{ width:15px; height:15px; color:#C98A00; }
.rxf-ped-btn:hover{ background:#F0B429; color:#3A2A00; box-shadow:0 3px 10px rgba(240,180,41,.35); }
.rxf-ped-btn:hover .rxf-ic{ color:#3A2A00; }

/* rodapé COPILOT */
.rxf-copilot{ display:flex; align-items:center; gap:14px; padding:13px 16px; background:rgba(2,184,191,.06); }
.rxf-copilot-brand{ display:flex; flex-direction:column; align-items:center; gap:4px; flex:none; }
.rxf-ic-bot{ width:38px; height:38px; color:#02888f; }
.rxf-copilot-lbl{ font:700 11px Inter; letter-spacing:.06em; color:#02888f; }
.rxf-copilot-txt{ font-size:12.5px; color:#5A6B7E; line-height:1.4; }
.rxf-com-p-na{ color:#9AA8B8 !important; font-weight:500 !important; font-style:italic; }

/* pop-up calculadora pediátrica */
.rxf-pedov{ position:fixed; inset:0; z-index:1300; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(9,17,30,.5); opacity:0; visibility:hidden; transition:opacity .18s; }
.rxf-pedov.on{ opacity:1; visibility:visible; }
.rxf-pedpanel{ width:min(400px,100%); max-height:88vh; overflow-y:auto; overflow-x:hidden; background:#fff; border-radius:16px; box-shadow:0 24px 60px rgba(9,17,30,.35); transform:translateY(8px) scale(.98); transition:transform .18s; }
.rxf-pedov.on .rxf-pedpanel{ transform:none; }
.rxf-pedhead{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; padding:16px 18px 12px; border-bottom:1px solid #EDF2F7; }
.rxf-pedhead > div{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.rxf-pedhead strong{ display:inline-flex; align-items:center; gap:8px; font:700 15px Inter; color:#0F2033; }
.rxf-ic-pedtitle{ width:18px; height:18px; color:#02888f; }
.rxf-pedsub{ font-size:12px; color:#5A6B7E; }
.rxf-pedx{ flex:none; border:none; background:#EEF3F8; color:#33465C; width:30px; height:30px; border-radius:50%; cursor:pointer; font-size:19px; line-height:1; }
.rxf-pedx:hover{ background:#E1EAF2; }
.rxf-pedbody{ padding:16px 18px 4px; }
.rxf-pedrow{ display:flex; gap:18px; flex-wrap:wrap; margin-bottom:14px; }
.rxf-pedfield{ display:flex; flex-direction:column; gap:5px; font:600 11px Inter; text-transform:uppercase; letter-spacing:.03em; color:#5A6B7E; }
.rxf-pedfield input, .rxf-pedidade select{ font:500 14px Inter; padding:9px 10px; border:1px solid #D8E2EC; border-radius:9px; color:#12202F; background:#fff; box-sizing:border-box; }
.rxf-pedfield > input[data-rxf-peso]{ width:88px; }
.rxf-pedidade{ display:flex; gap:6px; align-items:center; }
.rxf-pedidade input{ width:58px; }
.rxf-pedidade select{ padding:9px 6px; font-size:13px; }
.rxf-pedfield input:focus, .rxf-pedidade select:focus{ outline:2px solid rgba(2,184,191,.4); border-color:#02B8BF; }
.rxf-pedcalcbtn{ width:100%; }
.rxf-pedout{ margin-top:14px; }
.rxf-ped-result{ border:1px solid #E4EBF2; background:#fff; border-radius:12px; padding:14px 15px; display:flex; flex-direction:column; gap:7px; }
.rxf-ped-faixa{ font-size:12.5px; color:#5A6B7E; }
.rxf-ped-dose{ font-size:14px; color:#12202F; }
.rxf-ped-dose b{ color:#000; }
.rxf-ped-inicial{ font-size:13px; color:#12202F; background:#F4F7FA; border:1px solid #E9EEF4; border-radius:8px; padding:7px 10px; }
.rxf-ped-inicial b{ color:#000; }
.rxf-ped-result .rxf-btn{ margin-top:6px; }
.rxf-ped-block{ border:1px solid rgba(255,107,107,.4); background:rgba(255,107,107,.08); color:#B23636; border-radius:11px; padding:12px 14px; font-size:13px; font-weight:500; }
.rxf-ped-warn{ border:1px solid rgba(240,180,41,.35); background:rgba(240,180,41,.1); color:#8A5A00; border-radius:11px; padding:11px 13px; font-size:13px; }
.rxf-pedpanel .rxf-disc{ margin:6px 0 0; padding:0 18px 18px; }

@media (max-width:560px){
  .rxf-panel{ width:100%; }
  .rxf-dose-grid{ grid-template-columns:1fr; }
}