/* ============================================================
   ANÁLOGOS E INJETÁVEIS PELO PRONTUÁRIO · Painel (03/out/2026)
   Mesma linguagem da ficha (fi-*, fj-*): cartão branco, Mirante nos
   títulos, dourado só de acento. Sem vermelho, sem contagem regressiva.
   ============================================================ */

/* ── chips de dose (2,5 · 5 · 7,5 · 10) ── */
.an-chips { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.an-chip { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-width: 58px; min-height: 34px; padding: 5px 11px; border: 1px solid rgba(46,42,38,.14); border-radius: 10px; background: #FFF; font-family: inherit; font-size: 12.5px; font-weight: 600; color: #3A332C; cursor: pointer; line-height: 1.1; }
.an-chip small { font-size: 9px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #9B7B3E; margin-top: 2px; }
.an-chip:hover { border-color: rgba(202,169,103,.7); }
.an-chip[aria-pressed="true"] { background: #211D18; border-color: #211D18; color: #F6F2EE; }
.an-chip[aria-pressed="true"] small { color: #E3CC98; }
.an-linha { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.an-linha select { padding: 7px 10px; border: 1px solid rgba(46,42,38,.14); border-radius: 9px; font: inherit; font-size: 12.5px; background: #FFF; color: #241F1B; min-height: 34px; }
.an-livre { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; color: #7A6E63; }
.an-livre input { width: 64px; padding: 7px 9px; border: 1px solid rgba(46,42,38,.14); border-radius: 9px; font: inherit; font-size: 12.5px; background: #FFF; color: #241F1B; text-align: center; min-height: 34px; box-sizing: border-box; }
.an-ui { font-size: 12px; color: #5A5049; font-variant-numeric: tabular-nums; }
.an-ui-forte { font-family: var(--font-display); font-size: 15px; font-weight: 600; color: #241F1B; }

/* ── cartão do esquema na ficha ── */
.an-st { font-size: 9.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 3px 9px; border-radius: 4px; color: #4E5A40; background: rgba(95,107,78,.12); }
.an-st.is-rascunho { color: #8A6E38; background: rgba(202,169,103,.16); }
.an-st.is-encerrado { color: #7A6E63; background: #F1EBE0; }
.an-degrau-ui { font-size: 10.5px; color: var(--v2-sub, #8D7B6A); margin-top: -4px; }
.an-escada { height: 196px; }
.an-escada .fj-degrau-pe { font-size: 10.5px; }
.an-esq-txt { margin-top: 10px; }
.an-acoes { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; padding-top: 14px; margin-top: 14px; border-top: 1px solid var(--v2-line, rgba(46,42,38,.08)); }
.an-mini-forte { background: #211D18; border-color: #211D18; color: #F6F2EE; }
.an-mini-forte:hover { background: #2E2A26; border-color: #2E2A26; color: #FFF; }
.fj-ap.an-nao .fj-ap-c b { color: #7A6E63; font-weight: 600; }

/* calendário das doses: uma célula por dose do esquema */
.an-cal { list-style: none; margin: 10px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(54px, 1fr)); gap: 6px; }
.an-cel { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 8px 4px 7px; border-radius: 10px; background: #FBF8F2; border: 1px solid transparent; min-width: 0; }
.an-cel-sem { font-size: 9.5px; letter-spacing: .06em; text-transform: uppercase; color: #A99B8C; }
.an-cel-dia { font-size: 11.5px; font-weight: 600; color: #3A332C; font-variant-numeric: tabular-nums; white-space: nowrap; }
.an-cel-pt { width: 12px; height: 12px; border-radius: 50%; border: 1.5px solid rgba(46,42,38,.25); background: transparent; margin: 2px 0; }
.an-cel-dose { font-size: 10.5px; color: #7A6E63; font-variant-numeric: tabular-nums; }
.an-cel.is-feita .an-cel-pt { background: #CAA967; border-color: #CAA967; }
.an-cel.is-prevista .an-cel-pt { border-style: dashed; border-color: #9B7B3E; }
.an-cel.is-sem_registro { background: transparent; border-color: rgba(46,42,38,.08); }
.an-cel.is-sem_registro .an-cel-pt { border-color: rgba(46,42,38,.18); }
.an-cel.is-nao_aplicada .an-cel-pt { border-color: #7A6E63; background: linear-gradient(135deg, transparent 44%, #7A6E63 44%, #7A6E63 56%, transparent 56%); }
.an-cel.is-prox { background: #FFF; border-color: rgba(202,169,103,.7); box-shadow: 0 0 0 3px rgba(202,169,103,.12); }
.an-cel.is-mais { justify-content: center; background: transparent; border: 1px dashed rgba(46,42,38,.12); }
.an-legenda { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 10px; font-size: 10.5px; color: #8D7B6A; }
.an-legenda span { display: inline-flex; align-items: center; gap: 5px; }
.an-legenda i { width: 9px; height: 9px; border-radius: 50%; border: 1.5px solid rgba(46,42,38,.25); display: inline-block; }
.an-legenda i.is-feita { background: #CAA967; border-color: #CAA967; }
.an-legenda i.is-prevista { border-style: dashed; border-color: #9B7B3E; }
.an-legenda i.is-sem_registro { border-color: rgba(46,42,38,.18); }
.an-legenda i.is-nao_aplicada { border-color: #7A6E63; background: linear-gradient(135deg, transparent 42%, #7A6E63 42%, #7A6E63 58%, transparent 58%); }

/* ── modais (editor, apresentações, registro de dose) ── */
.an-modal { max-width: 760px; }
.an-modal-p { max-width: 600px; }
.an-modal .inj-field input, .an-modal .inj-field select, .an-modal .inj-field textarea { box-sizing: border-box; }
.an-link-ap { margin-top: 6px; align-self: flex-start; }
.an-dica { margin-top: 6px; }
.an-foot-b { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.an-foot-b button[disabled] { opacity: .5; cursor: not-allowed; }
.an-degraus { display: flex; flex-direction: column; gap: 10px; margin: 6px 0 16px; padding: 14px 16px; border-radius: 12px; background: #FBF8F2; border: 1px solid rgba(46,42,38,.06); }
.an-degraus-tit { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.an-degraus-tit .fi-eyebrow { margin: 0; }
.an-degraus > .fi-mini { align-self: flex-start; }
.an-degrau-ed { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 10px; align-items: start; padding: 12px; background: #FFF; border: 1px solid rgba(46,42,38,.08); border-radius: 10px; }
.an-degrau-n { width: 26px; height: 26px; border-radius: 50%; background: #F1EBE0; color: #5A5049; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.an-degrau-campos { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.an-degrau-x { display: flex; flex-direction: column; gap: 6px; align-items: flex-end; padding-top: 4px; }
.an-previa { margin: 0 0 16px; }
.an-previa-l { list-style: none; padding: 0; margin: 8px 0 4px; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px; }
.an-previa-l li { display: flex; flex-direction: column; gap: 1px; padding: 7px 10px; border-radius: 8px; background: #FBF8F2; font-size: 11px; color: #8D7B6A; }
.an-previa-l b { font-size: 12px; color: #241F1B; font-weight: 600; }
.an-ap-med { padding: 14px 0; border-bottom: 1px solid rgba(46,42,38,.08); display: flex; flex-direction: column; gap: 10px; }
.an-ap-med:first-child { padding-top: 0; }
.an-ap-med > .fi-mini, .inj-modal-body > .fi-mini { align-self: flex-start; }
.an-ap-linha { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr) minmax(0, 1.1fr) auto; gap: 10px; align-items: start; padding: 10px 12px; background: #FBF8F2; border-radius: 10px; }
.an-ap-ref { display: flex; align-items: center; gap: 6px; font-size: 11.5px; color: #7A6E63; white-space: nowrap; }
.an-ap-ref + .fi-sub { margin-top: 4px; }
.an-ap-ref input { flex: 0 0 64px; width: 64px; min-width: 64px; padding-left: 6px; padding-right: 6px; text-align: center; }
.an-chk { align-self: center; white-space: nowrap; }
.an-aviso { background: #FBF6EA; border-radius: 10px; padding: 9px 12px; color: #6E5A33; font-size: 11.5px; }

/* ── bloco na evolução da biomédica ── */
.an-evo-slot { margin: 0 0 18px; }
.an-evo { border: 1px solid rgba(196,137,74,.35); background: #FFFDF8; border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; }
.an-evo.is-fechado { padding: 0; }
.an-evo-abrir { display: flex; flex-direction: column; gap: 2px; align-items: flex-start; width: 100%; padding: 12px 16px; border: 0; background: transparent; font-family: inherit; cursor: pointer; text-align: left; }
.an-evo-head { display: flex; flex-direction: column; gap: 2px; }
.an-evo-tit { font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: #9B6A35; font-weight: 700; }
.an-evo-seg { flex-wrap: wrap; }
.an-evo-grade { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: flex-end; }
.an-campo { display: flex; flex-direction: column; gap: 4px; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: #8D7B6A; font-weight: 700; min-width: 0; }
.an-campo input, .an-campo select, .an-campo textarea { font: inherit; font-size: 13px; letter-spacing: 0; text-transform: none; font-weight: 400; color: #241F1B; padding: 8px 10px; border: 1px solid rgba(46,42,38,.14); border-radius: 8px; background: #FFF; min-height: 34px; box-sizing: border-box; }
.an-campo input { width: 150px; max-width: 100%; }
.an-campo-l { width: 100%; }
.an-campo-l textarea { width: 100%; resize: vertical; line-height: 1.5; }
.an-evo-pe { margin-top: -2px; }
.an-evo > .fi-link { align-self: flex-start; }

/* ── Sala de aplicação · O que aplicar nesta semana ── */
.an-sala { margin-top: 22px; }
.an-sala-head { display: flex; flex-direction: column; gap: 3px; margin-bottom: 12px; }
.an-sala-head .marina-section-title { margin: 0; }
.an-sala-cols { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; align-items: start; }
.an-sala-box { background: #FFF; border: 1px solid var(--v2-line, rgba(46,42,38,.08)); border-radius: 14px; padding: 14px 16px; min-width: 0; }
.an-sala-l { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid rgba(46,42,38,.06); }
.an-sala-box > .fi-eyebrow + .an-sala-l { border-top: none; }
.an-sala-q { display: flex; flex-direction: column; align-items: center; padding: 6px 0; border-radius: 9px; background: #FBF8F2; }
.an-sala-q span { font-size: 9.5px; letter-spacing: .08em; text-transform: uppercase; color: #A99B8C; }
.an-sala-q b { font-size: 12px; color: #241F1B; white-space: nowrap; }
.an-sala-l.is-ok .an-sala-q { background: rgba(202,169,103,.16); }
.an-sala-c { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.an-sala-nome { font-size: 12.5px; font-weight: 600; color: var(--v2-ink, #241F1B); }
.an-sala-dose { font-size: 12.5px; color: #3A332C; }
.an-sala-b { white-space: nowrap; }
.an-sala-pe { margin-top: 10px; }

/* ── injetáveis pelo prontuário (leitura da IA) ── */
.ia-ler { white-space: nowrap; }
.ia-ler[disabled] { opacity: .6; cursor: progress; }
.ia-lista { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; }
.ia-l { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 10px 14px; padding: 11px 0; border-top: 1px dashed var(--v2-line, rgba(46,42,38,.1)); align-items: start; }
.ia-l:first-child { border-top: none; }
.ia-l.is-descartado { opacity: .62; }
.ia-c { display: flex; flex-direction: column; gap: 3px; min-width: 0; font-size: 12.5px; color: var(--v2-ink, #241F1B); }
.ia-c b { font-weight: 600; }
.ia-sit { font-size: 10px; font-weight: 600; letter-spacing: .04em; border-radius: 20px; padding: 1px 8px; color: #7A6E63; background: #F4EFE7; }
.ia-sit.is-aplicado { color: #4E5A40; background: rgba(95,107,78,.12); }
.ia-sit.is-analogo { color: #6E5A33; background: rgba(202,169,103,.18); }
.ia-ctx { font-size: 12px; color: #3A332C; line-height: 1.5; }
.ia-tr > summary { cursor: pointer; font-size: 11px; color: var(--v2-link, #A5654E); font-weight: 600; list-style: none; }
.ia-tr > summary::-webkit-details-marker { display: none; }
.ia-tr q { display: block; margin-top: 4px; font-size: 11.5px; color: #5A5049; font-style: italic; line-height: 1.5; quotes: '"' '"'; }
.ia-acoes { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; max-width: 300px; }
.ia-l.is-ajuste { grid-template-columns: minmax(0, 1fr); background: #FBF8F2; border-radius: 10px; padding: 12px; }
.ia-aj { display: flex; flex-wrap: wrap; gap: 10px 12px; align-items: flex-end; }
.ia-aj .an-campo input { width: 170px; }

/* ── celular e notebook estreito ── */
@media (max-width: 900px) {
  .an-sala-cols { grid-template-columns: minmax(0, 1fr); }
  .an-ap-linha { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 720px) {
  .an-acoes { justify-content: flex-start; }
  .an-degrau-ed { grid-template-columns: 26px minmax(0, 1fr); }
  .an-degrau-x { grid-column: 2; flex-direction: row; align-items: center; padding: 0; }
  .an-ap-linha { grid-template-columns: minmax(0, 1fr); }
  .ia-l { grid-template-columns: 50px minmax(0, 1fr); }
  .ia-acoes { grid-column: 1 / -1; justify-content: flex-start; max-width: none; }
  .an-sala-l { grid-template-columns: 50px minmax(0, 1fr); }
  .an-sala-b { grid-column: 2; justify-self: start; }
  .an-cal { grid-template-columns: repeat(auto-fill, minmax(48px, 1fr)); }
  .an-escada { height: 210px; gap: 6px; }
  .an-escada .fj-degrau { min-width: 0; }
  .an-escada .fj-degrau-dose { font-size: 13.5px; }
}
