/* _content/greenstorage-frontend/Components/Catalogs/CatalogCrudPage.razor.rz.scp.css */
.catalog-shell[b-uaujl9wvk7] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.catalog-head[b-uaujl9wvk7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.catalog-head h1[b-uaujl9wvk7] {
    margin: 0;
    color: var(--gs-text-primary);
    font-size: 38px;
    line-height: 1;
}

.catalog-head-actions[b-uaujl9wvk7] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.crear-btn[b-uaujl9wvk7] {
    border-radius: 10px;
    text-transform: none;
    font-weight: 700;
    padding-left: 16px;
    padding-right: 16px;
}

.catalog-grid-wrap[b-uaujl9wvk7] {
    border: 1px solid var(--gs-border);
    border-radius: 14px;
    background: linear-gradient(180deg, var(--gs-surface) 0%, var(--gs-surface-alt) 100%);
    overflow: hidden;
}

.buscar-input[b-uaujl9wvk7] {
    width: 320px;
}

.catalog-grid-host[b-uaujl9wvk7] {
    position: relative;
}

.catalog-loading-state[b-uaujl9wvk7] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gs-overlay);
    backdrop-filter: blur(1px);
    z-index: 2;
}

:deep(.buscar-input .mud-input-control)[b-uaujl9wvk7] {
    margin-top: 0;
}

:deep(.mud-table-toolbar)[b-uaujl9wvk7] {
    gap: 14px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--gs-border);
    background: var(--gs-surface);
}

.toolbar-title[b-uaujl9wvk7] {
    color: var(--gs-text-primary);
    font-weight: 700;
}

:deep(.toolbar-search .mud-input-root)[b-uaujl9wvk7] {
    background: var(--gs-field);
    border-radius: 8px;
    padding-inline: 12px;
    min-width: 280px;
    min-height: 44px;
}

:deep(.toolbar-search input)[b-uaujl9wvk7] {
    color: var(--gs-text-primary);
}

:deep(.toolbar-search input::placeholder)[b-uaujl9wvk7] {
    color: var(--gs-text-muted);
    opacity: 1;
}

:deep(.toolbar-search .mud-input-adornment)[b-uaujl9wvk7],
:deep(.toolbar-search .mud-input-slot)[b-uaujl9wvk7] {
    color: var(--gs-text-secondary);
}

:deep(.toolbar-search .mud-input-underline:before)[b-uaujl9wvk7],
:deep(.toolbar-search .mud-input-underline:after)[b-uaujl9wvk7] {
    display: none;
}

:deep(.toolbar-search .mud-input-root:hover)[b-uaujl9wvk7],
:deep(.toolbar-search .mud-input-root.mud-input-focused)[b-uaujl9wvk7] {
    background: var(--gs-field-focus);
}

:deep(.mud-table-container)[b-uaujl9wvk7] {
    background: var(--gs-surface);
}

:deep(.mud-table-head .mud-table-cell)[b-uaujl9wvk7] {
    background: var(--gs-surface-alt);
    color: var(--gs-text-primary);
    font-weight: 700;
}

:deep(.mud-table-body .mud-table-row .mud-table-cell)[b-uaujl9wvk7] {
    color: var(--gs-text-primary);
}

:deep(.mud-table-body .mud-table-row)[b-uaujl9wvk7] {
    background: var(--gs-surface);
}

:deep(.mud-table-body .mud-table-row:nth-child(even))[b-uaujl9wvk7] {
    background: var(--gs-surface-alt);
}

:deep(.mud-table-row:hover)[b-uaujl9wvk7] {
    background: rgba(226, 121, 66, 0.09);
}

:deep(.mud-data-grid-pager)[b-uaujl9wvk7] {
    background: var(--gs-surface-alt);
}

.pager-with-export[b-uaujl9wvk7] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
}

.acciones-cell[b-uaujl9wvk7] {
    min-width: 130px;
}

.no-records[b-uaujl9wvk7] {
    padding: 18px;
    color: var(--gs-text-secondary);
}

@media (max-width: 760px) {
    .catalog-head[b-uaujl9wvk7] {
        flex-direction: column;
        align-items: flex-start;
    }

    .catalog-head h1[b-uaujl9wvk7] {
        font-size: 30px;
    }

    .buscar-input[b-uaujl9wvk7] {
        width: 100%;
    }

    :deep(.mud-table-toolbar)[b-uaujl9wvk7] {
        align-items: stretch;
        flex-direction: column;
    }

    :deep(.toolbar-search .mud-input-root)[b-uaujl9wvk7] {
        min-width: 100%;
    }
}
/* _content/greenstorage-frontend/Components/Layout/MainLayout.razor.rz.scp.css */

.app-shell[b-6n7rb1bvjt] {
    height: 100vh;
    display: flex;
    background: linear-gradient(180deg, var(--gs-surface) 0%, var(--gs-bg) 100%);
}

.sidebar-panel[b-6n7rb1bvjt] {
    width: 270px;
    min-height: 0;
    border-right: 1px solid var(--gs-border);
    background: var(--gs-surface);
    overflow: hidden;
    transition: width 0.2s ease, transform 0.2s ease;
    flex-shrink: 0;
}

.sidebar-panel.menu-closed[b-6n7rb1bvjt] {
    width: 0;
    border-right: none;
}

.sidebar-scrim[b-6n7rb1bvjt] {
    display: none;
}

.menu-toggle-btn[b-6n7rb1bvjt] {
    color: var(--gs-text-primary);
}

.workspace-panel[b-6n7rb1bvjt] {
    min-width: 0;
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.top-strip[b-6n7rb1bvjt] {
    height: 64px;
    padding: 0 24px;
    border-bottom: 1px solid var(--gs-border);
    background: var(--gs-surface-translucent);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-strip-brand[b-6n7rb1bvjt] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--gs-text-primary);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.4px;
}

.top-strip-actions[b-6n7rb1bvjt] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.theme-toggle-btn[b-6n7rb1bvjt] {
    color: var(--gs-text-secondary);
}

.user-badge[b-6n7rb1bvjt] {
    color: var(--gs-text-secondary);
    font-size: 13px;
    border: 1px solid var(--gs-border-strong);
    padding: 6px 10px;
    border-radius: 999px;
}

:deep(.user-menu-btn)[b-6n7rb1bvjt] {
    color: var(--gs-text-primary);
    border: 1px solid var(--gs-border-strong);
    border-radius: 999px;
    transition: border-color 0.15s ease, background 0.15s ease;
}

:deep(.user-menu-btn:hover)[b-6n7rb1bvjt] {
    background: var(--gs-primary-soft-strong);
    border-color: rgba(226, 121, 66, 0.5);
}

.workspace-content[b-6n7rb1bvjt] {
    flex: 1;
    padding: 24px;
    overflow: auto;
}

@media (max-width: 900px) {
    .sidebar-panel[b-6n7rb1bvjt] {
        position: fixed;
        inset: 0 auto 0 0;
        width: 270px;
        max-width: 80vw;
        z-index: 20;
        transform: translateX(-100%);
        border-right: 1px solid var(--gs-border);
    }

    .sidebar-panel.menu-open[b-6n7rb1bvjt] {
        transform: translateX(0);
    }

    .sidebar-panel.menu-closed[b-6n7rb1bvjt] {
        width: 270px;
        border-right: 1px solid var(--gs-border);
    }

    .sidebar-scrim[b-6n7rb1bvjt] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 15;
    }

    .top-strip[b-6n7rb1bvjt] {
        padding: 0 14px;
    }

    .workspace-content[b-6n7rb1bvjt] {
        padding: 16px;
    }
}

#blazor-error-ui[b-6n7rb1bvjt] {
    color-scheme: dark;
    background: #2c1912;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-6n7rb1bvjt] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/greenstorage-frontend/Components/Layout/NavMenu.razor.rz.scp.css */
.menu-wrap[b-mq0fuzcnhw] {
    height: 100%;
    padding: 24px 14px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    overflow: hidden;
}

.menu-brand[b-mq0fuzcnhw] {
    flex-shrink: 0;
    border-bottom: 1px solid var(--gs-border);
    padding-bottom: 18px;
}

.menu-brand-link[b-mq0fuzcnhw] {
    cursor: pointer;
}

.menu-brand-link:hover .wordmark[b-mq0fuzcnhw],
.menu-brand-link:hover .dot[b-mq0fuzcnhw] {
    color: #ef8d5a;
}

.wordmark[b-mq0fuzcnhw] {
    display: inline-block;
    color: #e27942;
    font-size: 42px;
    line-height: 1;
    font-family: "Poppins", "Segoe UI", Arial, sans-serif;
}

.dot[b-mq0fuzcnhw] {
    color: #e27942;
}

.menu-subtitle[b-mq0fuzcnhw] {
    margin-top: 10px;
    color: var(--gs-text-muted);
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.menu-search[b-mq0fuzcnhw] {
    flex-shrink: 0;
}

.menu-search-field[b-mq0fuzcnhw] {
    background: var(--gs-surface-alt);
    border-radius: 8px;
}

.menu-search-field .mud-input-outlined[b-mq0fuzcnhw] {
    border-radius: 8px;
}

.menu-search-empty[b-mq0fuzcnhw] {
    display: block;
    padding: 12px 8px;
    color: var(--gs-text-muted);
    text-align: center;
}

.menu-list-scroll[b-mq0fuzcnhw] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
    scrollbar-width: thin;
    scrollbar-color: rgba(226, 121, 66, 0.4) transparent;
}

.menu-list-scroll[b-mq0fuzcnhw]::-webkit-scrollbar {
    width: 6px;
}

.menu-list-scroll[b-mq0fuzcnhw]::-webkit-scrollbar-track {
    background: transparent;
}

.menu-list-scroll[b-mq0fuzcnhw]::-webkit-scrollbar-thumb {
    background: rgba(226, 121, 66, 0.35);
    border-radius: 999px;
}

.menu-list-scroll[b-mq0fuzcnhw]::-webkit-scrollbar-thumb:hover {
    background: rgba(226, 121, 66, 0.55);
}

.menu-list[b-mq0fuzcnhw] {
    padding: 0 8px;
}

.menu-link-label[b-mq0fuzcnhw] {
    font-weight: 600;
    font-size: 14px;
}

.menu-link-icon[b-mq0fuzcnhw] {
    width: 20px;
    min-width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    line-height: 1;
    margin-right: 12px;
    flex-shrink: 0;
}
/* _content/greenstorage-frontend/Components/Pages/AppNotFound.razor.rz.scp.css */
.not-found-panel[b-n1tn2l5wc6] {
    min-height: 320px;
    border: 1px solid var(--gs-border);
    background: var(--gs-surface);
    border-radius: 14px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
}

.not-found-panel h1[b-n1tn2l5wc6] {
    margin: 0;
    font-size: 26px;
    line-height: 1.2;
}

.not-found-panel p[b-n1tn2l5wc6] {
    margin: 0;
    color: var(--gs-text-secondary);
    max-width: 560px;
}

.not-found-button[b-n1tn2l5wc6] {
    margin-top: 8px;
    align-self: flex-start;
    border: none;
    border-radius: 999px;
    padding: 10px 16px;
    background: #e27942;
    color: #1A1D21;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.15s ease, background 0.15s ease;
}

.not-found-button:hover[b-n1tn2l5wc6] {
    background: #ef8d5a;
    transform: translateY(-1px);
}
/* _content/greenstorage-frontend/Components/Pages/Catalogs/Clientes/ClienteDialog.razor.rz.scp.css */
.documentos-resumen[b-kyq6d5ykbk] {
    display: block;
    color: var(--gs-text-secondary);
    margin-bottom: 8px;
}

.documentos-grid[b-kyq6d5ykbk] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    align-items: stretch;
}

.documento-card[b-kyq6d5ykbk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 14px;
    border: 1px solid var(--gs-border);
    border-radius: 8px;
}

