@layer pirela-workspace {
#appView #nominaModule {min-width:0!important}
#appView #nominaModule .payroll-head,#appView #nominaModule .payroll-detail-head {display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;flex-wrap:wrap!important;margin-bottom:22px!important}
#appView #nominaModule h1 {margin:0!important;font-size:28px!important;line-height:1.3!important}
#appView #nominaModule h2 {margin:0!important;font-size:18px!important;line-height:1.4!important}
#appView #nominaModule .eyebrow {margin:0 0 6px!important;font-size:12px!important;color:#65768a!important}
#appView #nominaModule .payroll-actions {display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important}
#appView #nominaModule :is(button,a) {box-sizing:border-box!important}
#appView #nominaModule button {width:auto!important;max-width:100%!important;min-height:36px!important;margin:0!important;padding:8px 13px!important;border-radius:7px!important;font-size:12px!important;line-height:1.4!important;white-space:normal!important}
#appView #nominaModule .primary-button {background:var(--ws-blue,#214de5)!important;color:#fff!important;border:1px solid var(--ws-blue,#214de5)!important}
#appView #nominaModule .payroll-summary {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-bottom:22px!important}
#appView #nominaModule .payroll-summary article {padding:20px!important;border:1px solid #dfe7ef!important;border-radius:12px!important;background:var(--ws-canvas,#fff)!important;min-width:0!important}
#appView #nominaModule .payroll-summary span {display:block!important;font-size:12px!important;color:#607285!important;margin-bottom:8px!important}
#appView #nominaModule .payroll-summary strong {display:block!important;font-size:25px!important;font-weight:650!important;line-height:1.4!important;font-variant-numeric:tabular-nums!important;overflow-wrap:anywhere!important}
#appView #nominaModule .payroll-filters {display:grid!important;grid-template-columns:minmax(180px,1.5fr) minmax(160px,1.2fr) repeat(2,minmax(130px,1fr)) minmax(130px,1fr) auto!important;gap:12px!important;align-items:end!important;margin:0 0 20px!important;padding:16px!important;border-radius:12px!important;border:1px solid #dfe7ef!important;background:var(--ws-surface,#f6f8fb)!important}
#appView #nominaModule :is(.payroll-filters,.payroll-form-grid) label {display:grid!important;gap:7px!important;min-width:0!important;margin:0!important;padding:0!important;font-size:12px!important;color:var(--ws-ink,#173046)!important}
#appView #nominaModule :is(.payroll-filters,.payroll-form-grid) :is(input,select,textarea) {display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;min-height:42px!important;margin:0!important;padding:10px 12px!important;font:inherit!important;font-size:13px!important;color:var(--ws-ink,#173046)!important;background:var(--ws-canvas,#fff)!important;border:1px solid #c9d5e1!important;border-radius:7px!important;line-height:1.45!important}
#appView #nominaModule textarea {min-height:80px!important;resize:vertical!important}
#appView #nominaModule .payroll-tabs {display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:14px!important;padding-bottom:14px!important;border-bottom:1px solid #dfe7ef!important}
#appView #nominaModule .payroll-tabs .selected {background:#edf2ff!important;color:#214de5!important;border-color:#a3b6f3!important}
#appView #nominaModule .payroll-feedback {margin:8px 0!important;font-size:13px!important;color:#166244!important}
#appView #nominaModule .payroll-feedback:empty {display:none!important}
#appView #nominaModule .payroll-feedback.error,#appView #nominaModule .payroll-dialog .payroll-feedback {color:#b02e36!important}
#appView #nominaModule .payroll-table-scroll {max-width:100%!important;overflow:auto!important;border:1px solid #dfe7ef!important;border-radius:12px!important;background:var(--ws-canvas,#fff)!important}
#appView #nominaModule table {width:100%!important;min-width:850px!important;border-collapse:collapse!important;border:0!important;font-size:13px!important}
#appView #nominaModule :is(th,td) {padding:14px!important;text-align:left!important;vertical-align:top!important;border:0!important;border-bottom:1px solid #e6edf4!important;color:var(--ws-ink,#173046)!important;line-height:1.5!important}
#appView #nominaModule th {background:var(--ws-surface,#f4f6fa)!important;font-size:12px!important;font-weight:600!important;white-space:nowrap!important}
#appView #nominaModule tr:last-child td {border-bottom:0!important}
#appView #nominaModule td small {display:block!important;margin-top:5px!important;color:#607285!important;font-size:12px!important}
#appView #nominaModule .payroll-money {text-align:right!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important}
#appView #nominaModule .payroll-status {display:inline-block!important;padding:4px 8px!important;border-radius:6px!important;background:#edf1f6!important;color:#607285!important;font-size:12px!important;white-space:nowrap!important}
#appView #nominaModule .payroll-status.paid {background:#e4f3eb!important;color:#166244!important}
#appView #nominaModule .payroll-status.partial {background:#fff2d4!important;color:#805316!important}
#appView #nominaModule .payroll-status.pending {background:#edf2ff!important;color:#214de5!important}
#appView #nominaModule .payroll-status.inactive {background:#f0f0f0!important;color:#687381!important}
#appView #nominaModule .payroll-empty {text-align:center!important;padding:36px 18px!important;color:#607285!important}
#appView #nominaModule .payroll-detail {margin-top:24px!important;padding:20px!important;border:1px solid #dfe7ef!important;border-radius:14px!important;background:var(--ws-canvas,#fff)!important}
#appView #nominaModule .payroll-detail-head p {margin:8px 0 0!important;font-size:12px!important;color:#607285!important}
#appView #nominaModule .payroll-file-links {display:grid!important;gap:7px!important;margin-top:8px!important;max-width:300px!important;overflow-wrap:anywhere!important}
#appView #nominaModule .payroll-file-links a {color:#214de5!important}
#appView #nominaModule .payroll-danger {color:#b02e36!important}
#appView #nominaModule .payroll-dialog {width:720px!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 40px)!important;margin:auto!important;padding:24px!important;box-sizing:border-box!important;border:1px solid #dfe7ef!important;border-radius:14px!important;background:var(--ws-canvas,#fff)!important;color:var(--ws-ink,#173046)!important;overflow:auto!important}
#appView #nominaModule .payroll-dialog::backdrop {background:#0d1e3d66}
#appView #nominaModule .payroll-dialog-head {display:flex!important;justify-content:space-between!important;align-items:center!important;gap:14px!important;margin:0 0 22px!important}
#appView #nominaModule .payroll-dialog-head button {width:36px!important;min-width:36px!important;font-size:20px!important;padding:0!important}
#appView #nominaModule .payroll-form-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
#appView #nominaModule .payroll-wide {grid-column:1/-1!important}
#appView #nominaModule .payroll-worker-picker {display:grid!important;gap:12px!important;min-width:0!important}
#appView #nominaModule .payroll-dialog select.payroll-worker-list {height:166px!important;min-height:166px!important;padding:6px!important;overflow:auto!important}
#appView #nominaModule .payroll-worker-list option {padding:6px 8px!important;font-size:12px!important;line-height:1.5!important;white-space:nowrap!important}
#appView #nominaModule .payroll-worker-picker small,#appView #nominaModule .payroll-worker-context {font-size:12px!important;line-height:1.5!important;color:#607285!important;margin:0!important;overflow-wrap:anywhere!important}
#appView #nominaModule .payroll-worker-context:empty {display:none!important}
#appView #nominaModule .payroll-worksite-filters {display:grid!important;grid-template-columns:minmax(230px,1.6fr) repeat(3,minmax(130px,1fr))!important;gap:14px!important;align-items:end!important;margin:0 0 20px!important;padding:18px!important;border:1px solid #dfe7ef!important;border-radius:12px!important;background:var(--ws-surface,#f6f8fb)!important}
#appView #nominaModule .payroll-worksite-filters label {display:grid!important;gap:7px!important;min-width:0!important;margin:0!important;font-size:12px!important}
#appView #nominaModule .payroll-worksite-filters :is(input,select) {display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;min-height:42px!important;margin:0!important;padding:10px 12px!important;font:inherit!important;font-size:13px!important;background:var(--ws-canvas,#fff)!important;color:var(--ws-ink,#173046)!important;border:1px solid #c9d5e1!important;border-radius:7px!important}
#appView #nominaModule .payroll-worksite-heading {display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;flex-wrap:wrap!important;margin:20px 0 10px!important}
#appView #nominaModule .payroll-worksite-heading>div {flex:1!important;min-width:0!important}
#appView #nominaModule .payroll-worksite-heading h2 {overflow-wrap:anywhere!important}
#appView #nominaModule .payroll-worksite-heading p {font-size:12px!important;color:#607285!important;margin:7px 0!important}
#appView #nominaModule .payroll-note {font-size:12px!important;color:#607285!important;margin:10px 0 14px!important}
#appView #nominaModule [data-worksite-row] td {min-width:130px!important}
#appView #nominaModule [data-worksite-row] :is([data-worksite-neto],[data-worksite-amount],[data-worksite-reference]) {display:block!important;width:150px!important;min-width:0!important;max-width:100%!important;min-height:40px!important;box-sizing:border-box!important;margin:0 0 8px!important;padding:9px 11px!important;background:var(--ws-canvas,#fff)!important;color:var(--ws-ink,#173046)!important;border:1px solid #c9d5e1!important;border-radius:7px!important;font:inherit!important;font-size:13px!important;font-variant-numeric:tabular-nums!important}
#appView #nominaModule [data-worksite-reference] {font-size:11px!important}
#appView #nominaModule .payroll-bank-cell {min-width:210px!important;overflow-wrap:anywhere!important}
#appView #nominaModule .payroll-row-files {display:grid!important;gap:6px!important;max-width:180px!important;font-size:11px!important;color:#607285!important;margin-top:9px!important}
#appView #nominaModule .payroll-row-files input {display:block!important;max-width:100%!important;min-width:0!important;font-size:10px!important}
#appView #nominaModule .payroll-row-feedback {max-width:180px!important;white-space:normal!important}
#appView #nominaModule .payroll-row-feedback.error {color:#b02e36!important}
@media(max-width:1000px){#appView #nominaModule .payroll-worksite-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){#appView #nominaModule .payroll-worksite-filters{grid-template-columns:minmax(0,1fr)!important}}
#appView #nominaModule .payroll-files {padding:14px!important;border:1px dashed #b8c9df!important;border-radius:9px!important;background:var(--ws-surface,#f6f8fb)!important}
#appView #nominaModule .payroll-files small {font-size:11px!important;color:#607285!important}
#appView #nominaModule .payroll-files ul {margin:0!important;padding-left:16px!important;overflow-wrap:anywhere!important}
#appView #nominaModule .payroll-note {font-size:12px!important;color:#607285!important;margin:0!important}
#appView #nominaModule .payroll-dialog-footer {display:flex!important;gap:12px!important;justify-content:flex-end!important;margin-top:24px!important}
#appView #nominaModule .payroll-dialog-footer .primary-button {min-width:150px!important}
@media(max-width:1100px){#appView #nominaModule .payroll-filters{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:650px){#appView #nominaModule .payroll-summary{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}#appView #nominaModule .payroll-summary article{padding:14px!important}#appView #nominaModule .payroll-filters,#appView #nominaModule .payroll-form-grid{grid-template-columns:minmax(0,1fr)!important}#appView #nominaModule .payroll-dialog{padding:18px!important}#appView #nominaModule .payroll-detail{padding:12px!important}#appView #nominaModule .payroll-head>.payroll-actions{width:100%!important}}
}
/* Nómina y asistencia semanal */
.week-heading,.week-worker>header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.week-heading{margin-bottom:20px}.week-heading h2{margin:0}.week-worker{background:var(--surface,#fff);border:1px solid #dfe7ef;border-radius:18px;padding:22px;margin:20px 0}.week-worker>header{margin-bottom:18px}.week-worker>header small{display:block;color:#64748b;margin-top:4px}.week-worker>header>[data-week-net]{font-size:1.5rem}.week-worker fieldset{border:0;padding:0;min-width:0}.week-days{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:12px}.week-days label,.week-money label{display:flex;flex-direction:column;gap:6px;font-size:13px}.week-days label>span:first-child{font-weight:600}.week-days input,.week-days select,.week-money input{width:100%;box-sizing:border-box;border:1px solid #d4dce6;border-radius:8px;padding:10px;background:#fff;color:#173046;font:inherit}.week-days input:disabled,.week-days select:disabled{background:#f1f5f9;color:#64748b}.week-money{margin-top:22px;gap:14px}.week-breakdown{color:#64748b;font-size:13px;margin:16px 0}.week-worker .payroll-feedback:empty{display:none}@media(max-width:1000px){.week-days{grid-template-columns:repeat(3,minmax(110px,1fr))}}@media(max-width:580px){.week-days{grid-template-columns:repeat(2,minmax(100px,1fr))}.week-worker{padding:15px}}
/* Nómina de consulta: todos los empleados y seis días sin campos de captura. */
#appView #nominaModule .week-simple-filters{grid-template-columns:minmax(180px,1.3fr) minmax(145px,1fr) minmax(180px,1.4fr) auto!important}.week-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:14px 0}.week-day-cell{text-align:center;white-space:nowrap}.week-day-status{display:inline-block;padding:5px 8px;border-radius:6px;font-size:11px;font-weight:600;background:#f1f5f9;color:#64748b}.week-day-status.asistio{color:#166534;background:#ecfdf3}.week-day-status.falta{color:#b42318;background:#fff1f0}.week-day-status.pendiente{color:#8a5700;background:#fff8e6}[data-week-host] td small{display:block;margin-top:5px;color:#65768a;font-size:11px}[data-week-host] table{min-width:1100px}[data-week-host] [data-week-worker] td:first-child{min-width:180px}[data-week-host] [data-week-worker] td:last-child{min-width:110px}@media(max-width:800px){#appView #nominaModule .week-simple-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:480px){#appView #nominaModule .week-simple-filters{grid-template-columns:minmax(0,1fr)!important}}

[data-week-host] table{min-width:680px}[data-week-host] table th:nth-child(3){min-width:120px}

#appView #nominaModule .week-simple-filters{grid-template-columns:minmax(160px,1.3fr) minmax(130px,1fr) minmax(160px,1.4fr) minmax(110px,.8fr) auto!important}@media(max-width:900px){#appView #nominaModule .week-simple-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:480px){#appView #nominaModule .week-simple-filters{grid-template-columns:minmax(0,1fr)!important}}

[data-week-host] .payroll-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:18px;font-size:13px;color:#65768a}[data-week-host] .payroll-pagination .payroll-actions{display:flex;gap:8px}[data-week-host] .payroll-pagination button:disabled{opacity:.45;cursor:default}@media(max-width:480px){[data-week-host] .payroll-pagination{align-items:flex-start;flex-direction:column}}

@layer pirela-workspace {
#appView #nominaModule [data-week-host] .payroll-employee-table{min-width:760px!important}
#appView #nominaModule [data-week-host].payroll-people-view .payroll-employee-table{min-width:620px!important}
#appView #nominaModule [data-week-host] .payroll-employee-table td{padding:11px 14px!important;vertical-align:middle!important}
#appView #nominaModule [data-week-host] .payroll-employee-table td:first-child{min-width:200px!important;width:36%!important}
#appView #nominaModule [data-week-host] .payroll-employee-table td:last-child{min-width:145px!important}
#appView #nominaModule .payroll-employee-caption{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin-top:4px!important;font-size:11px!important;color:#607285!important}
#appView #nominaModule .payroll-employee-caption .payroll-status{padding:2px 6px!important;font-size:10px!important}
#appView #nominaModule .payroll-employee-title{margin-bottom:18px!important;font-size:17px!important}
#appView #nominaModule .payroll-info-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin:0 0 22px!important}
#appView #nominaModule .payroll-info-grid dt{font-size:12px!important;color:#607285!important;margin-bottom:4px!important}
#appView #nominaModule .payroll-info-grid dd{margin:0!important;font-size:14px!important;overflow-wrap:anywhere!important}
#appView #nominaModule .payroll-info-week{padding:16px!important;background:#f6f8fb!important;border-radius:10px!important;margin-bottom:22px!important}
#appView #nominaModule .payroll-employee-info h3{margin:0 0 12px!important;font-size:14px!important}
#appView #nominaModule .payroll-info-week p{margin:7px 0!important;font-size:13px!important;line-height:1.5!important}
#appView #nominaModule .payroll-project-history ol{list-style:none!important;margin:0!important;padding:0 0 0 12px!important;border-left:2px solid #dfe7ef!important}
#appView #nominaModule .payroll-project-history li{padding:0 0 18px 16px!important;position:relative!important;overflow-wrap:anywhere!important}
#appView #nominaModule .payroll-project-history li:before{content:'';width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#214de5;position:absolute;left:-7px;top:4px}
#appView #nominaModule .payroll-project-history li small{display:block!important;margin-top:4px!important;color:#607285!important;font-size:12px!important}
#appView #nominaModule .payroll-project-history li p{margin:8px 0 0!important;color:#607285!important;font-size:12px!important;line-height:1.6!important}
#appView #nominaModule .payroll-project-history li:last-child{padding-bottom:0!important}
#appView #nominaModule .payroll-employee-info .payroll-dialog-footer{flex-wrap:wrap!important}
@media(max-width:480px){#appView #nominaModule .payroll-info-grid{grid-template-columns:minmax(0,1fr)!important}}
}

@layer pirela-workspace {
#appView #nominaModule .week-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;margin:16px 0!important}
#appView #nominaModule .week-toolbar .payroll-note{flex:1 1 260px!important;margin:0!important}
#appView #nominaModule .week-toolbar .payroll-actions{flex:0 1 auto!important;justify-content:flex-end!important}
#appView #nominaModule [data-week-excel]{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;box-sizing:border-box!important;padding:8px 14px!important;margin:0!important;border:1px solid #c9d5e1!important;border-radius:7px!important;font-family:inherit!important;font-size:12px!important;font-weight:600!important;line-height:1.4!important;text-decoration:none!important;background:#fff!important;color:#173046!important;white-space:nowrap!important}
#appView #nominaModule [data-week-select]{width:18px!important;height:18px!important;min-height:18px!important;accent-color:#214de5!important;cursor:pointer!important}
#appView [data-payroll-payables]{margin:0 0 24px!important;padding:20px!important;border:1px solid #dfe7ef!important;border-radius:12px!important;background:#fff!important;min-width:0!important}
#appView [data-payroll-payables]>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:16px!important}
#appView [data-payroll-payables] h2{margin:0 0 8px!important;font-size:18px!important}
#appView [data-payroll-payables] p{font-size:13px!important;margin:6px 0!important}
#appView [data-payroll-payables] .payroll-payables-scroll{overflow:auto!important;max-width:100%!important}
#appView [data-payroll-payables] table{width:100%!important;min-width:820px!important;border-collapse:collapse!important}
#appView [data-payroll-payables] :is(td,th){padding:12px!important;text-align:left!important;font-size:13px!important;border-bottom:1px solid #e6edf4!important;vertical-align:top!important}
#appView [data-payroll-payables] th{background:#f4f6fa!important}
#appView [data-payroll-payables] small{display:block!important;color:#65768a!important;margin-top:5px!important}
#appView [data-payroll-payables] .payroll-payables-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;min-width:190px!important}
#appView [data-payroll-payables] button{width:auto!important;min-height:36px!important;padding:8px 12px!important;margin:0!important;font:inherit!important;font-size:12px!important;line-height:1.4!important}
#appView [data-payroll-payables] .payroll-danger{color:#b02e36!important}
#appView [data-payroll-payables] dialog{width:580px!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 40px)!important;overflow:auto!important;border:1px solid #dfe7ef!important;border-radius:12px!important;padding:24px!important;margin:auto!important}
#appView [data-payroll-payables] dialog::backdrop{background:#0d1e3d66}
#appView [data-payroll-payables] dialog label{display:grid!important;gap:7px!important;margin:14px 0!important;font-size:13px!important}
#appView [data-payroll-payables] dialog :is(input,select,textarea){width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:10px!important;border:1px solid #c9d5e1!important;border-radius:7px!important;font:inherit!important}
#appView [data-payroll-payables] dialog footer{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin-top:20px!important}
#appView [data-payroll-payables] [role=alert]{color:#b02e36!important}
@media(max-width:650px){#appView #nominaModule .week-toolbar .payroll-actions{width:100%!important;justify-content:flex-start!important}}
}