@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Components/CategoryDrawer.razor.rz.scp.css */
.category-drawer-content[b-452l1qk566] {
    padding: 16px;
    height: 100%;
    overflow-y: auto;
}

.editor-section-card[b-452l1qk566] {
    padding: 16px;
}

.editor-section-title[b-452l1qk566] {
    font-weight: 600;
}

.icon-grid[b-452l1qk566] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    max-height: 300px;
    overflow-y: auto;
}

@media (min-width: 600px) {
    .icon-grid[b-452l1qk566] {
        grid-template-columns: repeat(6, 1fr);
    }
}

.icon-button[b-452l1qk566] {
    min-width: 48px;
    height: 48px;
    padding: 0;
}

.preview-card[b-452l1qk566] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    border-radius: 8px;
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
}
/* /Components/ColorPicker.razor.rz.scp.css */
.color-picker[b-ylbpxzlf28] {
    width: 100%;
}

.color-palette-grid[b-ylbpxzlf28] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

@media (min-width: 600px) {
    .color-palette-grid[b-ylbpxzlf28] {
        grid-template-columns: repeat(6, 1fr);
    }
}

.color-swatch[b-ylbpxzlf28] {
    border-radius: 4px;
    padding: 0;
    min-width: 48px;
    height: 48px;
}
/* /Components/Footer.razor.rz.scp.css */
/* PayLog Footer - Simple Status Bar */

.paylog-footer[b-po0b0kd2qe] {
    background-color: var(--mud-palette-background);
    border-top: 1px solid var(--mud-palette-divider);
    padding: 10px 0;
    margin-top: auto;
    width: 100%;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}

.footer-container[b-po0b0kd2qe] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 var(--spacing-m);
}

.footer-content[b-po0b0kd2qe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-m);
    min-height: 32px;
    flex-wrap: nowrap;
    width: 100%;
    overflow: visible;
}

.footer-left[b-po0b0kd2qe],
.footer-center[b-po0b0kd2qe],
.footer-right[b-po0b0kd2qe] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    flex-wrap: nowrap;
    white-space: nowrap;
}

.footer-left[b-po0b0kd2qe] {
    flex: 0 0 auto;
}

.footer-center[b-po0b0kd2qe] {
    flex: 1 1 auto;
    justify-content: center;
}

.footer-right[b-po0b0kd2qe] {
    flex: 0 0 auto;
    justify-content: flex-end;
    white-space: nowrap;
    overflow: visible;
}

.footer-product[b-po0b0kd2qe],
.footer-version[b-po0b0kd2qe],
.footer-environment[b-po0b0kd2qe],
.footer-subscription[b-po0b0kd2qe],
.footer-ai-status[b-po0b0kd2qe],
.footer-copyright[b-po0b0kd2qe],
.footer-rights[b-po0b0kd2qe],
.footer-link[b-po0b0kd2qe] {
    font-size: 0.75rem;
    color: var(--fintech-text-secondary);
    opacity: 0.7;
    line-height: 1.4;
    font-weight: 400;
}

