/* /Components/Account/Pages/Manage/EnableAuthenticator.razor.rz.scp.css */
.info-message[b-2p22xfahff] {
    justify-content: start;
    margin: 0.625rem 0 0.625rem 0;
}
/* /Components/Account/Pages/Manage/ExternalLogins.razor.rz.scp.css */
.current-logins[b-qopmcuafkw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.current-logins-item[b-qopmcuafkw] {
    display: flex;
    gap: 0.625rem;
}
/* /Components/Account/Shared/ExternalLoginPicker.razor.rz.scp.css */
.external-logins[b-byjt6o4lym] {
    display: flex;
    gap: 0.5rem;
}

@media (max-width: 500px) {
    .external-logins[b-byjt6o4lym] {
        flex-direction: column;
    }
}
/* /Components/Account/Shared/ShowRecoveryCodes.razor.rz.scp.css */
.codes[b-v2l44j5pi2] {
    margin: 0.625rem 0 0.625rem 0;
}
/* /Components/Layout/Drawer.razor.rz.scp.css */
.drawer-container[b-4n4ccpsaiq] {
    height: 100%;
}

.navigation-drawer-shading[b-4n4ccpsaiq] {
    height: 100%;
    position: absolute;
    transition: ease 300ms;
    transition-property: opacity, visibility;
    visibility: visible;
    width: 100%;
    z-index: 99;
    background-color: var(--dxds-color-surface-backdrop-default-rest);
}

.navigation-drawer.mobile.panel-closed .navigation-drawer-shading[b-4n4ccpsaiq] {
    opacity: 0;
    visibility: hidden;
}

[b-4n4ccpsaiq] .navigation-drawer > .dxbl-drawer-panel {
    display: flex;
}

[b-4n4ccpsaiq] .navigation-drawer.mobile > .dxbl-drawer-panel {
    display: none;
}

.navigation-drawer-shading[b-4n4ccpsaiq] {
    display: none;
}

[b-4n4ccpsaiq] .panel-open:not(.mobile) .nav-buttons-container .menu-button {
    display: none;
}

@media (max-width: 768px) {
    [b-4n4ccpsaiq] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-4n4ccpsaiq] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    .navigation-drawer-shading[b-4n4ccpsaiq] {
        display: block;
    }

    [b-4n4ccpsaiq] .panel-open:not(.mobile) .nav-buttons-container .menu-button {
        display: flex;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-44epqzp1qr] {
    --app-topbar-height: 2.75rem;
    height: 100%;
    min-height: 0;
}

.page[b-44epqzp1qr]::before {
    background: var(--dxds-color-surface-primary-default-rest);
    content: "";
    height: var(--app-topbar-height);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1190;
}

[b-44epqzp1qr] .navigation-drawer {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
    --dxbl-drawer-panel-footer-bg: none;
    --dxbl-drawer-panel-header-bg: none;
    --dxbl-drawer-separator-border-width: 0;
}

[b-44epqzp1qr] .navigation-drawer > .dxbl-drawer-panel {
    background-image: linear-gradient(180deg, var(--dxds-color-surface-primary-default-rest) 0%, var(--dxds-primary-170) 150%);
    height: calc(100% - var(--app-topbar-height));
    margin-top: var(--app-topbar-height);
}

.app-topbar[b-44epqzp1qr] {
    align-items: center;
    background: var(--dxds-color-surface-primary-default-rest);
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 0.12);
    display: flex;
    height: var(--app-topbar-height);
    justify-content: flex-end;
    left: 0;
    padding: 0 0.75rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1200;
}

.topbar-toggle-link[b-44epqzp1qr],
.sidebar-toggle-link[b-44epqzp1qr] {
    align-items: center;
    border-radius: 8px;
    display: flex;
    height: 2rem;
    justify-content: center;
    left: 0.75rem;
    position: fixed;
    top: 0.375rem;
    width: 2rem;
    z-index: 1201;
}

