/* /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: 3.25rem;
    height: 100%;
    min-height: 0;
    width: 100%;
}

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

.app-topbar-content[b-44epqzp1qr] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    height: 100%;
    min-width: 0;
    padding: 0 0.75rem;
    width: 100%;
}

.topbar-company[b-44epqzp1qr] {
    flex: 0 1 auto;
    max-width: min(24rem, 35vw);
    min-width: 0;
}

[b-44epqzp1qr] .topbar-company .company-selector-trigger {
    max-width: 100%;
}

.topbar-navigation[b-44epqzp1qr] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}

[b-44epqzp1qr] .account-toolbar {
    background: transparent;
    border: 0;
    flex: 0 0 auto;
    min-width: 2.5rem;
    overflow: visible;
    padding: 0;
}

[b-44epqzp1qr] .account-menu-dropdown {
    min-width: 13rem;
}

[b-44epqzp1qr] .topbar-account-item {
    background: transparent !important;
    border-color: transparent !important;
    color: #fff !important;
}

[b-44epqzp1qr] .topbar-account-item,
[b-44epqzp1qr] .topbar-account-item > .dxbl-btn,
[b-44epqzp1qr] .topbar-account-item .dxbl-btn,
[b-44epqzp1qr] .topbar-account-item .dxbl-text {
    color: #fff !important;
}

[b-44epqzp1qr] .topbar-account-item .dxbl-toolbar-dropdown-toggle {
    color: #fff !important;
    fill: currentColor;
}

.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;
}

[b-44epqzp1qr] .topbar-account-item .user-avatar {
    box-shadow: 0 0 0 2px rgb(255 255 255 / 0.18);
}

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

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

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

@media (max-width: 768px) {
    .app-topbar-content[b-44epqzp1qr] {
        gap: 0.25rem;
        padding-inline: 0.5rem;
    }

    .topbar-company[b-44epqzp1qr] {
        max-width: 48vw;
    }

    .app-content[b-44epqzp1qr] {
        padding-inline: 0.75rem;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navigation-toolbar-host[b-oowatps9p6] {
    align-items: center;
    color: #fff;
    display: flex;
    min-width: 0;
    width: 100%;
}

[b-oowatps9p6] .navigation-toolbar {
    background: transparent;
    border: 0;
    color: #fff;
    min-width: 0;
    padding: 0;
    width: 100%;
}

[b-oowatps9p6] .navigation-item {
    background: transparent !important;
    border-color: transparent !important;
    border-radius: 0.45rem !important;
    color: #fff !important;
}

[b-oowatps9p6] .navigation-item,
[b-oowatps9p6] .navigation-item > .dxbl-btn,
[b-oowatps9p6] .navigation-item .dxbl-btn,
[b-oowatps9p6] .navigation-item a,
[b-oowatps9p6] .navigation-item button,
[b-oowatps9p6] .navigation-item .dxbl-text,
[b-oowatps9p6] .navigation-item .dxbl-image {
    color: #fff !important;
    fill: currentColor !important;
}

[b-oowatps9p6] .navigation-item:hover {
    background: rgb(255 255 255 / 0.12) !important;
    color: #fff !important;
}

[b-oowatps9p6] .navigation-item:hover .dxbl-btn,
[b-oowatps9p6] .navigation-item:hover .dxbl-text,
[b-oowatps9p6] .navigation-item:hover .dxbl-image {
    color: #fff !important;
}

[b-oowatps9p6] .navigation-item .icon {
    background-color: currentColor !important;
}

[b-oowatps9p6] .navigation-item .dxbl-toolbar-dropdown-toggle {
    color: #fff !important;
    fill: currentColor;
}

[b-oowatps9p6] .navigation-item-active {
    background: rgb(255 255 255 / 0.2) !important;
    box-shadow: inset 0 -2px 0 #fff;
}

[b-oowatps9p6] .queries-menu-dropdown {
    min-width: 15rem;
}

[b-oowatps9p6] .submenu-item-active {
    background: var(--dxds-color-surface-primary-subdued-rest) !important;
    color: var(--dxds-color-content-primary-default-rest) !important;
}
/* /Components/Pages/Administration/Empresas.razor.rz.scp.css */
.admin-page[b-jfm7n0ea6b] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
    width: 100%;
}

.admin-header h1[b-jfm7n0ea6b] {
    margin: 0;
}

.admin-header p[b-jfm7n0ea6b] {
    color: var(--dxds-color-content-neutral-secondary-rest);
    margin: 0.25rem 0 0;
}

