html body #pv-modal-trabajador-nomina.pv-nomina-overlay {
    padding: 20px;
    background: rgba(27, 32, 54, .44);
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    z-index: 100100;
}
html body #pv-modal-trabajador-nomina[hidden] { display: none !important; }
html body #pv-modal-trabajador-nomina .pv-nomina-dialog {
    box-sizing: border-box;
    position: relative;
    width: min(820px, calc(100vw - 40px));
    max-width: 820px;
    max-height: min(90vh, 860px);
    max-height: min(90dvh, 860px);
    padding: 0;
    overflow: auto;
    border: 1px solid rgba(226, 230, 243, .95);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 30px 85px rgba(22, 28, 57, .27), 0 12px 30px rgba(99, 64, 218, .1);
}
html body #pv-modal-trabajador-nomina .pv-nomina-dialog::before {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 26px;
    left: 26px;
    height: 4px;
    border-radius: 0 0 8px 8px;
    background: linear-gradient(90deg, #0a9eea, #7045ef 48%, #d11eb2 76%, #f0063e);
    content: "";
}
html body #pv-modal-trabajador-nomina .pv-nomina-dialog-head {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) 38px;
    align-items: center;
    gap: 16px;
    padding: 27px 28px 23px;
    border-bottom: 1px solid #e9edf6;
    background: linear-gradient(110deg, #fff 62%, #faf8ff);
}
html body #pv-modal-trabajador-nomina .pv-nomina-dialog-icon {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg, #109bea, #7045ec 62%, #d124a8);
    box-shadow: 0 9px 20px rgba(107, 68, 229, .2);
}
html body #pv-modal-trabajador-nomina .pv-nomina-dialog-icon svg,
html body #pv-modal-trabajador-nomina .pv-nomina-dialog-icon svg * {
    width: 25px !important;
    height: 25px !important;
    fill: none !important;
    stroke: #fff !important;
}
html body #pv-modal-trabajador-nomina .pv-nomina-dialog-title small {
    color: #6e43e9;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .1em;
}
html body #pv-modal-trabajador-nomina .pv-nomina-dialog-title h2 {
    margin: 4px 0 5px;
    color: #172239;
    font-size: 23px;
    font-weight: 850;
    line-height: 1.12;
    letter-spacing: -.03em;
}
html body #pv-modal-trabajador-nomina .pv-nomina-dialog-title p {
    margin: 0;
    color: #8190ab;
    font-size: 12px;
}
html body #pv-modal-trabajador-nomina .pv-nomina-dialog-close {
    position: static;
    float: none;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    margin: 0;
    border: 1px solid #e1e7f3;
    border-radius: 12px;
    background: #f7f9fd;
    color: #53617c;
    font-size: 25px;
    line-height: 1;
    text-decoration: none;
}
html body #pv-modal-trabajador-nomina .pv-nomina-dialog-close:hover {
    border-color: #d8ccff;
    background: #f3efff;
    color: #6942e9;
}
html body #pv-modal-trabajador-nomina .pv-nomina-dialog-section {
    margin: 23px 28px 3px;
    color: #64738f;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .065em;
    text-transform: uppercase;
}
html body #pv-modal-trabajador-nomina form { padding: 12px 28px 25px; }
html body #pv-modal-trabajador-nomina .pv-nomina-fields { gap: 17px; }
html body #pv-modal-trabajador-nomina .pv-nomina-fields label { font-size: 12px; }
html body #pv-modal-trabajador-nomina .pv-nomina-fields input,
html body #pv-modal-trabajador-nomina .pv-nomina-fields select {
    height: 45px;
    border-radius: 12px;
    background: #f8f9fd !important;
}
html body #pv-modal-trabajador-nomina .pv-nomina-form-actions {
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid #e9edf6;
}
@media (max-width: 700px) {
    html body #pv-modal-trabajador-nomina.pv-nomina-overlay { padding: 10px; }
    html body #pv-modal-trabajador-nomina .pv-nomina-dialog {
        width: calc(100vw - 20px);
        max-height: calc(100dvh - 20px);
        border-radius: 19px;
    }
    html body #pv-modal-trabajador-nomina .pv-nomina-dialog-head {
        grid-template-columns: 43px minmax(0, 1fr) 34px;
        gap: 11px;
        padding: 20px 17px 17px;
    }
    html body #pv-modal-trabajador-nomina .pv-nomina-dialog-icon { width: 43px; height: 43px; border-radius: 13px; }
    html body #pv-modal-trabajador-nomina .pv-nomina-dialog-title h2 { font-size: 19px; }
    html body #pv-modal-trabajador-nomina .pv-nomina-dialog-title p { font-size: 11px; }
    html body #pv-modal-trabajador-nomina .pv-nomina-dialog-close { width: 34px; height: 34px; }
    html body #pv-modal-trabajador-nomina .pv-nomina-dialog-section { margin: 19px 17px 2px; }
    html body #pv-modal-trabajador-nomina form { padding: 12px 17px 20px; }
}

.pv-nomina-dossier{margin:22px 0 0;border:1px solid #e0e7f4;border-radius:15px;background:#fbfbfe;overflow:hidden}.pv-nomina-dossier summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;color:#283852;font-size:13px;font-weight:800;cursor:pointer;list-style:none}.pv-nomina-dossier summary::-webkit-details-marker{display:none}.pv-nomina-dossier summary::after{content:'⌄';color:#6942ef;font-size:20px;line-height:1}.pv-nomina-dossier[open] summary::after{content:'⌃'}.pv-nomina-dossier summary span{margin-left:auto;color:#8493ae;font-size:11px;font-weight:600}.pv-nomina-dossier .pv-nomina-fields{padding:17px;border-top:1px solid #e0e7f4;background:#fff}.pv-nomina-dossier .pv-nomina-field-wide{grid-column:1/-1}.pv-nomina-dossier textarea{width:100%;min-height:65px;padding:10px 12px;border:1px solid #dce3f0;border-radius:11px;background:#fff;color:#19243b;font:inherit;resize:vertical}.pv-nomina-dossier textarea:focus{outline:none;border-color:#805fff;box-shadow:0 0 0 3px rgba(109,66,239,.1)}