/* ============================================================================
   LINHA · RH (#view-rh)
   Esqueleto no modelo global. Aqui: a fila do que espera o RH (sempre à vista),
   as batidas do ponto pelo app e os itens de ausência.
   ============================================================================ */

/* o que espera o RH: números clicáveis que levam à fila */
.rh-cab{ align-items:center }
.rh-fila{ gap:4px var(--l-e6) }
.rh-q{ display:inline-flex; align-items:baseline; gap:4px; border:0; background:none; padding:0; font:inherit; color:var(--l-texto-2); cursor:pointer }
.rh-q b{ font-size:var(--l-t-titulo); font-weight:600; color:var(--l-texto); font-variant-numeric:tabular-nums }
.rh-q:hover{ color:var(--l-marca-tinta) }
.rh-q:hover b{ color:var(--l-marca-tinta) }

/* ausências */
.rh-ausencia .l-item-corpo > b{ display:flex; align-items:center; gap:var(--l-e2); flex-wrap:wrap }
.rh-ausencia-tipo{ font-size:var(--l-t-peq); color:var(--l-texto-2) }
.rh-ausencia-tipo b{ color:var(--l-texto); font-weight:500 }
.rh-ausencia-acoes{ display:flex; align-items:center; gap:var(--l-e3) }

/* ponto pelo app */
.rh-ponto-filtros{ display:flex; align-items:center; gap:var(--l-e2); flex-wrap:wrap }
.rh-ponto-filtros:empty{ display:none }
.rh-batida{ display:flex; align-items:center; gap:var(--l-e2); flex-wrap:wrap; margin-bottom:6px }
.rh-batida:last-child{ margin-bottom:0 }
.rh-batida-rot{ min-width:74px; font-size:var(--l-t-peq); color:var(--l-texto-3) }
.rh-batida-hora{ font-variant-numeric:tabular-nums }

/* planilhas */
.rh-tabs{ align-self:flex-start }
.l-seg button.is-active{ background:var(--l-sup); color:var(--l-texto); box-shadow:0 1px 2px rgba(20,26,12,.08) }
.rh-importar{ display:flex; align-items:flex-end; gap:var(--l-e4); flex-wrap:wrap }
.rh-importar #rh-import-status{ flex-basis:100% }

/* treinamentos */
.rh-trein-cab{ display:flex; align-items:baseline; gap:var(--l-e3) }
.rh-trein-cab h3{ font-size:var(--l-t-med); font-weight:600 }
.rh-graf-eixo{ display:none }
.rh-parado{ color:var(--l-atencao) }
.rh-progresso{ width:80px; height:6px }