/* ============================================================================
   LINHA · recibo de ação (js/app/recibo.js e js/reg/13-recibo.js)
   Substitui a tela, não expira e é imprimível: cabeça com o resultado, esteira
   das etapas, frase do que acontece agora, código para copiar e ações.
   ============================================================================ */
.reg-modal-recibo{ max-width:560px }
.rec{ display:flex; flex-direction:column; gap:var(--l-e4); padding:4px 2px }

.rec-cabeca{ display:flex; gap:var(--l-e3); align-items:flex-start }
.rec-ok, .rec-x{ flex:none; display:grid; place-items:center; width:34px; height:34px; border-radius:50%; font-size:18px; font-weight:700; color:#fff }
.rec-ok{ background:var(--l-ok) }
.rec-x{ background:var(--l-erro) }
.rec-titulo{ margin:0 0 3px; font-size:var(--l-t-titulo); font-weight:600; line-height:1.25; color:var(--l-texto); text-wrap:balance }
.rec-sub{ margin:0; font-size:var(--l-t-corpo); color:var(--l-texto-2) }
.rec-meta{ margin:4px 0 0; font-size:var(--l-t-peq); color:var(--l-texto-3) }
.rec-prio{ display:inline-block; padding:1px 7px; border-radius:999px; font-size:var(--l-t-mini); font-weight:600; color:#fff; background:var(--l-texto-3) }
.rec-prio-P0{ background:var(--l-r-vermelho) }
.rec-prio-P1{ background:var(--l-r-laranja) }
.rec-prio-P2{ background:var(--l-r-amarelo); color:var(--l-sobre-claro) }
.rec-prio-P3{ background:var(--l-r-verde) }
.rec-salvo{ margin:var(--l-e2) 0 0; padding:6px 10px; border-left:3px solid var(--l-ok); border-radius:0 var(--l-raio-1) var(--l-raio-1) 0; background:var(--l-ok-fundo); color:var(--l-ok); font-size:var(--l-t-peq); font-weight:500 }

.rec-onde h4{ margin:0 0 10px; font-size:var(--l-t-peq); font-weight:600; color:var(--l-texto-2) }
.rec-esteira{ list-style:none; margin:0 0 12px; padding:0; display:grid; grid-template-columns:repeat(var(--rec-etapas, 8), minmax(0, 1fr)) }
.rec-etapa{ position:relative; display:flex; flex-direction:column; align-items:center; gap:4px; min-width:0 }
.rec-etapa::before{ content:""; position:absolute; top:5px; left:-50%; right:50%; height:2px; background:var(--l-borda) }
.rec-etapa:first-child::before{ display:none }
.rec-etapa.feita::before, .rec-etapa.atual::before{ background:var(--l-ok) }
.rec-etapa.quebrou::before{ background:var(--l-erro) }
.rec-etapa-ponto{ z-index:1; width:12px; height:12px; border-radius:50%; background:var(--l-borda) }
.rec-etapa.feita .rec-etapa-ponto{ background:var(--l-ok) }
.rec-etapa.atual .rec-etapa-ponto{ background:var(--l-ok); box-shadow:0 0 0 4px var(--l-ok-fundo) }
.rec-etapa.quebrou .rec-etapa-ponto{ background:var(--l-erro); box-shadow:0 0 0 4px var(--l-erro-fundo) }
.rec-etapa-lbl{ padding:0 2px; font-size:11px; line-height:1.2; text-align:center; color:var(--l-texto-3); overflow-wrap:break-word }
.rec-etapa.atual .rec-etapa-lbl, .rec-etapa.quebrou .rec-etapa-lbl{ font-weight:600; color:var(--l-texto) }

.rec-frase{ margin:0; padding:11px 13px; border:1px solid var(--l-borda); border-radius:var(--l-raio-2); background:var(--l-sup-2); font-size:var(--l-t-corpo); line-height:1.5; color:var(--l-texto) }
.rec-auditoria{ margin:0; font-size:var(--l-t-peq); color:var(--l-texto-3) }
.rec-codigo{ margin:0; font-size:var(--l-t-peq); color:var(--l-texto-2) }
.rec-codigo code{ margin-left:4px; padding:2px 8px; border:1px solid var(--l-borda); border-radius:var(--l-raio-1); background:var(--l-sup-3); font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-weight:600; user-select:all }

.rec-acoes{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:var(--l-e2) }
.rec-btn{ height:36px; padding:0 16px; border:1px solid transparent; border-radius:var(--l-raio-2); font:inherit; font-size:var(--l-t-peq); font-weight:500; cursor:pointer }
.rec-btn-forte{ background:var(--l-marca); color:var(--l-sobre-marca) }
.rec-btn-fraco{ background:var(--l-sup); border-color:var(--l-borda); color:var(--l-texto) }
.rec-btn:hover{ filter:brightness(1.06) }
.rec-btn:focus-visible{ outline:2px solid var(--l-marca); outline-offset:2px }

.recibo-ovl{ position:fixed; inset:0; z-index:9200; display:flex; align-items:center; justify-content:center; padding:20px; background:var(--l-veu) }
.recibo-cx{ width:min(560px, 100%); max-height:90vh; overflow-y:auto; padding:22px 24px; border:1px solid var(--l-borda); border-radius:var(--l-raio-4); background:var(--l-sup); box-shadow:var(--l-sombra-modal); color:var(--l-texto) }

/* impressão: só o recibo, numa folha limpa */
@media print{
  body *{ visibility:hidden }
  .rec, .rec *{ visibility:visible }
  .rec{ position:absolute; inset:0 auto auto 0; width:100%; padding:0; color:#000 }
  .rec-acoes{ display:none }
  .rec-frase{ border:1px solid #000; background:none }
  .rec-etapa-ponto{ border:1px solid #000 }
  .recibo-ovl{ position:static; display:block; padding:0; background:none }
  .recibo-cx{ width:100%; max-height:none; padding:0; border:0; border-radius:0; box-shadow:none }
}