[b-44epqzp1qr] .topbar-toggle-button.dxbl-btn,
[b-44epqzp1qr] .sidebar-toggle-button.dxbl-btn {
    background: var(--dxds-primary-170, #005c4f) !important;
    border: 1px solid rgb(255 255 255 / 0.35) !important;
    border-radius: 8px !important;
    color: #fff !important;
    min-height: 2rem;
    min-width: 2rem;
}

[b-44epqzp1qr] .topbar-toggle-button.dxbl-btn:hover,
[b-44epqzp1qr] .sidebar-toggle-button.dxbl-btn:hover {
    background: color-mix(in srgb, var(--dxds-primary-170, #005c4f) 82%, #000) !important;
    color: #fff !important;
}

[b-44epqzp1qr] .topbar-toggle-button.dxbl-btn .icon,
[b-44epqzp1qr] .sidebar-toggle-button.dxbl-btn .icon {
    background-color: #fff !important;
    height: 1rem;
    width: 1rem;
}

.user-avatar-link[b-44epqzp1qr] {
    align-items: center;
    border-radius: 999px;
    display: flex;
    height: 2rem;
    justify-content: center;
    text-decoration: none;
    width: 2rem;
}

.user-avatar[b-44epqzp1qr] {
    align-items: center;
    background: #fff;
    border: 1px solid rgb(255 255 255 / 0.7);
    border-radius: 999px;
    color: var(--dxds-color-surface-primary-default-rest);
    display: flex;
    font-size: 0.78rem;
    font-weight: 800;
    height: 2rem;
    justify-content: center;
    letter-spacing: 0;
    width: 2rem;
}

.user-avatar .icon[b-44epqzp1qr] {
    height: 1.1rem;
    width: 1.1rem;
}

.navigation-drawer-header[b-44epqzp1qr] {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    gap: 0.5rem;
    padding: 1.25rem 0.375rem 1.25rem 0.5rem;
    width: 100%;
}

.navigation-drawer-header .logo[b-44epqzp1qr] {
    display: block;
    height: 1.75rem;
    width: 10rem;
}

.drawer-content[b-44epqzp1qr] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    padding: calc(var(--app-topbar-height) + 0.75rem) 1.5rem 1.5rem 1.5rem;
}

.page-content-container[b-44epqzp1qr] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 0;
}

@media (max-width: 768px) {
    .app-topbar[b-44epqzp1qr] {
        padding: 0 0.75rem;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
[b-oowatps9p6] .menu {
    --dxbl-menu-bottom-left-border-radius: 0;
    --dxbl-menu-bottom-right-border-radius: 0;
    --dxbl-menu-top-left-border-radius: 0;
    --dxbl-menu-top-right-border-radius: 0;
    --dxbl-menu-item-padding-x: 1.125rem;
    --dxbl-menu-item-padding-y: 0.5rem;
    --dxbl-menu-item-color: var(--dxds-color-content-neutral-default-static-dark-rest);
    --dxbl-menu-item-image-color: var(--dxds-color-content-neutral-default-static-dark-rest);
    --dxbl-menu-item-hover-bg: rgb(from var(--dxds-color-surface-neutral-default-static-light-rest) r g b / 0.15);
    --dxbl-menu-item-hover-color: var(--dxds-color-content-neutral-default-static-dark-hovered);
    --dxbl-menu-item-hover-image-color: var(--dxds-color-content-neutral-default-static-dark-hovered);

    background: none;
}

[b-oowatps9p6] .menu.display-mobile {
    margin-bottom: 2rem;
}

[b-oowatps9p6] .menu-item-active {
    background-color: rgb(from var(--dxds-color-surface-neutral-default-static-light-rest) r g b / 0.05);
}
/* /Components/Pages/BasicForm.razor.rz.scp.css */
[b-s31xzjgbmy] .form-layout {
    max-width: 900px;
}
/* /Components/Pages/Chart.razor.rz.scp.css */
.chart-tooltip[b-s1vvi4smit] {
    margin: 0.5rem;
}

.chart-tooltip-title[b-s1vvi4smit] {
    text-align: center;
    font-weight: var(--dxds-font-weight-title-strong);
}
/* /Components/Pages/ConsultaVentas/ConsultaVentas.razor.rz.scp.css */
.consulta-ventas-page[b-3z87ngbsly] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 0;
}

.consulta-ventas-command-card[b-3z87ngbsly] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: 8px;
    background: #008c7a !important;
    color: #fff;
    padding: 1rem;
}

.consulta-ventas-header[b-3z87ngbsly] {
    display: block;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
    padding: 0;
}

.title-stack[b-3z87ngbsly] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.eyebrow[b-3z87ngbsly] {
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

h1[b-3z87ngbsly],
h2[b-3z87ngbsly] {
    margin: 0;
    letter-spacing: 0;
}

h1[b-3z87ngbsly] {
    color: #fff;
    font-size: clamp(1.55rem, 2.2vw, 2.1rem);
    font-weight: 700;
}

h2[b-3z87ngbsly] {
    font-size: 1rem;
    font-weight: 700;
}

.filters-panel[b-3z87ngbsly] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(220px, 1.2fr) minmax(180px, 0.9fr) auto;
    gap: 0.75rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
    padding: 0;
}

.filter-field[b-3z87ngbsly] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.filter-field label[b-3z87ngbsly] {
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
}

.span-years[b-3z87ngbsly],
.span-months[b-3z87ngbsly] {
    grid-column: span 1;
}

.span-months[b-3z87ngbsly] {
    grid-column: span 2;
}

.filter-actions[b-3z87ngbsly] {
    display: flex;
    grid-column: 4;
    grid-row: 1 / span 2;
    align-items: end;
    justify-content: end;
}

[b-3z87ngbsly] .accent-outline-button.dxbl-btn {
    border: 1px solid #fff !important;
    background: transparent !important;
    color: #fff !important;
}

[b-3z87ngbsly] .accent-outline-button.dxbl-btn:hover {
    background: #fff !important;
    color: #008c7a !important;
}

.filters-panel[b-3z87ngbsly]  input {
    color: #1f1f1f;
}

.status-message[b-3z87ngbsly] {
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    color: var(--dxbl-color-secondary);
    padding: 0.75rem 0.875rem;
}

.status-error[b-3z87ngbsly] {
    border-color: color-mix(in srgb, var(--dxbl-color-danger) 45%, var(--dxbl-color-border));
    background: color-mix(in srgb, var(--dxbl-color-danger) 8%, var(--dxbl-color-surface));
    color: var(--dxbl-color-danger);
}

.sales-workspace[b-3z87ngbsly] {
    display: block;
    min-height: 0;
}

.pivot-panel[b-3z87ngbsly] {
    min-width: 0;
    min-height: 0;
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    padding: 0.75rem;
}

[b-3z87ngbsly] .sales-pivot {
    height: 720px;
}

.empty-state[b-3z87ngbsly] {
    display: grid;
    min-height: 160px;
    place-items: center;
    color: var(--dxbl-color-secondary);
    font-weight: 600;
}

@media (max-width: 980px) {
    .filters-panel[b-3z87ngbsly] {
        grid-template-columns: 1fr;
    }

    .span-months[b-3z87ngbsly],
    .filter-actions[b-3z87ngbsly] {
        grid-column: span 1;
    }

    .filter-actions[b-3z87ngbsly] {
        grid-row: auto;
        justify-content: stretch;
    }

    .filter-actions[b-3z87ngbsly]  .dxbl-btn {
        width: 100%;
    }
}
/* /Components/Pages/ControlPedido/ControlPedido.razor.rz.scp.css */
.control-pedido-page[b-hkzu9g2d1b] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 0;
}

.control-pedido-command-card[b-hkzu9g2d1b] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: 8px;
    background: #008c7a !important;
    color: #fff;
    padding: 1rem;
}

.control-pedido-header[b-hkzu9g2d1b] {
    display: flex;
    align-items: end;
    gap: 1rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
    padding: 0;
}

.title-stack[b-hkzu9g2d1b] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.eyebrow[b-hkzu9g2d1b] {
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

h1[b-hkzu9g2d1b] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.55rem, 2.2vw, 2.1rem);
    font-weight: 700;
    letter-spacing: 0;
}

.subtitle[b-hkzu9g2d1b] {
    color: #fff;
    font-size: 0.9rem;
    min-height: 1.25rem;
}

[b-hkzu9g2d1b] .control-pedido-toolbar {
    align-self: end;
    background: transparent;
    justify-self: end;
    min-width: 2.75rem;
    width: 2.75rem;
}

[b-hkzu9g2d1b] .control-pedido-toolbar .dxbl-btn {
    border: 1px solid #fff !important;
    background: transparent !important;
    color: #fff !important;
}

[b-hkzu9g2d1b] .control-pedido-refresh-button {
    border: 1px solid #fff !important;
    background: transparent !important;
    color: #fff !important;
}

[b-hkzu9g2d1b] .control-pedido-toolbar .dxbl-btn:hover {
    background: #fff !important;
    color: #008c7a !important;
}

[b-hkzu9g2d1b] .control-pedido-refresh-button:hover {
    background: #fff !important;
    color: #008c7a !important;
}

.status-message[b-hkzu9g2d1b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    color: var(--dxbl-color-secondary);
    padding: 0.75rem 0.875rem;
}

.status-actions[b-hkzu9g2d1b] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.status-error[b-hkzu9g2d1b] {
    border-color: color-mix(in srgb, var(--dxbl-color-danger) 45%, var(--dxbl-color-border));
    background: color-mix(in srgb, var(--dxbl-color-danger) 8%, var(--dxbl-color-surface));
    color: var(--dxbl-color-danger);
}

