/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-dv04avf4sj] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-dv04avf4sj] {
    flex: 1;
}

.sidebar[b-dv04avf4sj] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-dv04avf4sj] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-dv04avf4sj]  a, .top-row[b-dv04avf4sj]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-dv04avf4sj]  a:hover, .top-row[b-dv04avf4sj]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-dv04avf4sj]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-dv04avf4sj] {
        justify-content: space-between;
    }

    .top-row[b-dv04avf4sj]  a, .top-row[b-dv04avf4sj]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-dv04avf4sj] {
        flex-direction: row;
    }

    .sidebar[b-dv04avf4sj] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-dv04avf4sj] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-dv04avf4sj]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-dv04avf4sj], article[b-dv04avf4sj] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-dv04avf4sj] {
    color-scheme: light only;
    background: lightyellow;
    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-dv04avf4sj] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Modals/Previsao/PrevisaoHistoricoModal.razor.rz.scp.css */
.previsao-search-bar[b-j43vzr3yzr] {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 12px;
}

.previsao-desktop-table[b-j43vzr3yzr] {
    display: block;
}

.previsao-mobile-cards[b-j43vzr3yzr] {
    display: none;
}

@media (max-width: 768px) {
    .previsao-search-bar[b-j43vzr3yzr] {
        flex-direction: column;
        align-items: stretch;
    }

    .previsao-desktop-table[b-j43vzr3yzr] {
        display: none;
    }

    .previsao-mobile-cards[b-j43vzr3yzr] {
        display: block;
    }
}

.previsao-card[b-j43vzr3yzr] {
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    padding: 12px;
    margin-bottom: 12px;
    background-color: rgba(255, 255, 255, 0.5);
}

.previsao-card-title[b-j43vzr3yzr] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.87);
}

.previsao-card-grid[b-j43vzr3yzr] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.previsao-card-grid > div[b-j43vzr3yzr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-size: 0.9rem;
}

.previsao-card-grid > div > span[b-j43vzr3yzr] {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
}

.previsao-card-grid > div > strong[b-j43vzr3yzr] {
    color: rgba(0, 0, 0, 0.87);
    font-weight: 600;
}
/* /Components/Pages/Auth/LoginPage.razor.rz.scp.css */
/* Wrapper para centrar o cartão na página */
.auth-wrapper[b-0387gy6knw] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    background-color: var(--background-color);
    padding: 20px;
    box-sizing: border-box;
}

/* Login Logo */
.login-logo[b-0387gy6knw] {
    text-align: center;
}

.nav-logo[b-0387gy6knw] {
    width: 80px;
    height: 80px;
    border-radius: 12px;
    object-fit: cover;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Login Split Layout - CORRIGIDO */
.login-split-layout[b-0387gy6knw] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    background: var(--card-bg);
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.07);
    overflow: hidden;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    min-height: 600px;
}

.login-split-image[b-0387gy6knw] {
    position: relative;
    min-height: 600px;
    width: 100%;
}

    .login-split-image img[b-0387gy6knw] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.login-split-overlay[b-0387gy6knw] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.9), rgba(59, 130, 246, 0.8));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
}

.login-split-form[b-0387gy6knw] {
    padding: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
}

/* Botão toggle mostrar/ocultar senha */
.btn-password-toggle[b-0387gy6knw] {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0.25rem;
    color: var(--text-secondary);
    cursor: pointer;
    line-height: 1;
    font-size: 1rem;
}

    .btn-password-toggle:hover[b-0387gy6knw] {
        color: var(--primary);
    }

/* Media Query para telas menores */
@media (max-width: 968px) {
    .login-split-layout[b-0387gy6knw] {
        grid-template-columns: 1fr !important;
        max-width: 500px;
    }

    .login-split-image[b-0387gy6knw] {
        display: none !important;
    }

    .login-split-form[b-0387gy6knw] {
        padding: 2rem;
    }
}

/* Media Query para dispositivos muito pequenos (mobile) */
@media (max-width: 480px) {
    .login-split-form[b-0387gy6knw] {
        padding: 1.5rem 1rem;
    }

    .form-group[b-0387gy6knw] {
        margin-bottom: 1rem !important;
    }

    .form-checkbox[b-0387gy6knw] {
        min-width: 20px;
        width: 20px !important;
        height: 20px !important;
        margin: 0 !important;
        flex-shrink: 0;
    }
}
/* /Components/Pages/Auth/NovaConta.razor.rz.scp.css */
/* ── Back to login link ──────────────────────────────────────── */
.login-header-links[b-p2jnshz34u] {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 1.25rem;
}

.login-back-home[b-p2jnshz34u] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--primary);
    font-size: 0.85rem;
    font-weight: 500;
    text-decoration: none;
    transition: opacity 0.2s;
}

.login-back-home:hover[b-p2jnshz34u] {
    opacity: 0.75;
    text-decoration: none;
}

/* ── Stepper ─────────────────────────────────────────────────── */
.nc-stepper[b-p2jnshz34u] {
    display: flex;
    align-items: center;
    margin: 1.25rem 0 1.75rem;
}

.nc-step[b-p2jnshz34u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    background: none;
    border: none;
    cursor: default;
    padding: 0;
    flex-shrink: 0;
    min-width: 72px;
}

.nc-step.completed[b-p2jnshz34u] {
    cursor: pointer;
}

.nc-step-dot[b-p2jnshz34u] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid var(--border);
    background: var(--surface-subtle);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-secondary);
    transition: border-color 0.2s, background 0.2s, color 0.2s;
    line-height: 1;
}

