/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ze55ntknwh] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-ze55ntknwh] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-ze55ntknwh] {
    font-size: 1.1rem;
}

.bi[b-ze55ntknwh] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-ze55ntknwh] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-ze55ntknwh] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-ze55ntknwh] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-ze55ntknwh] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-ze55ntknwh] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-ze55ntknwh] {
        padding-bottom: 1rem;
    }

    .nav-item[b-ze55ntknwh]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-ze55ntknwh]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-ze55ntknwh]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-ze55ntknwh] {
        display: none;
    }

    .collapse[b-ze55ntknwh] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-ze55ntknwh] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

/* Botón de Cerrar Sesión */
.sidebar-mobile-close[b-ze55ntknwh] {
    display: none;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: #374151;
    border-radius: 0.5rem;
}

.sidebar-mobile-close:hover[b-ze55ntknwh],
.sidebar-mobile-close:focus-visible[b-ze55ntknwh] {
    background-color: #f3f4f6;
}

.sidebar-mobile-close:focus-visible[b-ze55ntknwh] {
    outline: 2px solid #0284c7;
    outline-offset: -2px;
}

@media (max-width: 599px) {
    .sidebar-mobile-close[b-ze55ntknwh] { display: flex; }
}

.logout-btn[b-ze55ntknwh] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: #4b5563;
    background-color: #f9fafb;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