.status-warning[b-hkzu9g2d1b] {
    border-color: color-mix(in srgb, #c48a00 45%, var(--dxbl-color-border));
    background: color-mix(in srgb, #f6c343 14%, var(--dxbl-color-surface));
    color: #6e4f00;
}

.status-success[b-hkzu9g2d1b] {
    border-color: color-mix(in srgb, #1f8f48 45%, var(--dxbl-color-border));
    background: color-mix(in srgb, #2da85f 10%, var(--dxbl-color-surface));
    color: #17683a;
}

@media (max-width: 860px) {
    .status-message[b-hkzu9g2d1b] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/ControlPedido/ControlPedidoFilters.razor.rz.scp.css */
.filters-panel[b-3afxnm6q4u] {
    display: grid;
    grid-template-columns: minmax(140px, 0.8fr) minmax(140px, 0.85fr) minmax(220px, 1.2fr) minmax(80px, 0.3fr) minmax(155px, 0.65fr) max-content;
    gap: 0.6rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
    padding: 0;
}

label[b-3afxnm6q4u] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

label span[b-3afxnm6q4u] {
    color: #fff;
    font-size: 0.76rem;
    font-weight: 700;
}

.filters-panel[b-3afxnm6q4u]  input {
    color: #1f1f1f;
}

.filter-actions[b-3afxnm6q4u] {
    align-self: end;
    display: flex;
    gap: 0.4rem;
    justify-self: end;
    min-width: max-content;
}

@media (max-width: 1200px) {
    .filters-panel[b-3afxnm6q4u] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .supplier-filter[b-3afxnm6q4u] {
        grid-column: span 2;
    }

    .filter-actions[b-3afxnm6q4u] {
        justify-self: start;
    }
}

@media (max-width: 620px) {
    .filters-panel[b-3afxnm6q4u] {
        grid-template-columns: 1fr;
    }

    .supplier-filter[b-3afxnm6q4u] {
        grid-column: auto;
    }

    .filter-actions[b-3afxnm6q4u] {
        justify-self: stretch;
        min-width: 0;
    }
}
/* /Components/Pages/ControlPedido/ControlPedidoGrid.razor.rz.scp.css */
.grid-panel[b-90rwj8gdkf] {
    display: grid;
    min-height: 0;
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    overflow: hidden;
}

[b-90rwj8gdkf] .control-pedido-grid {
    height: calc(100vh - 345px);
    min-height: 420px;
}

[b-90rwj8gdkf] .control-pedido-grid .dxbl-grid-table {
    font-size: 0.88rem;
}

[b-90rwj8gdkf] .control-pedido-grid .dxbl-grid-total-footer td {
    font-weight: 700;
}

[b-90rwj8gdkf] .suggested-cell {
    background: #fff600;
}

[b-90rwj8gdkf] .expiration-warning > td {
    background: #fff8c7;
}

[b-90rwj8gdkf] .expiration-danger > td {
    color: #c81e1e;
}

[b-90rwj8gdkf] .expiration-critical > td {
    background: #ffd2d2;
    color: #1f1f1f;
}

.grid-state[b-90rwj8gdkf] {
    color: var(--dxbl-color-secondary);
    padding: 1rem;
}

@media (max-width: 860px) {
    [b-90rwj8gdkf] .control-pedido-grid {
        height: 560px;
    }
}
/* /Components/Pages/ControlPedido/ControlPedidoProductDetail.razor.rz.scp.css */
.product-detail[b-db9uc60rp5] {
    padding: 0.75rem;
    background: color-mix(in srgb, var(--dxbl-color-surface) 92%, var(--dxbl-color-primary) 8%);
}

.detail-grid-shell[b-db9uc60rp5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 0.75rem;
}

h3[b-db9uc60rp5] {
    margin: 0 0 0.4rem;
    color: var(--dxbl-color-primary);
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0;
}

[b-db9uc60rp5] .detail-grid {
    max-height: 230px;
}

.detail-state[b-db9uc60rp5],
.detail-empty[b-db9uc60rp5] {
    color: var(--dxbl-color-secondary);
    padding: 0.75rem;
}

.detail-error[b-db9uc60rp5] {
    color: var(--dxbl-color-danger);
}

@media (max-width: 760px) {
    .detail-grid-shell[b-db9uc60rp5] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/ControlPedido/ControlPedidoSummaryBar.razor.rz.scp.css */
.summary-bar[b-e1ap2zreo3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    gap: 0.5rem;
    border: 1px solid #008c7a;
    border-radius: 8px;
    background: #fff;
    padding: 0.25rem 0.5rem;
}

.summary-bar div[b-e1ap2zreo3] {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0.125rem;
    border: 0;
    background: transparent;
    padding: 0.25rem 0.75rem;
    text-align: center;
    min-width: 0;
}

span[b-e1ap2zreo3] {
    color: var(--dxbl-color-secondary);
    font-size: 0.8rem;
    font-weight: 400;
}

strong[b-e1ap2zreo3] {
    color: var(--dxbl-color-primary);
    font-size: 0.95rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .summary-bar[b-e1ap2zreo3] {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }
}

@media (max-width: 520px) {
    .summary-bar[b-e1ap2zreo3] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Counter.razor.rz.scp.css */
.counter-block[b-66bplaw4hn] {
    align-items: center;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 17rem;
    justify-content: center;
    padding: 2.5rem 1.5rem 1.5rem;
    width: 16.875rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
}

.counter-block .counter-content[b-66bplaw4hn] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.counter-block .counter-count[b-66bplaw4hn] {
    font-size: 7.5rem;
    font-weight: 400;
    line-height: 7.75rem;
}
/* /Components/Pages/CuentasPorCobrar/CuentasPorCobrar.razor.rz.scp.css */
.cuentas-por-cobrar-page[b-0k5yin0rq6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 0;
}

.cxc-command-card[b-0k5yin0rq6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: 8px;
    background: var(--dxds-color-surface-primary-default-rest) !important;
    color: #fff;
    padding: 1rem;
}

.cxc-header[b-0k5yin0rq6] {
    display: flex;
    align-items: end;
    border: 0;
    background: transparent;
    color: #fff;
    padding: 0;
}

.title-stack[b-0k5yin0rq6] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.eyebrow[b-0k5yin0rq6] {
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
}

h1[b-0k5yin0rq6] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.55rem, 2.2vw, 2.1rem);
    font-weight: 700;
    letter-spacing: 0;
}

[b-0k5yin0rq6] .filters-panel {
    display: grid;
    grid-template-columns: minmax(260px, 1.4fr) minmax(150px, 0.7fr) minmax(150px, 0.7fr) auto;
    gap: 0.75rem;
    align-items: end;
}

[b-0k5yin0rq6] .filter-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

[b-0k5yin0rq6] .customer-field {
    min-width: 0;
}

[b-0k5yin0rq6] .filter-field label {
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
}

[b-0k5yin0rq6] .filter-actions {
    display: flex;
    justify-content: end;
}

[b-0k5yin0rq6] .accent-outline-button.dxbl-btn {
    border: 1px solid #fff !important;
    background: transparent !important;
    color: #fff !important;
}

[b-0k5yin0rq6] .accent-outline-button.dxbl-btn:hover {
    background: #fff !important;
    color: var(--dxds-color-surface-primary-default-rest) !important;
}

.status-message[b-0k5yin0rq6] {
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    color: var(--dxbl-color-secondary);
    padding: 0.75rem 0.875rem;
}

.status-error[b-0k5yin0rq6] {
    border-color: color-mix(in srgb, var(--dxbl-color-danger) 45%, var(--dxbl-color-border));
    background: color-mix(in srgb, var(--dxbl-color-danger) 8%, var(--dxbl-color-surface));
    color: var(--dxbl-color-danger);
}

[b-0k5yin0rq6] .summary-bar {
    display: grid;
    grid-template-columns: repeat(5, minmax(130px, 1fr));
    gap: 0.5rem;
}

[b-0k5yin0rq6] .summary-bar div {
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    padding: 0.7rem 0.8rem;
}

[b-0k5yin0rq6] .summary-bar span {
    display: block;
    color: var(--dxbl-color-secondary);
    font-size: 0.75rem;
    font-weight: 700;
}

[b-0k5yin0rq6] .summary-bar strong {
    display: block;
    margin-top: 0.2rem;
    color: var(--dxbl-color-primary-text);
    font-size: 1rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

[b-0k5yin0rq6] .grid-panel {
    min-width: 0;
    min-height: 0;
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    padding: 0.75rem;
}

[b-0k5yin0rq6] .customer-movements-grid {
    height: calc(100vh - 430px);
    min-height: 360px;
}

[b-0k5yin0rq6] .receivable-critical > td {
    background: color-mix(in srgb, #fbd5d5 50%, var(--dxbl-color-surface));
}

[b-0k5yin0rq6] .receivable-warning > td {
    background: color-mix(in srgb, #fff3cd 45%, var(--dxbl-color-surface));
}

[b-0k5yin0rq6] .balance-cell {
    color: #b42318 !important;
    font-weight: 700;
}

[b-0k5yin0rq6] .grid-state {
    display: grid;
    min-height: 130px;
    place-items: center;
    color: var(--dxbl-color-secondary);
    font-weight: 600;
}

@media (max-width: 980px) {
    [b-0k5yin0rq6] .filters-panel,
    [b-0k5yin0rq6] .summary-bar {
        grid-template-columns: 1fr;
    }

    [b-0k5yin0rq6] .filter-actions {
        justify-content: stretch;
    }

    [b-0k5yin0rq6] .filter-actions .dxbl-btn {
        width: 100%;
    }

    [b-0k5yin0rq6] .customer-movements-grid {
        height: 560px;
    }
}
/* /Components/Pages/EditableGrid.razor.rz.scp.css */
[b-1dc3bn5m0b] .grid {
    height: 75vh;
}
/* /Components/Pages/GestionVentas/GestionVentas.razor.rz.scp.css */
.gestion-ventas-page[b-wymy9smt47] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 0;
}

.gestion-ventas-command-card[b-wymy9smt47] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: 8px;
    background: #476f9f !important;
    color: #fff;
    padding: 1rem;
}

.gestion-ventas-header[b-wymy9smt47] {
    display: flex;
    align-items: end;
    border: 0;
    background: transparent;
    color: #fff;
    padding: 0;
}

.title-stack[b-wymy9smt47] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.eyebrow[b-wymy9smt47] {
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
}

h1[b-wymy9smt47] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.55rem, 2.2vw, 2.1rem);
    font-weight: 700;
    letter-spacing: 0;
}

.filters-panel[b-wymy9smt47] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
    gap: 0.75rem;
    align-items: end;
}

.filter-field[b-wymy9smt47] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.filter-field label[b-wymy9smt47] {
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
}

.readonly-filter[b-wymy9smt47] {
    min-height: 34px;
    display: flex;
    align-items: center;
    border: 1px solid color-mix(in srgb, #fff 65%, transparent);
    border-radius: 4px;
    padding: 0 0.75rem;
    color: #fff;
    font-weight: 600;
}

.filter-actions[b-wymy9smt47] {
    display: flex;
    justify-content: end;
}

[b-wymy9smt47] .accent-outline-button.dxbl-btn {
    border: 1px solid #fff !important;
    background: transparent !important;
    color: #fff !important;
}

[b-wymy9smt47] .accent-outline-button.dxbl-btn:hover {
    background: #fff !important;
    color: #476f9f !important;
}

.status-message[b-wymy9smt47] {
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    color: var(--dxbl-color-secondary);
    padding: 0.75rem 0.875rem;
}

.status-error[b-wymy9smt47] {
    border-color: color-mix(in srgb, var(--dxbl-color-danger) 45%, var(--dxbl-color-border));
    background: color-mix(in srgb, var(--dxbl-color-danger) 8%, var(--dxbl-color-surface));
    color: var(--dxbl-color-danger);
}

.charts-layout[b-wymy9smt47] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 0.75rem;
    min-width: 0;
}

.chart-panel[b-wymy9smt47],
.detail-panel[b-wymy9smt47] {
    min-width: 0;
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    padding: 0.75rem;
}

.panel-header[b-wymy9smt47] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.panel-header h2[b-wymy9smt47] {
    margin: 0;
    color: var(--dxbl-color-primary-text);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0;
}

.panel-header span[b-wymy9smt47] {
    display: block;
    margin-top: 0.15rem;
    color: var(--dxbl-color-secondary);
    font-size: 0.78rem;
    font-weight: 700;
}

.selected-bucket[b-wymy9smt47] {
    border: 1px solid var(--dxbl-color-primary);
    border-radius: 4px;
    background: color-mix(in srgb, var(--dxbl-color-primary) 10%, var(--dxbl-color-surface));
    color: var(--dxbl-color-primary);
    font-weight: 700;
    padding: 0.35rem 0.55rem;
}

[b-wymy9smt47] .sales-management-chart,
[b-wymy9smt47] .sales-management-pie {
    height: 360px;
}

[b-wymy9smt47] .no-sales-grid {
    height: 520px;
}

.chart-tooltip[b-wymy9smt47] {
    min-width: 130px;
}

.empty-state[b-wymy9smt47] {
    display: grid;
    min-height: 160px;
    place-items: center;
    color: var(--dxbl-color-secondary);
    font-weight: 600;
    text-align: center;
}

@media (max-width: 1080px) {
    .charts-layout[b-wymy9smt47],
    .filters-panel[b-wymy9smt47] {
        grid-template-columns: 1fr;
    }

    .filter-actions[b-wymy9smt47] {
        justify-content: stretch;
    }

    .filter-actions[b-wymy9smt47]  .dxbl-btn {
        width: 100%;
    }
}
/* /Components/Pages/Index/Index.razor.rz.scp.css */
[b-qflbylwn12] .index-gridlayout {
    container-type: inline-size;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 9rem;
}

[b-qflbylwn12] .title {
    padding-bottom: 3rem;
    text-align: center;
}

[b-qflbylwn12] .tiles {
    --tile-column-count: 4;

    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(var(--tile-column-count), max-content);
    justify-content: center;

    @container (max-width: 60.5rem) {
        --tile-column-count: 3;
    }
    @container (max-width: 45.125rem) {
        --tile-column-count: 2;
    }
    @container (max-width: 29.75rem) {
        --tile-column-count: 1;
    }
}
/* /Components/Pages/Index/IndexTile.razor.rz.scp.css */
.tile[b-6rsk0brs9i] {
    border-radius: 0.75rem;
    height: 7.5rem;
    transition: box-shadow 0.2s;
    width: 14.375rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
}

.tile:hover[b-6rsk0brs9i] {
    box-shadow: 0 4px 8px 0 rgba(170, 170, 170, 0.24), 0 0 2px 0 rgba(170, 170, 170, 0.2);
}

.tile[b-6rsk0brs9i]  > a {
    text-decoration: none;
}

[b-6rsk0brs9i] .tile-content {
    padding: 1rem;
}

[b-6rsk0brs9i] .tile-icon {
    border-radius: 0.375rem;
    height: 2.75rem;
    padding: 0.75rem;
    width: 2.75rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
}

[b-6rsk0brs9i] .tile-title {
    align-self: center;
    color: var(--dxds-color-content-neutral-default-rest);
    font-size: var(--dxds-font-size-base-md);
    font-weight: var(--dxds-font-weight-base-strong);
    letter-spacing: var(--dxds-letter-spacing-base-md);
    line-height: var(--dxds-line-height-base-md);
}

[b-6rsk0brs9i] .tile-description {
    color: var(--dxds-color-content-neutral-subdued-rest);
    font-size: var(--dxds-font-size-base-sm);
    font-weight: var(--dxds-font-weight-base-default);
    letter-spacing: var(--dxds-letter-spacing-base-sm);
    line-height: var(--dxds-line-height-base-sm);
}
/* /Components/Pages/ListadoPrecios/ListadoPrecios.razor.rz.scp.css */
.listado-precios-page[b-jk6rw0qc07] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 0;
}

.listado-precios-command-card[b-jk6rw0qc07] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: 8px;
    background: var(--dxds-color-surface-primary-default-rest) !important;
    color: #fff;
    padding: 1rem;
}

.listado-precios-header[b-jk6rw0qc07] {
    display: flex;
    align-items: end;
    border: 0;
    background: transparent;
    color: #fff;
    padding: 0;
}

.title-stack[b-jk6rw0qc07] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.eyebrow[b-jk6rw0qc07] {
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
}

h1[b-jk6rw0qc07] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.55rem, 2.2vw, 2.1rem);
    font-weight: 700;
    letter-spacing: 0;
}

