/* ============================================================================
   SOMA · rx-onboarding.css — Onboarding premium + import inteligente (Fase 2)
   Aditivo, escopo .rx-ob*. Identidade SOMA.
   ============================================================================ */
.rx-ob{ display:flex; flex-direction:column; gap:14px; }
.rx-ob-head{ display:flex; align-items:flex-start; gap:10px; }
.rx-ob-head p{ margin:0; font:400 13.5px/1.5 Inter,system-ui; color:#3A4A5C; }
.rx-ob-prem{ flex:none; font:700 10px Inter; letter-spacing:.05em; text-transform:uppercase; color:#fff; background:linear-gradient(135deg,#7B61FF,#02B8BF); border-radius:999px; padding:3px 10px; }

/* escolha de caminho */
.rx-ob-choice{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.rx-ob-card{
  text-align:left; cursor:pointer; border:1.5px solid #E1EAF2; border-radius:12px; padding:13px 15px; background:#fff;
  display:flex; flex-direction:column; gap:4px; transition:border-color .15s, background .15s, box-shadow .15s;
}
.rx-ob-card:hover{ border-color:#02B8BF; }
.rx-ob-card.on{ border-color:#7B61FF; background:#F6F3FF; box-shadow:0 4px 14px rgba(123,97,255,.14); }
.rx-ob-card b{ font:700 14px Inter; color:#1B2A3D; }
.rx-ob-card span{ font:400 12px Inter; color:#5A6B7E; }
@media (max-width:560px){ .rx-ob-choice{ grid-template-columns:1fr; } }

/* painel de configuração */
.rx-ob-panel{ display:block; border-top:1px solid #E8EEF4; padding-top:14px; display:flex; flex-direction:column; gap:14px; }
.rx-ob-radios{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:8px; }
.rx-ob-radio{ display:inline-flex; align-items:center; gap:6px; cursor:pointer; border:1px solid #E1EAF2; border-radius:999px; padding:6px 13px; font:500 12.5px Inter; color:#1B2A3D; transition:border-color .15s, background .15s; }
.rx-ob-radio:has(input:checked){ border-color:#02B8BF; background:#F0FBFC; color:#026b70; font-weight:700; }
.rx-ob-radio input{ position:absolute; opacity:0; width:0; height:0; pointer-events:none; }
.rx-ob-preview{ font:600 13px "JetBrains Mono",monospace; color:#02787D; background:#F0FBFC; border:1px dashed #B6E4E6; border-radius:9px; padding:9px 12px; margin-top:8px; }

/* logo: anexo de imagem ou logo da clínica (Configurações) */
.rx-ob-logo{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.rx-ob-logo-prev{ width:122px; height:58px; border:1px solid #E1EAF2; border-radius:10px; background:#fff; display:flex; align-items:center; justify-content:center; overflow:hidden; flex:none; }
.rx-ob-logo-prev img{ max-width:100%; max-height:100%; object-fit:contain; }
.rx-ob-logo-ph{ display:flex; align-items:center; gap:5px; font:600 11px Inter; color:#9AA7B4; }
.rx-ob-logo-ph svg{ width:15px; height:15px; }
.rx-ob-logo-acts{ display:flex; flex-wrap:wrap; gap:7px; }
.rx-ob-upl{ cursor:pointer; }
.rx-ob-hint{ margin:7px 0 0; font:400 11.5px/1.45 Inter; color:#7A8898; }
.rx-ob-impbar{ display:flex; align-items:center; gap:10px; margin-bottom:8px; flex-wrap:wrap; }
.rx-ob-fname{ font:500 11.5px Inter; color:#5A6B7E; }

/* resultados do import */
.rx-ob-results{ display:flex; flex-direction:column; gap:10px; }
.rx-ob-res{ border:1px solid #E1EAF2; border-radius:11px; padding:11px 13px; background:#fff; display:flex; flex-direction:column; gap:8px; transition:border-color .15s, opacity .2s; }
.rx-ob-res.saved{ border-color:#02B8BF; background:#F4FCFC; opacity:.85; }
.rx-ob-res-h{ display:flex; align-items:center; gap:8px; }
.rx-ob-tag{ font:700 10.5px Inter; text-transform:uppercase; letter-spacing:.04em; color:#fff; border-radius:999px; padding:2px 9px; background:#7B61FF; }
.rx-ob-tag-receituario{ background:#02B8BF; }
.rx-ob-tag-exames{ background:#7B61FF; }
.rx-ob-tag-orientacoes{ background:#3A8DDE; }
.rx-ob-tag-manual{ background:#9AA7B4; }
.rx-ob-match{ font:600 11px Inter; color:#026b70; background:rgba(2,184,191,.12); border-radius:999px; padding:2px 9px; }
.rx-ob-nomatch{ font:600 11px Inter; color:#9A5B00; background:#FFF3DE; border-radius:999px; padding:2px 9px; }
.rx-ob-name{ font-weight:600; }
.rx-ob-pre{ margin:0; font:12px/1.5 "JetBrains Mono",monospace; color:#3A4A5C; background:#F6F9FC; border-radius:8px; padding:9px 11px; white-space:pre-wrap; max-height:120px; overflow:auto; }