.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.indicadores-periodos-ferias { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 20px 0 16px; }
.indicador-periodos-ferias { display: grid; gap: 3px; min-height: 78px; padding: 12px 15px; color: var(--grafite-profundo); background: #f3f6f6; border: 1px solid var(--borda); border-radius: 7px; text-align: left; }
.indicador-periodos-ferias strong { font-size: 1.45rem; line-height: 1; }.indicador-periodos-ferias span { font-size: .76rem; font-weight: 700; }
.indicador-periodos-ferias:hover { background: #e8eff0; }.indicador-periodos-ferias.ativo { border: 2px solid var(--grafite-azulado); padding: 11px 14px; background: #e6edef; }
.indicador-periodos-ferias:last-child { color: #8a3c29; background: #fff4ed; }.indicador-periodos-ferias:last-child.ativo { border-color: #a65d45; }
.filtros-periodos-ferias { display: grid; grid-template-columns: minmax(190px, 2fr) repeat(3, minmax(130px, 1fr)) auto; gap: 10px; align-items: end; margin-bottom: 13px; padding: 14px; background: #edf2f3; border: 1px solid var(--borda); border-radius: 7px; }
.filtros-periodos-ferias label { min-width: 0; font-size: .76rem; }.filtros-periodos-ferias :is(input, select) { width: 100%; }.filtros-periodos-ferias button { white-space: nowrap; }
.resumo-lista-ferias { margin: 0 0 10px; }.tabela-periodos-ferias table { min-width: 750px; }.tabela-periodos-ferias th, .tabela-periodos-ferias td { padding: 9px 10px; }
.tabela-periodos-ferias th:last-child, .tabela-periodos-ferias td:last-child { min-width: 100px; }.botao-ver-periodo-ferias { padding: 6px 9px; color: var(--grafite-azulado); background: #fff; border: 1px solid #afbec3; font-size: .72rem; white-space: nowrap; }
.botao-ver-periodo-ferias:hover { background: #e6edef; }.periodos-ferias-vazios { padding: 28px !important; color: var(--texto-suave); text-align: center; }
.mais-periodos-ferias { display: block; margin: 16px auto 0; }.mais-periodos-ferias[hidden] { display: none; }.situacao-apenas-previsao { color: #8a3c29; background: #fbe7dc; }
.painel-detalhe-periodo-ferias[hidden] { display: none; }.painel-detalhe-periodo-ferias { position: fixed; z-index: 950; inset: 0; display: flex; justify-content: flex-end; background: #11171ba6; backdrop-filter: blur(2px); }
.conteudo-detalhe-periodo-ferias { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; width: min(510px, 100%); height: 100%; background: var(--superficie); border-left: 5px solid var(--azul-camuflado); box-shadow: -18px 0 55px #0005; }
.cabecalho-detalhe-periodo-ferias { position: relative; padding: 28px 58px 24px 26px; color: #eef3f4; background: linear-gradient(145deg, var(--grafite-azulado), var(--grafite-profundo)); }
.cabecalho-detalhe-periodo-ferias .sobretitulo { margin: 0 0 7px; color: #bfcbd0; font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.cabecalho-detalhe-periodo-ferias h2 { margin: 0; color: #fff; font-size: 1.3rem; overflow-wrap: anywhere; }.cabecalho-detalhe-periodo-ferias h2 + p { margin: 7px 0 0; color: #d4dfe2; font-size: .84rem; }
.cabecalho-detalhe-periodo-ferias .botao-fechar-modal { position: absolute; top: 18px; right: 18px; color: #fff; border-color: #ffffff70; }
.corpo-detalhe-periodo-ferias { padding: 22px 24px; overflow-y: auto; }.dados-detalhe-periodo-ferias { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; }
.dados-detalhe-periodo-ferias div { min-width: 0; padding: 12px; background: #fff; border: 1px solid var(--borda); border-radius: 6px; }.dados-detalhe-periodo-ferias div:nth-last-child(-n + 2) { grid-column: 1 / -1; }
.dados-detalhe-periodo-ferias dt { margin-bottom: 5px; color: var(--texto-suave); font-size: .69rem; font-weight: 800; text-transform: uppercase; }.dados-detalhe-periodo-ferias dd { margin: 0; font-size: .9rem; overflow-wrap: anywhere; white-space: pre-wrap; }
.aviso-detalhe-periodo-ferias { margin: 18px 0 0; padding: 12px; color: #66541d; background: #fff3c9; border-radius: 6px; font-size: .82rem; }
.acoes-detalhe-periodo-ferias { display: flex; justify-content: flex-end; gap: 10px; padding: 16px 24px; background: #f3f6f6; border-top: 1px solid var(--borda); }.acoes-detalhe-periodo-ferias .botao-excluir { margin-right: auto; }
@media (max-width: 1050px) { .filtros-periodos-ferias { grid-template-columns: repeat(2, minmax(0, 1fr)); }.filtros-periodos-ferias button { justify-self: start; } }
@media (max-width: 620px) { .indicadores-periodos-ferias { grid-template-columns: repeat(2, minmax(0, 1fr)); }.filtros-periodos-ferias { grid-template-columns: 1fr; }.filtros-periodos-ferias button { width: 100%; }.conteudo-detalhe-periodo-ferias { border-left: 0; }.dados-detalhe-periodo-ferias { grid-template-columns: 1fr; }.dados-detalhe-periodo-ferias div:nth-last-child(-n + 2) { grid-column: auto; }.acoes-detalhe-periodo-ferias button { flex: 1; } }

/* Aparência da central de acompanhamento, sem alterar as outras abas de Férias. */
#painel-periodos-ferias { padding: 22px 24px 26px; border-color: #d9e2e9; box-shadow: 0 6px 24px #1b344110; }
#painel-periodos-ferias .cabecalho-cartao { margin-bottom: 0; }.indicadores-periodos-ferias { gap: 14px; margin: 18px 0 16px; }
.indicador-periodos-ferias { display: flex; align-items: center; gap: 16px; min-height: 83px; padding: 13px 16px; background: #fff; border-color: #dce4ec; border-radius: 6px; }
.indicador-periodos-ferias.ativo { padding: 12px 15px; background: #f4faf7; border-color: #277352; }
.indicador-periodos-ferias.indicador-atencao-periodos { color: #a84b17; background: #fff; }.indicador-periodos-ferias.indicador-atencao-periodos.ativo { background: #fff8f2; border-color: #bb6529; }
.icone-indicador-periodos { display: grid; flex: 0 0 48px; place-items: center; width: 48px; height: 48px; color: #477fc1; background: #eaf2fc; border-radius: 50%; font-size: 1.9rem; font-weight: 750; line-height: 1; }
.indicador-confirmada-periodos .icone-indicador-periodos { color: #fff; background: #286b4e; }.indicador-atencao-periodos .icone-indicador-periodos { color: #fff; background: #d27211; }
.conteudo-indicador-periodos { display: grid; gap: 3px; }.conteudo-indicador-periodos strong { color: #182333; font-size: 1.55rem; }.conteudo-indicador-periodos > span { color: #56687f; font-size: .8rem; font-weight: 500; }
.area-filtros-periodos-ferias { margin-bottom: 14px; padding: 16px; background: #f1f5f9; border: 1px solid #dbe4ed; border-radius: 6px; }
.filtros-periodos-ferias { grid-template-columns: minmax(180px, 1.45fr) repeat(3, minmax(120px, 1fr)); gap: 14px; margin: 0; padding: 0; background: transparent; border: 0; }
.filtros-periodos-ferias label { color: #36475e; font-size: .76rem; font-weight: 700; }.filtros-periodos-ferias :is(input, select) { min-height: 39px; color: #34475e; background: #fff; border-color: #d1dce6; font-weight: 450; }
.rodape-filtros-periodos-ferias { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }.atalhos-periodos-ferias { display: flex; flex-wrap: wrap; gap: 8px; }
.atalho-periodos-ferias { padding: 8px 14px; color: #506079; background: transparent; border: 1px solid #d7e0ea; border-radius: 999px; font-size: .75rem; font-weight: 600; }.atalho-periodos-ferias:hover { background: #e2ebf1; }.atalho-periodos-ferias.ativo { color: #fff; background: #286348; border-color: #286348; }
.limpar-periodos-ferias { padding: 8px 3px; color: #286348; background: transparent; border: 0; font-size: .75rem; white-space: nowrap; }.limpar-periodos-ferias:hover { color: #184a34; background: transparent; text-decoration: underline; }
.resumo-lista-ferias { color: #657589; font-size: .75rem; }.tabela-periodos-ferias { border: 1px solid #dbe4ec; border-radius: 5px; }.tabela-periodos-ferias table { min-width: 840px; }
.tabela-periodos-ferias th { padding: 11px 12px; color: #32465d; background: #e9eff4; font-size: .7rem; white-space: nowrap; }.tabela-periodos-ferias td { padding: 9px 12px; color: #293a4b; font-size: .77rem; }
.tabela-periodos-ferias td:first-child strong, .tabela-periodos-ferias td:first-child small { display: block; }.tabela-periodos-ferias td:first-child strong { font-size: .8rem; }.tabela-periodos-ferias td:first-child small { margin-top: 2px; color: #62748a; font-size: .69rem; }
.tabela-periodos-ferias tbody tr:hover { background: #f3f8f6; }.tabela-periodos-ferias tbody tr.linha-periodo-selecionada, .tabela-periodos-ferias tbody tr.linha-periodo-selecionada td:last-child { background: #e6f3ed; }
.tabela-periodos-ferias th:last-child, .tabela-periodos-ferias td:last-child { min-width: 58px; text-align: center; }.tabela-periodos-ferias td:last-child { background: #fff; }
.botao-ver-periodo-ferias { width: 30px; height: 30px; padding: 0; color: #253e50; background: transparent; border: 0; border-radius: 50%; font-size: 1.5rem; font-weight: 800; line-height: .65; }.botao-ver-periodo-ferias:hover { color: #16563c; background: #e3efe8; }
.ajuda-cabecalho-periodos { color: #718397; cursor: help; }.tabela-periodos-ferias .situacao-ferias, #situacao-detalhe-periodo-ferias .situacao-ferias { display: inline-flex; align-items: center; gap: 4px; padding: 6px 10px; border-radius: 999px; font-size: .7rem; white-space: nowrap; }
.situacao-atencao-periodo { color: #aa3f37; background: #fbe8e7; }
.painel-detalhe-periodo-ferias { background: #18233175; }.conteudo-detalhe-periodo-ferias { width: min(420px, 100%); background: #fff; border-left: 1px solid #dce5ed; }
.cabecalho-detalhe-periodo-ferias { padding: 20px 24px 18px; color: #1b2c40; background: #fff; border-bottom: 1px solid #e0e7ed; }.cabecalho-detalhe-periodo-ferias .sobretitulo { margin: 0 35px 20px 0; color: #1d293b; font-size: 1.13rem; font-weight: 750; letter-spacing: 0; text-transform: none; }
.identificacao-detalhe-periodo-ferias { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }.cabecalho-detalhe-periodo-ferias h2 { color: #162639; font-size: 1rem; }.cabecalho-detalhe-periodo-ferias h2 + p { color: #65778c; font-size: .76rem; }
.cabecalho-detalhe-periodo-ferias .botao-fechar-modal { top: 14px; right: 14px; color: #526a81; border: 0; }.cabecalho-detalhe-periodo-ferias .botao-fechar-modal:hover { color: #1d293b; background: #edf2f5; }
.corpo-detalhe-periodo-ferias { padding: 21px 24px 28px; }.dados-detalhe-periodo-ferias { display: grid; grid-template-columns: 1fr; gap: 16px; padding-bottom: 19px; border-bottom: 1px solid #dfe7ee; }
.dados-detalhe-periodo-ferias div, .dados-detalhe-periodo-ferias div:nth-last-child(-n + 2) { grid-column: auto; padding: 0; background: transparent; border: 0; }.dados-detalhe-periodo-ferias dt { margin-bottom: 4px; color: #273c53; font-size: .76rem; letter-spacing: 0; text-transform: none; }.dados-detalhe-periodo-ferias dd { color: #5b718a; font-size: .83rem; }
.corpo-detalhe-periodo-ferias > h3 { margin: 22px 0 13px; color: #273c53; font-size: .82rem; }.fluxo-detalhe-periodo-ferias { display: grid; gap: 0; margin: 0 0 22px 6px; padding: 0 0 0 20px; border-left: 2px solid #cbd7e1; list-style: none; }
.fluxo-detalhe-periodo-ferias li { position: relative; display: grid; gap: 4px; padding: 0 0 19px 2px; }.fluxo-detalhe-periodo-ferias li:last-child { padding-bottom: 0; }.fluxo-detalhe-periodo-ferias li::before { position: absolute; top: 1px; left: -29px; width: 14px; height: 14px; background: #286348; border: 2px solid #fff; border-radius: 50%; content: ''; box-shadow: 0 0 0 1px #286348; }
.fluxo-detalhe-periodo-ferias strong { color: #32445d; font-size: .78rem; }.fluxo-detalhe-periodo-ferias span { color: #62758b; font-size: .76rem; }.observacao-detalhe-periodo-ferias { padding: 14px; background: #f1f5f8; border-radius: 6px; }.observacao-detalhe-periodo-ferias h3 { margin: 0 0 7px; color: #293d53; font-size: .78rem; }.observacao-detalhe-periodo-ferias p { margin: 0; color: #5c7188; font-size: .78rem; white-space: pre-wrap; }
.aviso-detalhe-periodo-ferias { margin-top: 14px; padding: 11px 12px; font-size: .75rem; }.acoes-detalhe-periodo-ferias { gap: 9px; padding: 15px 20px; background: #fff; border-top-color: #dfe7ee; }
.acoes-detalhe-periodo-ferias .botao-excluir { margin-right: auto; background: #fff; }.acoes-detalhe-periodo-ferias .botao-editar-detalhe-periodo { color: #fff; background: #286348; border-color: #286348; }.acoes-detalhe-periodo-ferias .botao-editar-detalhe-periodo:hover { background: #1c5038; }
@media (max-width: 1050px) { .filtros-periodos-ferias { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .rodape-filtros-periodos-ferias { align-items: flex-start; flex-direction: column; } }
@media (max-width: 620px) { #painel-periodos-ferias { padding: 18px 14px; }.indicadores-periodos-ferias { gap: 8px; }.indicador-periodos-ferias { gap: 8px; padding: 10px; }.indicador-periodos-ferias.ativo { padding: 9px; }.icone-indicador-periodos { flex-basis: 34px; width: 34px; height: 34px; font-size: 1.35rem; }.conteudo-indicador-periodos strong { font-size: 1.2rem; }.filtros-periodos-ferias { grid-template-columns: 1fr; }.conteudo-detalhe-periodo-ferias { width: 100%; }.acoes-detalhe-periodo-ferias { flex-wrap: wrap; } }