[b-jk6rw0qc07] .filters-panel {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(280px, 1.35fr) auto;
    gap: 0.75rem;
    align-items: end;
}

[b-jk6rw0qc07] .filter-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

[b-jk6rw0qc07] .filter-field label {
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
}

[b-jk6rw0qc07] .filter-actions {
    display: flex;
    justify-content: end;
}

[b-jk6rw0qc07] .accent-outline-button.dxbl-btn {
    border: 1px solid #fff !important;
    background: transparent !important;
    color: #fff !important;
}

[b-jk6rw0qc07] .accent-outline-button.dxbl-btn:hover {
    background: #fff !important;
    color: var(--dxds-color-surface-primary-default-rest) !important;
}

.status-message[b-jk6rw0qc07] {
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    color: var(--dxbl-color-secondary);
    padding: 0.75rem 0.875rem;
}

.status-error[b-jk6rw0qc07] {
    border-color: color-mix(in srgb, var(--dxbl-color-danger) 45%, var(--dxbl-color-border));
    background: color-mix(in srgb, var(--dxbl-color-danger) 8%, var(--dxbl-color-surface));
    color: var(--dxbl-color-danger);
}

[b-jk6rw0qc07] .summary-bar {
    display: grid;
    grid-template-columns: repeat(4, minmax(130px, 1fr));
    gap: 0.5rem;
}

