/* ===== Férias › Controle de Férias — mesmo padrão de cartões do cadastro do colaborador ===== */
#ferias-principal-panel .fer-toolbar{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:14px 16px;gap:10px;margin-bottom:12px}
#ferias-principal-panel .fer-toolbar label{font-size:12px;font-weight:700;color:var(--d)}
#ferias-principal-panel .fer-toolbar select,#ferias-principal-panel .fer-toolbar input[type=text]{height:38px;border:1px solid var(--bd);border-radius:9px;padding:0 10px;font-size:13px;background:#fff}
#ferias-principal-panel .fer-agenda{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:12px 16px;margin-bottom:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#ferias-principal-panel .fer-agenda select{height:36px;border:1px solid var(--bd);border-radius:9px;padding:0 10px;font-size:13px}

/* Indicadores */
.fer-kpis-x{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.fer-kpi-x{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;border:1px solid var(--bd);background:#fff;cursor:pointer;text-align:left;font:inherit;transition:.15s}
.fer-kpi-x:hover{box-shadow:0 8px 20px rgba(15,30,61,.08);transform:translateY(-1px)}
.fer-kpi-x.active{border-color:var(--fk-cor);box-shadow:0 0 0 3px var(--fk-sombra)}
.fer-kpi-x i{width:48px;height:48px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:var(--fk-bg);color:var(--fk-cor);font-style:normal}
.fer-kpi-x i svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fer-kpi-x span{display:block;font-size:13px;font-weight:600;color:var(--m)}
.fer-kpi-x b{display:block;font-size:26px;font-weight:800;line-height:1.15;color:var(--fk-cor)}
.fer-kpi-x small{display:block;font-size:11.5px;color:#94A0B8}
.fer-kpi-x.fk-azul{--fk-bg:#EEF3FC;--fk-cor:var(--g);--fk-sombra:rgba(11,61,145,.14)}
.fer-kpi-x.fk-laranja{--fk-bg:#FFF2E5;--fk-cor:#C2570C;--fk-sombra:rgba(194,87,12,.14)}
.fer-kpi-x.fk-vermelho{--fk-bg:#FFEEEE;--fk-cor:#C81E1E;--fk-sombra:rgba(200,30,30,.14)}
.fer-kpi-x.fk-verde{--fk-bg:#EAF8EF;--fk-cor:#16884A;--fk-sombra:rgba(22,136,74,.14);cursor:default}
.fer-kpi-x.fk-verde:hover{transform:none;box-shadow:none}

/* Tabela */
#ferias-principal-panel .tw{border-radius:14px;border:1px solid var(--bd);overflow:auto;background:#fff}
#tb-ferias-main{font-size:13px;border-collapse:separate;border-spacing:0}
#tb-ferias-main th{background:#0F2A5F;color:#fff;padding:12px 10px;font-size:12.5px;font-weight:700;white-space:nowrap}
#tb-ferias-main td{padding:12px 10px;border-bottom:1px solid #E8EDF6;background:#fff}
#tb-ferias-main tbody tr:nth-child(even) td{background:#FAFCFF}
#tb-ferias-main tbody tr:hover td{background:#F2F6FE}
#tb-ferias-main .fer-col-name{min-width:230px}
.fer-pessoa{display:flex;align-items:center;gap:10px}
.fer-av{width:38px;height:38px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:#EEF3FC;color:var(--g);font-weight:800;font-size:13px}
.fer-pessoa b{display:block;color:var(--g);font-size:13.5px;cursor:pointer;line-height:1.25}
.fer-pessoa b:hover{text-decoration:underline}
.fer-pessoa small{display:block;color:var(--m);font-size:11.5px;margin-top:2px}
.fer-per{cursor:pointer}.fer-per b{display:block;font-size:13.5px;color:var(--d)}.fer-per small{color:var(--m);font-size:11.5px}
.fer-per:hover b{color:var(--g)}
.fer-prazo b{display:block;font-size:13.5px;color:var(--d)}
.fer-cont{display:inline-block;margin-top:3px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700;background:#EEF3FC;color:var(--g)}
.fer-cont.atencao{background:#FFF2E5;color:#C2570C}.fer-cont.vencido{background:#FFE0E0;color:#C81E1E}
.fer-plan select{height:32px!important;border:1px solid var(--bd)!important;border-radius:8px!important;padding:0 6px!important;font-size:12.5px!important;max-width:76px!important}
.fer-gozo{display:inline-flex;align-items:center;gap:4px;margin:2px 0;padding:3px 9px;border-radius:20px;background:#EAF8EF;color:#14703C;font-size:12px}
.fer-gozo small{color:#4C8A62}
.fer-vazio{color:#9AA5BD;font-size:12.5px}
.fer-saldo{display:inline-block;min-width:46px;padding:5px 10px;border-radius:20px;font-weight:800;font-size:13px;text-align:center}
.fer-saldo.pend{background:#FFE4E4;color:#C81E1E}.fer-saldo.ok{background:#DDF5E6;color:#14703C}
#tb-ferias-main .fer-status{padding:6px 12px;font-size:12px;font-weight:700}
#tb-ferias-main .fer-action-row{gap:6px}
#tb-ferias-main .fer-action-row .btn{height:34px;padding:0 12px;font-size:12.5px;border-radius:8px;font-weight:700}
#tb-ferias-main .fer-action-row .btn-s{background:#fff;border:1px solid #B9CAE8;color:var(--g)}
#tb-ferias-main .fer-action-row .btn-d{width:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #F6B4B4;color:#C81E1E}
#tb-ferias-main .fer-action-row .btn-d:hover{background:#FFF1F1}

/* Controle (folha / pago / fechado / gozo) */
#tb-ferias-main .fer-control{display:grid;grid-template-columns:1fr 1fr;gap:4px;min-width:150px}
#tb-ferias-main .fer-control-badge{height:24px;min-width:0;border-radius:7px;font-size:10px;font-weight:800;letter-spacing:.03em}
#tb-ferias-main .fer-control-badge.off{background:#fff;color:#9AA5BD;border:1px dashed #CBD3E3}
#tb-ferias-main .fer-control-badge.folha{background:#E3EDFF;color:#0B4FB3}
#tb-ferias-main .fer-control-badge.pago,#tb-ferias-main .fer-control-badge.fechado,#tb-ferias-main .fer-control-badge.gozo-ok{background:#DDF5E6;color:#14703C}
#tb-ferias-main .fer-control-badge.gozo-pendente{background:#FFE4E4;color:#C81E1E}
#ferias-principal-panel .fer-legend{border:1px solid var(--bd);border-radius:12px;margin-top:10px;font-size:12px;padding:10px 14px}

@media (max-width:900px){.fer-kpis-x{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.fer-kpi-x{padding:12px;gap:10px}.fer-kpi-x i{display:none}.fer-kpi-x b{font-size:22px}}
/* compacto: cabe em 1366px sem rolagem lateral */
#tb-ferias-main{font-size:12.5px;width:100%}
#tb-ferias-main th{padding:11px 7px;font-size:12px}
#tb-ferias-main td{padding:10px 7px}
#tb-ferias-main th[style*="width"]{width:auto!important}
#tb-ferias-main .fer-col-name{min-width:190px}
#tb-ferias-main .fer-control{min-width:124px}
#tb-ferias-main .fer-control-badge{font-size:9.5px;height:22px}
.fer-per small{display:block;white-space:nowrap}
.fer-cont{white-space:nowrap}
.fer-gozo{display:flex;white-space:nowrap;font-size:11.5px;padding:3px 8px}
.fer-saldo{min-width:40px;padding:4px 8px;font-size:12.5px}
#tb-ferias-main .fer-status{padding:5px 10px;font-size:11.5px;white-space:normal;line-height:1.25;text-align:center}
#tb-ferias-main .fer-action-row{flex-wrap:wrap;justify-content:center}
#tb-ferias-main .fer-action-row .btn{height:32px;padding:0 10px;font-size:12px}
#tb-ferias-main .fer-action-row .btn-d{width:32px}
#tb-ferias-main .fer-col-name{min-width:170px}
.fer-gozo{display:inline-block;white-space:normal;border-radius:10px;line-height:1.35;max-width:150px}
#tb-ferias-main .fer-col-action .fer-action-row{display:grid;grid-template-columns:1fr 32px;gap:5px;min-width:128px}
#tb-ferias-main .fer-col-action .fer-action-row .btn-p{grid-column:1/-1}
#tb-ferias-main .fer-plan select{max-width:64px!important;padding:0 4px!important}