.empresa-grid-card[b-jfm7n0ea6b] {
    background: var(--dxds-color-surface-neutral-default-rest, #fff);
    border: 1px solid var(--dxds-color-stroke-neutral-default-rest, #dce4e0);
    border-radius: 0.65rem;
    box-shadow: 0 0.25rem 0.85rem rgb(0 0 0 / 0.06);
    min-width: 0;
    overflow: hidden;
    width: 100%;
}

[b-jfm7n0ea6b] .empresas-grid {
    border: 0;
    width: 100%;
}

.grid-actions[b-jfm7n0ea6b] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.empresa-edit-form[b-jfm7n0ea6b] {
    max-width: 64rem;
    padding: 0.5rem;
    width: min(92vw, 100%);
}

.editor-help[b-jfm7n0ea6b] {
    background: var(--dxds-color-surface-info-subdued-rest, #eef6ff);
    border-radius: 0.45rem;
    color: var(--dxds-color-content-neutral-primary-rest);
    margin: 0 0 1rem;
    padding: 0.75rem 0.9rem;
}

.editor-error[b-jfm7n0ea6b] {
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
    border: 1px solid #fecaca;
    border-radius: 0.5rem;
    background: #fef2f2;
    color: #991b1b;
}

.status-badge[b-jfm7n0ea6b] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.25rem 0.6rem;
}

.status-badge.active[b-jfm7n0ea6b] {
    background: #dff5e7;
    color: #17653a;
}

.status-badge.inactive[b-jfm7n0ea6b] {
    background: #eef0f2;
    color: #56616a;
}

.admin-message[b-jfm7n0ea6b],
.loading-state[b-jfm7n0ea6b],
.empty-state[b-jfm7n0ea6b] {
    border-radius: 0.45rem;
    padding: 0.85rem 1rem;
}

.admin-message.success[b-jfm7n0ea6b] {
    background: #e4f5ec;
    color: #17653a;
}

.admin-message.error[b-jfm7n0ea6b] {
    background: #fde8e8;
    color: #8b1d1d;
}

.loading-state[b-jfm7n0ea6b],
.empty-state[b-jfm7n0ea6b] {
    color: var(--dxds-color-content-neutral-secondary-rest);
}

@media (max-width: 768px) {
    .empresa-edit-form[b-jfm7n0ea6b] {
        width: 100%;
    }
}
/* /Components/Pages/Administration/Usuarios.razor.rz.scp.css */
.users-page[b-87da7hyxm0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
    width: 100%;
}

.users-header h1[b-87da7hyxm0] {
    margin: 0;
}

.users-header p[b-87da7hyxm0] {
    color: var(--dxds-color-content-neutral-secondary-rest);
    margin: 0.25rem 0 0;
}

.users-grid-card[b-87da7hyxm0] {
    background: var(--dxds-color-surface-neutral-default-rest, #fff);
    border: 1px solid var(--dxds-color-stroke-neutral-default-rest, #dce4e0);
    border-radius: 0.65rem;
    box-shadow: 0 0.25rem 0.85rem rgb(0 0 0 / 0.06);
    min-width: 0;
    overflow: hidden;
    width: 100%;
}

[b-87da7hyxm0] .users-grid {
    border: 0;
    width: 100%;
}

[b-87da7hyxm0] .user-edit-popup {
    max-width: 85vw;
    width: 85vw;
}

.user-actions[b-87da7hyxm0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.user-edit-form[b-87da7hyxm0] {
    box-sizing: border-box;
    max-width: 64rem;
    min-width: 0;
    padding: 0.5rem;
    width: min(92vw, 100%);
}

.editor-intro[b-87da7hyxm0] {
    background: var(--dxds-color-surface-info-subdued-rest, #eef6ff);
    border-radius: 0.45rem;
    color: var(--dxds-color-content-neutral-primary-rest);
    margin-bottom: 1rem;
    padding: 0.75rem 0.9rem;
}

.editor-error[b-87da7hyxm0] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 0.5rem;
    color: #991b1b;
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
}

[b-87da7hyxm0] .assignment-list {
    display: grid;
    gap: 0.6rem;
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.assignments-field[b-87da7hyxm0] {
    align-items: start;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(12rem, 1fr) minmax(0, 2fr);
    margin-top: 0.75rem;
    min-width: 0;
    width: 100%;
}

.assignments-caption[b-87da7hyxm0] {
    padding-top: 0.7rem;
}

.assignments-editor[b-87da7hyxm0] {
    max-height: 18rem;
    max-width: 100%;
    min-width: 0;
    overflow-y: auto;
    padding-right: 0.25rem;
}

[b-87da7hyxm0] .assignment-row {
    align-items: center;
    background: var(--dxds-color-surface-neutral-subdued-rest, #f7f9f8);
    border: 1px solid var(--dxds-color-stroke-neutral-subdued-rest, #e5eae8);
    border-radius: 0.45rem;
    box-sizing: border-box;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) minmax(8rem, 11rem);
    max-width: 100%;
    min-width: 0;
    padding: 0.65rem 0.75rem;
    width: 100%;
}

[b-87da7hyxm0] .assignment-company-name {
    overflow-wrap: anywhere;
}

[b-87da7hyxm0] .assignment-role-editor {
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

[b-87da7hyxm0] .assignment-empty {
    color: var(--dxds-color-content-neutral-secondary-rest);
    padding: 0.75rem 0;
}

.type-badge[b-87da7hyxm0],
.status-badge[b-87da7hyxm0] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.25rem 0.6rem;
}

.type-badge.sysadmin[b-87da7hyxm0] {
    background: #e8e5ff;
    color: #49329b;
}

.type-badge.business[b-87da7hyxm0] {
    background: #e7f1ff;
    color: #245b96;
}

.status-badge.active[b-87da7hyxm0] {
    background: #dff5e7;
    color: #17653a;
}

.status-badge.inactive[b-87da7hyxm0] {
    background: #eef0f2;
    color: #56616a;
}

.users-message[b-87da7hyxm0],
.loading-state[b-87da7hyxm0],
.empty-state[b-87da7hyxm0] {
    border-radius: 0.45rem;
    padding: 0.85rem 1rem;
}

.users-message.success[b-87da7hyxm0] {
    background: #e4f5ec;
    color: #17653a;
}

.users-message.error[b-87da7hyxm0] {
    background: #fde8e8;
    color: #8b1d1d;
}

.loading-state[b-87da7hyxm0],
.empty-state[b-87da7hyxm0] {
    color: var(--dxds-color-content-neutral-secondary-rest);
}

@media (max-width: 768px) {
    [b-87da7hyxm0] .user-edit-popup {
        max-width: 95vw;
        width: 95vw;
    }

    .user-edit-form[b-87da7hyxm0] {
        width: 100%;
    }

    .assignments-field[b-87da7hyxm0],
    [b-87da7hyxm0] .assignment-row {
        grid-template-columns: 1fr;
    }

    .assignments-caption[b-87da7hyxm0] {
        padding-top: 0;
    }
}
/* /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/SeleccionarEmpresa.razor.rz.scp.css */
.empresa-options[b-lv79rbss54] {
    display: grid;
    gap: 0.75rem;
    max-width: 36rem;
}

.empresa-option[b-lv79rbss54] {
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    border: 1px solid #d6ddd9;
    border-radius: 0.5rem;
    background: white;
    cursor: pointer;
    text-align: left;
}

.empresa-option:hover[b-lv79rbss54] {
    border-color: #3b8065;
}
/* /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%;
    }
}
/* /Components/Shared/CompanySelector.razor.rz.scp.css */
.company-selector[b-rty1rr2wjk] {
    align-items: center;
    display: flex;
}

.company-selector-trigger[b-rty1rr2wjk] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0.5rem;
    color: #fff;
    cursor: pointer;
    display: flex;
    gap: 0.65rem;
    max-width: min(26rem, calc(100vw - 9rem));
    padding: 0.35rem 0.65rem;
}

.company-selector-trigger:hover[b-rty1rr2wjk],
.company-selector-trigger:focus-visible[b-rty1rr2wjk] {
    background: rgb(255 255 255 / 0.12);
}

.company-selector-trigger:focus-visible[b-rty1rr2wjk] {
    outline: 2px solid rgb(255 255 255 / 0.7);
    outline-offset: 1px;
}

.company-selector-name[b-rty1rr2wjk] {
    font-size: 1.05rem;
    font-weight: 750;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-selector-chevron[b-rty1rr2wjk] {
    border-color: currentColor;
    border-style: solid;
    border-width: 0 0.125rem 0.125rem 0;
    flex: 0 0 auto;
    height: 0.5rem;
    margin-top: -0.2rem;
    transform: rotate(45deg);
    width: 0.5rem;
}

.company-options[b-rty1rr2wjk] {
    display: grid;
    gap: 0.4rem;
}

.company-option[b-rty1rr2wjk] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.5rem;
    color: inherit;
    cursor: pointer;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.75rem;
    text-align: left;
    width: 100%;
}

.company-option:hover[b-rty1rr2wjk],
.company-option:focus-visible[b-rty1rr2wjk] {
    background: var(--dxds-color-surface-neutral-default-hovered);
    border-color: var(--dxds-color-border-primary-default-rest);
}

.company-option-selected[b-rty1rr2wjk] {
    background: var(--dxds-color-surface-primary-subdued-rest);
    border-color: var(--dxds-color-border-primary-default-rest);
}

.company-option-name[b-rty1rr2wjk] {
    font-weight: 650;
}

.company-option-current[b-rty1rr2wjk] {
    color: var(--dxds-color-content-primary-default-rest);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}
/* /Components/Shared/QueryLoadingIndicator.razor.rz.scp.css */
.query-loading-indicator[b-uo5qv1m7y7] {
    align-items: center;
    background: var(--dxds-color-surface-info-subdued-rest, #eef6ff);
    border: 1px solid var(--dxds-color-stroke-info-subdued-rest, #b8d8f5);
    border-radius: 0.55rem;
    box-sizing: border-box;
    color: var(--dxds-color-content-neutral-primary-rest);
    display: flex;
    font-weight: 600;
    gap: 0.75rem;
    justify-content: center;
    margin-bottom: 0.75rem;
    min-height: 3.5rem;
    padding: 0.75rem 1rem;
    width: 100%;
}

[b-uo5qv1m7y7] .query-loading-spinner {
    flex: 0 0 auto;
}