[b-jk6rw0qc07] .summary-bar div {
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    padding: 0.7rem 0.8rem;
}

[b-jk6rw0qc07] .summary-bar span {
    display: block;
    color: var(--dxbl-color-secondary);
    font-size: 0.75rem;
    font-weight: 700;
}

[b-jk6rw0qc07] .summary-bar strong {
    display: block;
    margin-top: 0.2rem;
    color: var(--dxbl-color-primary-text);
    font-size: 1rem;
    font-weight: 700;
}

[b-jk6rw0qc07] .grid-panel {
    min-width: 0;
    min-height: 0;
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    padding: 0.75rem;
}

[b-jk6rw0qc07] .price-list-grid {
    height: 720px;
}

[b-jk6rw0qc07] .empty-state {
    display: grid;
    min-height: 160px;
    place-items: center;
    color: var(--dxbl-color-secondary);
    font-weight: 600;
}

@media (max-width: 980px) {
    [b-jk6rw0qc07] .filters-panel,
    [b-jk6rw0qc07] .summary-bar {
        grid-template-columns: 1fr;
    }

    [b-jk6rw0qc07] .filter-actions {
        justify-content: stretch;
    }

    [b-jk6rw0qc07] .filter-actions .dxbl-btn {
        width: 100%;
    }
}
/* /Components/Pages/MasterDetailGrid.razor.rz.scp.css */
[b-abtkzybisg] .master-grid {
    height: 75vh;
}
[b-abtkzybisg] .detail-grid {
    height: 30vh;
}
/* /Components/Pages/PedidoVsFacturado/PedidoVsFacturado.razor.rz.scp.css */
.pedido-vs-facturado-page[b-92dr103ckn] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 0;
}

.pedido-command-card[b-92dr103ckn] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: 8px;
    background: #008c7a !important;
    color: #fff;
    padding: 1rem;
}

.pedido-header[b-92dr103ckn] {
    display: flex;
    align-items: end;
    border: 0;
    background: transparent;
    color: #fff;
    padding: 0;
}

.title-stack[b-92dr103ckn] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.eyebrow[b-92dr103ckn] {
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
}

h1[b-92dr103ckn] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.55rem, 2.2vw, 2.1rem);
    font-weight: 700;
    letter-spacing: 0;
}

.filters-panel[b-92dr103ckn] {
    display: grid;
    grid-template-columns: minmax(150px, 0.8fr) minmax(150px, 0.8fr) minmax(220px, 1fr) auto;
    gap: 0.75rem;
    align-items: end;
}

.filter-field[b-92dr103ckn] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.filter-field label[b-92dr103ckn] {
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
}

.checkbox-field[b-92dr103ckn] {
    min-height: 3.75rem;
}

.filter-actions[b-92dr103ckn] {
    display: flex;
    justify-content: end;
}

[b-92dr103ckn] .accent-outline-button.dxbl-btn {
    border: 1px solid #fff !important;
    background: transparent !important;
    color: #fff !important;
}

[b-92dr103ckn] .accent-outline-button.dxbl-btn:hover {
    background: #fff !important;
    color: #008c7a !important;
}

.status-message[b-92dr103ckn] {
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    color: var(--dxbl-color-secondary);
    padding: 0.75rem 0.875rem;
}

.status-error[b-92dr103ckn] {
    border-color: color-mix(in srgb, var(--dxbl-color-danger) 45%, var(--dxbl-color-border));
    background: color-mix(in srgb, var(--dxbl-color-danger) 8%, var(--dxbl-color-surface));
    color: var(--dxbl-color-danger);
}

.summary-bar[b-92dr103ckn] {
    display: grid;
    grid-template-columns: repeat(5, minmax(130px, 1fr));
    gap: 0.5rem;
}

