/* ============================================================
   CCIH (out/2026) — complementos do mc-modulo.css (prefixo cc-).
   Só o que a fundação mm-* não cobre: etiqueta de precaução, linha
   de sinais da busca ativa, checklists (critérios ANVISA, 5 blocos
   da avaliação, bundles) e a placa impressa da porta do leito.
   Tudo com os tokens --p-* (claro/escuro herdados de .mm/.mm-layer).
   ============================================================ */

/* ---- Etiqueta de precaução (cor fixa da placa: igual no claro e no escuro) ---- */
.cc-etq {
    display: inline-flex; align-items: center; gap: 4px;
    padding: .14rem .5rem; border-radius: 6px;
    background: var(--etq, #64748b); color: #fff;
    font-size: .6rem; font-weight: 800; letter-spacing: .5px; text-transform: uppercase; white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0,0,0,.12);
}
.cc-etq i { font-size: 12px; }
.cc-etq.lg { padding: .3rem .7rem; font-size: .72rem; border-radius: 8px; }
.cc-etq.lg i { font-size: 15px; }
.cc-etqs { display: inline-flex; flex-wrap: wrap; gap: 4px; vertical-align: middle; }

/* ---- Sinais na linha (dispositivo D5, febre, cultura…) ---- */
.cc-sinais { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
.cc-sinais .mm-chip b { font-weight: 900; }
.cc-temp { font-variant-numeric: tabular-nums; font-weight: 800; }
.cc-temp.febre { color: var(--p-red); }
.cc-nada { color: var(--p-faint); font-size: .7rem; }

/* Linha da tabela com barra de prioridade (a mesma ideia da fila da regulação) */
.cc-tbl tbody tr > td:first-child { box-shadow: inset 4px 0 0 var(--tom, transparent); }
:is(.mm, .mm-layer) .mm-tbl td.acoes .prmd-iconbtn { display: inline-flex; vertical-align: middle; }
.cc-pac { display: flex; align-items: center; gap: 9px; min-width: 0; }
.cc-pac-nome { font-size: .8rem; font-weight: 700; color: var(--p-ink); line-height: 1.25; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.cc-pac-sub { font-size: .66rem; font-weight: 600; color: var(--p-faint); margin-top: 1px; }
.cc-dia {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 34px; height: 24px; padding: 0 7px; border-radius: 7px;
    background: var(--tom-soft, var(--p-soft2)); color: var(--tom, var(--p-ink));
    border: 1px solid var(--tom-line, var(--p-border));
    font-family: var(--p-mono); font-size: .72rem; font-weight: 800; font-variant-numeric: tabular-nums;
}

/* ---- Checklists (critérios, blocos da avaliação, bundles) ---- */
.cc-grupo { display: flex; flex-direction: column; gap: 6px; }
.cc-grupo + .cc-grupo { margin-top: 12px; }
.cc-grupo-tit { display: flex; align-items: center; gap: 7px; font-size: .62rem; font-weight: 800; letter-spacing: 1px; color: var(--p-faint); text-transform: uppercase; }
.cc-grupo-tit .ok { color: var(--p-green); font-size: 14px; }
.cc-grupo-ajuda { font-size: .68rem; color: var(--p-muted); font-weight: 500; margin-top: -2px; }
.cc-op {
    display: flex; align-items: flex-start; gap: 9px; width: 100%; text-align: left;
    padding: 8px 10px; border-radius: 10px;
    border: 1px solid var(--p-border); background: var(--p-surface); color: var(--p-text);
    font: inherit; font-size: .76rem; font-weight: 600; line-height: 1.4;
    transition: border-color .15s, background .15s;
}
.cc-op:hover { border-color: var(--p-blue-line); }
.cc-op .cx {
    width: 18px; height: 18px; border-radius: 5px; flex: none; margin-top: 1px;
    border: 1.5px solid var(--p-border-strong); background: var(--p-surface);
    display: inline-flex; align-items: center; justify-content: center; color: transparent; font-size: 13px;
}
.cc-op.on { border-color: var(--tom, var(--p-blue-light)); background: var(--tom-soft, var(--p-blue-soft)); color: var(--p-ink); }
.cc-op.on .cx { background: var(--tom, var(--p-blue-light)); border-color: var(--tom, var(--p-blue-light)); color: #fff; }
.cc-op:disabled { opacity: .55; cursor: not-allowed; }
.cc-ops2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }

/* Resultado do critério ANVISA */
.cc-veredito {
    display: flex; align-items: flex-start; gap: 10px;
    padding: 12px 14px; border-radius: 12px;
    background: var(--tom-soft, var(--p-soft2)); border: 1px solid var(--tom-line, var(--p-border));
}
.cc-veredito > i { font-size: 22px; color: var(--tom, var(--p-muted)); flex: none; }
.cc-veredito-tit { font-size: .8rem; font-weight: 800; color: var(--p-ink); line-height: 1.3; }
.cc-veredito ul { margin: 6px 0 0; padding-left: 16px; font-size: .7rem; color: var(--p-text); }

/* Barra de progresso do bundle */
.cc-bundle-prog { display: flex; align-items: center; gap: 8px; font-size: .7rem; font-weight: 700; color: var(--p-muted); }
.cc-bundle-prog .mm-progress { flex: 1; }

/* ---- Precauções: cartões por setor ---- */
.cc-prec-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; }
.cc-prec {
    background: var(--p-surface); border: 1px solid var(--p-border); border-radius: 14px;
    box-shadow: var(--p-shadow-sm); overflow: hidden; display: flex; flex-direction: column;
}
.cc-prec-faixa { display: flex; align-items: center; gap: 8px; padding: 9px 12px; background: var(--etq, #64748b); color: #fff; }
.cc-prec-faixa i { font-size: 18px; }
.cc-prec-faixa b { font-size: .78rem; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; }
.cc-prec-faixa span { margin-left: auto; font-size: .66rem; font-weight: 700; opacity: .9; }
.cc-prec-corpo { padding: 11px 12px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.cc-prec-pe { padding: 8px 12px; border-top: 1px solid var(--p-border); display: flex; gap: 6px; justify-content: flex-end; }

/* ---- Gráfico de colunas: mês selecionado em destaque ---- */
.cc-cols .mm-col.sel .mm-col-bar { background: var(--p-blue); box-shadow: 0 0 0 2px var(--p-blue-line-soft); }
.cc-cols .mm-col.sel .mm-col-lbl { color: var(--p-blue); font-weight: 800; }
.cc-cols .mm-col { cursor: pointer; }

/* ---- Linha do tempo da avaliação (histórico) ---- */
.cc-aval-itens { display: flex; flex-direction: column; gap: 3px; margin-top: 4px; font-size: .7rem; color: var(--p-text); }
.cc-aval-itens b { color: var(--p-muted); font-weight: 700; }

/* ---- Modal: cabeçalho da ficha de antimicrobiano ---- */
.cc-ficha-med { font-size: .92rem; font-weight: 800; color: var(--p-ink); line-height: 1.25; }
.cc-ficha-pos { font-size: .74rem; font-weight: 600; color: var(--p-muted); margin-top: 2px; }