/* IODOO — UX (auditoria 30/09/2026): estilos da área RH · E-mail · Atendimento · Calendário · Academia · Melhorias · Ajuda.
 * Componentes comuns estão em ux-base.css; aqui só o que é específico da área (prefixo rh- / em- / tk- / cal-). */

/* ficha do funcionário (U-12) */
.rh-2col{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px;align-items:start}
.rh-2col>.cartao{margin:0}
.rh-sub{font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--cinza);margin:14px 0 6px}
.rh-ro{padding:9px 12px;border-radius:var(--radius);background:var(--gelo);font-weight:600;color:var(--navy);min-height:38px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rh-ro .mini{font-weight:600}
details.rh-dados>summary{list-style:none;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
details.rh-dados>summary::-webkit-details-marker{display:none}
details.rh-dados>summary::after{content:"▸";margin-left:auto;color:var(--cinza)}
details.rh-dados[open]>summary::after{content:"▾"}
details.rh-rec-oculta>summary{display:none}
.cab-pagina .acoes details.mais{margin:0}
.ux-passo small a{color:inherit;text-decoration:underline}
/* tabelas largas: 1ª coluna fixa (U-15) */
table.rh-sticky th:first-child,table.rh-sticky td:first-child{position:sticky;left:0;background:#fff;z-index:2;box-shadow:2px 0 0 var(--borda)}
table.rh-sticky th:first-child{z-index:3}
/* Build 597 (Alfredo 01/10/2026, folha: "a sobreposição de infos está ruim (lado esquerdo)"): o realce da linha no hover é translúcido e ganhava do fundo branco da coluna fixa — as colunas roladas apareciam por baixo do nome. Coluna fixa = sempre fundo opaco */
table.lista.rh-sticky tr:hover td:first-child,table.lista.rh-sticky tbody tr:hover td:first-child{background:#F5F6F8}
body[data-tema=escuro] table.rh-sticky th:first-child,body[data-tema=escuro] table.rh-sticky td:first-child{background:#1B2130}
.folha-tab .fl{width:92px;padding:4px 6px;margin:0;font-size:.85rem;text-align:right}.folha-tab .fl-p{width:64px}
/* ponto (U-36) */
.rh-ponto-linha{cursor:pointer}.rh-ponto-linha:hover td{background:var(--gelo)}
.rh-kpis-mais{margin-top:-8px}
/* e-mail (U-19): barra da mensagem em 2 grupos + menus */
.tb-acoes .mais-menu form{display:block}
.tb-acoes .tb-sep{width:1px;height:26px;background:var(--borda);margin:0 4px}
.tb-acoes details.mais>summary{min-height:28px;padding:3px 10px;font-size:.8rem}
#sync-barra .sb-etapas{display:none}
/* ticket (U-20) */
.tk-concluir{border-left:5px solid var(--ok)}
/* calendário (U-44) */
.cal-cab2{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 10px}
.cal-cab2 .cal-legenda{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:.8rem;color:var(--cinza);flex-wrap:wrap}
.cal-dia{position:relative}.cal-dia .cal-add{position:absolute;top:4px;right:6px;display:none;width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;line-height:22px;text-align:center;text-decoration:none;font-size:.9rem;z-index:2}
.cal-dia:hover .cal-add{display:block}
.cal-cli-lista{position:absolute;z-index:20;background:#fff;border:1px solid var(--borda);border-radius:10px;box-shadow:0 10px 26px rgba(21,29,53,.16);max-height:240px;overflow:auto;width:100%;margin-top:2px}
.cal-cli-lista div{padding:7px 10px;cursor:pointer;font-size:.88rem}.cal-cli-lista div:hover,.cal-cli-lista div.sel{background:var(--gelo)}
.cal-cli-wrap{position:relative}
body[data-tema=escuro] .cal-cli-lista{background:#242C40;border-color:#3D4660}
/* contratação (U-35): hub com abas */
.rh-hub-abas{margin:0 0 12px}
/* melhorias/upgrade */
.upg-situacao-manual{margin-top:8px}

/* Folha em 3 blocos por pessoa: remuneração conforme a ficha (leitura) · lançamentos do mês · resultado */
table.folha-conf{width:100%}
table.folha-conf th{position:sticky;top:var(--topo-h,0);background:#fff;z-index:2;white-space:nowrap}
table.folha-conf td{vertical-align:top;padding-top:12px;padding-bottom:12px}
table.folha-conf td.fc-quem{min-width:200px;max-width:280px}
table.folha-conf .fc-obs{color:var(--alerta,#B7791F);margin-top:3px;white-space:normal}
.fc-comp{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 16px;font-size:.86rem;min-width:260px;max-width:420px}
.fc-comp span{color:var(--cinza,#5C646E)}.fc-comp span i{font-style:normal;font-size:.76rem;opacity:.85}
.fc-comp b{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.fc-ev{display:grid;grid-template-columns:repeat(2,max-content);gap:6px 14px}
.fc-ev label{display:grid;grid-template-columns:max-content 62px max-content;align-items:center;gap:6px;margin:0;font-size:.78rem;font-weight:500;color:var(--cinza,#5C646E)}
.fc-ev input.fl{width:62px;min-width:0;margin:0;padding:4px 6px;text-align:right;font-size:.86rem}.fc-ev input.fl-g{width:62px}
.fc-ev label i{font-style:normal;font-size:.72rem;opacity:.8}
table.folha-conf td.num{white-space:nowrap;font-variant-numeric:tabular-nums}
table.folha-conf td.fc-liq{font-size:1rem}
table.folha-conf tr.fc-total th{background:var(--gelo,#F4F5F7);font-size:.92rem}
body[data-tema=escuro] table.folha-conf th{background:#1B2130}
body[data-tema=escuro] table.folha-conf tr.fc-total th{background:#222A3B}
@media (max-width:1100px){.fc-ev{grid-template-columns:max-content}.fc-comp{min-width:200px}}

/* Janela sobre a folha (fundo desfocado): remuneração do profissional + termo aditivo */
.adt-fundo{position:fixed;inset:0;z-index:1200;background:rgba(21,29,53,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;overflow:auto}
.adt-fundo[hidden]{display:none}
.adt-janela{position:relative;background:#fff;border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.35);width:100%;max-width:820px;padding:22px 26px 24px;border-top:5px solid var(--ouro,#C9A962)}
.adt-x{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer;color:var(--cinza,#5C646E);padding:4px 8px;margin:0}
.adt-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding-right:34px}
.adt-sec{font-size:.95rem;margin:18px 0 8px;color:var(--navy,#1E2A4A)}
.adt-item{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-top:8px}.adt-item>div{flex:1;min-width:150px}.adt-item input,.adt-item select{margin:0}
.adt-miolo{max-width:820px}
body[data-tema=escuro] .adt-janela{background:#1B2130;color:#E6E9EF}
body[data-tema=escuro] .adt-sec{color:#E6E9EF}