/* _content/MarketScan.Site.PublicWebApp2/Components/Layout/MainLayout.razor.rz.scp.css */
/* Modern layout styles for TradeFlow */

/* Error UI styling */
#blazor-error-ui[b-hrgwyf87gg] {
    background: #dc2626;
    color: white;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 1000;
    display: none;
}

#blazor-error-ui[b-hrgwyf87gg]:after {
    content: 'An unhandled error has occurred.';
}

#blazor-error-ui .reload[b-hrgwyf87gg],
#blazor-error-ui .dismiss[b-hrgwyf87gg] {
    text-decoration: underline;
    margin-left: 0.5rem;
    cursor: pointer;
}

/* Smooth scroll behavior */
html[b-hrgwyf87gg] {
    scroll-behavior: smooth;
}

/* Loading states */
.loading[b-hrgwyf87gg] {
    opacity: 0.6;
    pointer-events: none;
}
/* _content/MarketScan.Site.PublicWebApp2/Components/Layout/NavMenu.razor.rz.scp.css */
/* Legacy NavMenu styles - kept for backwards compatibility if needed */
/* Most styling is now handled by Tailwind CSS in the Header component */

.navbar-toggler[b-3oa9n99iso] {
    display: none; /* Hidden by default, using Tailwind mobile menu instead */
}

.nav-scrollable[b-3oa9n99iso] {
    display: none; /* Hidden by default, using Tailwind mobile menu instead */
}

/* Keep these styles for any remaining legacy navigation elements */
.nav-item[b-3oa9n99iso]  .nav-link.active {
    color: #f97316; /* Orange-500 */
    font-weight: 600;
}

.nav-item[b-3oa9n99iso]  .nav-link:hover {
    color: #ea580c; /* Orange-600 */
    transition: color 0.2s ease-in-out;
}