.summary-bar div[b-92dr103ckn] {
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    padding: 0.7rem 0.8rem;
}

.summary-bar span[b-92dr103ckn] {
    display: block;
    color: var(--dxbl-color-secondary);
    font-size: 0.75rem;
    font-weight: 700;
}

.summary-bar strong[b-92dr103ckn] {
    display: block;
    margin-top: 0.2rem;
    color: var(--dxbl-color-primary-text);
    font-size: 1rem;
    font-weight: 700;
}

.grid-panel[b-92dr103ckn],
.detail-panel[b-92dr103ckn] {
    min-width: 0;
    min-height: 0;
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    padding: 0.75rem;
}

[b-92dr103ckn] .pedido-vs-facturado-grid {
    height: calc(100vh - 355px);
    min-height: 420px;
}

[b-92dr103ckn] .detail-grid {
    max-height: 320px;
}

[b-92dr103ckn] .difference-row > td {
    background: color-mix(in srgb, #fff3cd 45%, var(--dxbl-color-surface));
}

[b-92dr103ckn] .difference-cell {
    color: #b42318 !important;
    font-weight: 700;
}

.grid-state[b-92dr103ckn],
.detail-state[b-92dr103ckn] {
    display: grid;
    min-height: 130px;
    place-items: center;
    color: var(--dxbl-color-secondary);
    font-weight: 600;
}

.detail-error[b-92dr103ckn] {
    color: var(--dxbl-color-danger);
}

@media (max-width: 980px) {
    .filters-panel[b-92dr103ckn],
    .summary-bar[b-92dr103ckn] {
        grid-template-columns: 1fr;
    }

    .filter-actions[b-92dr103ckn] {
        justify-content: stretch;
    }

    .filter-actions[b-92dr103ckn]  .dxbl-btn {
        width: 100%;
    }

    [b-92dr103ckn] .pedido-vs-facturado-grid {
        height: 560px;
    }
}
/* /Components/Pages/QuePaso/MonthlyBarChart.razor.rz.scp.css */
.chart-panel[b-f4c7rzxm62] {
    display: grid;
    grid-template-rows: auto minmax(410px, 1fr);
    min-height: 500px;
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    overflow: hidden;
}

.chart-panel-header[b-f4c7rzxm62] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid var(--dxbl-color-border);
    padding: 0.65rem 0.75rem;
}

h2[b-f4c7rzxm62] {
    margin: 0;
    color: var(--dxbl-color-primary);
    font-size: 0.98rem;
    font-weight: 700;
    letter-spacing: 0;
}

.chart-panel-header span[b-f4c7rzxm62] {
    color: var(--dxbl-color-secondary);
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

.chart-empty[b-f4c7rzxm62] {
    color: var(--dxbl-color-secondary);
    padding: 1rem;
}

[b-f4c7rzxm62] .monthly-chart {
    height: 100%;
    min-height: 410px;
}

[b-f4c7rzxm62] script,
[b-f4c7rzxm62] dxbl-resource-script {
    display: none !important;
}

[b-f4c7rzxm62] .chart-tooltip {
    min-width: 120px;
}
/* /Components/Pages/QuePaso/QuePaso.razor.rz.scp.css */
.que-paso-page[b-9ta2gbkjea] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    min-height: 0;
}

.que-paso-header[b-9ta2gbkjea] {
    display: grid;
    grid-template-columns: minmax(220px, 0.45fr) minmax(360px, 1fr);
    align-items: end;
    gap: 1rem;
    border: 0;
    border-radius: 8px;
    background: #008c7a !important;
    color: #fff;
    padding: 1rem;
}

.title-stack[b-9ta2gbkjea] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

h1[b-9ta2gbkjea] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.55rem, 2.2vw, 2.1rem);
    font-weight: 700;
    letter-spacing: 0;
}

.range-label[b-9ta2gbkjea] {
    color: #fff;
    font-size: 0.9rem;
}

.que-paso-layout[b-9ta2gbkjea] {
    display: grid;
    grid-template-columns: minmax(330px, 0.42fr) minmax(460px, 0.58fr);
    grid-auto-rows: minmax(460px, auto);
    gap: 1rem;
    min-height: 0;
}

.status-message[b-9ta2gbkjea] {
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    color: var(--dxbl-color-secondary);
    padding: 0.875rem 1rem;
}

.status-error[b-9ta2gbkjea] {
    border-color: color-mix(in srgb, var(--dxbl-color-danger) 45%, var(--dxbl-color-border));
    background: color-mix(in srgb, var(--dxbl-color-danger) 8%, var(--dxbl-color-surface));
    color: var(--dxbl-color-danger);
}

[b-9ta2gbkjea] .amount-negative {
    color: var(--dxbl-color-danger);
    font-variant-numeric: tabular-nums;
}

.receivables-detail-dialog-body[b-9ta2gbkjea] {
    box-sizing: border-box;
    height: 100%;
    min-height: 0;
    padding: 0.75rem;
}

@media (max-width: 1180px) {
    .que-paso-layout[b-9ta2gbkjea] {
        grid-template-columns: 1fr;
        grid-auto-rows: minmax(460px, auto);
    }
}

@media (max-width: 760px) {
    .que-paso-header[b-9ta2gbkjea] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    h1[b-9ta2gbkjea] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/QuePaso/QuePasoToolbar.razor.rz.scp.css */
.toolbar-shell[b-1xvkfri56h] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
    color: #fff;
}

.custom-range-row[b-1xvkfri56h] {
    display: grid;
    grid-template-columns: minmax(128px, auto) minmax(150px, 1fr) minmax(150px, 1fr) auto;
    align-items: end;
    gap: 0.5rem;
}

.custom-range-row label[b-1xvkfri56h] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
}

.range-preset-toolbar[b-1xvkfri56h] {
    min-width: 0;
}

[b-1xvkfri56h] .range-preset-toolbar .dxbl-toolbar {
    min-width: 0;
    background: transparent;
}

[b-1xvkfri56h] .range-preset-toolbar .dxbl-btn,
[b-1xvkfri56h] .accent-outline-button.dxbl-btn {
    border: 1px solid #fff !important;
    background: transparent !important;
    color: #fff !important;
}

[b-1xvkfri56h] .range-preset-toolbar .dxbl-btn:hover,
[b-1xvkfri56h] .accent-outline-button.dxbl-btn:hover {
    background: #fff !important;
    color: #008c7a !important;
}

.toolbar-shell[b-1xvkfri56h]  input {
    color: #1f1f1f;
}

.range-validation[b-1xvkfri56h] {
    color: #fff;
    font-size: 0.85rem;
    font-weight: 700;
}

@media (max-width: 640px) {
    .custom-range-row[b-1xvkfri56h] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/QuePaso/ReceivablesAgingChart.razor.rz.scp.css */
.aging-panel[b-53aub1ff0d] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 370px;
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    overflow: hidden;
}

.aging-header[b-53aub1ff0d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid var(--dxbl-color-border);
    padding: 0.65rem 0.75rem;
}