:global(.dark) .logout-btn[b-ze55ntknwh] {
    color: #d4d4d4;
    background-color: var(--color-sf-content-bg-color, #1f1f1f);
}

.logout-btn:hover[b-ze55ntknwh] {
    background-color: #ef4444;
    color: white;
}

.logout-btn:active[b-ze55ntknwh] {
    background-color: #dc2626;
}
/* /Pages/Auth/Login.razor.rz.scp.css */
.mfa-card[b-dfz5drwbxt] { width: 100%; max-width: 448px; background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 12px 40px #0f172a0a; }
.mfa-content[b-dfz5drwbxt] { padding: 36px 32px; }
.mfa-form[b-dfz5drwbxt] { display: flex; flex-direction: column; gap: 24px; }
.mfa-heading[b-dfz5drwbxt] { text-align: center; }
.mfa-icon[b-dfz5drwbxt] { width: 36px; height: 36px; color: #0284c7; margin: 0 auto 16px; display: block; }
.mfa-heading h2[b-dfz5drwbxt] { font-size: 24px; line-height: 1.3; font-weight: 700; color: #0f172a; margin: 0 0 12px; }
.mfa-heading p[b-dfz5drwbxt] { color: #64748b; font-size: 15px; line-height: 1.6; margin: 0; }
.mfa-entry[b-dfz5drwbxt] { display: flex; flex-direction: column; gap: 12px; }
.mfa-label[b-dfz5drwbxt], .mfa-entry label[b-dfz5drwbxt] { color: #475569; font-size: 14px; font-weight: 600; text-align: center; margin: 0; }
.mfa-recovery[b-dfz5drwbxt] { width: 100%; box-sizing: border-box; border: 1px solid #cbd5e1; border-radius: 8px; padding: 12px; font-size: 18px; text-align: center; }
.mfa-recovery:focus[b-dfz5drwbxt] { outline: 2px solid #0284c7; outline-offset: 2px; }
.mfa-expiry[b-dfz5drwbxt] { margin: 0; text-align: center; color: #64748b; font-size: 12px; }
.mfa-error[b-dfz5drwbxt] { margin: 0; color: #b91c1c; font-size: 14px; line-height: 1.5; }
.mfa-primary[b-dfz5drwbxt] { width: 100%; min-height: 48px; border: 0; border-radius: 8px; color: #fff; background: #0284c7; font-weight: 600; font-size: 15px; cursor: pointer; }
.mfa-primary:hover[b-dfz5drwbxt] { background: #0369a1; }
.mfa-primary:disabled[b-dfz5drwbxt] { opacity: .5; cursor: not-allowed; }
.mfa-actions[b-dfz5drwbxt] { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.mfa-actions button[b-dfz5drwbxt] { border: 0; padding: 8px 4px; background: transparent; color: #0369a1; cursor: pointer; font-size: 14px; }
.mfa-actions button:last-child[b-dfz5drwbxt] { color: #64748b; }
.mfa-actions button:hover[b-dfz5drwbxt] { text-decoration: underline; }
.mfa-actions button:focus-visible[b-dfz5drwbxt], .mfa-primary:focus-visible[b-dfz5drwbxt] { outline: 2px solid #0284c7; outline-offset: 3px; }
@media (max-width: 480px) { .mfa-content[b-dfz5drwbxt] { padding: 28px 16px; } .mfa-heading h2[b-dfz5drwbxt] { font-size: 22px; } }

.session-notice[b-dfz5drwbxt] { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 24px; padding: 12px 14px; border: 1px solid #bae6fd; border-radius: 8px; background: #f0f9ff; color: #075985; }
.session-notice svg[b-dfz5drwbxt] { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 1px; }
.session-notice p[b-dfz5drwbxt] { margin: 0; font-size: 14px; line-height: 1.5; }
/* /Pages/Auth/OtpCodeInput.razor.rz.scp.css */
.otp-code[b-ob4p1t0af2] { display: flex; justify-content: center; width: 100%; }
.otp-code[b-ob4p1t0af2]  .e-otpinput { display: flex; gap: 8px; }
.otp-code[b-ob4p1t0af2]  input:not([type="hidden"]) {
    width: clamp(32px, 9vw, 44px); height: 52px; padding: 0;
    border: 1px solid #cbd5e1; border-radius: 8px; background: #fff;
    color: #0f172a; text-align: center; font-size: 22px; font-weight: 600;
    box-shadow: none;
}
.otp-code[b-ob4p1t0af2]  input:not([type="hidden"]):focus {
    outline: none; border-color: #0284c7; box-shadow: 0 0 0 3px #e0f2fe;
}
/* /Pages/Catalogos/Turnos/TurnosPage.razor.rz.scp.css */
.turno-header[b-0xvjtzq4wt] {
    container-type: inline-size;
}

.turno-header-fields[b-0xvjtzq4wt],
.turno-header-field[b-0xvjtzq4wt] {
    display: flex;
    align-items: center;
}

.turno-header-fields[b-0xvjtzq4wt] {
    flex-wrap: wrap;
    gap: 1rem;
}

.turno-header-field[b-0xvjtzq4wt] {
    min-width: 0;
    gap: .5rem;
}

.turno-header-input[b-0xvjtzq4wt] {
    min-width: 0;
}

.turno-header-sucursal[b-0xvjtzq4wt] { width: 12rem; }
.turno-header-turno[b-0xvjtzq4wt] { width: 18rem; }
.turno-header-tipo[b-0xvjtzq4wt] { width: 9rem; }

.turno-days-table th:first-child[b-0xvjtzq4wt],
.turno-days-table td:first-child[b-0xvjtzq4wt] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: Canvas;
    box-shadow: 1px 0 0 #d1d5db;
}

.turno-days-table th:first-child[b-0xvjtzq4wt] {
    z-index: 2;
    background: #f3f4f6;
}

@container (max-width: 650px) {
    .turno-header-fields[b-0xvjtzq4wt],
    .turno-header-field[b-0xvjtzq4wt] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .turno-header-fields[b-0xvjtzq4wt] { gap: .75rem; }
    .turno-header-field[b-0xvjtzq4wt] { gap: .25rem; }

    .turno-header-input[b-0xvjtzq4wt],
    .turno-header-sucursal[b-0xvjtzq4wt],
    .turno-header-turno[b-0xvjtzq4wt],
    .turno-header-tipo[b-0xvjtzq4wt] {
        width: 100%;
    }

    .turno-name-row[b-0xvjtzq4wt] {
        flex-direction: column;
        align-items: stretch;
    }
}

.turno-parameters[b-0xvjtzq4wt] {
    container-type: inline-size;
}

.turno-parameter-row[b-0xvjtzq4wt],
.turno-parameter-cluster[b-0xvjtzq4wt],
.turno-parameter-item[b-0xvjtzq4wt],
.turno-parameter-value[b-0xvjtzq4wt] {
    display: flex;
    align-items: center;
}

.turno-parameter-row[b-0xvjtzq4wt] {
    flex-wrap: wrap;
    gap: .5rem 1rem;
}

.turno-parameter-cluster[b-0xvjtzq4wt] {
    gap: 1rem;
}

.turno-parameter-item[b-0xvjtzq4wt],
.turno-parameter-value[b-0xvjtzq4wt] {
    min-width: 0;
    gap: .5rem;
}

.turno-parameter-item label[b-0xvjtzq4wt] {
    white-space: nowrap;
}

.turno-parameter-input[b-0xvjtzq4wt] {
    flex: 0 0 8rem;
    width: 8rem;
    min-width: 0;
}

.turno-parameter-input-siglas[b-0xvjtzq4wt] {
    flex-basis: 10rem;
    width: 10rem;
}

.turno-parameter-total[b-0xvjtzq4wt] {
    margin-left: auto;
}

@container (max-width: 950px) {
    .turno-parameter-row[b-0xvjtzq4wt] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        gap: .625rem;
    }

    .turno-parameter-cluster[b-0xvjtzq4wt] {
        display: contents;
    }

    .turno-parameter-item[b-0xvjtzq4wt] {
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        gap: .375rem;
        padding: .625rem;
        border: 1px solid color-mix(in srgb, CanvasText 14%, transparent);
        border-radius: .5rem;
        background: color-mix(in srgb, Canvas 94%, #e2e8f0 6%);
    }

    .turno-parameter-item label[b-0xvjtzq4wt] {
        white-space: normal;
    }

    .turno-parameter-input[b-0xvjtzq4wt],
    .turno-parameter-input-siglas[b-0xvjtzq4wt] {
        flex: 0 1 auto;
        width: min(100%, 8rem);
    }

    .turno-parameter-input-siglas[b-0xvjtzq4wt] {
        width: min(100%, 10rem);
    }

    .turno-parameter-item[b-0xvjtzq4wt]  .e-checkbox-wrapper {
        max-width: 100%;
    }

    .turno-parameter-item[b-0xvjtzq4wt]  .e-checkbox-wrapper label {
        display: inline-flex;
        align-items: flex-start;
        max-width: 100%;
        white-space: normal;
    }

    .turno-parameter-item[b-0xvjtzq4wt]  .e-checkbox-wrapper .e-label {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .turno-parameter-total[b-0xvjtzq4wt] {
        margin-left: 0;
    }
}

@container (max-width: 420px) {
    .turno-parameter-row[b-0xvjtzq4wt] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Empleados/CapturistasFotos/CapturistaEmployeePicker.razor.rz.scp.css */
.picker[b-h5xlzuyccp] { margin: 1rem 0; }
label[b-h5xlzuyccp] { display: flex; flex-direction: column; gap: .4rem; font-size: .9rem; }
input:not([type=checkbox])[b-h5xlzuyccp] { max-width: 420px; border: 1px solid #d1d5db; border-radius: .4rem; padding: .55rem .75rem; }
input[type=checkbox][b-h5xlzuyccp] { width: 1rem; height: 1rem; accent-color: #4f46e5; }
.table-scroll[b-h5xlzuyccp] { overflow-x: auto; margin-top: 1rem; max-height: 420px; }
table[b-h5xlzuyccp] { width: 100%; border-collapse: collapse; text-align: left; font-size: .875rem; }
th[b-h5xlzuyccp] { background: #f9fafb; position: sticky; top: 0; font-weight: 600; }
th[b-h5xlzuyccp], td[b-h5xlzuyccp] { padding: .75rem; border-bottom: 1px solid #e5e7eb; }
.pager[b-h5xlzuyccp] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-top: .75rem; font-size: .875rem; }
button[b-h5xlzuyccp] { background: white; border: 1px solid #d1d5db; border-radius: .4rem; padding: .4rem .75rem; }
button:disabled[b-h5xlzuyccp] { opacity: .5; }
/* /Pages/Empleados/CapturistasFotos/CapturistasFotosPage.razor.rz.scp.css */
.capture-admin[b-ivz6d45bwo] { max-width: 1200px; margin: 0 auto; padding: 1rem; color: #1f2937; }
h1[b-ivz6d45bwo] { font-size: 1.5rem; font-weight: 700; }
h2[b-ivz6d45bwo] { font-size: 1.15rem; font-weight: 600; }
h3[b-ivz6d45bwo] { font-weight: 600; margin-top: 1rem; }
p[b-ivz6d45bwo] { margin: .5rem 0 1rem; }
fieldset[b-ivz6d45bwo] { border: 0; padding: 0; min-width: 0; }
.panel[b-ivz6d45bwo] { background: white; border: 1px solid #e5e7eb; border-radius: .75rem; padding: 1.25rem; margin-top: 1rem; }
.toolbar[b-ivz6d45bwo], .actions[b-ivz6d45bwo], .options[b-ivz6d45bwo] { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; }
.toolbar[b-ivz6d45bwo] { justify-content: space-between; }
.actions[b-ivz6d45bwo], .options[b-ivz6d45bwo] { margin: 1rem 0; }
label[b-ivz6d45bwo] { display: flex; flex-direction: column; gap: .4rem; font-size: .9rem; }
.options label[b-ivz6d45bwo], .option[b-ivz6d45bwo] { flex-direction: row; align-items: center; }
select[b-ivz6d45bwo], input:not([type=checkbox])[b-ivz6d45bwo] { border: 1px solid #d1d5db; border-radius: .4rem; padding: .55rem .75rem; min-width: 230px; max-width: 100%; background: white; }
button[b-ivz6d45bwo] { background: #4f46e5; color: white; padding: .55rem 1rem; border-radius: .45rem; font-weight: 500; }
button.secondary[b-ivz6d45bwo] { background: white; border: 1px solid #d1d5db; color: #374151; }
button:disabled[b-ivz6d45bwo], fieldset:disabled button[b-ivz6d45bwo] { opacity: .5; cursor: not-allowed; }
input[type=checkbox][b-ivz6d45bwo] { width: 1rem; height: 1rem; accent-color: #4f46e5; }
summary[b-ivz6d45bwo] { cursor: pointer; font-weight: 600; }
.scope[b-ivz6d45bwo] { padding: .75rem 0; border-bottom: 1px solid #f3f4f6; }
.message[b-ivz6d45bwo] { padding: 1rem; margin-top: 1rem; border-radius: .5rem; }
.error[b-ivz6d45bwo] { background: #fef2f2; color: #991b1b; }.success[b-ivz6d45bwo] { background: #f0fdf4; color: #166534; }
/* /Pages/Empleados/EmpleadoDetalle/EmpleadoDetallePage.razor.rz.scp.css */
.employee-error-summary[b-3hos397j3e] {
    margin: 20px;
    padding: 16px 20px;
    border: 1px solid #fca5a5;
    border-left: 4px solid #dc2626;
    border-radius: 8px;
    background: #fef2f2;
    color: #991b1b;
    scroll-margin-top: 90px;
    overflow-wrap: anywhere;
}

.employee-form-fields[b-3hos397j3e] {
    container-type: inline-size;
}

.employee-form-fields > .grid[b-3hos397j3e] {
    grid-template-columns: minmax(0, 1fr);
}

.employee-form-fields > .employee-address-grid[b-3hos397j3e] {
    grid-template-columns: minmax(0, 1fr);
}

@container (min-width: 520px) {
    .employee-form-fields > :is(.employee-grid-2, .employee-grid-3, .employee-grid-4, .employee-grid-5)[b-3hos397j3e] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container (min-width: 680px) {
    .employee-form-fields > :is(.employee-grid-3, .employee-grid-4, .employee-grid-5)[b-3hos397j3e] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@container (min-width: 780px) {
    .employee-form-fields > .employee-grid-4[b-3hos397j3e] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .employee-form-fields > .employee-grid-5[b-3hos397j3e] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@container (min-width: 480px) {
    .employee-form-fields > .employee-address-grid[b-3hos397j3e] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .employee-address-grid[b-3hos397j3e]  .employee-address-street {
        grid-column: span 2;
    }
}

@container (min-width: 700px) {
    .employee-form-fields > .employee-address-grid[b-3hos397j3e] {
        grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr));
    }

    .employee-address-grid[b-3hos397j3e]  .employee-address-street {
        grid-column: span 1;
    }
}

.employee-error-summary h2[b-3hos397j3e] {
    font-weight: 700;
    margin: 0 0 4px;
}

.employee-error-summary ul[b-3hos397j3e] {
    margin: 8px 0 0;
    padding-left: 20px;
    list-style: disc;
}

.employee-error-summary li + li[b-3hos397j3e] {
    margin-top: 5px;
}

.employee-error-summary button[b-3hos397j3e] {
    color: inherit;
    text-align: left;
    text-decoration: underline;
    cursor: pointer;
}
/* /Pages/Empleados/EmpleadoDetalle/EmpleadoField.razor.rz.scp.css */
.employee-field[b-prye6x7skp] {
    min-width: 0;
    scroll-margin-top: 100px;
}

.employee-field-invalid[b-prye6x7skp] {
    outline: 2px solid #dc2626;
    outline-offset: 4px;
    border-radius: 3px;
}

.employee-field-invalid[b-prye6x7skp]  .e-input-group,
.employee-field-invalid[b-prye6x7skp]  .e-control-wrapper {
    border-color: #dc2626 !important;
    background-color: #fff7f7;
}

.employee-field-errors[b-prye6x7skp] {
    color: #b91c1c;
    font-size: 0.8rem;
    margin: 6px 0 0;
    padding-left: 16px;
    list-style: disc;
    overflow-wrap: anywhere;
}
/* /Pages/Notificaciones/NotificationShell.razor.rz.scp.css */
.notification-bell[b-nzczxlovg1] { position:relative; display:inline-flex; }
.notification-bell[b-nzczxlovg1]  .notification-bell-button { width:42px; height:42px; padding:10px; border:0; background:transparent; color:inherit; border-radius:50%; box-shadow:none; }
.notification-bell[b-nzczxlovg1]  .notification-bell-button:hover { background:#ffffff18; }
.notification-bell[b-nzczxlovg1]  .notification-bell-button:focus-visible { outline:2px solid #60a5fa; outline-offset:2px; }
.notification-bell[b-nzczxlovg1]  .notification-bell-icon { width:22px; height:22px; margin:0; background:currentColor; mask:url('/images/notification-bell.svg') center/contain no-repeat; -webkit-mask:url('/images/notification-bell.svg') center/contain no-repeat; }
.notification-bell-count[b-nzczxlovg1] { position:absolute; top:0; right:-3px; min-width:17px; height:17px; padding:0 4px; border-radius:10px; color:white; background:#ef4444; font:600 10px/17px sans-serif; text-align:center; pointer-events:none; }
/* /Pages/Notificaciones/NotificationsPage.razor.rz.scp.css */
.notification-page[b-mc36ykcst9] { max-width:1152px; margin:0 auto; padding:24px; color:#172033; }
.notification-header[b-mc36ykcst9],.notification-toolbar[b-mc36ykcst9],.notification-filter-row[b-mc36ykcst9],.notification-meta[b-mc36ykcst9],.notification-item-actions[b-mc36ykcst9],.notification-count[b-mc36ykcst9],.notification-pagination[b-mc36ykcst9] { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.notification-header[b-mc36ykcst9] { align-items:flex-start; margin-bottom:24px; }
.notification-header h1[b-mc36ykcst9] { font-size:28px; font-weight:700; letter-spacing:-.6px; margin:0 0 8px; }
.notification-header p[b-mc36ykcst9],.notification-toolbar p[b-mc36ykcst9] { margin:4px 0 0; font-size:14px; color:#64748b; }
.notification-actions[b-mc36ykcst9],.notification-categories[b-mc36ykcst9],.notification-toggles[b-mc36ykcst9],.notification-tags[b-mc36ykcst9] { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.notification-filters[b-mc36ykcst9],.notification-item[b-mc36ykcst9],.notification-empty[b-mc36ykcst9] { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:24px; box-shadow:0 1px 2px #0f172a05; }
.notification-toolbar h2[b-mc36ykcst9] { margin:0; font-size:16px; font-weight:600; }
.notification-filter-row[b-mc36ykcst9] { margin-top:24px; align-items:flex-end; }
.notification-scope[b-mc36ykcst9] { width:280px; }
.notification-scope label[b-mc36ykcst9] { display:block; margin-bottom:8px; color:#475569; font-size:12px; font-weight:600; }
.notification-toggles[b-mc36ykcst9] { gap:24px; margin-top:20px; }
.notification-count[b-mc36ykcst9] { margin:24px 0 12px; color:#64748b; font-size:13px; }
.notification-list[b-mc36ykcst9] { display:grid; gap:12px; }
.notification-item[b-mc36ykcst9] { display:flex; gap:18px; }
.notification-kind-icon[b-mc36ykcst9] { padding-top:3px; color:#64748b; }
.notification-body[b-mc36ykcst9] { min-width:0; flex:1; }
.notification-meta[b-mc36ykcst9] { margin-bottom:12px; }
.notification-meta time[b-mc36ykcst9] { color:#64748b; font-size:12px; }
.notification-tag[b-mc36ykcst9],.notification-unread[b-mc36ykcst9] { font-size:11px; font-weight:600; padding:4px 9px; border-radius:6px; }
.notification-tag[b-mc36ykcst9] { background:#eff6ff; color:#1d4ed8; }
.notification-tag.operation[b-mc36ykcst9] { background:#fff7ed; color:#9a3412; }
.notification-unread[b-mc36ykcst9] { border:1px solid #bfdbfe; color:#1d4ed8; }
.notification-body h2[b-mc36ykcst9] { margin:0 0 6px; font-size:16px; font-weight:600; line-height:1.45; overflow-wrap:anywhere; }
.notification-summary[b-mc36ykcst9] { margin:0; font-size:14px; color:#64748b; line-height:1.6; overflow-wrap:anywhere; }
.notification-item-actions[b-mc36ykcst9] { margin-top:16px; }
.notification-pagination[b-mc36ykcst9] { margin-top:24px; font-size:13px; color:#64748b; }
.notification-empty[b-mc36ykcst9] { text-align:center; padding:56px 24px; color:#64748b; }
.notification-empty h2[b-mc36ykcst9] { color:#172033; font-size:18px; margin:16px 0 8px; font-weight:600; }
.notification-empty p[b-mc36ykcst9] { font-size:14px; line-height:1.7; }
.notification-error[b-mc36ykcst9] { padding:12px 16px; background:#fff1f2; color:#9f1239; border-radius:8px; }
.notification-page[b-mc36ykcst9]  .e-btn { border-radius:7px; font-size:13px; padding:9px 12px; text-transform:none; }
@media(max-width:640px) { .notification-page[b-mc36ykcst9] { padding:16px 0; } .notification-header h1[b-mc36ykcst9] { font-size:24px; } .notification-scope[b-mc36ykcst9] { width:100%; } .notification-item[b-mc36ykcst9],.notification-filters[b-mc36ykcst9] { padding:18px; } .notification-kind-icon[b-mc36ykcst9] { display:none; } .notification-item-actions[b-mc36ykcst9] { gap:8px; } }
.dark .notification-page[b-mc36ykcst9] { color:#e2e8f0; }
.dark .notification-filters[b-mc36ykcst9],.dark .notification-item[b-mc36ykcst9],.dark .notification-empty[b-mc36ykcst9] { background:#111827; border-color:#334155; }
.dark .notification-header p[b-mc36ykcst9],.dark .notification-toolbar p[b-mc36ykcst9],.dark .notification-summary[b-mc36ykcst9],.dark .notification-meta time[b-mc36ykcst9],.dark .notification-count[b-mc36ykcst9],.dark .notification-pagination[b-mc36ykcst9],.dark .notification-scope label[b-mc36ykcst9] { color:#94a3b8; }
.dark .notification-empty h2[b-mc36ykcst9] { color:#e2e8f0; }
.dark .notification-tag[b-mc36ykcst9] { background:#172554; color:#bfdbfe; }
.dark .notification-tag.operation[b-mc36ykcst9] { background:#431407; color:#fed7aa; }
.dark .notification-unread[b-mc36ykcst9] { color:#bfdbfe; border-color:#1e40af; }
/* /Pages/RelojChecador/DispositivosPage.razor.rz.scp.css */
.clock-card-grid[b-ztmbmqtm26] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
}
/* /Pages/RelojChecador/ReprocesarChecadasPage.razor.rz.scp.css */
.reprocess-page[b-uf5r9zwxer] {
    min-height: 100%;
    padding: clamp(0.75rem, 1.5vw, 1.5rem);
}

.reprocess-shell[b-uf5r9zwxer] {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.reprocess-card[b-uf5r9zwxer] {
    width: 100%;
}

.reprocess-header[b-uf5r9zwxer] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    min-height: 78px;
    padding: 1rem 1.5rem;
    background: linear-gradient(115deg, #0369a1 0%, #0284c7 100%);
}

.reprocess-header-icon[b-uf5r9zwxer] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.12);
    font-size: 1.25rem;
}

.reprocess-layout[b-uf5r9zwxer] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(320px, 2fr);
}

.reprocess-form-panel[b-uf5r9zwxer] {
    min-width: 0;
    padding: 1.75rem 1.875rem;
    border-right: 1px solid #e5e7eb;
}

.reprocess-info-panel[b-uf5r9zwxer] {
    min-width: 0;
    padding: 1.75rem 1.625rem;
}

.reprocess-form-stack[b-uf5r9zwxer] {
    display: grid;
    gap: 1.375rem;
}

.reprocess-filter-grid[b-uf5r9zwxer],
.reprocess-date-grid[b-uf5r9zwxer] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.reprocess-field[b-uf5r9zwxer] {
    min-width: 0;
}

.reprocess-company[b-uf5r9zwxer] {
    min-height: 44px;
    padding: 0.625rem 0.875rem;
}

.reprocess-field[b-uf5r9zwxer]  .e-control-wrapper,
.reprocess-field[b-uf5r9zwxer]  .e-input-group {
    width: 100% !important;
    min-width: 0;
}

.reprocess-field[b-uf5r9zwxer]  .e-input-group {
    min-height: 42px;
}

.reprocess-field[b-uf5r9zwxer]  input.e-input {
    min-width: 0;
}

.reprocess-action-row[b-uf5r9zwxer] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    gap: 1rem;
    padding-top: 0.25rem;
}

.reprocess-summary[b-uf5r9zwxer] {
    min-width: 0;
    margin: 0;
}

.reprocess-submit[b-uf5r9zwxer] {
    min-height: 46px;
    white-space: nowrap;
}

.reprocess-info-list[b-uf5r9zwxer] {
    display: grid;
    gap: 1.25rem;
}

.reprocess-info-item[b-uf5r9zwxer] {
    display: flex;
    gap: 0.875rem;
    min-width: 0;
}

.reprocess-info-icon[b-uf5r9zwxer] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 9999px;
}

@media (max-width: 1100px) {
    .reprocess-layout[b-uf5r9zwxer] {
        grid-template-columns: minmax(0, 1fr);
    }

    .reprocess-form-panel[b-uf5r9zwxer] {
        border-right: 0;
        border-bottom: 1px solid #e5e7eb;
    }

    .reprocess-info-list[b-uf5r9zwxer] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
    }
}

@media (max-width: 760px) {
    .reprocess-header[b-uf5r9zwxer] {
        min-height: 70px;
        padding: 0.875rem 1rem;
    }

    .reprocess-form-panel[b-uf5r9zwxer],
    .reprocess-info-panel[b-uf5r9zwxer] {
        padding: 1.25rem 1rem;
    }

    .reprocess-filter-grid[b-uf5r9zwxer],
    .reprocess-date-grid[b-uf5r9zwxer],
    .reprocess-info-list[b-uf5r9zwxer] {
        grid-template-columns: minmax(0, 1fr);
    }

    .reprocess-action-row[b-uf5r9zwxer] {
        grid-template-columns: minmax(0, 1fr);
    }

    .reprocess-submit[b-uf5r9zwxer] {
        width: 100%;
    }
}
/* /Pages/Reportes/Asistencia/Trazabilidad/ChecadaDetalle.razor.rz.scp.css */
.trace-detail[b-gxeots2w14] { color: #1e293b; padding: 4px 2px 12px; }
.trace-subtitle[b-gxeots2w14] { color: #64748b; font-size: 13px; margin: 8px 0 16px; }
.trace-badges[b-gxeots2w14] { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.trace-badges > span[b-gxeots2w14] { border-radius: 20px; background: #eff6ff; color: #1d4ed8; padding: 7px 12px; font-size: 13px; font-weight: 600; }
.trace-badges > .trace-verified[b-gxeots2w14] { background: #ecfdf5; color: #047857; }
.trace-facts[b-gxeots2w14] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 18px; }
.trace-facts dt[b-gxeots2w14] { color: #64748b; font-size: 12px; margin-bottom: 4px; }
.trace-facts dd[b-gxeots2w14] { margin: 0; overflow-wrap: anywhere; font-weight: 600; font-size: 14px; }
.trace-evidence[b-gxeots2w14] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.65fr); gap: 20px; margin-top: 22px; }
.trace-evidence h3[b-gxeots2w14] { font-size: 15px; font-weight: 600; margin: 0 0 12px; }
.trace-photo[b-gxeots2w14], .trace-map[b-gxeots2w14], .trace-empty[b-gxeots2w14] { width: 100%; height: 320px; border: 1px solid #e2e8f0; border-radius: 12px; background: #f8fafc; box-sizing: border-box; }
.trace-photo[b-gxeots2w14] { object-fit: contain; }
.trace-empty[b-gxeots2w14] { display: flex; align-items: center; justify-content: center; padding: 24px; text-align: center; color: #64748b; font-size: 14px; }
.trace-map-caption[b-gxeots2w14] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; font-size: 12px; margin-top: 10px; }
.trace-map-caption a[b-gxeots2w14], .trace-notice button[b-gxeots2w14] { color: #1d4ed8; text-decoration: underline; }
.trace-notice[b-gxeots2w14] { padding: 12px 16px; background: #fffbeb; color: #92400e; border: 1px solid #fde68a; border-radius: 10px; font-size: 14px; }
@media (max-width: 640px) { .trace-evidence[b-gxeots2w14], .trace-facts[b-gxeots2w14] { grid-template-columns: 1fr; } .trace-photo[b-gxeots2w14] { height: 260px; } }
/* /Pages/Sistema/Facturacion/BillingSurface.razor.rz.scp.css */
.billing-surface[b-xu7h9eic1w] {
    --billing-bg: #fff; --billing-alt: #f8fafc; --billing-border: #e2e8f0;
    --billing-text: #1e293b; --billing-muted: #64748b; --billing-brand: #0284c7;
    color: var(--billing-text); padding: 24px; display: grid; gap: 20px; min-width: 0;
}
.dark .billing-surface[b-xu7h9eic1w] {
    --billing-bg: #111827; --billing-alt: #1f2937; --billing-border: #374151;
    --billing-text: #f1f5f9; --billing-muted: #94a3b8; --billing-brand: #38bdf8;
}
.billing-surface[b-xu7h9eic1w]  h1 { font-size: 24px; font-weight: 700; margin: 0; }
.billing-surface[b-xu7h9eic1w]  h2 { font-size: 18px; font-weight: 600; margin: 0; }
.billing-surface[b-xu7h9eic1w]  h3 { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.billing-surface[b-xu7h9eic1w]  p { margin: 4px 0 0; }
.billing-surface[b-xu7h9eic1w]  .billing-muted { color: var(--billing-muted); font-size: 14px; }
.billing-surface[b-xu7h9eic1w]  .billing-card { background: var(--billing-bg); border: 1px solid var(--billing-border); border-radius: 12px; padding: 24px; min-width: 0; box-shadow: 0 1px 3px #00000005; }
.billing-surface[b-xu7h9eic1w]  .billing-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
.billing-surface[b-xu7h9eic1w]  .billing-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.billing-surface[b-xu7h9eic1w]  .billing-footer { margin-top: 20px; border-top: 1px solid var(--billing-border); padding-top: 16px; }
.billing-surface[b-xu7h9eic1w]  .billing-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--billing-border); border-radius: 6px; background: var(--billing-bg); color: var(--billing-text); padding: 9px 14px; font-size: 14px; font-weight: 600; cursor: pointer; text-decoration: none; }
.billing-surface[b-xu7h9eic1w]  .billing-button:hover:not(:disabled) { background: var(--billing-alt); }
.billing-surface[b-xu7h9eic1w]  .billing-button.primary { background: #0284c7; color: white; border-color: #0284c7; }
.billing-surface[b-xu7h9eic1w]  .billing-button.primary:hover:not(:disabled) { background: #0369a1; }
.billing-surface[b-xu7h9eic1w]  .billing-button:disabled { opacity: .5; cursor: not-allowed; }
.billing-surface[b-xu7h9eic1w]  :is(button, a, input, select):focus-visible { outline: 2px solid var(--billing-brand); outline-offset: 3px; }
.billing-surface[b-xu7h9eic1w]  .billing-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 20px; }
.billing-surface[b-xu7h9eic1w]  .billing-metric { border: 1px solid var(--billing-border); background: var(--billing-alt); border-radius: 8px; padding: 16px; }
.billing-surface[b-xu7h9eic1w]  .billing-metric h3 { color: var(--billing-muted); margin: 0 0 10px; }
.billing-surface[b-xu7h9eic1w]  .billing-metric strong { display: block; font-size: 19px; line-height: 1.4; overflow-wrap: anywhere; }
.billing-surface[b-xu7h9eic1w]  .billing-notice { border: 1px solid var(--billing-border); border-left: 3px solid var(--billing-brand); background: var(--billing-alt); border-radius: 8px; padding: 14px 16px; font-size: 14px; }
.billing-surface[b-xu7h9eic1w]  .billing-notice.warning { border-left-color: #d97706; }
.billing-surface[b-xu7h9eic1w]  .billing-notice.danger { border-left-color: #dc2626; }
.billing-surface[b-xu7h9eic1w]  .billing-notice.success { border-left-color: #059669; }
.billing-surface[b-xu7h9eic1w]  .billing-card > .billing-notice { margin-top: 16px; }
.billing-surface[b-xu7h9eic1w]  .billing-badge { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; background: #e2e8f0; color: #334155; }
.billing-surface[b-xu7h9eic1w]  .billing-badge.success { background: #d1fae5; color: #065f46; }
.billing-surface[b-xu7h9eic1w]  .billing-badge.warning { background: #fef3c7; color: #92400e; }
.billing-surface[b-xu7h9eic1w]  .billing-badge.danger { background: #fee2e2; color: #991b1b; }
.billing-surface[b-xu7h9eic1w]  .billing-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 20px; }
.billing-surface[b-xu7h9eic1w]  .billing-address { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.billing-surface[b-xu7h9eic1w]  .billing-field label { display: block; font-size: 14px; font-weight: 500; margin-bottom: 6px; }
.billing-surface[b-xu7h9eic1w]  .billing-field :is(input, select),
.billing-surface[b-xu7h9eic1w]  .billing-page-size { width: 100%; padding: 9px 12px; border: 1px solid var(--billing-border); border-radius: 6px; color: var(--billing-text); background: var(--billing-bg); }
.billing-surface[b-xu7h9eic1w]  .billing-field .invalid { border-color: #dc2626; }
.billing-surface[b-xu7h9eic1w]  .validation-message, .billing-surface[b-xu7h9eic1w]  .validation-errors { color: #dc2626; font-size: 13px; margin-top: 4px; }
.billing-surface[b-xu7h9eic1w]  fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.billing-surface[b-xu7h9eic1w]  fieldset:disabled { opacity: .6; }
.billing-surface[b-xu7h9eic1w]  .billing-table-scroll { overflow-x: auto; margin-top: 16px; }
.billing-surface[b-xu7h9eic1w]  table { width: 100%; border-collapse: collapse; text-align: left; font-size: 13px; white-space: nowrap; }
.billing-surface[b-xu7h9eic1w]  th { background: var(--billing-alt); color: var(--billing-muted); font-weight: 600; }
.billing-surface[b-xu7h9eic1w]  :is(td, th) { padding: 12px; border-bottom: 1px solid var(--billing-border); }
.billing-surface[b-xu7h9eic1w]  td .billing-button { padding: 5px 9px; font-size: 12px; }
.billing-surface[b-xu7h9eic1w]  .billing-pagination { display: flex; gap: 16px; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top: 16px; }
.billing-surface[b-xu7h9eic1w]  .billing-page-size { width: auto; margin-left: 8px; }
.billing-surface[b-xu7h9eic1w]  .billing-loading { padding: 40px 16px; text-align: center; color: var(--billing-muted); }
.billing-surface[b-xu7h9eic1w]  .billing-return { width: 100%; max-width: 600px; margin: 24px auto; text-align: center; }
.billing-surface[b-xu7h9eic1w]  .billing-return .billing-actions { justify-content: center; margin-top: 24px; }
.billing-surface[b-xu7h9eic1w]  .billing-return-icon { color: var(--billing-brand); font-size: 48px; display: block; margin-bottom: 16px; }
@media (max-width: 1200px) { .billing-surface[b-xu7h9eic1w]  .billing-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
    .billing-surface[b-xu7h9eic1w] { padding: 16px; }
    .billing-surface[b-xu7h9eic1w]  .billing-card { padding: 16px; }
    .billing-surface[b-xu7h9eic1w]  :is(.billing-metrics, .billing-fields) { grid-template-columns: minmax(0, 1fr); }
}
/* /Shared/TableState.razor.rz.scp.css */
.table-state[b-au7xz4hfd7] {
    width: 100%;
    min-height: 240px;
    padding: 32px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    white-space: normal;
    color: #334155;
}

.table-state__icon[b-au7xz4hfd7] {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    border-radius: 17px;
    color: #1476ba;
    background: #eff6ff;
}

.table-state__icon svg[b-au7xz4hfd7] { width: 28px; height: 28px; }
.table-state--error .table-state__icon[b-au7xz4hfd7] { color: #dc2626; background: #fff1f2; }
.table-state__title[b-au7xz4hfd7] { font-size: 16px; font-weight: 700; line-height: 1.4; color: #1e293b; }
.table-state__description[b-au7xz4hfd7] { max-width: 400px; margin: 0; font-size: 14px; line-height: 1.5; color: #64748b; }
.table-state__button[b-au7xz4hfd7] {
    margin-top: 8px;
    min-height: 38px;
    padding: 8px 16px;
    border: 1px solid #cbd5e1;
    border-radius: 9px;
    background: #fff;
    color: #334155;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}
.table-state__button:hover[b-au7xz4hfd7] { background: #f8fafc; border-color: #94a3b8; }
.table-state__button:focus-visible[b-au7xz4hfd7] { outline: 3px solid #93c5fd; outline-offset: 2px; }
.table-state__button--primary[b-au7xz4hfd7] { background: #0879c7; border-color: #0879c7; color: #fff; }
.table-state__button--primary:hover[b-au7xz4hfd7] { background: #0369a1; border-color: #0369a1; }
.table-state__spinner[b-au7xz4hfd7] { animation: table-state-spin-b-au7xz4hfd7 1s linear infinite; }
@keyframes table-state-spin-b-au7xz4hfd7 { to { transform: rotate(360deg); } }
html.dark .table-state[b-au7xz4hfd7] { color: #e5e7eb; }
html.dark .table-state__icon[b-au7xz4hfd7] { color: #7dd3fc; background: #0c3049; }
html.dark .table-state--error .table-state__icon[b-au7xz4hfd7] { color: #fca5a5; background: #4c1d24; }
html.dark .table-state__title[b-au7xz4hfd7] { color: #f8fafc; }
html.dark .table-state__description[b-au7xz4hfd7] { color: #a3aebd; }
html.dark .table-state__button[b-au7xz4hfd7] { color: #e5e7eb; background: #27272a; border-color: #52525b; }
html.dark .table-state__button:hover[b-au7xz4hfd7] { background: #3f3f46; border-color: #71717a; }
html.dark .table-state__button--primary[b-au7xz4hfd7] { color: #fff; background: #0879c7; border-color: #0879c7; }
html.dark .table-state__button--primary:hover[b-au7xz4hfd7] { background: #0369a1; border-color: #0369a1; }
@media (max-width: 640px) {
    .table-state[b-au7xz4hfd7] { min-height: 210px; padding: 24px 14px; }
}