/* Legajo history: source context and status must never compete with the action buttons. */
#employeeDialog .payroll-card {min-width:0;box-shadow:0 3px 14px #153f4b08;transition:box-shadow .18s ease,border-color .18s ease}
#employeeDialog .payroll-card:hover {box-shadow:0 6px 22px #153f4b12}
#employeeDialog .payroll-card-head {align-items:flex-start;flex-wrap:wrap;gap:12px}
#employeeDialog .payroll-card-head>div {min-width:0;flex:1 1 220px}
#employeeDialog .payroll-card .state-pill {white-space:normal;max-width:100%;line-height:1.5}
#employeeDialog .payroll-amount {min-width:0;overflow-wrap:anywhere}
#employeeDialog .payroll-amount[data-missing=true] {background:#fffaf0;border-style:dashed}
#employeeDialog .payroll-amount[data-missing=true] strong {color:#835816;font-size:.8rem;font-weight:650}
#employeeDialog .payroll-card-actions {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;margin-top:16px}
#employeeDialog .payroll-card-context {grid-column:1/-1;padding:10px 12px;background:#f0f6f5;border-radius:7px;min-width:0;line-height:1.6}
#employeeDialog .payroll-card-actions>.button {min-width:0;min-height:48px;width:100%;padding:12px 15px;line-height:1.4;font-size:.83rem;justify-content:center;white-space:normal;text-align:center}
#employeeDialog [data-payroll-summary-download] {background:#087c72;border-color:#087c72;color:#fff}
#employeeDialog [data-payroll-summary-download]:hover:not(:disabled) {background:#06675f}
#employeeDialog [data-payroll-summary-download][aria-busy=true]::before {content:'';width:13px;height:13px;flex:0 0 13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:summary-loading .8s linear infinite}
#employeeDialog .payroll-summary-status {grid-column:1/-1;width:auto;margin:0;min-width:0;padding:12px 14px;line-height:1.6;border-radius:7px;overflow-wrap:anywhere}
#employeeDialog .payroll-summary-status[hidden] {display:none!important}
#employeeDialog .dialog-body {overscroll-behavior:contain;min-width:0;scrollbar-gutter:stable}
#employeeDialog .dialog-head h2 {overflow-wrap:anywhere}
body:has(#employeeDialog[open]) {overflow:hidden}
.payroll-history-filter {display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;padding:14px;background:#f2f7f6;border:1px solid #d6e4e1;border-radius:9px;margin-bottom:12px}
.payroll-history-filter label {display:grid;gap:5px;font-size:.8rem;font-weight:750;color:#244858;flex:1 1 140px}
.payroll-history-filter input {min-width:0;width:100%;height:44px;border:1px solid #adc6cd;border-radius:7px;padding:8px 10px;font:inherit;background:white;color:#163e50}
.payroll-history-filter .button {min-height:44px;line-height:1.4;font-size:.8rem}
.payroll-history-filter small {flex-basis:100%;font-size:.75rem;line-height:1.6;color:#536b75}
#employeeDialog .payroll-history-meta {line-height:1.6}
#employeeDialog .payroll-list {min-width:0}
@keyframes summary-loading {to {transform:rotate(360deg)}}
@media(max-width:700px) {
 #employeeDialog .payroll-card-actions {grid-template-columns:1fr}
 #employeeDialog .payroll-card-head {display:block}
 #employeeDialog .payroll-card-head .state-pill {margin-top:10px}
 #employeeDialog .payroll-amounts {grid-template-columns:repeat(2,minmax(0,1fr))}
 .payroll-history-filter .button {flex:1 1 140px}
}
@media(max-width:420px) {
 #employeeDialog {width:calc(100vw - 16px);max-width:calc(100vw - 16px)}
 #employeeDialog .dialog-body {padding:12px}
 #employeeDialog .dialog-head {padding:16px}
 #employeeDialog .payroll-card {padding:13px}
 #employeeDialog .payroll-amounts {grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce) {
 #employeeDialog .payroll-card {transition:none}
 #employeeDialog [data-payroll-summary-download][aria-busy=true]::before {animation:none}
}