h2[b-53aub1ff0d] {
    margin: 0;
    color: var(--dxbl-color-primary);
    font-size: 0.98rem;
    font-weight: 700;
    letter-spacing: 0;
}

.aging-header span[b-53aub1ff0d] {
    color: var(--dxbl-color-secondary);
    font-size: 0.82rem;
    font-weight: 700;
}

.selected-bucket[b-53aub1ff0d] {
    border: 1px solid var(--dxbl-color-border);
    border-radius: 999px;
    background: var(--dxbl-color-surface);
    color: var(--dxbl-color-primary);
    cursor: pointer;
    font-size: 0.8rem;
    padding: 0.25rem 0.55rem;
    white-space: nowrap;
}

.aging-empty[b-53aub1ff0d] {
    color: var(--dxbl-color-secondary);
    padding: 1rem;
}

[b-53aub1ff0d] .aging-chart {
    height: 100%;
    min-height: 280px;
}

[b-53aub1ff0d] script,
[b-53aub1ff0d] dxbl-resource-script {
    display: none !important;
}

[b-53aub1ff0d] .chart-tooltip {
    min-width: 120px;
}
/* /Components/Pages/QuePaso/ReceivablesAgingDetail.razor.rz.scp.css */
.detail-panel[b-6y1082wb3l] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.detail-header[b-6y1082wb3l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid var(--dxbl-color-border);
    padding: 0 0 0.65rem;
}

h2[b-6y1082wb3l] {
    margin: 0;
    color: var(--dxbl-color-primary);
    font-size: 0.98rem;
    font-weight: 700;
    letter-spacing: 0;
}

.detail-header span[b-6y1082wb3l],
.detail-header strong[b-6y1082wb3l] {
    color: var(--dxbl-color-secondary);
    font-size: 0.82rem;
}

.detail-status[b-6y1082wb3l] {
    color: var(--dxbl-color-secondary);
    padding: 1rem;
}

.detail-error[b-6y1082wb3l] {
    color: var(--dxbl-color-danger);
}

[b-6y1082wb3l] .detail-grid {
    height: 100%;
}
/* /Components/Pages/QuePaso/SummaryGridPanel.razor.rz.scp.css */
.summary-panel[b-9bmkdc07ha] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    overflow: hidden;
}

.summary-panel-header[b-9bmkdc07ha] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid var(--dxbl-color-border);
    padding: 0.65rem 0.75rem;
}

h2[b-9bmkdc07ha] {
    margin: 0;
    color: var(--dxbl-color-primary);
    font-size: 0.98rem;
    font-weight: 700;
    letter-spacing: 0;
}

.summary-panel-header span[b-9bmkdc07ha] {
    color: var(--dxbl-color-secondary);
    font-size: 0.8rem;
    white-space: nowrap;
}

[b-9bmkdc07ha] .summary-grid {
    height: 100%;
}

[b-9bmkdc07ha] .summary-grid .dxbl-grid-table {
    font-size: 0.9rem;
}

[b-9bmkdc07ha] .summary-grid .dxbl-grid-total-footer td {
    font-weight: 700;
}

.summary-empty[b-9bmkdc07ha] {
    color: var(--dxbl-color-secondary);
    padding: 1rem;
}
/* /Components/Pages/RelacionCobros/RelacionCobros.razor.rz.scp.css */
.relacion-cobros-page[b-epk40xjb86] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 0;
}

.relacion-command-card[b-epk40xjb86] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: 8px;
    background: var(--dxds-color-surface-primary-default-rest) !important;
    color: #fff;
    padding: 1rem;
}

.relacion-header[b-epk40xjb86] {
    display: flex;
    align-items: end;
    border: 0;
    background: transparent;
    color: #fff;
    padding: 0;
}

.title-stack[b-epk40xjb86] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.eyebrow[b-epk40xjb86] {
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
}

h1[b-epk40xjb86] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.55rem, 2.2vw, 2.1rem);
    font-weight: 700;
    letter-spacing: 0;
}

[b-epk40xjb86] .filters-panel {
    display: grid;
    grid-template-columns: minmax(180px, 0.9fr) minmax(220px, 1fr) minmax(170px, 0.8fr) auto;
    gap: 0.75rem;
    align-items: end;
}

[b-epk40xjb86] .filter-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

[b-epk40xjb86] .filter-field label {
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
}

[b-epk40xjb86] .checkbox-field {
    min-height: 3.75rem;
}

[b-epk40xjb86] .filter-actions {
    display: flex;
    justify-content: end;
}

[b-epk40xjb86] .accent-outline-button.dxbl-btn {
    border: 1px solid #fff !important;
    background: transparent !important;
    color: #fff !important;
}

[b-epk40xjb86] .accent-outline-button.dxbl-btn:hover {
    background: #fff !important;
    color: var(--dxds-color-surface-primary-default-rest) !important;
}

.status-message[b-epk40xjb86] {
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    color: var(--dxbl-color-secondary);
    padding: 0.75rem 0.875rem;
}

.status-error[b-epk40xjb86] {
    border-color: color-mix(in srgb, var(--dxbl-color-danger) 45%, var(--dxbl-color-border));
    background: color-mix(in srgb, var(--dxbl-color-danger) 8%, var(--dxbl-color-surface));
    color: var(--dxbl-color-danger);
}

[b-epk40xjb86] .summary-bar {
    display: grid;
    grid-template-columns: repeat(5, minmax(130px, 1fr));
    gap: 0.5rem;
}

[b-epk40xjb86] .summary-bar div {
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    padding: 0.7rem 0.8rem;
}

[b-epk40xjb86] .summary-bar span {
    display: block;
    color: var(--dxbl-color-secondary);
    font-size: 0.75rem;
    font-weight: 700;
}

[b-epk40xjb86] .summary-bar strong {
    display: block;
    margin-top: 0.2rem;
    color: var(--dxbl-color-primary-text);
    font-size: 1rem;
    font-weight: 700;
}

[b-epk40xjb86] .grid-panel {
    min-width: 0;
    min-height: 0;
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    padding: 0.75rem;
}

[b-epk40xjb86] .relacion-cobros-grid {
    height: calc(100vh - 355px);
    min-height: 420px;
}

[b-epk40xjb86] .receivable-critical > td {
    background: color-mix(in srgb, #fbd5d5 50%, var(--dxbl-color-surface));
}

[b-epk40xjb86] .receivable-warning > td {
    background: color-mix(in srgb, #fff3cd 45%, var(--dxbl-color-surface));
}

[b-epk40xjb86] .balance-cell {
    color: #b42318 !important;
    font-weight: 700;
}

[b-epk40xjb86] .grid-state {
    display: grid;
    min-height: 130px;
    place-items: center;
    color: var(--dxbl-color-secondary);
    font-weight: 600;
}

@media (max-width: 980px) {
    [b-epk40xjb86] .filters-panel,
    [b-epk40xjb86] .summary-bar {
        grid-template-columns: 1fr;
    }

    [b-epk40xjb86] .filter-actions {
        justify-content: stretch;
    }

    [b-epk40xjb86] .filter-actions .dxbl-btn {
        width: 100%;
    }

    [b-epk40xjb86] .relacion-cobros-grid {
        height: 560px;
    }
}
/* /Components/Pages/VentasPorCliente/VentasPorCliente.razor.rz.scp.css */
.ventas-cliente-page[b-jnz3508o46] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 0;
}

.ventas-cliente-command-card[b-jnz3508o46] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: 8px;
    background: var(--dxds-color-surface-primary-default-rest) !important;
    color: #fff;
    padding: 1rem;
}