.documento-card-header[b-kyq6d5ykbk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.documento-card-title[b-kyq6d5ykbk] {
    font-weight: 600;
}

.documento-card-meta[b-kyq6d5ykbk] {
    color: var(--gs-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 18px;
}

.documento-card-actions[b-kyq6d5ykbk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: auto;
    padding-top: 4px;
}

.documento-card-icon-actions[b-kyq6d5ykbk] {
    display: flex;
    align-items: center;
    gap: 2px;
}

@media (max-width: 900px) {
    .documentos-grid[b-kyq6d5ykbk] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .documentos-grid[b-kyq6d5ykbk] {
        grid-template-columns: 1fr;
    }
}
/* _content/greenstorage-frontend/Components/Pages/Catalogs/Clientes/Clientes.razor.rz.scp.css */
.cliente-nombre-cell[b-p2cisjy6du] {
    display: flex;
    align-items: center;
    gap: 8px;
}
/* _content/greenstorage-frontend/Components/Pages/Catalogs/Clientes/DocumentoPreviewDialog.razor.rz.scp.css */
.documento-preview-host[b-k7l5gdcf9x] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
}

.documento-preview-image[b-k7l5gdcf9x] {
    max-width: 100%;
    max-height: 75vh;
    object-fit: contain;
}

.documento-preview-frame[b-k7l5gdcf9x] {
    width: 100%;
    height: 75vh;
    border: 0;
}
/* _content/greenstorage-frontend/Components/Pages/Catalogs/FormatosContrato/FormatosContrato.razor.rz.scp.css */
.formatos-shell[b-wkcr9dm8ab] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.formatos-hero[b-wkcr9dm8ab] {
    padding: 24px;
    border-radius: 18px;
    border: 1px solid var(--gs-border);
    background:
        radial-gradient(circle at top right, rgba(226, 121, 66, 0.14), transparent 32%),
        linear-gradient(135deg, var(--gs-surface), var(--gs-surface-alt));
}

.formatos-hero h1[b-wkcr9dm8ab] {
    margin: 0;
    font-size: 28px;
    color: var(--gs-text-primary);
}

.formatos-hero p[b-wkcr9dm8ab] {
    margin: 10px 0 0;
    color: var(--gs-text-secondary);
    line-height: 1.55;
    max-width: 720px;
}

.formatos-grid[b-wkcr9dm8ab] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.formatos-panel[b-wkcr9dm8ab] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    border: 1px solid var(--gs-border);
    background: var(--gs-surface);
    border-radius: 16px;
}

.formatos-panel-head[b-wkcr9dm8ab] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.formatos-panel-head h2[b-wkcr9dm8ab] {
    margin: 0;
    color: var(--gs-text-primary);
    font-size: 18px;
}

.formatos-select[b-wkcr9dm8ab] {
    flex: 1;
}

.formatos-field[b-wkcr9dm8ab] {
    width: 100%;
}

.formatos-html-field[b-wkcr9dm8ab]  textarea,
.formatos-json-field[b-wkcr9dm8ab]  textarea {
    font-family: "Consolas", "Courier New", monospace;
    font-size: 12.5px;
}

.formatos-actions[b-wkcr9dm8ab] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.formatos-alert[b-wkcr9dm8ab] {
    margin: 0;
}

.formatos-preview-panel[b-wkcr9dm8ab] {
    height: 100%;
    min-height: 640px;
}

.formatos-preview-body[b-wkcr9dm8ab] {
    position: relative;
    flex: 1;
    min-height: 750px;
    border-radius: 12px;
    overflow: hidden;
    background: var(--gs-surface-alt);
}

.formatos-preview-frame[b-wkcr9dm8ab] {
    width: 100%;
    height: 100%;
    min-height: 750px;
    border: none;
}

.formatos-preview-placeholder[b-wkcr9dm8ab] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--gs-text-muted);
    font-size: 14px;
}

.formatos-preview-placeholder i[b-wkcr9dm8ab] {
    font-size: 40px;
}

@media (max-width: 1100px) {
    .formatos-grid[b-wkcr9dm8ab] {
        grid-template-columns: 1fr;
    }
}
/* _content/greenstorage-frontend/Components/Pages/Catalogs/FormatosCorreo/FormatosCorreo.razor.rz.scp.css */
.formatos-shell[b-sjzeokod1n] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.formatos-hero[b-sjzeokod1n] {
    padding: 24px;
    border-radius: 18px;
    border: 1px solid var(--gs-border);
    background:
        radial-gradient(circle at top right, rgba(226, 121, 66, 0.14), transparent 32%),
        linear-gradient(135deg, var(--gs-surface), var(--gs-surface-alt));
}

.formatos-hero h1[b-sjzeokod1n] {
    margin: 0;
    font-size: 28px;
    color: var(--gs-text-primary);
}

.formatos-hero p[b-sjzeokod1n] {
    margin: 10px 0 0;
    color: var(--gs-text-secondary);
    line-height: 1.55;
    max-width: 720px;
}

.formatos-hero p code[b-sjzeokod1n] {
    background: var(--gs-surface-alt);
    color: var(--gs-primary-ink);
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 12.5px;
}

.formatos-grid[b-sjzeokod1n] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.formatos-panel[b-sjzeokod1n] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    border: 1px solid var(--gs-border);
    background: var(--gs-surface);
    border-radius: 16px;
}

.formatos-panel-head[b-sjzeokod1n] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.formatos-panel-head h2[b-sjzeokod1n] {
    margin: 0;
    color: var(--gs-text-primary);
    font-size: 18px;
}

.formatos-select[b-sjzeokod1n] {
    flex: 1;
}

.formatos-field[b-sjzeokod1n] {
    width: 100%;
}

.formatos-html-field[b-sjzeokod1n]  textarea,
.formatos-json-field[b-sjzeokod1n]  textarea {
    font-family: "Consolas", "Courier New", monospace;
    font-size: 12.5px;
}

.formatos-actions[b-sjzeokod1n] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.formatos-alert[b-sjzeokod1n] {
    margin: 0;
}

.formatos-preview-panel[b-sjzeokod1n] {
    height: 100%;
    min-height: 640px;
}

.formatos-preview-body[b-sjzeokod1n] {
    position: relative;
    flex: 1;
    min-height: 750px;
    border-radius: 12px;
    overflow: hidden;
    background: var(--gs-surface-alt);
}

.formatos-preview-frame[b-sjzeokod1n] {
    width: 100%;
    height: 100%;
    min-height: 750px;
    border: none;
    background: #ffffff;
}

.formatos-preview-placeholder[b-sjzeokod1n] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--gs-text-muted);
    font-size: 14px;
}

.formatos-preview-placeholder i[b-sjzeokod1n] {
    font-size: 40px;
}

@media (max-width: 1100px) {
    .formatos-grid[b-sjzeokod1n] {
        grid-template-columns: 1fr;
    }
}
/* _content/greenstorage-frontend/Components/Pages/Catalogs/FormatosCotizacion/FormatosCotizacion.razor.rz.scp.css */
.formatos-shell[b-w5m69b0qd0] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.formatos-hero[b-w5m69b0qd0] {
    padding: 24px;
    border-radius: 18px;
    border: 1px solid var(--gs-border);
    background:
        radial-gradient(circle at top right, rgba(226, 121, 66, 0.14), transparent 32%),
        linear-gradient(135deg, var(--gs-surface), var(--gs-surface-alt));
}

.formatos-hero h1[b-w5m69b0qd0] {
    margin: 0;
    font-size: 28px;
    color: var(--gs-text-primary);
}

.formatos-hero p[b-w5m69b0qd0] {
    margin: 10px 0 0;
    color: var(--gs-text-secondary);
    line-height: 1.55;
    max-width: 720px;
}

.formatos-grid[b-w5m69b0qd0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.formatos-panel[b-w5m69b0qd0] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    border: 1px solid var(--gs-border);
    background: var(--gs-surface);
    border-radius: 16px;
}

.formatos-panel-head[b-w5m69b0qd0] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.formatos-panel-head h2[b-w5m69b0qd0] {
    margin: 0;
    color: var(--gs-text-primary);
    font-size: 18px;
}

.formatos-select[b-w5m69b0qd0] {
    flex: 1;
}

.formatos-field[b-w5m69b0qd0] {
    width: 100%;
}

.formatos-html-field[b-w5m69b0qd0]  textarea,
.formatos-json-field[b-w5m69b0qd0]  textarea {
    font-family: "Consolas", "Courier New", monospace;
    font-size: 12.5px;
}

.formatos-actions[b-w5m69b0qd0] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.formatos-alert[b-w5m69b0qd0] {
    margin: 0;
}

.formatos-preview-panel[b-w5m69b0qd0] {
    height: 100%;
    min-height: 640px;
}

.formatos-preview-body[b-w5m69b0qd0] {
    position: relative;
    flex: 1;
    min-height: 750px;
    border-radius: 12px;
    overflow: hidden;
    background: var(--gs-surface-alt);
}

.formatos-preview-frame[b-w5m69b0qd0] {
    width: 100%;
    height: 100%;
    min-height: 750px;
    border: none;
}

.formatos-preview-placeholder[b-w5m69b0qd0] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--gs-text-muted);
    font-size: 14px;
}

.formatos-preview-placeholder i[b-w5m69b0qd0] {
    font-size: 40px;
}

@media (max-width: 1100px) {
    .formatos-grid[b-w5m69b0qd0] {
        grid-template-columns: 1fr;
    }
}
/* _content/greenstorage-frontend/Components/Pages/Catalogs/FormatosFormulario/FormatosFormulario.razor.rz.scp.css */
.formatos-shell[b-c6gsn3erf2] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.formatos-hero[b-c6gsn3erf2] {
    padding: 24px;
    border-radius: 18px;
    border: 1px solid var(--gs-border);
    background:
        radial-gradient(circle at top right, rgba(226, 121, 66, 0.14), transparent 32%),
        linear-gradient(135deg, var(--gs-surface), var(--gs-surface-alt));
}

.formatos-hero h1[b-c6gsn3erf2] {
    margin: 0;
    font-size: 28px;
    color: var(--gs-text-primary);
}

.formatos-hero p[b-c6gsn3erf2] {
    margin: 10px 0 0;
    color: var(--gs-text-secondary);
    line-height: 1.55;
    max-width: 720px;
}

.formatos-grid[b-c6gsn3erf2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.formatos-panel[b-c6gsn3erf2] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    border: 1px solid var(--gs-border);
    background: var(--gs-surface);
    border-radius: 16px;
}

.formatos-panel-head[b-c6gsn3erf2] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.formatos-panel-head h2[b-c6gsn3erf2] {
    margin: 0;
    color: var(--gs-text-primary);
    font-size: 18px;
}

.formatos-select[b-c6gsn3erf2] {
    flex: 1;
}

.formatos-field[b-c6gsn3erf2] {
    width: 100%;
}

.formatos-html-field[b-c6gsn3erf2]  textarea,
.formatos-json-field[b-c6gsn3erf2]  textarea {
    font-family: "Consolas", "Courier New", monospace;
    font-size: 12.5px;
}

.formatos-actions[b-c6gsn3erf2] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.formatos-alert[b-c6gsn3erf2] {
    margin: 0;
}

.formatos-preview-panel[b-c6gsn3erf2] {
    height: 100%;
    min-height: 640px;
}

.formatos-preview-body[b-c6gsn3erf2] {
    position: relative;
    flex: 1;
    min-height: 750px;
    border-radius: 12px;
    overflow: hidden;
    background: var(--gs-surface-alt);
}

.formatos-preview-frame[b-c6gsn3erf2] {
    width: 100%;
    height: 100%;
    min-height: 750px;
    border: none;
}

.formatos-preview-placeholder[b-c6gsn3erf2] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--gs-text-muted);
    font-size: 14px;
}

.formatos-preview-placeholder i[b-c6gsn3erf2] {
    font-size: 40px;
}

