.payroll-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px}.payroll-summary>div{background:#fff3e9;border:1px solid #f4dfcf;border-radius:12px;padding:16px}.payroll-summary span,.payroll-summary strong{display:block}.payroll-summary span{font-size:12px;color:#766355}.payroll-summary strong{font-size:22px;margin-top:8px}.payroll-filters{display:flex;gap:10px;padding:0 20px 20px;flex-wrap:wrap}.payroll-filters input,.payroll-filters select,.payroll-form input,.payroll-form select,.payroll-form textarea{padding:10px;border:1px solid #e4d8cf;border-radius:8px;background:white;min-width:0;width:100%;color:#222}.payroll-filters>*{flex:1;min-width:130px!important}.payroll-table-wrap{overflow:auto}.payroll-table{width:100%;border-collapse:collapse;font-size:13px}.payroll-table th,.payroll-table td{padding:14px;text-align:left;border-bottom:1px solid #eee}.payroll-table th{background:#fff8f2;white-space:nowrap}.payroll-table small{display:block;color:#777;margin-top:5px}.payroll-table .btn{padding:6px 9px;min-height:30px;font-size:12px}.payroll-status{background:#fff0e5;border-radius:20px;padding:5px 9px}.payroll-empty,.payroll-loading{padding:30px;text-align:center}.payroll-form{margin:0 20px 20px;padding:22px;border:1px solid #efcdb3;border-radius:12px;background:#fffbf7}.payroll-form-title,.payroll-form-actions,.payroll-period-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}.payroll-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0}.payroll-form label{display:block;font-size:12px;font-weight:600}.payroll-form label input,.payroll-form label select,.payroll-form label textarea{display:block;margin-top:6px}.payroll-help,.payroll-period-tools span{font-size:12px;color:#766b61}.payroll-preview{margin:18px 0;padding:15px;background:#ffecd9;border-radius:8px;font-weight:700}.payroll-error{color:#b42318}.payroll-form-actions{justify-content:flex-end}.payroll-form input:disabled{background:#eee}.payroll-view .metrics{display:none}@media(max-width:700px){.payroll-summary{grid-template-columns:repeat(2,1fr);padding:12px}.payroll-summary strong{font-size:18px}.payroll-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-form{margin:0 10px 14px;padding:14px}.payroll-period-tools{align-items:flex-start;flex-direction:column}.payroll-view .panel-heading{flex-wrap:wrap}.payroll-view .panel-tools{flex-wrap:wrap}}@media(max-width:420px){.payroll-form-grid{grid-template-columns:1fr}}

.payroll-edit-focused>.panel-heading,.payroll-edit-focused>.payroll-summary,.payroll-edit-focused>.payroll-filters,.payroll-edit-focused>.payroll-table-wrap{display:none}.payroll-edit-focused #payroll-editor{padding-top:20px}

.payroll-cutoff{position:relative;cursor:pointer}.payroll-cutoff>strong{display:block;padding-right:92px;overflow-wrap:anywhere}.payroll-cutoff-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px}.payroll-cutoff-actions .btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;min-width:40px;min-height:40px}.payroll-cutoff:focus-visible{outline:2px solid #b65c13;outline-offset:3px}

.ca-row-actions{display:flex;align-items:flex-end;gap:6px;white-space:nowrap}.ca-row-actions>label{margin:0;line-height:16px}.ca-row-actions select{height:40px;box-sizing:border-box;margin-top:0!important;font-size:12px}.ca-row-actions>label select{margin-top:6px!important}.ca-row-actions .btn{height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;padding:8px}.ca-row-actions .ca-action-delete{color:#b42318}.ca-row-actions .ca-action-delete:hover{background:#fff0ee;border-color:#f0b8b3}.ca-row-actions .ca-action-edit{color:#4b3828}.payroll-table td{vertical-align:middle}

.payroll-view .records-panel>.panel-heading{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.payroll-view .records-panel>.panel-heading>div:first-child{flex:1 1 240px;min-width:0}.payroll-view .records-panel>.panel-heading .panel-tools{display:flex;flex:0 1 auto;flex-wrap:wrap;gap:8px;min-width:0;max-width:100%}.payroll-view .records-panel>.panel-heading .panel-tools .btn{width:auto!important;min-width:max-content!important;flex:0 0 auto!important;white-space:nowrap;min-height:40px;padding:10px 14px;line-height:20px;margin:0}@media(max-width:700px){.payroll-view .records-panel>.panel-heading .panel-tools{flex:1 1 100%;width:100%;justify-content:flex-start}}