.footer-link[b-po0b0kd2qe] {
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.footer-link:hover[b-po0b0kd2qe] {
    opacity: 1;
    text-decoration: underline;
}

.footer-product[b-po0b0kd2qe] {
    font-weight: 500;
    opacity: 0.8;
}

.footer-subscription strong[b-po0b0kd2qe] {
    font-weight: 500;
    opacity: 0.9;
}

.footer-separator[b-po0b0kd2qe] {
    color: var(--fintech-text-secondary);
    opacity: 0.4;
    margin: 0 2px;
}

.footer-environment[b-po0b0kd2qe] {
    font-weight: 500;
    opacity: 0.8;
}

/* Responsive: Hide center on mobile */
@media (max-width: 959px) {
    .footer-center[b-po0b0kd2qe] {
        display: none;
    }

    .footer-content[b-po0b0kd2qe] {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .footer-left[b-po0b0kd2qe],
    .footer-right[b-po0b0kd2qe] {
        flex: 0 0 auto;
    }
}

@media (max-width: 599px) {
    .footer-container[b-po0b0kd2qe] {
        padding: 0 var(--spacing-s);
    }

    .footer-product[b-po0b0kd2qe],
    .footer-version[b-po0b0kd2qe],
    .footer-environment[b-po0b0kd2qe],
    .footer-subscription[b-po0b0kd2qe],
    .footer-ai-status[b-po0b0kd2qe],
    .footer-copyright[b-po0b0kd2qe],
    .footer-rights[b-po0b0kd2qe],
    .footer-link[b-po0b0kd2qe] {
        font-size: 0.7rem;
    }
    
    .footer-content[b-po0b0kd2qe] {
        flex-wrap: wrap;
    }
    
    /* Hide some links on very small screens - but keep at least Help and Docs */
    .footer-right .footer-link:nth-child(n+7)[b-po0b0kd2qe] {
        display: none;
    }
}

/* Dark theme */
[data-mud-theme="dark"] .paylog-footer[b-po0b0kd2qe] {
    background-color: var(--mud-palette-background);
    border-top-color: var(--fintech-border);
}

[data-mud-theme="dark"] .footer-product[b-po0b0kd2qe],
[data-mud-theme="dark"] .footer-version[b-po0b0kd2qe],
[data-mud-theme="dark"] .footer-environment[b-po0b0kd2qe],
[data-mud-theme="dark"] .footer-subscription[b-po0b0kd2qe],
[data-mud-theme="dark"] .footer-ai-status[b-po0b0kd2qe],
[data-mud-theme="dark"] .footer-copyright[b-po0b0kd2qe],
[data-mud-theme="dark"] .footer-rights[b-po0b0kd2qe],
[data-mud-theme="dark"] .footer-link[b-po0b0kd2qe] {
    color: var(--fintech-text-secondary);
    opacity: 0.6;
}

[data-mud-theme="dark"] .footer-link:hover[b-po0b0kd2qe] {
    opacity: 0.9;
}

[data-mud-theme="dark"] .footer-product[b-po0b0kd2qe] {
    opacity: 0.7;
}

[data-mud-theme="dark"] .footer-subscription strong[b-po0b0kd2qe] {
    opacity: 0.8;
}

[data-mud-theme="dark"] .footer-environment[b-po0b0kd2qe] {
    opacity: 0.7;
}

[data-mud-theme="dark"] .footer-separator[b-po0b0kd2qe] {
    opacity: 0.3;
}
/* /Components/TransactionDialog.razor.rz.scp.css */
/* Transaction Dialog Content Padding */
.transaction-dialog-content[b-bdhmhzssqx] {
    padding-top: 24px !important;
}

/* Description Field - Auto-grow single line */
.description-field .mud-input-control[b-bdhmhzssqx] {
    min-height: 56px;
}

.description-field .mud-input[b-bdhmhzssqx] {
    min-height: 40px;
    max-height: 120px;
    overflow-y: auto;
    resize: none;
}

.description-field textarea[b-bdhmhzssqx] {
    height: auto !important;
    min-height: 40px !important;
    line-height: 1.5;
}

/* Notes Field Spacing */
.notes-field[b-bdhmhzssqx] {
    margin-top: 16px;
}

/* Tag Container - Prevent layout collapse */
.tag-container[b-bdhmhzssqx] {
    min-height: 40px;
    max-height: 80px;
    overflow-y: auto;
    overflow-x: hidden;
}

.tag-container .d-flex[b-bdhmhzssqx] {
    min-height: 40px;
}

/* Tag Chip Styling */
.tag-chip[b-bdhmhzssqx] {
    cursor: pointer;
    transition: all 0.2s ease;
}

.tag-chip:hover[b-bdhmhzssqx] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Add Tag Button */
.add-tag-button[b-bdhmhzssqx] {
    cursor: pointer;
    transition: all 0.2s ease;
    border-style: dashed !important;
}

.add-tag-button:hover[b-bdhmhzssqx] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: var(--mud-palette-primary-lighten) !important;
}

/* Approved Switch - Subtle Green */
.approved-switch .mud-switch-thumb[b-bdhmhzssqx] {
    background-color: #4caf50 !important;
}

.approved-switch .mud-switch-track[b-bdhmhzssqx] {
    background-color: rgba(76, 175, 80, 0.3) !important;
}

.approved-switch.mud-switch-checked .mud-switch-track[b-bdhmhzssqx] {
    background-color: rgba(76, 175, 80, 0.5) !important;
}

/* Dialog Actions - Button Spacing */
.dialog-actions[b-bdhmhzssqx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px !important;
    gap: 12px;
    width: 100%;
}

.dialog-actions .mud-button[b-bdhmhzssqx] {
    min-height: 40px;
    padding: 8px 24px;
}

/* Confirm Button Hover States */
.confirm-button[b-bdhmhzssqx] {
    transition: all 0.2s ease;
}

.confirm-button:hover:not(:disabled)[b-bdhmhzssqx] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

.confirm-button:active:not(:disabled)[b-bdhmhzssqx] {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* Modal Shadow/Elevation */
[b-bdhmhzssqx] .mud-dialog {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
}

/* Input Label Typography Normalization */
[b-bdhmhzssqx] .mud-input-label {
    font-size: 0.875rem !important;
    font-weight: 500 !important;
}

/* Icon Vertical Centering */
[b-bdhmhzssqx] .mud-input-adornment {
    align-items: center;
}

[b-bdhmhzssqx] .mud-select .mud-input-adornment {
    align-items: center;
}

/* Smooth Scroll */
[b-bdhmhzssqx] .mud-dialog-content {
    scroll-behavior: smooth;
    overflow-y: auto;
}

/* /Components/TransactionSummaryBar.razor.rz.scp.css */
.transaction-overview[b-m3z4g9h6sr] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 16px;
    container-type: inline-size;
}

.transaction-metrics[b-m3z4g9h6sr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.transaction-metric[b-m3z4g9h6sr] { min-width: 0; }

.transaction-overview[b-m3z4g9h6sr]  .metric-card {
    height: 100%;
    min-height: 112px;
    padding: 20px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 12px;
    display: flex;
    align-items: center;
}

.metric-content[b-m3z4g9h6sr] { flex: 1; min-width: 0; }

.transaction-overview[b-m3z4g9h6sr]  .amount-positive,
.transaction-overview[b-m3z4g9h6sr]  .amount-negative,
.transaction-overview[b-m3z4g9h6sr]  .amount-zero {
    font-family: inherit;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.025em;
    white-space: nowrap;
    font-size: clamp(1rem, 2cqi, 1.5rem) !important;
}

.overview-period[b-m3z4g9h6sr] {
    order: -1;
    align-self: flex-end;
    max-width: 100%;
}

@container (max-width: 850px) {
    .transaction-metrics[b-m3z4g9h6sr] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@container (max-width: 440px) {
    .transaction-metrics[b-m3z4g9h6sr] { grid-template-columns: minmax(0, 1fr); }
    .overview-period[b-m3z4g9h6sr] { align-self: stretch; }
}
/* /Pages/Categories.razor.rz.scp.css */
.categories-container[b-uxzwl2npt2] {
    padding-top: 16px;
    padding-bottom: 16px;
}

.categories-header[b-uxzwl2npt2] {
    gap: 16px;
}

.categories-search[b-uxzwl2npt2] {
    min-width: 200px;
}

/* Main category styling - stronger typography */
.mud-expansion-panel-title[b-uxzwl2npt2] {
    font-weight: 600;
    padding: 12px 16px;
}

/* Subcategory styling - increased indentation and lighter typography */
.subcategory-row[b-uxzwl2npt2] {
    padding: 8px 0;
    padding-left: 32px;
    margin-left: 16px;
    border-left: 2px solid var(--mud-palette-divider);
}

.subcategory-row .mud-typography-body2[b-uxzwl2npt2] {
    font-weight: 400;
    color: var(--mud-palette-text-secondary);
}

/* Subcategory icon (optional) */
.subcategory-icon[b-uxzwl2npt2] {
    margin-right: 8px;
    opacity: 0.7;
}

.color-dot[b-uxzwl2npt2] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
}

.subcategory-actions .mud-icon-button[b-uxzwl2npt2] {
    margin-left: 4px;
}

/* Responsive styles */
@media (max-width: 960px) {
    .categories-header[b-uxzwl2npt2] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    .categories-header > div[b-uxzwl2npt2] {
        width: 100%;
    }
    
    .subcategory-row[b-uxzwl2npt2] {
        padding-left: 24px;
        margin-left: 8px;
    }
    
    /* Hide less critical info on mobile */
    .mud-chip[b-uxzwl2npt2] {
        font-size: 0.7rem;
    }
}

/* /Pages/Index.razor.rz.scp.css */
/* Dashboard Container */
.dashboard-container[b-1mqp931986] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 auto;
    max-width: 1440px;
    box-sizing: border-box;
}

/* Dashboard Top Section */
.dashboard-top-section[b-1mqp931986] {
    margin-bottom: 24px;
}

.chart-toggle-btn[b-1mqp931986] {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    height: 28px !important;
}

.section-block .d-flex.align-center[b-1mqp931986] {
    align-items: flex-start !important;
}

.dashboard-top-section[b-1mqp931986] {
    margin-bottom: 16px; /* eddig 24 + grid spacing → túl nagy */
}


/* Unified spacing for all cards - 16px everywhere */
.dashboard-column .mud-paper + .mud-paper[b-1mqp931986] {
    margin-top: 16px !important;
}

/* Alternative selector for better specificity */
.dashboard-column > .mud-paper + .mud-paper[b-1mqp931986] {
    margin-top: 16px !important;
}

.dashboard-two-col[b-1mqp931986] {
    margin-top: 0;
    margin-bottom: 16px;
}

/* Override MudGrid spacing to ensure 16px between columns */
.dashboard-two-col.mud-grid[b-1mqp931986] {
    gap: 16px;
}

.mud-paper.section-block[b-1mqp931986] {
    padding: 16px !important;
}

.section-spacing[b-1mqp931986] {
    margin-bottom: 16px;
}

/* Ensure consistent spacing between all major sections */
.dashboard-two-col + .section-spacing[b-1mqp931986] {
    margin-top: 0;
}

/* Utolsó szekció alsó margó csökkentése */
.dashboard-container > *:last-child[b-1mqp931986] {
    margin-bottom: 0 !important;
}

.section-spacing:last-child[b-1mqp931986] {
    margin-bottom: 0 !important;
}


/* Override MudText margin for dashboard - wrapper divs handle spacing */
.pa-4 .mud-typography[b-1mqp931986] {
    margin: 0 !important;
}

/* KPI main values need explicit bottom margin */
.pa-4 .kpi-main-value.mud-typography[b-1mqp931986] {
    margin-bottom: 8px !important;
}

/* KPI Cards - hover effect only for KPI cards */
.pa-4:has(.kpi-main-value)[b-1mqp931986] {
    min-height: 140px;
    transition: all 0.2s ease;
}

.pa-4:has(.kpi-main-value):hover[b-1mqp931986] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-2px);
}