.nc-step.active .nc-step-dot[b-p2jnshz34u],
.nc-step.completed .nc-step-dot[b-p2jnshz34u] {
    border-color: var(--primary, #325bb3);
    background: var(--primary, #325bb3);
    color: white;
}

.nc-step-label[b-p2jnshz34u] {
    font-size: 0.72rem;
    color: var(--text-secondary);
    font-weight: 500;
    white-space: nowrap;
    transition: color 0.2s;
}

.nc-step.active .nc-step-label[b-p2jnshz34u],
.nc-step.completed .nc-step-label[b-p2jnshz34u] {
    color: var(--primary, #325bb3);
    font-weight: 600;
}

.nc-step-line[b-p2jnshz34u] {
    flex: 1;
    height: 2px;
    background: var(--border);
    margin-bottom: 22px;
    transition: background 0.25s;
}

.nc-step-line.done[b-p2jnshz34u] {
    background: var(--primary, #325bb3);
}

/* ── Step content ────────────────────────────────────────────── */
.step-content[b-p2jnshz34u] {
    display: none;
}

.step-content.active[b-p2jnshz34u] {
    display: block;
}

/* ── Summary (step 3) ────────────────────────────────────────── */
.nc-summary[b-p2jnshz34u] {
    background: var(--surface-subtle);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 1.1rem 1.25rem;
    margin-bottom: 1rem;
}

.nc-summary-title[b-p2jnshz34u] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.nc-summary-grid[b-p2jnshz34u] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.nc-summary-item[b-p2jnshz34u] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.nc-summary-label[b-p2jnshz34u] {
    font-size: 0.72rem;
    color: var(--text-secondary);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.nc-summary-value[b-p2jnshz34u] {
    font-size: 0.875rem;
    color: var(--text-primary);
    font-weight: 600;
}

/* ── Terms row ───────────────────────────────────────────────── */
.nc-terms-row[b-p2jnshz34u] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.nc-terms-label[b-p2jnshz34u] {
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin: 0;
    cursor: pointer;
    line-height: 1.5;
}

/* ── Navigation ──────────────────────────────────────────────── */
.nc-nav[b-p2jnshz34u] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.nc-btn-back[b-p2jnshz34u] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.75rem 1.1rem;
    border: 1.5px solid var(--border);
    border-radius: 8px;
    background: var(--card-bg);
    color: var(--text-secondary);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: border-color 0.2s, color 0.2s;
    white-space: nowrap;
    flex-shrink: 0;
}

.nc-btn-back:hover[b-p2jnshz34u] {
    border-color: var(--text-secondary);
    color: var(--text-primary);
}

.nc-btn-next[b-p2jnshz34u] {
    flex: 1;
    width: auto !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

/* ── Switch group ────────────────────────────────────────────── */
.nc-switch-group[b-p2jnshz34u] {
    margin-top: 0.75rem;
    padding-top: 0.875rem;
    border-top: 1px solid var(--border);
}

.nc-switch-label[b-p2jnshz34u] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary);
    margin: 0 0 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

/* ── Textarea ────────────────────────────────────────────────── */
.nc-textarea[b-p2jnshz34u] {
    resize: vertical;
    min-height: 80px;
    padding-left: 1rem !important;
}

/* ── Optional tag ────────────────────────────────────────────── */
.nc-optional[b-p2jnshz34u] {
    color: var(--text-secondary);
    font-weight: 400;
    font-size: 0.8em;
}

/* ── Inline link button (terms) ──────────────────────────────── */
.nc-link[b-p2jnshz34u] {
    background: none;
    border: none;
    padding: 0;
    color: var(--primary, #325bb3);
    font-size: inherit;
    cursor: pointer;
    text-decoration: underline;
    font-family: inherit;
}

.nc-link:hover[b-p2jnshz34u] {
    opacity: 0.8;
}
/* /Components/Pages/Features/Calculadora/Calculadora.razor.rz.scp.css */
/* MudTabs Customization for Better Mobile Experience */
:deep .mud-tabs[b-0vda2dn3y8] {
    width: 100%;
    margin: 0;
}

:deep .mud-tabs-header[b-0vda2dn3y8] {
    border-bottom: 2px solid var(--border);
    background: linear-gradient(135deg, var(--card-bg) 0%, var(--bg-secondary) 100%);
}

:deep .mud-tabs-header-items[b-0vda2dn3y8] {
    justify-content: flex-start;
    overflow-x: auto;
    padding: 0 0.5rem;
}

:deep .mud-tab[b-0vda2dn3y8] {
    min-width: auto;
    padding: 1rem 1.25rem;
    font-weight: 600;
    color: var(--text-secondary);
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
    margin: 0;
    white-space: nowrap;
}

:deep .mud-tab-active[b-0vda2dn3y8] {
    color: var(--primary);
    border-bottom-color: var(--primary);
    background: rgba(79, 70, 229, 0.05);
}

:deep .mud-tab:hover[b-0vda2dn3y8] {
    color: var(--primary);
    background: rgba(79, 70, 229, 0.08);
}

:deep .mud-tabs-content[b-0vda2dn3y8] {
    padding: 1.5rem 0.5rem;
}

:deep .mud-tab-content[b-0vda2dn3y8] {
    padding: 0;
    margin: 0;
}

/* Tab content organization */
.tab-content[b-0vda2dn3y8] {
    display: flex;
    flex-direction: column;
}

.recipe-title-row[b-0vda2dn3y8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

    .recipe-title-row .section-title[b-0vda2dn3y8] {
        margin: 0;
    }

.recipe-search-desktop[b-0vda2dn3y8] {
    min-width: 100px;
    max-width: 320px;
}

/* Mobile optimization */
@media (max-width: 768px) {
    .recipe-title-row[b-0vda2dn3y8] {
        flex-direction: column;
        align-items: stretch;
    }

    .recipe-search-desktop[b-0vda2dn3y8] {
        min-width: 100%;
        max-width: 100%;
    }

    :deep .mud-tabs-header-items[b-0vda2dn3y8] {
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
    }

    :deep .mud-tab[b-0vda2dn3y8] {
        padding: 0.875rem 1rem;
        font-size: 0.95rem;
        min-width: fit-content;
    }

    :deep .mud-tabs-content[b-0vda2dn3y8] {
        padding: 1rem 0;
    }

    .tab-content[b-0vda2dn3y8] {
        gap: 1rem;
    }

    /* Reduce padding on mobile */
    .recipe-selector-section[b-0vda2dn3y8],
    .recipe-ingredients-panel[b-0vda2dn3y8],
    .expense-selector-section[b-0vda2dn3y8],
    .form-row-calc[b-0vda2dn3y8],
    .results-panel[b-0vda2dn3y8] {
        padding: 0;
        margin-bottom: 1rem;
    }

    .section-title[b-0vda2dn3y8] {
        font-size: 1.1rem;
        margin-bottom: 0.75rem;
    }
}

/* Ensure consistent spacing in sections */
.recipe-selector-section[b-0vda2dn3y8],
.recipe-ingredients-panel[b-0vda2dn3y8],
.expense-selector-section[b-0vda2dn3y8],
.form-row-calc[b-0vda2dn3y8],
.results-panel[b-0vda2dn3y8] {
    background: var(--surface-subtle);
    border-radius: 12px;
    padding: 1.25rem;
    border: 1px solid var(--border);
}

.form-row-calc[b-0vda2dn3y8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    background: var(--card-bg);
    border: 1px solid var(--border);
}

.form-group-calc[b-0vda2dn3y8] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-label-calc[b-0vda2dn3y8] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.9rem;
}

.form-input-calc[b-0vda2dn3y8] {
    padding: 0.75rem;
    border: 1px solid var(--border);
    border-radius: 8px;
    font-size: 1rem;
    transition: border-color 0.3s ease;
}

    .form-input-calc:focus[b-0vda2dn3y8] {
        outline: none;
        border-color: var(--primary);
        box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
    }

/* Buttons styling for tab content */
.mud-button-root[b-0vda2dn3y8] {
    transition: all 0.3s ease;
}

    .mud-button-root:hover[b-0vda2dn3y8] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

/* Results grid optimization */
.results-grid[b-0vda2dn3y8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

.results-list[b-0vda2dn3y8] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.result-row[b-0vda2dn3y8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0.9rem;
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 10px;
}

.result-row-info[b-0vda2dn3y8] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.result-row-label[b-0vda2dn3y8] {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-weight: 600;
    color: var(--text-primary);
}

    .result-row-label i[b-0vda2dn3y8] {
        width: 24px;
        height: 24px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 0.82rem;
    }

.result-icon-expenses[b-0vda2dn3y8] {
    background: #fee2e2;
    color: #dc2626;
}

.result-icon-ingredients[b-0vda2dn3y8] {
    background: #ffedd5;
    color: #ea580c;
}

.result-icon-yield[b-0vda2dn3y8] {
    background: #ede9fe;
    color: #7c3aed;
}

.result-icon-profit[b-0vda2dn3y8] {
    background: #dcfce7;
    color: #16a34a;
}

.result-icon-price[b-0vda2dn3y8] {
    background: #dbeafe;
    color: #2563eb;
}

.result-row-sub[b-0vda2dn3y8] {
    margin: 0.2rem 0 0;
    font-size: 0.82rem;
    color: var(--text-secondary);
}

.result-row-value[b-0vda2dn3y8] {
    margin: 0;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: 700;
    color: var(--primary);
}

@media (max-width: 768px) {
    .results-grid[b-0vda2dn3y8] {
        grid-template-columns: 1fr;
    }

    .result-row[b-0vda2dn3y8] {
        align-items: flex-start;
        flex-direction: column;
    }

    .result-row-value[b-0vda2dn3y8] {
        font-size: 1.05rem;
    }

    .form-row-calc[b-0vda2dn3y8] {
        grid-template-columns: 1fr;
    }
}

/* Smooth transitions between tabs */
:deep .mud-tab-content[b-0vda2dn3y8] {
    animation: fadeIn-b-0vda2dn3y8 0.3s ease-in-out;
}

@keyframes fadeIn-b-0vda2dn3y8 {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scrollbar styling for tab headers on mobile */
:deep .mud-tabs-header-items[b-0vda2dn3y8]::-webkit-scrollbar {
    height: 4px;
}

:deep .mud-tabs-header-items[b-0vda2dn3y8]::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

:deep .mud-tabs-header-items[b-0vda2dn3y8]::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 4px;
}

    :deep .mud-tabs-header-items[b-0vda2dn3y8]::-webkit-scrollbar-thumb:hover {
        background: var(--text-secondary);
    }

/* ===== Visibility: desktop vs mobile ===== */
.desktop-tabs[b-0vda2dn3y8] {
    display: block;
}

.mobile-steps[b-0vda2dn3y8] {
    display: none;
}

@media (max-width: 992px) {
    .desktop-tabs[b-0vda2dn3y8] {
        display: none;
    }

    .recipe-calculator[b-0vda2dn3y8] {
        display: none;
    }

    .mobile-steps[b-0vda2dn3y8] {
        display: block;
    }

    .header-actions[b-0vda2dn3y8] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0.35rem;
    }
}

/* ===== Steps UI ===== */
.steps-header[b-0vda2dn3y8] {
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 4px 28px;
    margin: 0 0 16px;
    background: var(--card-bg);
    box-shadow: 0 1px 0 rgba(0,0,0,.04);
}

    .steps-header .step[b-0vda2dn3y8] {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: var(--bg-secondary);
        color: var(--text-secondary);
        font-weight: 700;
        outline: none;
        transition: background .2s ease, box-shadow .2s ease, color .2s ease;
    }

        .steps-header .step:hover[b-0vda2dn3y8] {
            box-shadow: 0 0 0 3px rgba(25,118,210,.15);
            cursor: pointer;
        }

        .steps-header .step:focus[b-0vda2dn3y8] {
            box-shadow: 0 0 0 3px rgba(25,118,210,.25);
        }

        .steps-header .step.active[b-0vda2dn3y8] {
            background: var(--primary);
            color: #fff;
        }

        .steps-header .step span[b-0vda2dn3y8] {
            position: absolute;
            top: 42px;
            font-size: 0.75rem;
            white-space: nowrap;
            color: var(--text-secondary);
        }

    .steps-header .connector[b-0vda2dn3y8] {
        flex: 0 0 clamp(52px, 18vw, 96px);
        height: 2px;
        background: var(--bg-secondary);
    }

        .steps-header .connector.active[b-0vda2dn3y8] {
            background: linear-gradient(90deg, var(--primary,#1976d2), rgba(25,118,210,.6));
        }

.steps-body .step-panel[b-0vda2dn3y8] {
    background: var(--card-bg);
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,.06);
}

.steps-actions[b-0vda2dn3y8] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 16px;
}

.btn-step[b-0vda2dn3y8] {
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid transparent;
    cursor: pointer;
    font-weight: 700;
}

    .btn-step.prev[b-0vda2dn3y8] {
        background: var(--bg-secondary);
        color: var(--text-primary);
    }

    .btn-step.next[b-0vda2dn3y8] {
        background: var(--primary);
        color: #fff;
    }

        .btn-step.next:hover[b-0vda2dn3y8] {
            filter: brightness(0.95);
        }

/* ===== Linha de despesa ===== */
.expense-row[b-0vda2dn3y8] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    width: 100%;
}

.expense-name[b-0vda2dn3y8] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.expense-value[b-0vda2dn3y8] {
    white-space: nowrap;
    flex-shrink: 0;
}

/* ===== Badge de despesa fixa ===== */
.expense-type-badge[b-0vda2dn3y8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    border: 1px solid transparent;
    white-space: nowrap;
}

    .expense-type-badge.fixed[b-0vda2dn3y8] {
        background: #dcfce7;
        color: #14532d;
        border-color: #86efac;
    }

.expense-fixed-chip[b-0vda2dn3y8] {
    flex-shrink: 0;
}

/* ===== Mobile: grid de 2 linhas quando fixa ===== */
@media (max-width: 768px) {
    .expense-row[b-0vda2dn3y8] {
        display: grid;
        grid-template-columns: auto 1fr auto;
        grid-template-areas: "check name value";
        column-gap: 8px;
        row-gap: 4px;
        align-items: center;
    }

    .expense-item.has-fixed-badge[b-0vda2dn3y8] {
        position: relative;
    }

    .expense-row.has-fixed-badge[b-0vda2dn3y8] {
        padding-top: 18px;
    }

    .expense-checkbox[b-0vda2dn3y8] {
        grid-area: check;
    }

    .expense-name[b-0vda2dn3y8] {
        grid-area: name;
        min-width: 0;
    }

    .expense-value[b-0vda2dn3y8] {
        grid-area: value;
        justify-self: end;
    }

    .expense-type-badge[b-0vda2dn3y8] {
        grid-area: badge;
        justify-self: start;
        font-size: 0.68rem;
        padding: 2px 6px;
    }

    .expense-fixed-chip[b-0vda2dn3y8] {
        position: absolute;
        top: 6px;
        right: 8px;
        z-index: 2;
        width: fit-content;
    }
}

@media (max-width: 768px) {
    .mobile-steps .expense-selector[b-0vda2dn3y8] {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .mobile-steps .expense-item[b-0vda2dn3y8] {
        border: 1px solid var(--border);
        border-radius: 12px;
        background: var(--card-bg);
        padding: 0.75rem;
    }

    .mobile-steps .expense-row[b-0vda2dn3y8],
    .mobile-steps .expense-row.has-fixed-badge[b-0vda2dn3y8] {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-areas:
            "check info"
            "chip chip"
            "value value";
        align-items: start;
        column-gap: 0.75rem;
        row-gap: 0.5rem;
        padding-top: 0;
    }

    .mobile-steps .expense-checkbox[b-0vda2dn3y8] {
        grid-area: check;
        margin-top: 0.1rem;
    }

    .mobile-steps .expense-info[b-0vda2dn3y8] {
        grid-area: info;
        min-width: 0;
        gap: 0.25rem;
    }

    .mobile-steps .expense-name[b-0vda2dn3y8] {
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        line-height: 1.3;
        font-weight: 600;
    }

    .mobile-steps .expense-row small[b-0vda2dn3y8] {
        line-height: 1.35;
        font-size: 0.78rem;
    }

    .mobile-steps .expense-fixed-chip[b-0vda2dn3y8] {
        grid-area: chip;
        position: static;
        justify-self: start;
        margin: 0;
    }

    .mobile-steps .expense-value[b-0vda2dn3y8] {
        grid-area: value;
        justify-self: end;
        font-weight: 700;
    }
}

@media (max-width: 360px) {
    .steps-header[b-0vda2dn3y8] {
        gap: 6px;
        padding: 6px 2px;
    }

        .steps-header .step[b-0vda2dn3y8] {
            width: 34px;
            height: 34px;
            font-size: 0.88rem;
        }

            .steps-header .step span[b-0vda2dn3y8] {
                top: 38px;
                font-size: 0.7rem;
            }

        .steps-header .connector[b-0vda2dn3y8] {
            flex: 0 0 42px;
        }
}
/* /Components/Pages/Features/Financas/FinancasPage.razor.rz.scp.css */
.finance-analytics-page[b-896wv3tc4v] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.finance-hero-group[b-896wv3tc4v],
.finance-filter-group[b-896wv3tc4v],
.finance-subnav-group[b-896wv3tc4v],
.finance-chart-shell[b-896wv3tc4v],
.finance-list-shell[b-896wv3tc4v],
.finance-export-shell[b-896wv3tc4v],
.finance-summary-strip[b-896wv3tc4v],
.finance-kpis-grid[b-896wv3tc4v] {
    width: 100%;
}

.finance-header[b-896wv3tc4v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.finance-readonly-badge[b-896wv3tc4v] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
    color: #9a3412;
    font-weight: 700;
}

.finance-filter-shell[b-896wv3tc4v] {
    padding: 1.25rem;
    border: 1px solid var(--border);
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.08), transparent 28%),
        linear-gradient(180deg, var(--card-bg) 0%, var(--bg-secondary) 100%);
}

.finance-filter-head[b-896wv3tc4v] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.finance-filter-head h3[b-896wv3tc4v] {
    margin: 0;
    font-size: 1.1rem;
}

.finance-filter-head p[b-896wv3tc4v] {
    margin: 0.25rem 0 0;
    color: var(--text-secondary);
}

.finance-filter-actions[b-896wv3tc4v] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.finance-filter-summary[b-896wv3tc4v] {
    height: 100%;
    min-height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.2rem;
    padding: 0.85rem 1rem;
    border-radius: 18px;
    background: #eff6ff;
    color: #1d4ed8;
}

.finance-filter-summary span[b-896wv3tc4v] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.finance-subnav[b-896wv3tc4v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
}

.finance-subnav-item[b-896wv3tc4v] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.95rem 1rem;
    border-radius: 18px;
    text-decoration: none;
    color: var(--text-primary);
    background: var(--card-bg);
    border: 1px solid var(--border);
    transition: all 0.2s ease;
}

.finance-subnav-item:hover[b-896wv3tc4v],
.finance-subnav-item.active[b-896wv3tc4v] {
    border-color: #2563eb;
    color: #1d4ed8;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    transform: translateY(-1px);
}

.finance-section-grid[b-896wv3tc4v] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.finance-kpis-grid[b-896wv3tc4v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.finance-kpi-card[b-896wv3tc4v] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.15rem;
    border-radius: 22px;
    border: 1px solid var(--border);
    background: var(--card-bg);
}

.finance-kpi-card span[b-896wv3tc4v] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.finance-kpi-card strong[b-896wv3tc4v] {
    font-size: 1.35rem;
    color: var(--text-primary);
}

.finance-kpi-card.positive[b-896wv3tc4v] {
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
}

.finance-kpi-card.negative[b-896wv3tc4v] {
    background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%);
}

.finance-kpi-card.neutral[b-896wv3tc4v] {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

.finance-kpi-icon[b-896wv3tc4v] {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    font-size: 1.4rem;
    background: rgba(255, 255, 255, 0.7);
    color: var(--text-primary);
}

.finance-chart-shell[b-896wv3tc4v],
.finance-list-shell[b-896wv3tc4v],
.finance-export-shell[b-896wv3tc4v],
.finance-summary-strip[b-896wv3tc4v] {
    padding: 1.15rem;
    border-radius: 24px;
    border: 1px solid var(--border);
    background: var(--card-bg);
}

.finance-section-head[b-896wv3tc4v] {
    margin-bottom: 1rem;
}

.finance-table-wrap[b-896wv3tc4v] {
    overflow-x: auto;
}

.finance-table[b-896wv3tc4v] {
    width: 100%;
    border-collapse: collapse;
}

.finance-table th[b-896wv3tc4v],
.finance-table td[b-896wv3tc4v] {
    padding: 0.9rem 0.75rem;
    border-bottom: 1px solid var(--border);
    text-align: left;
}

.finance-table th[b-896wv3tc4v] {
    color: var(--text-secondary);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.finance-table-note[b-896wv3tc4v] {
    display: inline-block;
    margin-top: 0.25rem;
    font-size: 0.8rem;
    color: var(--text-secondary);
    line-height: 1.35;
}

.value-positive[b-896wv3tc4v] {
    color: #047857;
    font-weight: 700;
}

.value-negative[b-896wv3tc4v] {
    color: #b91c1c;
    font-weight: 700;
}

.finance-summary-strip[b-896wv3tc4v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.finance-summary-item[b-896wv3tc4v] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 1rem;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--surface-subtle) 100%);
}

.finance-summary-item span[b-896wv3tc4v] {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.finance-summary-item strong[b-896wv3tc4v] {
    color: var(--text-primary);
    font-size: 1rem;
}

.finance-export-summary[b-896wv3tc4v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin: 1rem 0 1.25rem;
}

.finance-export-summary div[b-896wv3tc4v] {
    padding: 1rem;
    border-radius: 18px;
    background: var(--surface-subtle);
    border: 1px solid var(--border);
}

.finance-export-summary span[b-896wv3tc4v] {
    display: block;
    color: var(--text-secondary);
    margin-bottom: 0.35rem;
}

.finance-export-actions[b-896wv3tc4v] {
    display: flex;
    justify-content: flex-start;
}

.finance-export-note[b-896wv3tc4v] {
    margin-top: 1rem;
    color: var(--text-secondary);
}

@media (max-width: 900px) {
    .finance-header[b-896wv3tc4v],
    .finance-filter-head[b-896wv3tc4v] {
        flex-direction: column;
        align-items: stretch;
    }

    .finance-filter-actions[b-896wv3tc4v] {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .finance-filter-shell[b-896wv3tc4v],
    .finance-chart-shell[b-896wv3tc4v],
    .finance-list-shell[b-896wv3tc4v],
    .finance-export-shell[b-896wv3tc4v],
    .finance-summary-strip[b-896wv3tc4v] {
        padding: 1rem;
        border-radius: 18px;
    }

    .finance-subnav[b-896wv3tc4v] {
        grid-template-columns: 1fr 1fr;
    }
}

.finance-empty-state[b-896wv3tc4v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 3rem 1rem;
    color: var(--mud-palette-text-secondary, #757575);
    font-size: 0.95rem;
}

.finance-empty-state i[b-896wv3tc4v] {
    font-size: 2rem;
    opacity: 0.4;
}

.finance-section-head .section-header-icon[b-896wv3tc4v] {
    margin: 0;
}

@media (max-width: 640px) {
    .finance-section-head[b-896wv3tc4v] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
}

.finance-badge-contabilizada[b-896wv3tc4v] {
    display: inline-block;
    background: #d1fae5;
    color: #065f46;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.finance-badge-pendente[b-896wv3tc4v] {
    display: inline-block;
    background: #fef3c7;
    color: #92400e;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

[data-theme="dark"] .finance-kpi-icon[b-896wv3tc4v] {
    background: rgba(255, 255, 255, 0.1);
}
[data-theme="dark"] .finance-kpi-card.positive[b-896wv3tc4v] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.14) 0%, rgba(16, 185, 129, 0.06) 100%);
}
[data-theme="dark"] .finance-kpi-card.negative[b-896wv3tc4v] {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.14) 0%, rgba(239, 68, 68, 0.06) 100%);
}
[data-theme="dark"] .finance-kpi-card.neutral[b-896wv3tc4v] {
    background: var(--surface-subtle);
}
[data-theme="dark"] .finance-filter-shell[b-896wv3tc4v] {
    background:
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.12), transparent 28%),
        linear-gradient(180deg, var(--card-bg) 0%, var(--bg-secondary) 100%) !important;
}
[data-theme="dark"] .finance-filter-summary[b-896wv3tc4v] {
    background: rgba(37, 99, 235, 0.2);
    color: #93c5fd;
}
/* /Components/Pages/Features/Ingredientes/Ingrediente.razor.rz.scp.css */
/* Ingrediente Component Styles */