@media (max-width: 1100px) {
    .formatos-grid[b-c6gsn3erf2] {
        grid-template-columns: 1fr;
    }
}
/* _content/greenstorage-frontend/Components/Pages/Clientes/FormularioTarjetas.razor.rz.scp.css */
.formulario-tarjetas-shell[b-rhbqb0r0or] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.formulario-tarjetas-shell h1[b-rhbqb0r0or] {
    margin: 0;
    color: var(--gs-text-primary);
    font-size: 38px;
    line-height: 1;
}

.formulario-tarjetas-hint[b-rhbqb0r0or] {
    margin: 0;
    color: var(--gs-text-secondary);
}

.formulario-tarjetas-panel[b-rhbqb0r0or] {
    border: 1px solid var(--gs-border);
    border-radius: 14px;
    background: linear-gradient(180deg, var(--gs-surface) 0%, var(--gs-surface-alt) 100%);
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.formulario-tarjetas-config[b-rhbqb0r0or] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 14px;
}

.formulario-tarjetas-columns[b-rhbqb0r0or] {
    display: grid;
    grid-template-columns: 5fr 140px 7fr;
    align-items: stretch;
    gap: 14px;
}

.formulario-tarjetas-col[b-rhbqb0r0or] {
    min-width: 0;
}

.formulario-tarjetas-actions[b-rhbqb0r0or] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 12px;
}

.formulario-tarjetas-grid-head[b-rhbqb0r0or] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.formulario-tarjetas-grid-head-actions[b-rhbqb0r0or] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.formulario-tarjetas-grid-head h2[b-rhbqb0r0or] {
    margin: 0;
    color: var(--gs-text-primary);
    font-size: 18px;
}

.formulario-tarjetas-search[b-rhbqb0r0or] {
    width: 100%;
}

.formulario-tarjetas-checkbox-cell[b-rhbqb0r0or] {
    width: 48px;
}

.formulario-tarjetas-filtro-activo[b-rhbqb0r0or] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.formulario-tarjetas-loading[b-rhbqb0r0or] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}

@media (max-width: 960px) {
    .formulario-tarjetas-columns[b-rhbqb0r0or] {
        grid-template-columns: 1fr;
    }

    .formulario-tarjetas-actions[b-rhbqb0r0or] {
        flex-direction: row;
    }
}
/* _content/greenstorage-frontend/Components/Pages/Clientes/TarjetaVehiculoDialog.razor.rz.scp.css */
.tarjeta-vehiculo-checkboxes[b-zwlxn5mu9q] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
/* _content/greenstorage-frontend/Components/Pages/Contratos/ContratoEncDialog.razor.rz.scp.css */
.documento-card[b-my4l6701yx] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 14px;
    border: 1px solid var(--gs-border);
    border-radius: 8px;
    max-width: 340px;
}