.kpi-main-value[b-1mqp931986] {
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 8px;
}

.kpi-mini-row[b-1mqp931986] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

/* Accounts Card */
.dashboard-accounts-card[b-1mqp931986] {
    padding: 16px !important;
    border-radius: 8px;
}

/* Budgets Card */
.dashboard-budgets-card[b-1mqp931986] {
    padding: 16px !important;
    border-radius: 8px;
}

/* AI Insights Card */
.dashboard-ai-insights-card[b-1mqp931986] {
    padding: 16px !important;
    border-radius: 8px;
}

.ai-insight-section[b-1mqp931986] {
    padding: 12px;
    border-radius: 6px;
    background-color: var(--mud-palette-background-grey);
}

.chart-toggle-btn[b-1mqp931986] {
    text-transform: none;
    font-weight: 600;
}

/* Recent Transactions */
.dashboard-recent-transactions[b-1mqp931986] {
    padding: 16px !important;
    border-radius: 8px;
}

.dashboard-recent-transactions .mud-table[b-1mqp931986] {
    font-size: 0.875rem;
}

.dashboard-recent-transactions .transaction-row:hover[b-1mqp931986] {
    background-color: var(--mud-palette-action-hover) !important;
}

/* Amount Colors */
.amount-positive[b-1mqp931986] {
    color: var(--mud-palette-success) !important;
}