/* Evitar que o rótulo do checkbox de seleção apareça duas vezes */
.filtered-header .select-all-container .form-checkbox[b-th7q6att18] {
    accent-color: #325bb3;
}
/* /Components/Pages/Features/Organizacao/OrganizacaoPage.razor.rz.scp.css */
.organization-shell[b-jxagnnpys8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 1rem;
}

.organization-hero-group[b-jxagnnpys8],
.organization-content-group[b-jxagnnpys8] {
    width: 100%;
}

.organization-header[b-jxagnnpys8] {
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.16), transparent 32%),
        linear-gradient(135deg, #325bb3 0%, #24458e 100%);
}

.organization-header-content[b-jxagnnpys8] {
    align-items: flex-start;
}

.organization-header-kicker[b-jxagnnpys8] {
    display: inline-flex;
    margin-bottom: 0.65rem;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.organization-header-badges[b-jxagnnpys8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
}

.organization-header-badge[b-jxagnnpys8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.8rem 1rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-weight: 700;
}

.organization-loading[b-jxagnnpys8],
.organization-loading-inline[b-jxagnnpys8] {
    display: flex;
    justify-content: center;
    padding: 2rem 0;
}

.organization-panel[b-jxagnnpys8],
.organization-company-tile[b-jxagnnpys8],
.organization-user-card[b-jxagnnpys8],
.organization-empty[b-jxagnnpys8] {
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 24px;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.05);
}