.documento-card-header[b-my4l6701yx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.documento-card-meta[b-my4l6701yx] {
    color: var(--gs-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.documento-card-actions[b-my4l6701yx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: auto;
}

.documento-card-icon-actions[b-my4l6701yx] {
    display: flex;
    align-items: center;
    gap: 2px;
}
/* _content/greenstorage-frontend/Components/Pages/Contratos/Contratos.razor.rz.scp.css */
.quote-shell[b-omj3pk9j7e] {
    display: flex;
    flex-direction: column;
}

.quote-board[b-omj3pk9j7e] {
    border: 1px solid var(--gs-border);
    border-radius: 14px;
    overflow: hidden;
    background: linear-gradient(180deg, var(--gs-surface) 0%, var(--gs-surface-alt) 100%);
}

.quote-board-head[b-omj3pk9j7e] {
    padding: 16px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.quote-title-wrap[b-omj3pk9j7e] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.quote-title-wrap h1[b-omj3pk9j7e] {
    margin: 0;
    color: var(--gs-text-primary);
    font-size: 38px;
    line-height: 1;
}

.quote-title-icon[b-omj3pk9j7e] {
    font-size: 20px;
    color: var(--gs-text-primary);
}

.quote-create-btn[b-omj3pk9j7e] {
    border-radius: 10px;
    text-transform: none;
    font-weight: 700;
    padding-left: 16px;
    padding-right: 16px;
}

.quote-filters[b-omj3pk9j7e] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    background: var(--gs-surface-alt);
    border-bottom: 1px solid var(--gs-border);
}

.quote-search[b-omj3pk9j7e] {
    width: 420px;
}

.quote-cliente-filtro-activo[b-omj3pk9j7e] {
    margin: 0 18px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.quote-status-filter[b-omj3pk9j7e] {
    width: 180px;
}

.quote-client-cell[b-omj3pk9j7e] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.quote-level-cell[b-omj3pk9j7e] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.quote-section-header[b-omj3pk9j7e] {
    line-height: 1.2;
}

.quote-section-header span[b-omj3pk9j7e] {
    font-size: 12px;
    opacity: 0.95;
}

.quote-level-0[b-omj3pk9j7e] {
    padding-left: 0;
}

.quote-level-1[b-omj3pk9j7e] {
    padding-left: 18px;
}

.quote-level-2[b-omj3pk9j7e] {
    padding-left: 36px;
}

.quote-client-cell small[b-omj3pk9j7e] {
    color: var(--gs-text-muted);
}

.quote-codigo-row[b-omj3pk9j7e] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.contrato-documento-dot[b-omj3pk9j7e] {
    font-size: 10px;
}

.quote-actions-cell[b-omj3pk9j7e] {
    min-width: 170px;
}

:deep(.quote-add-det-btn)[b-omj3pk9j7e] {
    color: #1a110a !important;
    font-weight: 800;
    border-radius: 8px;
    background: rgba(255, 224, 194, 0.9);
    border: 1px solid rgba(226, 121, 66, 0.3);
    box-shadow: 0 2px 8px rgba(70, 28, 0, 0.1);
}

:deep(.quote-add-det-btn .mud-button-start-icon)[b-omj3pk9j7e],
:deep(.quote-add-det-btn .mud-button-label)[b-omj3pk9j7e] {
    color: #1a110a !important;
}

:deep(.quote-add-det-btn:hover)[b-omj3pk9j7e] {
    background: rgba(255, 210, 168, 0.95);
    box-shadow: 0 3px 10px rgba(70, 28, 0, 0.16);
}

:deep(.quote-add-svc-btn)[b-omj3pk9j7e] {
    color: #f4fff8 !important;
    font-weight: 800;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
    border-radius: 8px;
    background: rgba(15, 48, 34, 0.78);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

:deep(.quote-add-svc-btn .mud-button-start-icon)[b-omj3pk9j7e],
:deep(.quote-add-svc-btn .mud-button-label)[b-omj3pk9j7e] {
    color: #f4fff8 !important;
}

:deep(.quote-add-svc-btn:hover)[b-omj3pk9j7e] {
    background: rgba(9, 38, 27, 0.9);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.22);
}

.quote-empty[b-omj3pk9j7e] {
    padding: 16px;
    color: var(--gs-text-secondary);
}

.dialog-section[b-omj3pk9j7e] {
    color: var(--gs-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.toolbar-title[b-omj3pk9j7e] {
    color: var(--gs-text-primary);
    font-weight: 700;
}

:deep(.quote-filters .mud-typography-caption)[b-omj3pk9j7e] {
    color: var(--gs-text-secondary);
}

:deep(.quote-search .mud-input-control)[b-omj3pk9j7e] {
    margin-top: 0;
}

:deep(.toolbar-search input)[b-omj3pk9j7e] {
    color: var(--gs-text-primary);
}

:deep(.toolbar-search input::placeholder)[b-omj3pk9j7e] {
    color: var(--gs-text-muted);
    opacity: 1;
}

:deep(.toolbar-search .mud-input-adornment)[b-omj3pk9j7e],
:deep(.toolbar-search .mud-input-slot)[b-omj3pk9j7e] {
    color: var(--gs-text-secondary);
}

:deep(.quote-status-filter input)[b-omj3pk9j7e],
:deep(.quote-status-filter .mud-select-input)[b-omj3pk9j7e],
:deep(.quote-status-filter .mud-input-adornment)[b-omj3pk9j7e],
:deep(.quote-status-filter .mud-input-slot)[b-omj3pk9j7e] {
    color: var(--gs-text-secondary);
}

:deep(.mud-table-container)[b-omj3pk9j7e] {
    background: var(--gs-surface);
}

:deep(.mud-table-head .mud-table-cell)[b-omj3pk9j7e] {
    background: var(--gs-surface-alt);
    color: var(--gs-text-primary);
    font-weight: 700;
}

:deep(.mud-table-body .mud-table-row .mud-table-cell)[b-omj3pk9j7e] {
    color: var(--gs-text-primary);
}

:deep(.mud-table-body .mud-table-row)[b-omj3pk9j7e] {
    background: var(--gs-surface);
}

:deep(.mud-table-body .mud-table-row:nth-child(even))[b-omj3pk9j7e] {
    background: var(--gs-surface-alt);
}

:deep(tr.quote-row-det-header)[b-omj3pk9j7e],
:deep(.quote-row-det-header)[b-omj3pk9j7e] {
    background: linear-gradient(90deg, rgba(205, 129, 84, 0.85) 0%, rgba(226, 152, 110, 0.7) 100%) !important;
}

:deep(tr.quote-row-svc-header)[b-omj3pk9j7e],
:deep(.quote-row-svc-header)[b-omj3pk9j7e] {
    background: linear-gradient(90deg, rgba(84, 140, 113, 0.85) 0%, rgba(108, 166, 135, 0.7) 100%) !important;
}

:deep(tr.quote-row-det-header > td)[b-omj3pk9j7e],
:deep(.quote-row-det-header .mud-table-cell)[b-omj3pk9j7e] {
    background: transparent !important;
    color: #f6fff9 !important;
    font-weight: 700;
}

:deep(tr.quote-row-svc-header > td)[b-omj3pk9j7e],
:deep(.quote-row-svc-header .mud-table-cell)[b-omj3pk9j7e] {
    background: transparent !important;
    color: #fff8f2 !important;
    font-weight: 700;
}

:deep(.mud-table-body .mud-table-row:hover)[b-omj3pk9j7e] {
    background: inherit;
}

.quote-grid-host[b-omj3pk9j7e] {
    position: relative;
}

.quote-cell-host[b-omj3pk9j7e] {
    display: block;
    width: 100%;
}

:deep(.mud-datagrid-group-header-cell)[b-omj3pk9j7e] {
    background: var(--gs-surface-alt);
    color: var(--gs-text-primary);
    font-weight: 700;
}

:deep(.mud-data-grid-pager)[b-omj3pk9j7e] {
    background: var(--gs-surface-alt);
    color: var(--gs-text-primary);
}

.pager-with-export[b-omj3pk9j7e] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
}

@media (max-width: 900px) {
    .quote-board-head[b-omj3pk9j7e] {
        flex-direction: column;
        align-items: flex-start;
    }

    .quote-filters[b-omj3pk9j7e] {
        flex-wrap: wrap;
    }

    .quote-search[b-omj3pk9j7e] {
        width: 100%;
    }

    .quote-status-filter[b-omj3pk9j7e] {
        width: 100%;
    }

    :deep(.quote-filters .mud-typography-caption)[b-omj3pk9j7e] {
        width: 100%;
    }

    .quote-title-wrap h1[b-omj3pk9j7e] {
        font-size: 30px;
    }
}
/* _content/greenstorage-frontend/Components/Pages/Cotizaciones/Cotizaciones.razor.rz.scp.css */
.quote-shell[b-bhzolr3bjd] {
    display: flex;
    flex-direction: column;
}

.quote-board[b-bhzolr3bjd] {
    border: 1px solid var(--gs-border);
    border-radius: 14px;
    overflow: hidden;
    background: linear-gradient(180deg, var(--gs-surface) 0%, var(--gs-surface-alt) 100%);
}

.quote-board-head[b-bhzolr3bjd] {
    padding: 16px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.quote-title-wrap[b-bhzolr3bjd] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.quote-title-wrap h1[b-bhzolr3bjd] {
    margin: 0;
    color: var(--gs-text-primary);
    font-size: 38px;
    line-height: 1;
}

.quote-title-icon[b-bhzolr3bjd] {
    font-size: 20px;
    color: var(--gs-text-primary);
}

.quote-create-btn[b-bhzolr3bjd] {
    border-radius: 10px;
    text-transform: none;
    font-weight: 700;
    padding-left: 16px;
    padding-right: 16px;
}

.quote-filters[b-bhzolr3bjd] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    background: var(--gs-surface-alt);
    border-bottom: 1px solid var(--gs-border);
}

.quote-search[b-bhzolr3bjd] {
    width: 420px;
}

.quote-status-filter[b-bhzolr3bjd] {
    width: 180px;
}

.quote-client-cell[b-bhzolr3bjd] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.quote-level-cell[b-bhzolr3bjd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.quote-section-header[b-bhzolr3bjd] {
    line-height: 1.2;
}

.quote-section-header span[b-bhzolr3bjd] {
    font-size: 12px;
    opacity: 0.95;
}

.quote-level-0[b-bhzolr3bjd] {
    padding-left: 0;
}

.quote-level-1[b-bhzolr3bjd] {
    padding-left: 18px;
}

.quote-level-2[b-bhzolr3bjd] {
    padding-left: 36px;
}

.quote-client-cell small[b-bhzolr3bjd] {
    color: var(--gs-text-muted);
}

.quote-actions-cell[b-bhzolr3bjd] {
    min-width: 170px;
}

:deep(.quote-add-det-btn)[b-bhzolr3bjd] {
    color: #1a110a !important;
    font-weight: 800;
    border-radius: 8px;
    background: rgba(255, 224, 194, 0.9);
    border: 1px solid rgba(226, 121, 66, 0.3);
    box-shadow: 0 2px 8px rgba(70, 28, 0, 0.1);
}

:deep(.quote-add-det-btn .mud-button-start-icon)[b-bhzolr3bjd],
:deep(.quote-add-det-btn .mud-button-label)[b-bhzolr3bjd] {
    color: #1a110a !important;
}

:deep(.quote-add-det-btn:hover)[b-bhzolr3bjd] {
    background: rgba(255, 210, 168, 0.95);
    box-shadow: 0 3px 10px rgba(70, 28, 0, 0.16);
}

:deep(.quote-add-svc-btn)[b-bhzolr3bjd] {
    color: #f4fff8 !important;
    font-weight: 800;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
    border-radius: 8px;
    background: rgba(15, 48, 34, 0.78);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

:deep(.quote-add-svc-btn .mud-button-start-icon)[b-bhzolr3bjd],
:deep(.quote-add-svc-btn .mud-button-label)[b-bhzolr3bjd] {
    color: #f4fff8 !important;
}

:deep(.quote-add-svc-btn:hover)[b-bhzolr3bjd] {
    background: rgba(9, 38, 27, 0.9);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.22);
}

.quote-empty[b-bhzolr3bjd] {
    padding: 16px;
    color: var(--gs-text-secondary);
}

.dialog-section[b-bhzolr3bjd] {
    color: var(--gs-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.toolbar-title[b-bhzolr3bjd] {
    color: var(--gs-text-primary);
    font-weight: 700;
}

:deep(.quote-filters .mud-typography-caption)[b-bhzolr3bjd] {
    color: var(--gs-text-secondary);
}

:deep(.quote-search .mud-input-control)[b-bhzolr3bjd] {
    margin-top: 0;
}

:deep(.toolbar-search input)[b-bhzolr3bjd] {
    color: var(--gs-text-primary);
}

:deep(.toolbar-search input::placeholder)[b-bhzolr3bjd] {
    color: var(--gs-text-muted);
    opacity: 1;
}

:deep(.toolbar-search .mud-input-adornment)[b-bhzolr3bjd],
:deep(.toolbar-search .mud-input-slot)[b-bhzolr3bjd] {
    color: var(--gs-text-secondary);
}

:deep(.quote-status-filter input)[b-bhzolr3bjd],
:deep(.quote-status-filter .mud-select-input)[b-bhzolr3bjd],
:deep(.quote-status-filter .mud-input-adornment)[b-bhzolr3bjd],
:deep(.quote-status-filter .mud-input-slot)[b-bhzolr3bjd] {
    color: var(--gs-text-secondary);
}

:deep(.mud-table-container)[b-bhzolr3bjd] {
    background: var(--gs-surface);
}

:deep(.mud-table-head .mud-table-cell)[b-bhzolr3bjd] {
    background: var(--gs-surface-alt);
    color: var(--gs-text-primary);
    font-weight: 700;
}

:deep(.mud-table-body .mud-table-row .mud-table-cell)[b-bhzolr3bjd] {
    color: var(--gs-text-primary);
}

:deep(.mud-table-body .mud-table-row)[b-bhzolr3bjd] {
    background: var(--gs-surface);
}

:deep(.mud-table-body .mud-table-row:nth-child(even))[b-bhzolr3bjd] {
    background: var(--gs-surface-alt);
}

:deep(tr.quote-row-det-header)[b-bhzolr3bjd],
:deep(.quote-row-det-header)[b-bhzolr3bjd] {
    background: linear-gradient(90deg, rgba(205, 129, 84, 0.85) 0%, rgba(226, 152, 110, 0.7) 100%) !important;
}

:deep(tr.quote-row-svc-header)[b-bhzolr3bjd],
:deep(.quote-row-svc-header)[b-bhzolr3bjd] {
    background: linear-gradient(90deg, rgba(84, 140, 113, 0.85) 0%, rgba(108, 166, 135, 0.7) 100%) !important;
}

:deep(tr.quote-row-det-header > td)[b-bhzolr3bjd],
:deep(.quote-row-det-header .mud-table-cell)[b-bhzolr3bjd] {
    background: transparent !important;
    color: #f6fff9 !important;
    font-weight: 700;
}

:deep(tr.quote-row-svc-header > td)[b-bhzolr3bjd],
:deep(.quote-row-svc-header .mud-table-cell)[b-bhzolr3bjd] {
    background: transparent !important;
    color: #fff8f2 !important;
    font-weight: 700;
}

:deep(.mud-table-body .mud-table-row:hover)[b-bhzolr3bjd] {
    background: inherit;
}

.quote-grid-host[b-bhzolr3bjd] {
    position: relative;
}

.quote-cell-host[b-bhzolr3bjd] {
    display: block;
    width: 100%;
}

:deep(.mud-datagrid-group-header-cell)[b-bhzolr3bjd] {
    background: var(--gs-surface-alt);
    color: var(--gs-text-primary);
    font-weight: 700;
}

:deep(.mud-data-grid-pager)[b-bhzolr3bjd] {
    background: var(--gs-surface-alt);
    color: var(--gs-text-primary);
}

.pager-with-export[b-bhzolr3bjd] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
}

@media (max-width: 900px) {
    .quote-board-head[b-bhzolr3bjd] {
        flex-direction: column;
        align-items: flex-start;
    }

    .quote-filters[b-bhzolr3bjd] {
        flex-wrap: wrap;
    }

    .quote-search[b-bhzolr3bjd] {
        width: 100%;
    }

    .quote-status-filter[b-bhzolr3bjd] {
        width: 100%;
    }

    :deep(.quote-filters .mud-typography-caption)[b-bhzolr3bjd] {
        width: 100%;
    }

    .quote-title-wrap h1[b-bhzolr3bjd] {
        font-size: 30px;
    }
}
/* _content/greenstorage-frontend/Components/Pages/Cotizaciones/CotizacionHTML.razor.rz.scp.css */
.quote-html-page[b-9kik334gs7] {
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(16, 185, 129, 0.16), transparent 34%),
        radial-gradient(circle at top right, rgba(245, 158, 11, 0.12), transparent 32%),
        linear-gradient(180deg, #f7faf7 0%, #eef4ef 100%);
    padding: 24px;
    color: #21352d;
}

.quote-html-backdrop[b-9kik334gs7] {
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(rgba(33, 53, 45, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(33, 53, 45, 0.03) 1px, transparent 1px);
    background-size: 28px 28px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.22), transparent 80%);
}

.quote-document[b-9kik334gs7] {
    position: relative;
    z-index: 1;
    max-width: 1120px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(33, 53, 45, 0.12);
    border-radius: 24px;
    box-shadow: 0 24px 80px rgba(14, 32, 24, 0.08);
    overflow: hidden;
}

.quote-document__header[b-9kik334gs7] {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
    padding: 28px 32px 20px;
    border-bottom: 1px solid rgba(33, 53, 45, 0.08);
}

.quote-eyebrow[b-9kik334gs7],
.quote-label[b-9kik334gs7],
.quote-section__titlebar span[b-9kik334gs7],
.quote-footer span[b-9kik334gs7],
.quote-mini-grid span[b-9kik334gs7],
.quote-detail-card__summary span[b-9kik334gs7] {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.74rem;
    color: #678174;
}

.quote-document h1[b-9kik334gs7],
.quote-document h2[b-9kik334gs7],
.quote-document h3[b-9kik334gs7],
.quote-document h4[b-9kik334gs7],
.quote-document h5[b-9kik334gs7],
.quote-document p[b-9kik334gs7] {
    margin: 0;
}

.quote-document h1[b-9kik334gs7] {
    font-size: 2rem;
    line-height: 1.05;
    margin-top: 6px;
}

.quote-subtitle[b-9kik334gs7],
.quote-hero__meta[b-9kik334gs7],
.quote-card p[b-9kik334gs7],
.quote-detail-card p[b-9kik334gs7],
.quote-footer p[b-9kik334gs7] {
    color: #5d7268;
    margin-top: 6px;
}

.quote-actions[b-9kik334gs7] {
    display: flex;
    gap: 12px;
}

.quote-action[b-9kik334gs7] {
    border: 0;
    border-radius: 999px;
    padding: 12px 18px;
    background: linear-gradient(135deg, #174f3f, #2e7a5f);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(23, 79, 63, 0.2);
}

.quote-state[b-9kik334gs7] {
    min-height: 420px;
    display: grid;
    place-items: center;
    text-align: center;
    padding: 32px;
}

.quote-state--error h2[b-9kik334gs7] {
    margin-bottom: 10px;
    color: #8d2d1a;
}

.quote-state__spinner[b-9kik334gs7] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 4px solid rgba(46, 122, 95, 0.14);
    border-top-color: #2e7a5f;
    animation: spin-b-9kik334gs7 0.9s linear infinite;
    margin-bottom: 16px;
}

.quote-hero[b-9kik334gs7],
.quote-grid[b-9kik334gs7],
.quote-section[b-9kik334gs7],
.quote-footer[b-9kik334gs7] {
    padding: 24px 32px 32px;
}

.quote-hero[b-9kik334gs7] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-end;
    border-bottom: 1px solid rgba(33, 53, 45, 0.08);
}

.quote-hero h2[b-9kik334gs7] {
    font-size: 2.25rem;
    margin-top: 8px;
}

.quote-badges[b-9kik334gs7] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.quote-badge[b-9kik334gs7] {
    padding: 10px 14px;
    border-radius: 999px;
    background: #174f3f;
    color: #fff;
    font-weight: 700;
}

.quote-badge--soft[b-9kik334gs7] {
    background: rgba(245, 158, 11, 0.14);
    color: #9c5f00;
}

.quote-grid[b-9kik334gs7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.quote-card[b-9kik334gs7] {
    background: linear-gradient(180deg, #fbfdfb 0%, #f4f8f5 100%);
    border: 1px solid rgba(33, 53, 45, 0.08);
    border-radius: 18px;
    padding: 18px;
    min-height: 132px;
}

.quote-card--total[b-9kik334gs7] {
    background: linear-gradient(135deg, rgba(23, 79, 63, 0.98), rgba(46, 122, 95, 0.96));
    color: #fff;
}

.quote-card--total .quote-label[b-9kik334gs7],
.quote-card--total p[b-9kik334gs7] {
    color: rgba(255, 255, 255, 0.72);
}

.quote-card--total h3[b-9kik334gs7] {
    color: #fff;
    font-size: 1.55rem;
}

.quote-section[b-9kik334gs7] {
    border-top: 1px solid rgba(33, 53, 45, 0.08);
    display: grid;
    gap: 18px;
}

.quote-section__titlebar[b-9kik334gs7] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
}

.quote-section__titlebar h3[b-9kik334gs7],
.quote-section__titlebar h5[b-9kik334gs7] {
    font-size: 1.1rem;
}

.quote-section__titlebar--compact h5[b-9kik334gs7] {
    font-size: 0.95rem;
}

.quote-detail-list[b-9kik334gs7] {
    display: grid;
    gap: 18px;
}

.quote-detail-card[b-9kik334gs7] {
    background: #fff;
    border: 1px solid rgba(33, 53, 45, 0.08);
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 12px 34px rgba(15, 27, 22, 0.04);
}

.quote-detail-card__header[b-9kik334gs7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.quote-detail-card__summary[b-9kik334gs7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(110px, 1fr));
    gap: 12px;
    min-width: 240px;
}

.quote-detail-card__summary div[b-9kik334gs7],
.quote-mini-grid div[b-9kik334gs7],
.quote-footer__totals div[b-9kik334gs7] {
    background: #f6faf7;
    border: 1px solid rgba(33, 53, 45, 0.08);
    border-radius: 14px;
    padding: 12px 14px;
}

.quote-detail-card__summary strong[b-9kik334gs7],
.quote-mini-grid strong[b-9kik334gs7],
.quote-footer__totals strong[b-9kik334gs7] {
    display: block;
    margin-top: 6px;
    color: #17362d;
}

.quote-mini-grid[b-9kik334gs7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.quote-services[b-9kik334gs7] {
    margin-top: 18px;
}

.quote-services table[b-9kik334gs7] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 12px;
}

.quote-services th[b-9kik334gs7],
.quote-services td[b-9kik334gs7] {
    padding: 12px 10px;
    border-bottom: 1px solid rgba(33, 53, 45, 0.08);
    text-align: left;
}

.quote-services thead th[b-9kik334gs7] {
    background: #eaf2ec;
    color: #2b4a3e;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.quote-footer[b-9kik334gs7] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-end;
    border-top: 1px solid rgba(33, 53, 45, 0.08);
}

.quote-footer__totals[b-9kik334gs7] {
    display: flex;
    gap: 12px;
}

@keyframes spin-b-9kik334gs7 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@media print {
    .no-print[b-9kik334gs7] {
        display: none !important;
    }

    .quote-html-page[b-9kik334gs7] {
        background: #fff;
        padding: 0;
    }

    .quote-document[b-9kik334gs7] {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        max-width: none;
    }

    .quote-html-backdrop[b-9kik334gs7] {
        display: none;
    }
}

@media (max-width: 1024px) {
    .quote-grid[b-9kik334gs7],
    .quote-mini-grid[b-9kik334gs7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .quote-detail-card__header[b-9kik334gs7],
    .quote-footer[b-9kik334gs7],
    .quote-hero[b-9kik334gs7],
    .quote-document__header[b-9kik334gs7] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    .quote-html-page[b-9kik334gs7] {
        padding: 12px;
    }

    .quote-hero[b-9kik334gs7],
    .quote-grid[b-9kik334gs7],
    .quote-section[b-9kik334gs7],
    .quote-footer[b-9kik334gs7],
    .quote-document__header[b-9kik334gs7] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .quote-grid[b-9kik334gs7],
    .quote-mini-grid[b-9kik334gs7],
    .quote-detail-card__summary[b-9kik334gs7],
    .quote-footer__totals[b-9kik334gs7] {
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    .quote-services[b-9kik334gs7] {
        overflow-x: auto;
    }
}
/* _content/greenstorage-frontend/Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-shell[b-o8n6ssgssr] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.hero-panel[b-o8n6ssgssr] {
    border: 1px solid var(--gs-border);
    background: linear-gradient(135deg, rgba(226, 121, 66, 0.12), var(--gs-surface));
    border-radius: 16px;
    padding: 22px;
}

.hero-panel-top[b-o8n6ssgssr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
}

.hero-panel h1[b-o8n6ssgssr] {
    margin: 0;
    font-size: 28px;
    color: var(--gs-text-primary);
}

.hero-panel p[b-o8n6ssgssr] {
    margin: 10px 0 0;
    color: var(--gs-text-secondary);
    line-height: 1.5;
}

.hero-filters[b-o8n6ssgssr] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.hero-filter-select[b-o8n6ssgssr] {
    width: 130px;
}

.hero-filter-select-wide[b-o8n6ssgssr] {
    width: 190px;
}

.dash-loading[b-o8n6ssgssr] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.kpi-grid[b-o8n6ssgssr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.kpi-card-blank[b-o8n6ssgssr] {
    border-style: dashed;
    background: transparent;
    box-shadow: none;
    opacity: 0.35;
}

.kpi-card[b-o8n6ssgssr] {
    display: flex;
    align-items: center;
    gap: 14px;
    border: 1px solid var(--gs-border);
    background: var(--gs-surface);
    border-radius: 14px;
    padding: 18px;
    box-shadow: var(--gs-shadow-card);
}

.kpi-icon[b-o8n6ssgssr] {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    color: #e27942;
    background: rgba(226, 121, 66, 0.14);
    flex-shrink: 0;
}

.kpi-value[b-o8n6ssgssr] {
    color: var(--gs-text-primary);
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
}

.kpi-value-compact[b-o8n6ssgssr] {
    font-size: 19px;
    white-space: nowrap;
}

.kpi-label[b-o8n6ssgssr] {
    margin-top: 4px;
    color: var(--gs-text-secondary);
    font-size: 12px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.dash-2col[b-o8n6ssgssr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.dash-3col[b-o8n6ssgssr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.dash-panel[b-o8n6ssgssr] {
    border: 1px solid var(--gs-border);
    background: var(--gs-surface);
    border-radius: 14px;
    padding: 20px;
    box-shadow: var(--gs-shadow-card);
}

.dash-panel-title[b-o8n6ssgssr] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--gs-text-primary);
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}

.dash-panel-title i[b-o8n6ssgssr] {
    color: #e27942;
}

.dash-note[b-o8n6ssgssr] {
    color: var(--gs-text-muted);
    font-size: 12px;
    line-height: 1.5;
    margin: 0 0 14px;
}

.dash-empty[b-o8n6ssgssr] {
    color: var(--gs-text-muted);
    font-size: 13px;
}

.money-block[b-o8n6ssgssr] {
    margin-bottom: 14px;
}

.money-block:last-child[b-o8n6ssgssr] {
    margin-bottom: 0;
}

.money-sub[b-o8n6ssgssr] {
    color: var(--gs-text-secondary);
    font-size: 12px;
    margin-bottom: 4px;
}

.big-money[b-o8n6ssgssr] {
    color: var(--gs-text-primary);
    font-size: 22px;
    font-weight: 700;
}

.big-money.accent[b-o8n6ssgssr] {
    color: #e27942;
}

.prog-wrap[b-o8n6ssgssr] {
    margin-bottom: 14px;
}

.prog-wrap:last-child[b-o8n6ssgssr] {
    margin-bottom: 0;
}

.prog-wrap.total-row[b-o8n6ssgssr] {
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--gs-border);
}

.prog-lbl[b-o8n6ssgssr] {
    display: flex;
    justify-content: space-between;
    font-size: 12.5px;
    color: var(--gs-text-secondary);
    margin-bottom: 6px;
}

.accent-text[b-o8n6ssgssr] {
    color: #e27942;
    font-weight: 700;
}

.prog-bar[b-o8n6ssgssr] {
    height: 8px;
    border-radius: 100px;
    background: var(--gs-border);
    overflow: hidden;
}

.prog-fill[b-o8n6ssgssr] {
    height: 100%;
    border-radius: 100px;
    background: linear-gradient(90deg, #e27942, #ef8d5a);
}

.prog-fill.occ[b-o8n6ssgssr] {
    background: linear-gradient(90deg, #e27942, #ffb27a);
}

.trend-block[b-o8n6ssgssr] {
    margin-bottom: 14px;
}

.trend-block:last-child[b-o8n6ssgssr] {
    margin-bottom: 0;
}

.trend-sub[b-o8n6ssgssr] {
    color: var(--gs-text-secondary);
    font-size: 12px;
    margin-bottom: 4px;
}

.trend-value[b-o8n6ssgssr] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 22px;
    font-weight: 700;
}

.trend-value.trend-up[b-o8n6ssgssr] {
    color: #2e9e5b;
}

.trend-value.trend-down[b-o8n6ssgssr] {
    color: #d64545;
}

.trend-value.trend-neutral[b-o8n6ssgssr] {
    color: var(--gs-text-secondary);
}

.charts-row[b-o8n6ssgssr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.chart-card[b-o8n6ssgssr] {
    border: 1px solid var(--gs-border);
    background: var(--gs-surface);
    border-radius: 16px;
    padding: 14px;
    box-shadow: var(--gs-shadow-card);
}

.chart-card-blank[b-o8n6ssgssr] {
    border-style: dashed;
    background: transparent;
    box-shadow: none;
    opacity: 0.35;
    min-height: 200px;
}

.chart-card-head[b-o8n6ssgssr] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.chart-card-head h2[b-o8n6ssgssr] {
    margin: 0;
    color: var(--gs-text-primary);
    font-size: 15px;
}

.chart-card-head p[b-o8n6ssgssr] {
    margin: 4px 0 0;
    color: var(--gs-text-muted);
    font-size: 11.5px;
    line-height: 1.45;
}

.chart-empty[b-o8n6ssgssr] {
    color: var(--gs-text-muted);
    padding: 24px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gs-card[b-o8n6ssgssr] {
    border: 1px solid var(--gs-border);
    background: var(--gs-surface);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: var(--gs-shadow-card);
}

.gs-card-header[b-o8n6ssgssr] {
    padding: 16px 20px;
    border-bottom: 1px solid var(--gs-border);
}

.gs-card-title[b-o8n6ssgssr] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--gs-text-primary);
    font-size: 15px;
    font-weight: 700;
}

.gs-card-title i[b-o8n6ssgssr] {
    color: #e27942;
}

.gs-card-body[b-o8n6ssgssr] {
    padding: 20px;
}

.dash-table-wrap[b-o8n6ssgssr] {
    overflow-x: auto;
}

.dash-scroll-table-wrap[b-o8n6ssgssr] {
    max-height: 220px;
    overflow-y: auto;
    overflow-x: hidden;
}

.dash-mini-table-compact[b-o8n6ssgssr] {
    table-layout: fixed;
    width: 100%;
}

.dash-mini-table-compact th[b-o8n6ssgssr],
.dash-mini-table-compact td[b-o8n6ssgssr] {
    white-space: normal;
    word-break: break-word;
}

.dash-mini-table-compact thead th[b-o8n6ssgssr] {
    position: sticky;
    top: 0;
    background: var(--gs-surface);
    z-index: 1;
}

.dash-mini-table-compact th:nth-child(1)[b-o8n6ssgssr],
.dash-mini-table-compact td:nth-child(1)[b-o8n6ssgssr] {
    width: 28%;
}

.dash-mini-table-compact th:nth-child(2)[b-o8n6ssgssr],
.dash-mini-table-compact td:nth-child(2)[b-o8n6ssgssr] {
    width: 47%;
    text-align: center;
}

.dash-mini-table-compact th:nth-child(3)[b-o8n6ssgssr],
.dash-mini-table-compact td:nth-child(3)[b-o8n6ssgssr] {
    width: 25%;
}

.dash-mini-table-group td[b-o8n6ssgssr] {
    background: rgba(226, 121, 66, 0.1);
    color: var(--gs-text-primary);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.4px;
}

.dash-mini-table[b-o8n6ssgssr] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
}

.dash-mini-table th[b-o8n6ssgssr] {
    text-align: left;
    color: var(--gs-text-secondary);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-size: 11px;
    padding: 6px 10px;
    border-bottom: 1px solid var(--gs-border);
    white-space: nowrap;
}

.dash-mini-table td[b-o8n6ssgssr] {
    padding: 8px 10px;
    color: var(--gs-text-primary);
    border-bottom: 1px solid var(--gs-border);
    white-space: nowrap;
}

.dash-mini-table tbody tr:last-child td[b-o8n6ssgssr] {
    border-bottom: none;
}

.dash-mini-table-row[b-o8n6ssgssr] {
    cursor: pointer;
}

.dash-mini-table-row:hover td[b-o8n6ssgssr] {
    background: rgba(226, 121, 66, 0.08);
}

.dash-mini-table .text-right[b-o8n6ssgssr] {
    text-align: right;
}

.dash-mini-table-summary td[b-o8n6ssgssr] {
    padding-top: 10px;
    border-top: 1px solid var(--gs-border-strong);
    border-bottom: none;
    color: var(--gs-text-primary);
    font-weight: 600;
    background: rgba(226, 121, 66, 0.08);
}

@media (max-width: 1280px) {
    .kpi-grid[b-o8n6ssgssr],
    .dash-3col[b-o8n6ssgssr],
    .charts-row[b-o8n6ssgssr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .kpi-grid[b-o8n6ssgssr],
    .dash-2col[b-o8n6ssgssr],
    .dash-3col[b-o8n6ssgssr],
    .charts-row[b-o8n6ssgssr] {
        grid-template-columns: 1fr;
    }

    .kpi-card-blank[b-o8n6ssgssr],
    .chart-card-blank[b-o8n6ssgssr] {
        display: none;
    }

    .hero-panel-top[b-o8n6ssgssr] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/greenstorage-frontend/Components/Pages/DashboardGerencial/DashboardGerencialPage.razor.rz.scp.css */
.gerencial-shell[b-v762u6qkie] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.gerencial-hero[b-v762u6qkie] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    padding: 24px;
    border-radius: 18px;
    border: 1px solid var(--gs-border);
    background:
        radial-gradient(circle at top right, rgba(226, 121, 66, 0.14), transparent 32%),
        linear-gradient(135deg, var(--gs-surface), var(--gs-surface-alt));
}

.gerencial-hero h1[b-v762u6qkie] {
    margin: 0;
    font-size: 30px;
    color: var(--gs-text-primary);
}

.gerencial-hero p[b-v762u6qkie] {
    margin: 10px 0 0;
    color: var(--gs-text-secondary);
    line-height: 1.55;
    max-width: 680px;
}

.hero-actions[b-v762u6qkie] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
}

.hero-filters[b-v762u6qkie] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.hero-filter-select[b-v762u6qkie] {
    width: 130px;
}

.hero-filter-select-wide[b-v762u6qkie] {
    width: 190px;
}

.gerencial-loading[b-v762u6qkie] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.gerencial-kpis[b-v762u6qkie] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.gerencial-kpi[b-v762u6qkie],
.chart-card[b-v762u6qkie],
.legend-card[b-v762u6qkie] {
    border: 1px solid var(--gs-border);
    background: var(--gs-surface);
    border-radius: 16px;
    box-shadow: var(--gs-shadow-card);
}

.gerencial-kpi[b-v762u6qkie] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px;
}

.kpi-icon[b-v762u6qkie] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(226, 121, 66, 0.16);
    color: #e27942;
    font-size: 20px;
}

.kpi-value[b-v762u6qkie] {
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
    color: var(--gs-text-primary);
}

.kpi-label[b-v762u6qkie] {
    margin-top: 4px;
    font-size: 12px;
    color: var(--gs-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

.kpi-placeholder[b-v762u6qkie] {
    opacity: 0.5;
}

.gerencial-grid[b-v762u6qkie] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr);
    gap: 14px;
}

.charts-row[b-v762u6qkie] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.chart-card[b-v762u6qkie],
.legend-card[b-v762u6qkie] {
    padding: 14px;
}

.chart-card-head[b-v762u6qkie] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.chart-card-head h2[b-v762u6qkie] {
    margin: 0;
    color: var(--gs-text-primary);
    font-size: 15px;
}

.chart-card-head p[b-v762u6qkie] {
    margin: 4px 0 0;
    color: var(--gs-text-muted);
    font-size: 11.5px;
    line-height: 1.45;
}

.chart-empty[b-v762u6qkie] {
    color: var(--gs-text-muted);
    padding: 24px 6px;
}

.chart-card-clickable[b-v762u6qkie]  .apexcharts-canvas {
    cursor: pointer;
}

.chart-card-wide[b-v762u6qkie] {
    grid-column: 1 / -1;
}

.resumen-tamanio-wrap[b-v762u6qkie] {
    overflow-x: auto;
}

.resumen-tamanio-table[b-v762u6qkie] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.resumen-tamanio-table th[b-v762u6qkie],
.resumen-tamanio-table td[b-v762u6qkie] {
    padding: 6px 8px;
    text-align: right;
    border-bottom: 1px solid var(--gs-border);
    color: var(--gs-text-secondary);
    white-space: nowrap;
}

.resumen-tamanio-table th:first-child[b-v762u6qkie],
.resumen-tamanio-table td:first-child[b-v762u6qkie] {
    text-align: left;
    color: var(--gs-text-primary);
}

.resumen-tamanio-table th[b-v762u6qkie] {
    color: var(--gs-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 10.5px;
    letter-spacing: 0.5px;
}

.presupuesto-real-resumen-wrap[b-v762u6qkie] {
    overflow-x: auto;
    margin-top: 12px;
}

.presupuesto-real-resumen-table[b-v762u6qkie] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.presupuesto-real-resumen-table th[b-v762u6qkie],
.presupuesto-real-resumen-table td[b-v762u6qkie] {
    padding: 6px 10px;
    text-align: right;
    border-bottom: 1px solid var(--gs-border);
    color: var(--gs-text-secondary);
    white-space: nowrap;
}

.presupuesto-real-resumen-table th:first-child[b-v762u6qkie],
.presupuesto-real-resumen-table td:first-child[b-v762u6qkie] {
    text-align: left;
    color: var(--gs-text-primary);
}

.presupuesto-real-resumen-table th[b-v762u6qkie] {
    color: var(--gs-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 10.5px;
    letter-spacing: 0.5px;
}

.variacion-positiva[b-v762u6qkie] {
    color: #5c946e;
    font-weight: 700;
}

.variacion-negativa[b-v762u6qkie] {
    color: #bc4749;
    font-weight: 700;
}

.legend-list[b-v762u6qkie] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.legend-row[b-v762u6qkie] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    background: var(--gs-surface-alt);
    border-left: 3px solid #e27942;
}

.legend-title[b-v762u6qkie] {
    color: var(--gs-text-primary);
    font-weight: 700;
    font-size: 14px;
}

.legend-sub[b-v762u6qkie] {
    margin-top: 4px;
    color: var(--gs-text-secondary);
    font-size: 12px;
}

.legend-value[b-v762u6qkie] {
    color: #e27942;
    font-size: 26px;
    font-weight: 800;
    line-height: 1;
}

@media (max-width: 1280px) {
    .charts-row[b-v762u6qkie] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {
    .gerencial-hero[b-v762u6qkie],
    .gerencial-kpis[b-v762u6qkie],
    .charts-row[b-v762u6qkie] {
        grid-template-columns: 1fr;
    }

    .gerencial-hero[b-v762u6qkie] {
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-actions[b-v762u6qkie] {
        align-items: flex-start;
        width: 100%;
    }

    .hero-filters[b-v762u6qkie] {
        width: 100%;
    }
}
/* _content/greenstorage-frontend/Components/Pages/Difusion/Difusion.razor.rz.scp.css */
.difusion-shell[b-znjwrkat1i] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.difusion-hero[b-znjwrkat1i] {
    padding: 24px;
    border-radius: 18px;
    border: 1px solid var(--gs-border);
    background:
        radial-gradient(circle at top right, rgba(226, 121, 66, 0.14), transparent 32%),
        linear-gradient(135deg, var(--gs-surface), var(--gs-surface-alt));
}

.difusion-hero h1[b-znjwrkat1i] {
    margin: 0;
    font-size: 28px;
    color: var(--gs-text-primary);
}

.difusion-hero p[b-znjwrkat1i] {
    margin: 10px 0 0;
    color: var(--gs-text-secondary);
    line-height: 1.55;
    max-width: 780px;
}

.difusion-hero p a[b-znjwrkat1i] {
    color: #e27942;
}

.difusion-panel[b-znjwrkat1i] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    border: 1px solid var(--gs-border);
    background: var(--gs-surface);
    border-radius: 16px;
}

.difusion-config-grid[b-znjwrkat1i] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.difusion-attachments[b-znjwrkat1i] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.difusion-attachments-label[b-znjwrkat1i] {
    color: var(--gs-text-secondary);
}

.difusion-attachments-list[b-znjwrkat1i] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px;
}

.difusion-tokens-alert[b-znjwrkat1i] {
    margin: 0;
}

.difusion-token-grid[b-znjwrkat1i] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.difusion-token-col[b-znjwrkat1i] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.difusion-token-head[b-znjwrkat1i] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.difusion-token-head h2[b-znjwrkat1i],
.difusion-token-col > h2[b-znjwrkat1i] {
    margin: 0;
    color: var(--gs-text-primary);
    font-size: 16px;
}

.difusion-field[b-znjwrkat1i] {
    width: 100%;
}

.difusion-json-field[b-znjwrkat1i]  textarea {
    font-family: "Consolas", "Courier New", monospace;
    font-size: 12.5px;
}

.difusion-token-actions[b-znjwrkat1i] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.difusion-preview-body[b-znjwrkat1i] {
    position: relative;
    min-height: 420px;
    border-radius: 12px;
    overflow: hidden;
    background: var(--gs-surface-alt);
}

.difusion-preview-frame[b-znjwrkat1i] {
    width: 100%;
    height: 420px;
    border: none;
    background: #ffffff;
}

.difusion-preview-placeholder[b-znjwrkat1i] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--gs-text-muted);
    font-size: 14px;
}

.difusion-preview-placeholder i[b-znjwrkat1i] {
    font-size: 34px;
}

@media (max-width: 1100px) {
    .difusion-token-grid[b-znjwrkat1i] {
        grid-template-columns: 1fr;
    }
}

.difusion-grid-head[b-znjwrkat1i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.difusion-grid-head h2[b-znjwrkat1i] {
    margin: 0;
    color: var(--gs-text-primary);
    font-size: 17px;
}

.difusion-grid-actions[b-znjwrkat1i] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.difusion-search[b-znjwrkat1i] {
    width: 260px;
}

.difusion-grid-host[b-znjwrkat1i] {
    position: relative;
}

.difusion-cliente-cell[b-znjwrkat1i] {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.difusion-cliente-cell small[b-znjwrkat1i] {
    color: var(--gs-text-muted);
}

.difusion-level-cell[b-znjwrkat1i] {
    display: inline-flex;
    align-items: center;
    color: var(--gs-text-muted);
}

.difusion-level-1[b-znjwrkat1i] {
    padding-left: 18px;
}

.difusion-loading[b-znjwrkat1i] {
    display: flex;
    justify-content: center;
    padding: 40px 0;
}

.difusion-empty[b-znjwrkat1i] {
    padding: 16px;
    color: var(--gs-text-secondary);
}

:deep(.mud-table-container)[b-znjwrkat1i] {
    background: var(--gs-surface);
}

:deep(.mud-table-head .mud-table-cell)[b-znjwrkat1i] {
    background: var(--gs-surface-alt);
    color: var(--gs-text-primary);
    font-weight: 700;
}

:deep(.mud-table-body .mud-table-row .mud-table-cell)[b-znjwrkat1i] {
    color: var(--gs-text-primary);
}

:deep(.mud-table-body .mud-table-row)[b-znjwrkat1i] {
    background: var(--gs-surface);
}

:deep(.mud-table-body .mud-table-row:nth-child(even))[b-znjwrkat1i] {
    background: var(--gs-surface-alt);
}

:deep(tr.difusion-row-det > td)[b-znjwrkat1i],
:deep(.difusion-row-det .mud-table-cell)[b-znjwrkat1i] {
    background: rgba(205, 129, 84, 0.14) !important;
}

:deep(tr.difusion-row-svc > td)[b-znjwrkat1i],
:deep(.difusion-row-svc .mud-table-cell)[b-znjwrkat1i] {
    background: rgba(84, 140, 113, 0.14) !important;
}

:deep(.mud-data-grid-pager)[b-znjwrkat1i] {
    background: var(--gs-surface-alt);
    color: var(--gs-text-primary);
}

.difusion-send-row[b-znjwrkat1i] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.difusion-progress[b-znjwrkat1i] {
    flex: 1;
    max-width: 320px;
}

.difusion-result-table[b-znjwrkat1i] {
    margin-top: 10px;
}

@media (max-width: 1100px) {
    .difusion-config-grid[b-znjwrkat1i] {
        grid-template-columns: 1fr;
    }
}
/* _content/greenstorage-frontend/Components/Pages/Historico/Historico.razor.rz.scp.css */
.historico-shell[b-gu072dpzvc] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.hero-panel[b-gu072dpzvc] {
    border: 1px solid var(--gs-border);
    background: linear-gradient(135deg, rgba(226, 121, 66, 0.12), var(--gs-surface));
    border-radius: 16px;
    padding: 22px;
}

.hero-panel-top[b-gu072dpzvc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
}

.hero-panel h1[b-gu072dpzvc] {
    margin: 0;
    font-size: 28px;
    color: var(--gs-text-primary);
}

.hero-panel p[b-gu072dpzvc] {
    margin: 10px 0 0;
    color: var(--gs-text-secondary);
    line-height: 1.5;
}

.hero-filters[b-gu072dpzvc] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.hero-filter-select-wide[b-gu072dpzvc] {
    width: 190px;
}

.dash-loading[b-gu072dpzvc] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.gs-card[b-gu072dpzvc] {
    border: 1px solid var(--gs-border);
    background: var(--gs-surface);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: var(--gs-shadow-card);
}

.gs-card-header[b-gu072dpzvc] {
    padding: 16px 20px;
    border-bottom: 1px solid var(--gs-border);
}

.gs-card-title[b-gu072dpzvc] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--gs-text-primary);
    font-size: 15px;
    font-weight: 700;
}

.gs-card-title i[b-gu072dpzvc] {
    color: #e27942;
}

.gs-card-body[b-gu072dpzvc] {
    padding: 20px;
}

.dash-empty[b-gu072dpzvc] {
    color: var(--gs-text-muted);
    font-size: 13px;
}

.dash-table-wrap[b-gu072dpzvc] {
    overflow-x: auto;
}

.dash-mini-table[b-gu072dpzvc] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
}

.dash-mini-table th[b-gu072dpzvc] {
    text-align: left;
    color: var(--gs-text-secondary);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-size: 11px;
    padding: 6px 10px;
    border-bottom: 1px solid var(--gs-border);
    white-space: nowrap;
}

.dash-mini-table td[b-gu072dpzvc] {
    padding: 8px 10px;
    color: var(--gs-text-primary);
    border-bottom: 1px solid var(--gs-border);
    white-space: nowrap;
}

.dash-mini-table tbody tr:last-child td[b-gu072dpzvc] {
    border-bottom: none;
}

.dash-mini-table .text-right[b-gu072dpzvc] {
    text-align: right;
}

.historico-row[b-gu072dpzvc] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.historico-row:hover[b-gu072dpzvc] {
    background: rgba(226, 121, 66, 0.08);
}

@media (max-width: 900px) {
    .hero-panel-top[b-gu072dpzvc] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/greenstorage-frontend/Components/Pages/Logs/CrmLogDetailDialog.razor.rz.scp.css */
.log-detail-grid[b-lbqo0ntlaa] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 13px;
    margin-bottom: 12px;
}

.log-detail-lbl[b-lbqo0ntlaa] {
    color: var(--gs-text-secondary);
    font-weight: 600;
    margin-right: 4px;
}

.log-detail-error[b-lbqo0ntlaa] {
    color: #C13B3B;
}

.log-detail-section[b-lbqo0ntlaa] {
    color: #e27942;
    margin-bottom: 6px;
    margin-top: 10px;
}

.log-detail-pre[b-lbqo0ntlaa] {
    max-height: 260px;
    overflow: auto;
    background: var(--gs-surface-alt);
    border: 1px solid var(--gs-border);
    border-radius: 8px;
    padding: 12px;
    font-size: 11px;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--gs-text-primary);
}
/* _content/greenstorage-frontend/Components/Pages/Logs/EmailLogDetailDialog.razor.rz.scp.css */
.log-detail-grid[b-yo81zxjp3t] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 13px;
    margin-bottom: 12px;
}