.ventas-cliente-header[b-jnz3508o46] {
    display: flex;
    align-items: end;
    border: 0;
    background: transparent;
    color: #fff;
    padding: 0;
}

.title-stack[b-jnz3508o46] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.eyebrow[b-jnz3508o46] {
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
}

h1[b-jnz3508o46] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.55rem, 2.2vw, 2.1rem);
    font-weight: 700;
    letter-spacing: 0;
}

[b-jnz3508o46] .filters-panel {
    display: grid;
    grid-template-columns: minmax(260px, 1.5fr) minmax(170px, 0.8fr) minmax(220px, 1fr) auto;
    gap: 0.75rem;
    align-items: end;
}

[b-jnz3508o46] .filter-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

[b-jnz3508o46] .filter-field label {
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
}

[b-jnz3508o46] .filter-actions {
    display: flex;
    justify-content: end;
}

[b-jnz3508o46] .accent-outline-button.dxbl-btn {
    border: 1px solid #fff !important;
    background: transparent !important;
    color: #fff !important;
}

[b-jnz3508o46] .accent-outline-button.dxbl-btn:hover {
    background: #fff !important;
    color: var(--dxds-color-surface-primary-default-rest) !important;
}

.status-message[b-jnz3508o46] {
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    color: var(--dxbl-color-secondary);
    padding: 0.75rem 0.875rem;
}

.status-error[b-jnz3508o46] {
    border-color: color-mix(in srgb, var(--dxbl-color-danger) 45%, var(--dxbl-color-border));
    background: color-mix(in srgb, var(--dxbl-color-danger) 8%, var(--dxbl-color-surface));
    color: var(--dxbl-color-danger);
}

[b-jnz3508o46] .summary-bar {
    display: grid;
    grid-template-columns: repeat(5, minmax(130px, 1fr));
    gap: 0.5rem;
}

[b-jnz3508o46] .summary-bar div {
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    padding: 0.7rem 0.8rem;
}

[b-jnz3508o46] .summary-bar span {
    display: block;
    color: var(--dxbl-color-secondary);
    font-size: 0.75rem;
    font-weight: 700;
}

[b-jnz3508o46] .summary-bar strong {
    display: block;
    margin-top: 0.2rem;
    color: var(--dxbl-color-primary-text);
    font-size: 1rem;
    font-weight: 700;
}

[b-jnz3508o46] .pivot-panel {
    min-width: 0;
    min-height: 0;
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    padding: 0.75rem;
}

[b-jnz3508o46] .ventas-cliente-pivot {
    height: 720px;
}

[b-jnz3508o46] .empty-state {
    display: grid;
    min-height: 160px;
    place-items: center;
    color: var(--dxbl-color-secondary);
    font-weight: 600;
}

@media (max-width: 980px) {
    [b-jnz3508o46] .filters-panel,
    [b-jnz3508o46] .summary-bar {
        grid-template-columns: 1fr;
    }

    [b-jnz3508o46] .filter-actions {
        justify-content: stretch;
    }

    [b-jnz3508o46] .filter-actions .dxbl-btn {
        width: 100%;
    }
}
/* /Components/Pages/VentasPorFabricante/VentasPorFabricante.razor.rz.scp.css */
.ventas-fabricante-page[b-knmh9falck] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 0;
}

.ventas-fabricante-command-card[b-knmh9falck] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: 8px;
    background: var(--dxds-color-surface-primary-default-rest) !important;
    color: #fff;
    padding: 1rem;
}

.ventas-fabricante-header[b-knmh9falck] {
    display: flex;
    align-items: end;
    border: 0;
    background: transparent;
    color: #fff;
    padding: 0;
}

.title-stack[b-knmh9falck] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.eyebrow[b-knmh9falck] {
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
}

h1[b-knmh9falck] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.55rem, 2.2vw, 2.1rem);
    font-weight: 700;
    letter-spacing: 0;
}

[b-knmh9falck] .filters-panel {
    display: grid;
    grid-template-columns: minmax(280px, 1.6fr) minmax(170px, 0.8fr) minmax(220px, 1fr) auto;
    gap: 0.75rem;
    align-items: end;
}

[b-knmh9falck] .filter-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

[b-knmh9falck] .filter-field label {
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
}

[b-knmh9falck] .filter-actions {
    display: flex;
    justify-content: end;
}

[b-knmh9falck] .accent-outline-button.dxbl-btn {
    border: 1px solid #fff !important;
    background: transparent !important;
    color: #fff !important;
}

[b-knmh9falck] .accent-outline-button.dxbl-btn:hover {
    background: #fff !important;
    color: var(--dxds-color-surface-primary-default-rest) !important;
}

.status-message[b-knmh9falck] {
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    color: var(--dxbl-color-secondary);
    padding: 0.75rem 0.875rem;
}

.status-error[b-knmh9falck] {
    border-color: color-mix(in srgb, var(--dxbl-color-danger) 45%, var(--dxbl-color-border));
    background: color-mix(in srgb, var(--dxbl-color-danger) 8%, var(--dxbl-color-surface));
    color: var(--dxbl-color-danger);
}

[b-knmh9falck] .summary-bar {
    display: grid;
    grid-template-columns: repeat(5, minmax(130px, 1fr));
    gap: 0.5rem;
}

[b-knmh9falck] .summary-bar div {
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    padding: 0.7rem 0.8rem;
}

[b-knmh9falck] .summary-bar span {
    display: block;
    color: var(--dxbl-color-secondary);
    font-size: 0.75rem;
    font-weight: 700;
}

[b-knmh9falck] .summary-bar strong {
    display: block;
    margin-top: 0.2rem;
    color: var(--dxbl-color-primary-text);
    font-size: 1rem;
    font-weight: 700;
}

[b-knmh9falck] .pivot-panel {
    min-width: 0;
    min-height: 0;
    border: 1px solid var(--dxbl-color-border);
    border-radius: 8px;
    background: var(--dxbl-color-surface);
    padding: 0.75rem;
}

[b-knmh9falck] .ventas-fabricante-pivot {
    height: 720px;
}

[b-knmh9falck] .empty-state {
    display: grid;
    min-height: 160px;
    place-items: center;
    color: var(--dxbl-color-secondary);
    font-weight: 600;
}

@media (max-width: 980px) {
    [b-knmh9falck] .filters-panel,
    [b-knmh9falck] .summary-bar {
        grid-template-columns: 1fr;
    }

    [b-knmh9falck] .filter-actions {
        justify-content: stretch;
    }

    [b-knmh9falck] .filter-actions .dxbl-btn {
        width: 100%;
    }
}