.amount-negative[b-1mqp931986] {
    color: var(--mud-palette-error) !important;
}

.amount-zero[b-1mqp931986] {
    color: var(--mud-palette-text-disabled) !important;
}

/* Responsive adjustments */
@media (max-width: 960px) {
    .dashboard-container[b-1mqp931986] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .dashboard-top-section .mud-grid[b-1mqp931986] {
        flex-direction: column;
    }
    
    .dashboard-top-section .mud-item:last-child[b-1mqp931986] {
        margin-top: 16px;
    }
    
    .dashboard-top-section .mud-item:last-child > div[b-1mqp931986] {
        justify-content: flex-start !important;
    }
}

/* /Pages/Login.razor.rz.scp.css */
/* Login Page Styles - Only for simple login page */

.login-page[b-3zwgdhq75o] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.login-container[b-3zwgdhq75o] {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}

.login-card[b-3zwgdhq75o] {
    padding: 48px 40px !important;
    border-radius: 16px;
    background: white !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.05);
    width: 100%;
    max-width: 100%;
}

@media (max-width: 600px) {
    .login-page[b-3zwgdhq75o] {
        padding: 16px;
    }
    
    .login-container[b-3zwgdhq75o] {
        max-width: 100%;
    }
    
    .login-card[b-3zwgdhq75o] {
        padding: 40px 32px !important;
        border-radius: 12px;
    }
}