.log-detail-lbl[b-yo81zxjp3t] {
    color: var(--gs-text-secondary);
    font-weight: 600;
    margin-right: 4px;
}

.log-detail-error[b-yo81zxjp3t] {
    color: #C13B3B;
}

.log-detail-section[b-yo81zxjp3t] {
    color: #e27942;
    margin-bottom: 6px;
}

.log-detail-pre[b-yo81zxjp3t] {
    max-height: 320px;
    overflow: auto;
    background: var(--gs-surface-alt);
    border: 1px solid var(--gs-border);
    border-radius: 8px;
    padding: 12px;
    font-size: 11px;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--gs-text-primary);
}
/* _content/greenstorage-frontend/Components/Pages/Logs/Logs.razor.rz.scp.css */
.logs-shell[b-hkzvp90md3] {
    display: flex;
    flex-direction: column;
}

.logs-board[b-hkzvp90md3] {
    border: 1px solid var(--gs-border);
    border-radius: 14px;
    overflow: hidden;
    background: linear-gradient(180deg, var(--gs-surface) 0%, var(--gs-surface-alt) 100%);
    padding-bottom: 8px;
}

.logs-board-head[b-hkzvp90md3] {
    padding: 16px 18px 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.logs-title-wrap[b-hkzvp90md3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.logs-title-wrap h1[b-hkzvp90md3] {
    margin: 0;
    color: var(--gs-text-primary);
    font-size: 38px;
    line-height: 1;
}

.logs-title-icon[b-hkzvp90md3] {
    font-size: 20px;
    color: var(--gs-text-primary);
}

.logs-filters[b-hkzvp90md3] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    flex-wrap: wrap;
}

.logs-date[b-hkzvp90md3] {
    width: 200px;
}

.logs-generate-btn[b-hkzvp90md3] {
    border-radius: 10px;
    text-transform: none;
    font-weight: 700;
}

.logs-empty[b-hkzvp90md3] {
    padding: 16px;
    color: var(--gs-text-secondary);
}

:deep(.logs-tabs .mud-tabs-toolbar)[b-hkzvp90md3] {
    background: var(--gs-surface-alt);
    border-bottom: 1px solid var(--gs-border);
    padding: 0 12px;
}

:deep(.logs-tab-panel)[b-hkzvp90md3] {
    padding: 0 18px 12px;
}

:deep(.mud-table-container)[b-hkzvp90md3] {
    background: var(--gs-surface);
}

:deep(.mud-table-head .mud-table-cell)[b-hkzvp90md3] {
    background: var(--gs-surface-alt);
    color: var(--gs-text-primary);
    font-weight: 700;
}

:deep(.mud-table-body .mud-table-row .mud-table-cell)[b-hkzvp90md3] {
    color: var(--gs-text-primary);
}

:deep(.mud-table-body .mud-table-row)[b-hkzvp90md3] {
    background: var(--gs-surface);
}

:deep(.mud-table-body .mud-table-row:nth-child(even))[b-hkzvp90md3] {
    background: var(--gs-surface-alt);
}

:deep(.mud-data-grid-pager)[b-hkzvp90md3] {
    background: var(--gs-surface-alt);
    color: var(--gs-text-primary);
}

.pager-with-export[b-hkzvp90md3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
}

@media (max-width: 900px) {
    .logs-title-wrap h1[b-hkzvp90md3] {
        font-size: 30px;
    }

    .logs-date[b-hkzvp90md3] {
        width: 100%;
    }

    .logs-filters[b-hkzvp90md3] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* _content/greenstorage-frontend/Components/Pages/Presupuesto/Presupuesto.razor.rz.scp.css */
.presupuesto-shell[b-n0i0euwd1v] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.presupuesto-shell h1[b-n0i0euwd1v] {
    margin: 0;
    color: var(--gs-text-primary);
    font-size: 38px;
    line-height: 1;
}

.presupuesto-hint[b-n0i0euwd1v] {
    margin: 0;
    color: var(--gs-text-secondary);
}

.presupuesto-panel[b-n0i0euwd1v] {
    border: 1px solid var(--gs-border);
    border-radius: 14px;
    background: linear-gradient(180deg, var(--gs-surface) 0%, var(--gs-surface-alt) 100%);
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.presupuesto-config[b-n0i0euwd1v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 14px;
    align-items: end;
}

.presupuesto-loading[b-n0i0euwd1v] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}

.presupuesto-tabs[b-n0i0euwd1v] {
    width: 100%;
}

.presupuesto-mes-total[b-n0i0euwd1v] {
    margin-top: 10px;
    text-align: right;
    color: var(--gs-text-secondary);
}

.presupuesto-resumen[b-n0i0euwd1v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    border: 1px solid var(--gs-border);
    border-radius: 14px;
    padding: 16px 18px;
    background: linear-gradient(180deg, var(--gs-surface) 0%, var(--gs-surface-alt) 100%);
}

@media (max-width: 720px) {
    .presupuesto-resumen[b-n0i0euwd1v] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* _content/greenstorage-frontend/Components/Pages/Reportes/ReporteFiltroPanel.razor.rz.scp.css */
.reporte-filtro-panel[b-kbkfsi6437] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.reporte-filtro-detalle[b-kbkfsi6437] {
    border-left: 3px solid var(--gs-primary);
    background: var(--gs-surface-alt);
    border-radius: 6px;
    padding: 10px 14px;
}

.reporte-filtro-detalle-title[b-kbkfsi6437] {
    color: var(--gs-primary-ink);
    font-weight: 700;
    margin-bottom: 4px;
}

.reporte-filtro-detalle-text[b-kbkfsi6437] {
    color: var(--gs-text-secondary);
    line-height: 1.6;
}

.reporte-filtro-fechas[b-kbkfsi6437] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 22px;
}

.reporte-filtro-date[b-kbkfsi6437] {
    width: 150px;
}

.reporte-filtro-accion[b-kbkfsi6437] {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.reporte-generar-btn[b-kbkfsi6437] {
    border-radius: 10px;
    text-transform: none;
    font-weight: 700;
    min-width: 168px;
}

.reporte-generar-icon[b-kbkfsi6437] {
    margin-right: 6px;
}

:deep(.reporte-generar-spinner)[b-kbkfsi6437] {
    margin-right: 8px;
    color: inherit;
}

.reporte-filtro-nota[b-kbkfsi6437] {
    color: var(--gs-text-muted);
}

@media (max-width: 900px) {
    .reporte-filtro-fechas[b-kbkfsi6437] {
        gap: 10px;
    }
}
/* _content/greenstorage-frontend/Components/Pages/Reportes/Reportes.razor.rz.scp.css */
.reportes-shell[b-xxyupj2uq3] {
    display: flex;
    flex-direction: column;
}

.reportes-board[b-xxyupj2uq3] {
    border: 1px solid var(--gs-border);
    border-radius: 14px;
    overflow: hidden;
    background: linear-gradient(180deg, var(--gs-surface) 0%, var(--gs-surface-alt) 100%);
    padding-bottom: 8px;
}

.reportes-board-head[b-xxyupj2uq3] {
    padding: 16px 18px 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.reportes-title-wrap[b-xxyupj2uq3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.reportes-title-wrap h1[b-xxyupj2uq3] {
    margin: 0;
    color: var(--gs-text-primary);
    font-size: 38px;
    line-height: 1;
}

.reportes-title-icon[b-xxyupj2uq3] {
    font-size: 20px;
    color: var(--gs-text-primary);
}

.reportes-empty[b-xxyupj2uq3] {
    padding: 16px;
    color: var(--gs-text-secondary);
}

:deep(.reportes-tabs .mud-tabs-toolbar)[b-xxyupj2uq3] {
    background: var(--gs-surface-alt);
    border-bottom: 1px solid var(--gs-border);
    padding: 0 12px;
}

:deep(.reportes-tab-panel)[b-xxyupj2uq3] {
    padding: 0 18px 12px;
}

/* Sub-tabs: nivel anidado dentro de un tab principal. Usa un naranja quemado
   (mezcla del mismo --gs-primary de marca con negro) claramente mas oscuro que
   el naranja del tab principal, para que se lea como un nivel secundario y no
   se confunda visualmente con --gs-primary-hover (demasiado parecido a simple vista). */
:deep(.reportes-sub-tabs)[b-xxyupj2uq3] {
    --gs-sub-orange: color-mix(in srgb, var(--gs-primary) 60%, black 35%);
    --mud-palette-primary: var(--gs-sub-orange);
    --mud-palette-primary-text: #FFFFFF;
    background: var(--gs-primary-soft);
    border: 1px solid var(--gs-primary-soft-strong);
    border-radius: 10px;
    margin: 6px 0 16px;
    overflow: hidden;
}

:deep(.reportes-sub-tabs .mud-tabs-toolbar)[b-xxyupj2uq3] {
    background: transparent;
    border-bottom: 1px solid var(--gs-primary-soft-strong);
    padding: 0 10px;
    min-height: 38px;
}

:deep(.reportes-sub-tabs .mud-tab)[b-xxyupj2uq3] {
    color: var(--gs-text-secondary);
    font-size: 12.5px;
    font-weight: 600;
    text-transform: none;
    min-height: 38px;
}

:deep(.reportes-sub-tabs .mud-tab.mud-tab-active)[b-xxyupj2uq3] {
    color: var(--gs-sub-orange) !important;
}

:deep(.reportes-sub-tabs .mud-tab-slider)[b-xxyupj2uq3] {
    background-color: var(--gs-sub-orange) !important;
    height: 3px;
}

/* Contorno visible en cada panel de sub-tab, para marcar el area de contenido
   disponible de ese reporte. */
:deep(.reportes-tab-panel-sub)[b-xxyupj2uq3] {
    margin: 10px 12px 14px;
    padding: 16px;
    border: 1px solid var(--gs-primary-soft-strong);
    border-radius: 8px;
    background: var(--gs-surface);
}

@media (max-width: 900px) {
    .reportes-title-wrap h1[b-xxyupj2uq3] {
        font-size: 30px;
    }
}
/* _content/greenstorage-frontend/Components/Pages/Security/Roles.razor.rz.scp.css */
.roles-page[b-lj2yekwzuv] {
    padding-bottom: 24px;
}

.roles-card[b-lj2yekwzuv] {
    border: 1px solid var(--gs-border);
    border-radius: 14px;
    background: linear-gradient(180deg, var(--gs-surface) 0%, var(--gs-surface-alt) 100%);
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.roles-card-list[b-lj2yekwzuv] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.roles-form-row[b-lj2yekwzuv] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.roles-form-row :deep(.mud-input-control)[b-lj2yekwzuv] {
    min-width: 260px;
}

.roles-inline-loading[b-lj2yekwzuv] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.roles-assign-head[b-lj2yekwzuv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.roles-columns[b-lj2yekwzuv] {
    display: grid;
    grid-template-columns: 5fr 140px 7fr;
    align-items: stretch;
    gap: 14px;
}

.roles-col-panel[b-lj2yekwzuv] {
    border: 1px solid var(--gs-border);
    border-radius: 12px;
    background: var(--gs-surface);
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.roles-actions[b-lj2yekwzuv] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 12px;
}

.roles-grid-head[b-lj2yekwzuv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.roles-grid-head h3[b-lj2yekwzuv] {
    margin: 0;
    color: var(--gs-text-primary);
    font-size: 16px;
}

.roles-search[b-lj2yekwzuv] {
    width: 100%;
}

.roles-checkbox-cell[b-lj2yekwzuv],
.roles-checkbox-col[b-lj2yekwzuv] {
    width: 48px;
}

.roles-page-cell[b-lj2yekwzuv] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--gs-text-primary);
}

.roles-order-table-wrap[b-lj2yekwzuv] {
    max-height: 440px;
    overflow-y: auto;
    border: 1px solid var(--gs-border);
    border-radius: 8px;
}

.roles-order-table[b-lj2yekwzuv] {
    width: 100%;
    border-collapse: collapse;
}

.roles-order-table thead th[b-lj2yekwzuv] {
    position: sticky;
    top: 0;
    background: var(--gs-surface-alt);
    color: var(--gs-text-primary);
    font-weight: 700;
    text-align: left;
    padding: 10px 8px;
    border-bottom: 1px solid var(--gs-border);
    z-index: 1;
}

.roles-order-table tbody td[b-lj2yekwzuv] {
    padding: 8px;
    border-bottom: 1px solid var(--gs-border);
    color: var(--gs-text-primary);
}

.roles-order-row[b-lj2yekwzuv] {
    cursor: grab;
    background: var(--gs-surface);
}

.roles-order-row:nth-child(even)[b-lj2yekwzuv] {
    background: var(--gs-surface-alt);
}

.roles-order-row:hover[b-lj2yekwzuv] {
    background: rgba(226, 121, 66, 0.09);
}

.roles-order-row.roles-row-dragging[b-lj2yekwzuv] {
    opacity: 0.4;
}

.roles-order-row:active[b-lj2yekwzuv] {
    cursor: grabbing;
}

.roles-drag-col[b-lj2yekwzuv] {
    width: 32px;
    text-align: center;
    color: var(--gs-text-secondary);
}

.no-records[b-lj2yekwzuv] {
    padding: 18px;
    color: var(--gs-text-secondary);
    text-align: center;
}

.roles-order-col[b-lj2yekwzuv] {
    width: 40px;
    font-weight: 700;
    color: var(--gs-text-secondary);
}

@media (max-width: 960px) {
    .roles-columns[b-lj2yekwzuv] {
        grid-template-columns: 1fr;
    }

    .roles-actions[b-lj2yekwzuv] {
        flex-direction: row;
    }
}
/* _content/greenstorage-frontend/Components/Pages/Security/Usuarios.razor.rz.scp.css */
.pager-with-export[b-xmawlvcs1y] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
}
/* _content/greenstorage-frontend/Components/Pages/Settings/Settings.razor.rz.scp.css */
.settings-page[b-bj8rqvahm9] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.settings-hero[b-bj8rqvahm9] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 2px 4px;
}

.settings-kicker[b-bj8rqvahm9] {
    margin: 0 0 8px;
    color: #ef8d5a;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-size: 12px;
    font-weight: 700;
}

.settings-hero h1[b-bj8rqvahm9] {
    margin: 0;
    font-size: clamp(28px, 4vw, 40px);
    letter-spacing: -0.04em;
}

.settings-description[b-bj8rqvahm9] {
    margin: 10px 0 0;
    color: var(--gs-text-secondary);
    max-width: 68ch;
    line-height: 1.7;
}

.settings-shell[b-bj8rqvahm9] {
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    gap: 18px;
    min-height: calc(100vh - 200px);
}

.settings-sidebar[b-bj8rqvahm9],
.settings-content[b-bj8rqvahm9] {
    background: var(--gs-surface-translucent);
    border: 1px solid var(--gs-border);
    border-radius: 22px;
    backdrop-filter: blur(10px);
    box-shadow: var(--gs-shadow-card);
}

.settings-sidebar[b-bj8rqvahm9] {
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.settings-sidebar-title[b-bj8rqvahm9] {
    color: var(--gs-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 8px 4px;
}

.settings-tab[b-bj8rqvahm9] {
    appearance: none;
    border: 1px solid var(--gs-border);
    background: linear-gradient(180deg, var(--gs-surface-alt), var(--gs-surface));
    color: var(--gs-text-primary);
    border-radius: 18px;
    padding: 14px 14px;
    display: flex;
    align-items: center;
    gap: 14px;
    text-align: left;
    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.settings-tab:hover[b-bj8rqvahm9] {
    transform: translateY(-1px);
    border-color: rgba(226, 121, 66, 0.45);
    box-shadow: 0 14px 30px rgba(16, 24, 32, 0.08);
}

.settings-tab.is-active[b-bj8rqvahm9] {
    border-color: rgba(226, 121, 66, 0.95);
    background: linear-gradient(180deg, rgba(226, 121, 66, 0.12), var(--gs-surface-alt));
    box-shadow: inset 0 0 0 1px rgba(226, 121, 66, 0.22), 0 18px 34px rgba(16, 24, 32, 0.08);
}

.settings-tab-icon[b-bj8rqvahm9] {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: var(--gs-primary-ink);
    background: rgba(226, 121, 66, 0.12);
    flex: 0 0 auto;
}

.settings-tab strong[b-bj8rqvahm9],
.settings-tab small[b-bj8rqvahm9] {
    display: block;
}

.settings-tab strong[b-bj8rqvahm9] {
    font-size: 14px;
    font-weight: 700;
}

.settings-tab small[b-bj8rqvahm9] {
    color: var(--gs-text-secondary);
    margin-top: 3px;
    font-size: 12px;
}

.settings-content[b-bj8rqvahm9] {
    padding: 22px;
    min-width: 0;
}

.settings-loading[b-bj8rqvahm9] {
    min-height: 360px;
    display: grid;
    place-items: center;
}

:deep(.settings-card)[b-bj8rqvahm9] {
    background: transparent;
    border: 0;
}

:deep(.settings-card-head)[b-bj8rqvahm9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

:deep(.settings-form-grid)[b-bj8rqvahm9] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

:deep(.settings-actions)[b-bj8rqvahm9] {
    display: flex;
    justify-content: flex-end;
    margin-top: 18px;
}

:deep(.settings-placeholder)[b-bj8rqvahm9],
:deep(.about-card)[b-bj8rqvahm9] {
    border: 1px solid var(--gs-border);
    border-radius: 18px;
    background: var(--gs-surface-alt);
    padding: 20px;
}

:deep(.settings-placeholder)[b-bj8rqvahm9] {
    min-height: 180px;
    display: grid;
    place-items: center;
    text-align: center;
}

@media (max-width: 960px) {
    .settings-shell[b-bj8rqvahm9] {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .settings-sidebar[b-bj8rqvahm9] {
        flex-direction: row;
        overflow-x: auto;
        padding-bottom: 14px;
    }

    .settings-sidebar-title[b-bj8rqvahm9] {
        display: none;
    }

    .settings-tab[b-bj8rqvahm9] {
        min-width: 240px;
    }
}

@media (max-width: 640px) {
    .settings-content[b-bj8rqvahm9],
    .settings-sidebar[b-bj8rqvahm9] {
        border-radius: 18px;
    }

    .settings-hero h1[b-bj8rqvahm9] {
        line-height: 1.05;
    }
}