/* Herramientas: pestañas, calculadora de prestaciones y avisos «En preparación». */
#page-herramientas .herr-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;border-bottom:1px solid var(--border)}
#page-herramientas .herr-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px;font:inherit;font-size:13px;color:var(--text-2);cursor:pointer}
#page-herramientas .herr-tabs button:hover{color:var(--accent)}
#page-herramientas .herr-tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}
#page-herramientas .herr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
#page-herramientas .herr-subtitulo{font-size:15px;font-weight:600;color:var(--text-1)}
#page-herramientas .herr-etiqueta{font-size:10px;color:var(--text-2);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
#page-herramientas .herr-check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-1);padding:3px 0;cursor:pointer}
#page-herramientas .herr-check input{width:auto;padding:0}
#page-herramientas .herr-check:has(input:disabled){color:var(--text-3);cursor:default}
#page-herramientas .herr-acciones{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
#page-herramientas .herr-error{margin-top:12px;font-size:13px;color:var(--danger)}
#page-herramientas .herr-resumen{font-size:13px;color:var(--text-2);margin:0 0 10px}
#page-herramientas .herr-tabla{width:100%;border-collapse:collapse;font-size:13px}
#page-herramientas .herr-tabla th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);padding:8px 6px;border-bottom:1px solid var(--border)}
#page-herramientas .herr-tabla td{padding:9px 6px;border-bottom:1px solid var(--border)}
#page-herramientas .herr-tabla th:nth-child(n+3),#page-herramientas .herr-tabla td:nth-child(n+3){text-align:right;white-space:nowrap}
#page-herramientas .herr-total td{font-weight:700;border-bottom:0}
#page-herramientas .herr-art95{font-size:13px;color:var(--text-1);background:var(--surface-2,#f4f7fb);border-radius:8px;padding:10px 12px;margin-top:12px}
#page-herramientas .herr-nota{font-size:12px;color:var(--text-3);margin-top:12px}
#page-herramientas .herr-preparacion p{margin-top:8px;font-size:13px;color:var(--text-2)}
#page-herramientas #herrPrestacionesForm{display:grid;gap:18px;align-content:start}
#page-herramientas .herr-tabla-salarios td{padding:5px 6px;vertical-align:middle}
#page-herramientas .herr-tabla-salarios th:nth-child(n+2),#page-herramientas .herr-tabla-salarios td:nth-child(n+2){text-align:right}
#page-herramientas .herr-tabla-salarios th:last-child,#page-herramientas .herr-tabla-salarios td:last-child{text-align:center}
#page-herramientas .herr-tabla-salarios input{width:100%;min-width:90px;padding:6px 8px;border:1.5px solid var(--border);border-radius:6px;font:inherit;font-size:13px;text-align:right;background:var(--surface)}
#page-herramientas .herr-tabla-salarios .herr-completar{padding:4px 10px;min-width:0}
#page-herramientas .herr-fila-inactiva td{color:var(--text-3)}
#page-herramientas .herr-fila-inactiva input{background:var(--surface-2,#f4f7fb);color:var(--text-3)}
#page-herramientas .herr-promedios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 0}
#page-herramientas .herr-promedios div{background:var(--surface-2,#f4f7fb);border-radius:8px;padding:8px 10px}
#page-herramientas .herr-promedios dt{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);font-weight:700}
#page-herramientas .herr-promedios dd{margin:4px 0 0;font-size:14px;font-weight:600;color:var(--text-1)}
#page-herramientas .herr-subtotal td{font-weight:600;border-bottom:1px solid var(--border)}
#page-herramientas .herr-extra td{color:var(--text-2);font-style:italic}
#page-herramientas .herr-regla{font-size:13px;color:var(--text-1);margin:0;line-height:1.45}
#page-herramientas .herr-vence{font-family:var(--serif);font-size:22px;color:var(--accent);margin:0 0 6px}
#page-herramientas .herr-detalle{margin-top:14px;border-top:1px solid var(--border);padding-top:10px}
#page-herramientas .herr-detalle summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--text-1)}
#page-herramientas .herr-tabla-scroll{max-height:460px;overflow:auto;margin-top:8px}
#page-herramientas .herr-tabla-dias th:nth-child(n+3),#page-herramientas .herr-tabla-dias td:nth-child(n+3){text-align:left;white-space:normal}
#page-herramientas .herr-tabla-dias td{vertical-align:top}
#page-herramientas .herr-semana{font-size:11px;color:var(--text-3)}
#page-herramientas .herr-no-habil td{color:var(--text-3);background:var(--surface-2,#f4f7fb)}
#page-herramientas .herr-vencimiento td{color:var(--accent);font-weight:700;background:var(--accent-lt,#e8f1fb)}
#page-herramientas .herr-feriados{list-style:none;margin:8px 0 0;padding:0;font-size:13px;columns:2;column-gap:24px}
#page-herramientas .herr-feriados li{padding:3px 0;break-inside:avoid}
#page-herramientas .herr-feriados span{display:inline-block;min-width:84px;color:var(--text-2)}
/* El hover general de .btn-sm aclara el fondo y deja ilegible el texto blanco del botón principal. */
#page-herramientas .btn-sm.primary:hover{background:var(--accent);border-color:var(--accent);color:#fff;filter:brightness(1.08)}
@media(max-width:1250px){#page-herramientas .herr-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){#page-herramientas .herr-feriados{columns:1}#page-herramientas .herr-promedios{grid-template-columns:minmax(0,1fr)}}