.organization-panel[b-jxagnnpys8] {
    padding: 1.2rem;
}

.organization-kicker[b-jxagnnpys8] {
    color: var(--primary);
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.organization-panel h3[b-jxagnnpys8],
.organization-company-tile h4[b-jxagnnpys8],
.organization-user-card h4[b-jxagnnpys8] {
    margin: 0;
}

.organization-panel-header p[b-jxagnnpys8],
.organization-card-meta[b-jxagnnpys8],
.organization-card-note[b-jxagnnpys8],
.organization-empty p[b-jxagnnpys8] {
    margin: 0.35rem 0 0;
    color: var(--text-secondary);
}

.organization-panel-header[b-jxagnnpys8],
.organization-company-toolbar[b-jxagnnpys8],
.organization-actions-row[b-jxagnnpys8],
.organization-inline-stats[b-jxagnnpys8],
.organization-company-tile-head[b-jxagnnpys8],
.organization-card-title-row[b-jxagnnpys8],
.organization-card-actions[b-jxagnnpys8],
.organization-company-tile[b-jxagnnpys8],
.organization-user-card[b-jxagnnpys8],
.organization-user-side[b-jxagnnpys8],
.organization-chip-row[b-jxagnnpys8] {
    display: flex;
}

.organization-company-toolbar[b-jxagnnpys8],
.organization-actions-row[b-jxagnnpys8],
.organization-inline-stats[b-jxagnnpys8],
.organization-role-guide[b-jxagnnpys8],
.organization-card-actions[b-jxagnnpys8],
.organization-user-side[b-jxagnnpys8],
.organization-chip-row[b-jxagnnpys8] {
    flex-wrap: wrap;
    gap: 0.75rem;
}

.organization-inline-stats[b-jxagnnpys8] {
    margin-top: 1rem;
}

.organization-role-guide[b-jxagnnpys8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
    margin-bottom: 0.35rem;
}

.organization-role-card[b-jxagnnpys8] {
    padding: 0.9rem 1rem;
    border-radius: 18px;
    border: 1px solid var(--border);
    background: linear-gradient(180deg, var(--card-bg) 0%, var(--bg-secondary) 100%);
}

.organization-role-card.current[b-jxagnnpys8] {
    border-color: rgba(50, 91, 179, 0.4);
    box-shadow: 0 0 0 2px rgba(50, 91, 179, 0.08);
    background: linear-gradient(180deg, var(--card-bg) 0%, var(--bg-secondary) 100%);
}

.organization-role-kicker[b-jxagnnpys8] {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #325bb3;
}

.organization-role-card h4[b-jxagnnpys8] {
    margin: 0.4rem 0 0;
    font-size: 0.95rem;
    color: var(--text-primary);
}

.organization-role-card p[b-jxagnnpys8] {
    margin: 0.35rem 0 0;
    font-size: 0.82rem;
    line-height: 1.45;
    color: var(--text-secondary);
}
.organization-mini-stat strong[b-jxagnnpys8] {
    display: block;
    font-size: 1.15rem;
    color: var(--text-primary);
}

.organization-mini-stat span[b-jxagnnpys8] {
    color: var(--text-secondary);
    font-size: 0.88rem;
}

.organization-panel[b-jxagnnpys8] {
    display: flex;
    flex-direction: column;
}

.organization-panel-header[b-jxagnnpys8] {
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.organization-panel-header > div[b-jxagnnpys8] {
    flex: 1;
    min-width: 0;
}

.organization-panel-header p[b-jxagnnpys8] {
    max-width: none;
    font-size: 0.92rem;
}

.organization-actions-row-right[b-jxagnnpys8] {
    margin-left: auto;
    justify-content: flex-end;
    align-self: flex-start;
}

.organization-company-toolbar[b-jxagnnpys8] {
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
}

.organization-company-search[b-jxagnnpys8] {
    position: relative;
    flex: 1;
    min-width: 0;
}

.organization-company-search i[b-jxagnnpys8] {
    position: absolute;
    top: 50%;
    left: 0.9rem;
    transform: translateY(-50%);
    color: var(--text-secondary);
    pointer-events: none;
}

.organization-company-input[b-jxagnnpys8] {
    width: 100%;
    border: 1px solid var(--border);
    background: var(--card-bg);
    color: var(--text-primary);
    font-size: 0.9rem;
    outline: none;
    border-radius: 12px;
    padding: 0.72rem 0.95rem 0.72rem 2.5rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.organization-company-input:focus[b-jxagnnpys8] {
    border-color: #325bb3;
    box-shadow: 0 0 0 4px rgba(50, 91, 179, 0.12);
}

.organization-company-rail[b-jxagnnpys8] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(240px, 300px);
    gap: 0.65rem;
    margin-top: 1rem;
    overflow-x: auto;
    padding-bottom: 0.35rem;
    scroll-snap-type: x proximity;
}

.organization-company-tile[b-jxagnnpys8] {
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: 0.45rem;
    padding: 0.75rem 0.8rem;
    cursor: pointer;
    scroll-snap-align: start;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    border-radius: 18px;
    min-height: 122px;
}

.organization-company-tile.selected[b-jxagnnpys8] {
    border-color: #325bb3;
    box-shadow: inset 0 0 0 1px rgba(50, 91, 179, 0.16), 0 0 0 2px rgba(50, 91, 179, 0.16);
    background: linear-gradient(180deg, var(--card-bg) 0%, var(--bg-secondary) 100%);
}

.organization-inline-stats[b-jxagnnpys8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

.organization-mini-stat[b-jxagnnpys8] {
    padding: 0.9rem 1rem;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--surface-subtle) 100%);
}

.organization-card-list[b-jxagnnpys8] {
    display: grid;
    gap: 0.85rem;
    margin-top: 1rem;
}

.organization-user-card[b-jxagnnpys8] {
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem;
}

.organization-company-tile.active[b-jxagnnpys8] {
    border-color: rgba(16, 185, 129, 0.45);
    box-shadow: 0 18px 40px rgba(16, 185, 129, 0.08);
}

.organization-company-tile.selected.active[b-jxagnnpys8] {
    border-color: #2f855a;
    box-shadow: inset 0 0 0 1px rgba(16, 185, 129, 0.16), 0 0 0 2px rgba(16, 185, 129, 0.16);
}

.organization-card-main[b-jxagnnpys8] {
    min-width: 0;
    flex: 1;
}

.organization-card-title-row[b-jxagnnpys8] {
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.organization-company-tile-head[b-jxagnnpys8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.55rem;
}

.organization-company-name[b-jxagnnpys8] {
    font-size: 0.92rem;
    line-height: 1.25;
    color: var(--text-primary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    max-width: 100%;
}

.organization-card-meta[b-jxagnnpys8] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.74rem;
}

.organization-card-note[b-jxagnnpys8] {
    font-size: 0.76rem;
    line-height: 1.35;
}

.organization-card-note-compact[b-jxagnnpys8] {
    margin-top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.organization-chip-row-compact[b-jxagnnpys8] {
    gap: 0.35rem;
    justify-content: flex-end;
    align-items: flex-start;
    max-width: 100%;
}

.organization-card-actions[b-jxagnnpys8] {
    align-items: center;
    justify-content: flex-end;
}

.organization-company-activate[b-jxagnnpys8] {
    width: 100%;
}

.organization-user-side[b-jxagnnpys8] {
    align-items: center;
    justify-content: flex-end;
}

.organization-inline-badge[b-jxagnnpys8] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: #ecfdf5;
    color: #047857;
    font-size: 0.78rem;
    font-weight: 800;
}

.organization-selected-indicator[b-jxagnnpys8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.72rem;
    font-weight: 800;
    color: #1d4ed8;
}

[b-jxagnnpys8] .organization-chip-row-compact .mud-chip,
[b-jxagnnpys8] .organization-company-tile-head .mud-chip {
    max-width: 100%;
    font-size: 0.7rem;
}

.organization-empty[b-jxagnnpys8] {
    padding: 1.4rem;
    text-align: center;
}

.organization-empty i[b-jxagnnpys8] {
    font-size: 1.6rem;
    color: var(--text-secondary);
}

.organization-empty h4[b-jxagnnpys8] {
    margin: 0.65rem 0 0;
}

.organization-empty-inline[b-jxagnnpys8] {
    margin-top: 1rem;
}

[b-jxagnnpys8] .organization-role-select {
    min-width: 180px;
}

@media (max-width: 767px) {
    .organization-shell[b-jxagnnpys8] {
        gap: 1rem;
    }

    .organization-header-badges[b-jxagnnpys8],
    .organization-panel-header[b-jxagnnpys8],
    .organization-company-toolbar[b-jxagnnpys8],
    .organization-company-tile-head[b-jxagnnpys8],
    .organization-actions-row-right[b-jxagnnpys8],
    .organization-user-card[b-jxagnnpys8],
    .organization-card-title-row[b-jxagnnpys8],
    .organization-card-actions[b-jxagnnpys8],
    .organization-user-side[b-jxagnnpys8] {
        flex-direction: column;
        align-items: stretch;
    }

    .organization-header-badge[b-jxagnnpys8],
    .organization-inline-badge[b-jxagnnpys8] {
        justify-content: center;
    }

    .organization-panel[b-jxagnnpys8] {
        padding: 1.1rem;
    }

    .organization-company-rail[b-jxagnnpys8] {
        grid-auto-columns: minmax(220px, 84vw);
    }

    .organization-company-name[b-jxagnnpys8] {
        -webkit-line-clamp: 3;
    }

    .organization-inline-stats[b-jxagnnpys8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .organization-card-actions .btn[b-jxagnnpys8],
    .organization-actions-row .btn[b-jxagnnpys8],
    .organization-company-toolbar .btn[b-jxagnnpys8],
    [b-jxagnnpys8] .organization-role-select {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .organization-header-kicker[b-jxagnnpys8] {
        font-size: 0.72rem;
    }

    .organization-header-badges[b-jxagnnpys8],
    .organization-inline-stats[b-jxagnnpys8] {
        gap: 0.6rem;
    }

    .organization-inline-stats[b-jxagnnpys8] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Features/Previsoes/Previsoes.razor.rz.scp.css */
/* Previsoes.razor - Styles */

.header-row[b-vlutwd718b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

@media (max-width: 768px) {
    .header-row[b-vlutwd718b] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-row .header-actions[b-vlutwd718b] {
        justify-content: flex-end;
        margin-top: 0.5rem;
    }
}
/* /Components/Pages/Features/Produtos/Produtos.razor.rz.scp.css */
body[b-o0afnpr9ds] {
}
/* /Components/Pages/Features/Receitas/ReceitaForm.razor.rz.scp.css */
/* /Components/Pages/Home.razor.rz.scp.css */
/* /Components/Pages/Landing/LandingPage.razor.rz.scp.css */
/* Styles moved to wwwroot/landing.css  loaded globally via LandingLayout */
/* /Components/Pages/Tutorial/TutorialPage.razor.rz.scp.css */
.component-group + .component-group[b-kys8z0d6dq] {
    margin-top: 20px;
}

.tutorial-action-btn[b-kys8z0d6dq],
.tutorial-nav-btn[b-kys8z0d6dq] {
    min-height: 42px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
}

.btn-ghost[b-kys8z0d6dq] {
    background: var(--card-bg);
    color: var(--text-primary);
    border: 1px solid var(--border);
    box-shadow: none;
}

.btn-ghost:hover[b-kys8z0d6dq] {
    background: var(--surface-subtle);
}

.breadcrumbs[b-kys8z0d6dq] {
    flex-wrap: wrap;
}

.breadcrumb-item.active[b-kys8z0d6dq] {
    max-width: 100%;
}

.breadcrumb-item.active span[b-kys8z0d6dq] {
    word-break: break-word;
}

.tutorial-overview-grid[b-kys8z0d6dq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.tutorial-overview-card[b-kys8z0d6dq] {
    border-radius: 14px;
    padding: 18px;
    background: var(--card-bg);
    border: 1px solid var(--border);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
    display: flex;
    align-items: center;
    gap: 14px;
}

.overview-label[b-kys8z0d6dq] {
    display: block;
    font-size: 13px;
    color: var(--text-secondary);
    margin-bottom: 4px;
}

.tutorial-overview-card strong[b-kys8z0d6dq] {
    font-size: 24px;
    color: var(--text-primary);
    line-height: 1;
}

.tutorial-overview-icon[b-kys8z0d6dq] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}

.tutorial-overview-total[b-kys8z0d6dq] {
    background: #dbeafe;
    color: #1d4ed8;
}

.tutorial-overview-completed[b-kys8z0d6dq] {
    background: #dcfce7;
    color: #15803d;
}

.tutorial-overview-progress[b-kys8z0d6dq] {
    background: #fef3c7;
    color: #b45309;
}

.accent-blue[b-kys8z0d6dq] {
    border-top: 4px solid #2563eb;
}

.accent-green[b-kys8z0d6dq] {
    border-top: 4px solid #16a34a;
}

.accent-amber[b-kys8z0d6dq] {
    border-top: 4px solid #d97706;
}

.tutorial-section-card[b-kys8z0d6dq],
.tutorial-hero-card[b-kys8z0d6dq],
.tutorial-sidebar-card[b-kys8z0d6dq],
.tutorial-content-card[b-kys8z0d6dq],
.tutorial-empty-state[b-kys8z0d6dq] {
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}

.tutorial-section-card[b-kys8z0d6dq] {
    padding: 20px;
}

.tutorial-section-title[b-kys8z0d6dq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.tutorial-section-title h2[b-kys8z0d6dq] {
    margin: 0;
    font-size: 18px;
    color: var(--text-primary);
}

.tutorial-section-title span[b-kys8z0d6dq] {
    font-size: 13px;
    color: var(--text-secondary);
}

.tutorial-list-grid[b-kys8z0d6dq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}

.tutorial-card[b-kys8z0d6dq] {
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 16px;
    background: var(--card-bg);
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.tutorial-card:hover[b-kys8z0d6dq] {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
    border-color: var(--text-secondary);
}

.tutorial-card.completed[b-kys8z0d6dq] {
    background: var(--card-bg);
}

.tutorial-card-top[b-kys8z0d6dq],
.tutorial-card-meta[b-kys8z0d6dq],
.tutorial-card-actions[b-kys8z0d6dq],
.tutorial-hero-card[b-kys8z0d6dq],
.tutorial-step-header[b-kys8z0d6dq],
.tutorial-navigation-bar[b-kys8z0d6dq],
.sidebar-head[b-kys8z0d6dq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.card-icon[b-kys8z0d6dq],
.hero-icon[b-kys8z0d6dq] {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #dbeafe;
    color: #2563eb;
    font-size: 20px;
    flex-shrink: 0;
}

.difficulty-badge[b-kys8z0d6dq] {
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.difficulty-1[b-kys8z0d6dq] {
    background: #dbeafe;
    color: #1d4ed8;
}

.difficulty-2[b-kys8z0d6dq] {
    background: #ffedd5;
    color: #c2410c;
}

.difficulty-3[b-kys8z0d6dq] {
    background: #fee2e2;
    color: #b91c1c;
}

.tutorial-card-body h3[b-kys8z0d6dq],
.tutorial-step-header h3[b-kys8z0d6dq],
.tutorial-hero-title h2[b-kys8z0d6dq] {
    margin: 0;
    color: var(--text-primary);
    font-size: 18px;
}

.tutorial-card-body p[b-kys8z0d6dq],
.tutorial-hero-title p[b-kys8z0d6dq],
.step-description[b-kys8z0d6dq],
.tutorial-empty-state p[b-kys8z0d6dq] {
    margin: 0;
    color: var(--text-secondary);
    line-height: 1.6;
}

.tutorial-card-meta[b-kys8z0d6dq] {
    font-size: 12px;
    color: var(--text-secondary);
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 6px;
}

.tutorial-card-meta span[b-kys8z0d6dq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.mini-progress-track[b-kys8z0d6dq],
.progress-bar[b-kys8z0d6dq] {
    height: 8px;
    background: var(--border);
    border-radius: 999px;
    overflow: hidden;
}

.mini-progress-fill[b-kys8z0d6dq],
.progress-fill[b-kys8z0d6dq] {
    height: 100%;
    background: linear-gradient(90deg, #2563eb 0%, #60a5fa 100%);
    border-radius: inherit;
}

.tutorial-card-actions[b-kys8z0d6dq] {
    margin-top: auto;
    padding-top: 4px;
}

.tutorial-action-btn[b-kys8z0d6dq] {
    width: 100%;
    justify-content: center;
}

.tutorial-empty-state[b-kys8z0d6dq] {
    padding: 32px 24px;
    text-align: center;
}

.tutorial-empty-state i[b-kys8z0d6dq] {
    font-size: 36px;
    color: #f59e0b;
}

.tutorial-empty-state h2[b-kys8z0d6dq] {
    margin: 16px 0 8px;
    color: var(--text-primary);
    font-size: 20px;
}

.tutorial-hero-card[b-kys8z0d6dq] {
    padding: 20px 22px;
}

.tutorial-hero-title[b-kys8z0d6dq] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.tutorial-hero-stats[b-kys8z0d6dq] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.hero-stat[b-kys8z0d6dq] {
    min-width: 130px;
    padding: 10px 12px;
    border-radius: 10px;
    background: var(--surface-subtle);
    border: 1px solid var(--border);
}

.hero-stat span[b-kys8z0d6dq],
.step-kicker[b-kys8z0d6dq],
.sidebar-head span[b-kys8z0d6dq],
.step-copy small[b-kys8z0d6dq] {
    display: block;
    font-size: 12px;
    color: var(--text-secondary);
}

.hero-stat strong[b-kys8z0d6dq] {
    color: var(--text-primary);
    font-size: 16px;
}

.tutorial-detail-layout[b-kys8z0d6dq] {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.tutorial-sidebar-card[b-kys8z0d6dq],
.tutorial-content-card[b-kys8z0d6dq] {
    padding: 18px;
}

.sidebar-head h3[b-kys8z0d6dq] {
    margin: 0;
    color: var(--text-primary);
    font-size: 18px;
}

.sidebar-progress[b-kys8z0d6dq] {
    margin: 16px 0 18px;
}

.step-list[b-kys8z0d6dq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.step-list-item[b-kys8z0d6dq] {
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--card-bg);
    padding: 10px 12px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    text-align: left;
    cursor: pointer;
    transition: all 0.2s ease;
}

.step-list-item:hover[b-kys8z0d6dq] {
    border-color: var(--primary);
    background: var(--bg-secondary);
}

.step-list-item.active[b-kys8z0d6dq] {
    border-color: #2563eb;
    background: #eff6ff;
    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.08);
}

.step-list-item.done .step-index[b-kys8z0d6dq] {
    background: #16a34a;
    color: white;
}

.step-index[b-kys8z0d6dq] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-secondary);
    color: var(--text-secondary);
    font-weight: 700;
    flex-shrink: 0;
}

.step-copy[b-kys8z0d6dq] {
    min-width: 0;
}

.step-copy strong[b-kys8z0d6dq] {
    display: block;
    color: var(--text-primary);
    margin-bottom: 4px;
}

.tutorial-step-header[b-kys8z0d6dq] {
    padding-bottom: 14px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 18px;
}

.step-kicker[b-kys8z0d6dq] {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 6px;
}

.tutorial-step-body[b-kys8z0d6dq] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.step-image-panel[b-kys8z0d6dq] {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--border);
    background: var(--bg-secondary);
}

.step-image-panel img[b-kys8z0d6dq] {
    display: block;
    width: 100%;
    height: auto;
}

.tutorial-tip-panel[b-kys8z0d6dq] {
    padding: 16px;
    border-radius: 12px;
    background: #fffbeb;
    border: 1px solid #fde68a;
}

.tip-panel-header[b-kys8z0d6dq] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    color: #92400e;
}

.tip-panel-header h4[b-kys8z0d6dq] {
    margin: 0;
    font-size: 16px;
}

.tutorial-tip-panel ul[b-kys8z0d6dq] {
    margin: 0;
    padding-left: 18px;
    color: #78350f;
}

.tutorial-tip-panel li + li[b-kys8z0d6dq] {
    margin-top: 8px;
}

.tutorial-navigation-bar[b-kys8z0d6dq] {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
}

.tutorial-close-btn[b-kys8z0d6dq] {
    white-space: nowrap;
}

@media (max-width: 960px) {
    .tutorial-overview-grid[b-kys8z0d6dq],
    .tutorial-detail-layout[b-kys8z0d6dq] {
        grid-template-columns: 1fr;
    }

    .tutorial-hero-card[b-kys8z0d6dq],
    .tutorial-step-header[b-kys8z0d6dq],
    .tutorial-navigation-bar[b-kys8z0d6dq] {
        align-items: flex-start;
        flex-direction: column;
    }

    .hero-stat[b-kys8z0d6dq] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .component-group + .component-group[b-kys8z0d6dq] {
        margin-top: 16px;
    }

    .tutorial-card-body h3[b-kys8z0d6dq],
    .tutorial-step-header h3[b-kys8z0d6dq],
    .tutorial-hero-title h2[b-kys8z0d6dq] {
        font-size: 16px;
    }

    .tutorial-card-body p[b-kys8z0d6dq],
    .step-description[b-kys8z0d6dq],
    .tutorial-tip-panel li[b-kys8z0d6dq],
    .step-copy small[b-kys8z0d6dq] {
        font-size: 13px;
    }

    .tutorial-hero-title[b-kys8z0d6dq] {
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    .tutorial-overview-grid[b-kys8z0d6dq],
    .tutorial-list-grid[b-kys8z0d6dq] {
        grid-template-columns: 1fr;
    }

    .tutorial-overview-card[b-kys8z0d6dq] {
        padding: 16px;
    }

    .tutorial-section-card[b-kys8z0d6dq],
    .tutorial-hero-card[b-kys8z0d6dq],
    .tutorial-sidebar-card[b-kys8z0d6dq],
    .tutorial-content-card[b-kys8z0d6dq] {
        padding: 14px;
    }

    .tutorial-section-title[b-kys8z0d6dq] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .tutorial-hero-title[b-kys8z0d6dq] {
        flex-direction: column;
        gap: 10px;
    }

    .card-icon[b-kys8z0d6dq],
    .hero-icon[b-kys8z0d6dq],
    .tutorial-overview-icon[b-kys8z0d6dq] {
        width: 38px;
        height: 38px;
        font-size: 18px;
    }

    .tutorial-overview-card strong[b-kys8z0d6dq] {
        font-size: 20px;
    }

    .tutorial-navigation-bar[b-kys8z0d6dq] {
        flex-direction: column;
        gap: 8px;
    }

    .tutorial-nav-btn[b-kys8z0d6dq],
    .tutorial-close-btn[b-kys8z0d6dq] {
        width: 100%;
        justify-content: center;
    }

    .step-list-item[b-kys8z0d6dq] {
        padding: 10px;
        gap: 10px;
    }

    .step-index[b-kys8z0d6dq] {
        width: 24px;
        height: 24px;
        font-size: 12px;
    }
}

[data-theme="dark"] .step-list-item.active[b-kys8z0d6dq] {
    background: rgba(37, 99, 235, 0.15);
}