@import '_content/LeafletForBlazor/LeafletForBlazor.bundle.scp.css';

/* _content/Gandalf/Components/Atoms/BarChart.razor.rz.scp.css */
.bar-chart-atom[b-6xhc1hkhza] {
    background: var(--color-tertiary);
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid var(--color-border);
}

.chart-title[b-6xhc1hkhza] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: 1rem;
    text-align: center;
}

.chart-loading[b-6xhc1hkhza] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 3rem;
    color: var(--color-text-secondary);
}

.chart-error[b-6xhc1hkhza] {
    padding: 2rem;
    text-align: center;
    color: var(--color-error);
    font-size: 0.875rem;
}

.chart-empty[b-6xhc1hkhza] {
    padding: 3rem;
    text-align: center;
    color: var(--color-text-muted);
    font-size: 0.875rem;
}
/* _content/Gandalf/Components/Atoms/HowToCard.razor.rz.scp.css */
/* HowToCard.razor.css - Scoped styles for the HowToCard component */

/* Universal Status Card */
.status-card[b-7ixl3q6h8d] {
    background: linear-gradient(145deg, var(--glass-bg), var(--color-secondary));
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 20px;
    box-shadow: 0 8px 32px var(--shadow-dark);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

    .status-card:hover[b-7ixl3q6h8d] {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px var(--shadow-dark), 0 0 30px var(--shadow-light);
        border-color: var(--color-accent);
    }

.card-content[b-7ixl3q6h8d] {
    padding: 2rem;
    position: relative;
    z-index: 1;
}

/* Feature Card Specific */
.feature-card .card-content[b-7ixl3q6h8d] {
    padding: 2rem;
}

.feature-header[b-7ixl3q6h8d] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.feature-icon[b-7ixl3q6h8d] {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

    .feature-icon.info[b-7ixl3q6h8d] {
        background: linear-gradient(135deg, var(--color-info), var(--color-accent));
        color: white;
    }

    .feature-icon.success[b-7ixl3q6h8d] {
        background: linear-gradient(135deg, var(--color-success), #1e7e34);
        color: white;
    }

    .feature-icon.warning[b-7ixl3q6h8d] {
        background: linear-gradient(135deg, var(--color-warning), #e6ac00);
        color: #000;
    }

.feature-title-section[b-7ixl3q6h8d] {
    flex: 1;
}

.feature-title[b-7ixl3q6h8d] {
    color: var(--color-text-primary);
    font-weight: 600;
    margin-bottom: 0.75rem;
    font-size: 1.1rem;
}

.status-badge[b-7ixl3q6h8d] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.5px;
}

    .status-badge.warning[b-7ixl3q6h8d] {
        background: linear-gradient(135deg, var(--color-warning), #e6ac00);
        color: #000;
    }

    .status-badge.success[b-7ixl3q6h8d] {
        background: linear-gradient(135deg, var(--color-success), #1e7e34);
        color: white;
    }

    .status-badge.info[b-7ixl3q6h8d] {
        background: linear-gradient(135deg, var(--color-info), var(--color-accent));
        color: white;
    }

.feature-description[b-7ixl3q6h8d] {
    color: var(--color-text-muted);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.feature-info[b-7ixl3q6h8d] {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: 12px;
    padding: 1rem;
    color: var(--color-text-muted);
    font-size: 0.9rem;
    line-height: 1.5;
}

    .feature-info i[b-7ixl3q6h8d] {
        color: var(--color-info);
        margin-right: 0.75rem;
        float: left;
        margin-top: 0.1rem;
    }

    .feature-info strong[b-7ixl3q6h8d] {
        color: var(--color-accent);
    }

/* Responsive Design */
@media (max-width: 768px) {
    .card-content[b-7ixl3q6h8d] {
        padding: 1.5rem !important;
    }

    .feature-header[b-7ixl3q6h8d] {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 1rem;
    }
}

@media (max-width: 480px) {
    .feature-icon[b-7ixl3q6h8d] {
        width: 45px;
        height: 45px;
        font-size: 1.1rem;
    }

    .feature-title[b-7ixl3q6h8d] {
        font-size: 1rem;
    }

    .status-badge[b-7ixl3q6h8d] {
        font-size: 0.8rem;
        padding: 0.4rem 0.8rem;
    }
}
/* _content/Gandalf/Components/Atoms/StackedBarChart.razor.rz.scp.css */
.stacked-bar-chart-atom[b-6wy4nk8kpe] {
    background: var(--color-tertiary);
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid var(--color-border);
}

.chart-title[b-6wy4nk8kpe] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: 1rem;
    text-align: center;
}

.chart-loading[b-6wy4nk8kpe] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 3rem;
    color: var(--color-text-secondary);
}

.chart-error[b-6wy4nk8kpe] {
    padding: 2rem;
    text-align: center;
    color: var(--color-error);
    font-size: 0.875rem;
}

.chart-empty[b-6wy4nk8kpe] {
    padding: 3rem;
    text-align: center;
    color: var(--color-text-muted);
    font-size: 0.875rem;
}
/* _content/Gandalf/Components/Layout/DarkmodeToggle.razor.rz.scp.css */
.theme-toggle-wrapper[b-ggxndrkhde] {
    position: relative;
}

.theme-toggle[b-ggxndrkhde] {
    width: 60px;
    height: 30px;
    background: #9cd6ef;
    border: 2px solid #65c0e7;
    border-radius: 50px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: background 0.4s ease, border-color 0.4s ease;
}

html.dark-mode .theme-toggle[b-ggxndrkhde] {
    background: #224f6d;
    border-color: #2A2A4A;
}

.theme-toggle svg[b-ggxndrkhde] {
    position: absolute;
    width: 369px;
    height: 171.667px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.16);
    transform-origin: center center;
    pointer-events: none;
    z-index: 2;
}

/* Sun animations - VISIBLE BY DEFAULT */
#sun[b-ggxndrkhde] {
    transition: transform 0.6s ease, opacity 0.6s ease;
    transform: translateX(15px);
    opacity: 1;
}

html.dark-mode #sun[b-ggxndrkhde] {
    transform: translateX(-157px);
    opacity: 0;
}

/* Cloud animations - VISIBLE BY DEFAULT */
#cloud[b-ggxndrkhde] {
    transition: opacity 0.4s ease;
    opacity: 1;
}

html.dark-mode #cloud[b-ggxndrkhde] {
    opacity: 0;
}

/* Moon animations - HIDDEN BY DEFAULT */
#moon[b-ggxndrkhde] {
    transition: transform 0.6s ease, opacity 0.6s ease;
    transform: translateX(15px);
    opacity: 0;
}

html.dark-mode #moon[b-ggxndrkhde] {
    transform: translateX(-157px) rotate(-360deg);
    transform-origin: center;
    opacity: 1;
}

/* Star animations - HIDDEN BY DEFAULT */
.star[b-ggxndrkhde] {
    opacity: 0;
    transition: opacity 0.4s ease;
}

html.dark-mode .star[b-ggxndrkhde] {
    opacity: 1;
}

.toggle-background[b-ggxndrkhde] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
/* _content/Gandalf/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-nftoild9y0] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: var(--color-tertiary);
    color: var(--color-text-primary);
}

main[b-nftoild9y0] {
    flex: 1;
    display: flex;
    overflow: hidden; /* Prevent scrollbars on main container */
}

.content[b-nftoild9y0] {
    flex: 1;
    overflow-y: auto;
    transition: margin-right 0.3s ease; /* Smooth transition when sidebar opens */
}

    /* Sidebar adjustments when map sidebar is open */
    .content.sidebar-open[b-nftoild9y0] {
        margin-right: 300px; /* Match sidebar width */
    }

.top-row[b-nftoild9y0] {
    background-color: #139ADA;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

html.dark-mode .top-row[b-nftoild9y0] {
    background-color: #0A0A25;
    border-bottom: 1px solid var(--color-border);
}

.top-row[b-nftoild9y0]  a, .top-row[b-nftoild9y0]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.9);
}

html.dark-mode .top-row[b-nftoild9y0]  a,
html.dark-mode .top-row[b-nftoild9y0]  .btn-link {
    color: var(--color-text-secondary);
}

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

html.dark-mode .top-row[b-nftoild9y0]  a:hover,
html.dark-mode .top-row[b-nftoild9y0]  .btn-link:hover {
    color: var(--color-accent);
}

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

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

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

    /* On mobile, don't push content when sidebar opens */
    .content.sidebar-open[b-nftoild9y0] {
        margin-right: 0;
    }
}

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

    .sidebar[b-nftoild9y0] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
        flex-shrink: 0; /* Prevent sidebar from shrinking */
    }

    main[b-nftoild9y0] {
        flex-direction: column;
    }

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

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

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

#blazor-error-ui[b-nftoild9y0] {
    background: var(--color-warning);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    color: #000;
}

    #blazor-error-ui .dismiss[b-nftoild9y0] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.profile-picture[b-nftoild9y0] {
    margin-left: auto;
}

.profile-img[b-nftoild9y0] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, 0.3);
    cursor: pointer;
    transition: border-color 0.3s ease;
}

html.dark-mode .profile-img[b-nftoild9y0] {
    border: 2px solid var(--color-border);
}

.profile-img:hover[b-nftoild9y0] {
    border-color: white;
}

html.dark-mode .profile-img:hover[b-nftoild9y0] {
    border-color: var(--color-accent);
}

.user-controls[b-nftoild9y0] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-left: auto;
}
/* _content/Gandalf/Components/Layout/NavMenu.razor.rz.scp.css */
a .nav-link[b-lrlrvr2viy] {
    color: white !important;
}

/* Container for the nav items */
.nav-flex-container[b-lrlrvr2viy] {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

/* This class will push the logout item to the bottom */
.nav-bottom[b-lrlrvr2viy] {
    margin-top: auto;
    padding-bottom: 1rem; /* Adjust padding as needed */
}

.navbar-toggler[b-lrlrvr2viy] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

html.dark-mode .navbar-toggler[b-lrlrvr2viy] {
    border: 1px solid var(--glass-border);
}

.navbar-toggler:checked[b-lrlrvr2viy] {
    background-color: rgba(255, 255, 255, 0.15);
}

html.dark-mode .navbar-toggler:checked[b-lrlrvr2viy] {
    background-color: var(--color-hover);
}

button.nav-link[b-lrlrvr2viy] {
    background: transparent;
    border: none;
    color: inherit;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    text-align: left;
    cursor: pointer;
    /* Ensure it behaves like a flex item, inheriting from the parent */
    display: flex;
    align-items: center;
}

/* Show menu when the checkbox immediately precedes it */
.navbar-toggler:checked + .nav-scrollable[b-lrlrvr2viy] {
    display: block;
}

.nav-scrollable[b-lrlrvr2viy] {
    display: none;
    background-color: #139ADA;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}

html.dark-mode .nav-scrollable[b-lrlrvr2viy] {
    background-color: #0A0A25;
    border-right: 1px solid var(--color-border);
}

@media (min-width: 641px) {
    .navbar-toggler[b-lrlrvr2viy] {
        display: none;
    }

    .nav-scrollable[b-lrlrvr2viy] {
        display: block;
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

.top-row[b-lrlrvr2viy] {
    height: 3.5rem;
    background-color: #139ADA;
}

html.dark-mode .top-row[b-lrlrvr2viy] {
    background-color: #0A0A25;
}

.navbar-brand[b-lrlrvr2viy] {
    font-size: 1.1rem;
    font-weight: 600;
    color: white;
}

.bi[b-lrlrvr2viy] {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    vertical-align: middle;
    background-size: cover;
}

/* Icon overrides */
.bi-house-door-fill-nav-menu[b-lrlrvr2viy] {
    background-image: url("data:image/svg+xml,...");
}

.bi-plus-square-fill-nav-menu[b-lrlrvr2viy] {
    background-image: url("data:image/svg+xml,...");
}

.bi-list-nested-nav-menu[b-lrlrvr2viy] {
    background-image: url("data:image/svg+xml,...");
}

/* NAV ITEM LINKS  */
.nav-item[b-lrlrvr2viy] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.9);
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-lrlrvr2viy] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-lrlrvr2viy] {
        padding-bottom: 1rem;
    }

.main-nav-link[b-lrlrvr2viy] {
    color: white !important;
    background: none;
    border: none;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    width: 100%;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.nav-item .nav-link.active[b-lrlrvr2viy] {
    background-color: rgba(255, 255, 255, 0.25);
    color: white;
}

.nav-item .nav-link:hover[b-lrlrvr2viy] {
    background-color: rgba(255, 255, 255, 0.15);
    color: white;
}
/* _content/Gandalf/Components/Molecules/SubNavMenu.razor.rz.scp.css */
/* Generic SubNavigation Component Styles */
.subnav[b-e66qkg0oll] {
    background: transparent;
    margin-bottom: 1.5rem;
    z-index: 1000;
}

.subnav-sticky[b-e66qkg0oll] {
    position: sticky;
    top: 0;
}

.subnav-bordered[b-e66qkg0oll] {
    border-bottom: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
}

.subnav .container-fluid[b-e66qkg0oll] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
}

.subnav-list[b-e66qkg0oll] {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.subnav-item[b-e66qkg0oll] {
    position: relative;
}

.subnav-separator[b-e66qkg0oll] {
    display: flex;
    align-items: center;
    margin: 0 1rem;
}

.subnav-separator-line[b-e66qkg0oll] {
    width: 1px;
    height: 24px;
    background-color: var(--color-border, rgba(255, 255, 255, 0.2));
    opacity: 0.6;
}

.subnav-link[b-e66qkg0oll] {
    display: inline-flex;
    align-items: center;
    padding: 0.6rem 1.2rem;
    color: var(--color-text-secondary, rgba(255, 255, 255, 0.7));
    text-decoration: none;
    border-radius: 25px;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
}

    .subnav-link:hover[b-e66qkg0oll] {
        color: var(--color-text-primary, #ffffff);
        background: var(--glass-bg, rgba(255, 255, 255, 0.05));
        border-color: var(--glass-border, rgba(255, 255, 255, 0.1));
        transform: translateY(-1px);
        box-shadow: 0 4px 12px var(--shadow-dark, rgba(0, 0, 0, 0.3));
    }

    .subnav-link.active[b-e66qkg0oll] {
        color: var(--color-text-primary, #ffffff);
        background: linear-gradient(135deg, var(--color-primary, #667eea) 0%, var(--color-secondary, #764ba2) 100%);
        border-color: var(--color-border, rgba(255, 255, 255, 0.2));
        box-shadow: 0 2px 8px var(--shadow-dark, rgba(0, 0, 0, 0.3));
    }

    .subnav-link i[b-e66qkg0oll],
    .subnav-link svg[b-e66qkg0oll] {
        font-size: 1rem;
        opacity: 0.9;
        width: 16px;
        height: 16px;
    }

    .subnav-link svg[b-e66qkg0oll] {
        margin-right: 0.5rem;
    }

.subnav-right-content[b-e66qkg0oll] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Focus states for accessibility */
.subnav-link:focus[b-e66qkg0oll] {
    outline: 2px solid var(--color-accent, #667eea);
    outline-offset: 2px;
}

/* Hover effect for better UX */
.subnav-link:not(.active):hover[b-e66qkg0oll]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--glass-bg, rgba(255, 255, 255, 0.05));
    border-radius: 25px;
    pointer-events: none;
    z-index: -1;
}

/* Responsive Design */
@media (max-width: 768px) {
    .subnav .container-fluid[b-e66qkg0oll] {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
    }

    .subnav-list[b-e66qkg0oll] {
        justify-content: center;
        width: 100%;
    }

    .subnav-link[b-e66qkg0oll] {
        padding: 0.4rem 0.8rem;
        font-size: 0.85rem;
    }

    .subnav-separator[b-e66qkg0oll] {
        display: none;
    }

    .subnav-right-content[b-e66qkg0oll] {
        align-self: stretch;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .subnav-list[b-e66qkg0oll] {
        flex-direction: column;
        width: 100%;
    }

    .subnav-item[b-e66qkg0oll] {
        width: 100%;
    }

    .subnav-link[b-e66qkg0oll] {
        justify-content: center;
        width: 100%;
        text-align: center;
    }
}
/* _content/Gandalf/Components/Pages/Account/Login.razor.rz.scp.css */
.login-container[b-7bg3vovv56] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.login-card[b-7bg3vovv56] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(60, 60, 97, 0.15);
    border: 1px solid rgba(60, 60, 97, 0.1);
    width: 100%;
    max-width: 400px;
    padding: 40px 30px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .login-card:hover[b-7bg3vovv56] {
        transform: translateY(-5px);
        box-shadow: 0 20px 40px rgba(60, 60, 97, 0.2);
    }

.login-header[b-7bg3vovv56] {
    text-align: center;
    margin-bottom: 40px;
}

.login-title[b-7bg3vovv56] {
    color: #3C3C61;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 10px;
    background: linear-gradient(135deg, #3C3C61, #242448);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.login-subtitle[b-7bg3vovv56] {
    color: #242448;
    font-size: 0.95rem;
    font-weight: 400;
    margin: 0;
}

.input-group[b-7bg3vovv56] {
    position: relative;
    margin-bottom: 20px;
}

    .input-group .form-control[b-7bg3vovv56] {
        height: 58px;
        padding: 20px 15px 10px 50px;
        border: 2px solid #e1e5e9;
        border-radius: 12px;
        background: #f8f9fa;
        font-size: 16px;
        transition: all 0.3s ease;
        box-shadow: none;
    }

        .input-group .form-control:focus[b-7bg3vovv56] {
            border-color: #3C3C61;
            background: #fff;
            box-shadow: 0 0 0 3px rgba(60, 60, 97, 0.1);
            outline: none;
        }

            /* Replace the existing label selector with this */
            .input-group.has-content label[b-7bg3vovv56],
            .input-group .form-control:focus ~ label[b-7bg3vovv56] {
                top: 8px;
                font-size: 12px;
                color: #3C3C61;
                transform: translateY(0);
            }

    .input-group label[b-7bg3vovv56] {
        position: absolute;
        top: 50%;
        left: 50px;
        transform: translateY(-50%);
        background: transparent;
        color: #6c757d;
        font-size: 16px;
        font-weight: 400;
        pointer-events: none;
        transition: all 0.3s ease;
        z-index: 2;
    }

.input-icon[b-7bg3vovv56] {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    font-size: 18px;
    z-index: 3;
    transition: color 0.3s ease;
}

.input-group:focus-within .input-icon[b-7bg3vovv56] {
    color: #3C3C61;
}

.btn-login[b-7bg3vovv56] {
    width: 100%;
    height: 50px;
    background: linear-gradient(135deg, #3C3C61 0%, #242448 100%);
    border: none;
    border-radius: 12px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}

    .btn-login[b-7bg3vovv56]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        transition: left 0.5s ease;
    }

    .btn-login:hover[b-7bg3vovv56] {
        transform: translateY(-2px);
        box-shadow: 0 10px 25px rgba(60, 60, 97, 0.4);
        background: linear-gradient(135deg, #242448 0%, #161637 100%);
    }

        .btn-login:hover[b-7bg3vovv56]::before {
            left: 100%;
        }

    .btn-login:active[b-7bg3vovv56] {
        transform: translateY(0);
    }

.error-message[b-7bg3vovv56] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
    padding: 12px 15px;
    border-radius: 8px;
    border-left: 4px solid #dc3545;
    font-size: 14px;
    margin-bottom: 20px;
    animation: shake-b-7bg3vovv56 0.5s ease-in-out;
}

@keyframes shake-b-7bg3vovv56 {
    0%, 100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    75% {
        transform: translateX(5px);
    }
}

.validation-message[b-7bg3vovv56] {
    color: #dc3545;
    font-size: 12px;
    margin-top: 5px;
    margin-left: 5px;
}

.input-group.invalid .form-control[b-7bg3vovv56] {
    border-color: #dc3545;
    background: rgba(220, 53, 69, 0.05);
}

.input-group.invalid .input-icon[b-7bg3vovv56] {
    color: #dc3545;
}

/* Responsive adjustments */
@@media (max-width: 480px) {
    .login-card[b-7bg3vovv56] {
        padding: 30px 20px;
        margin: 20px;
    }

    .login-title[b-7bg3vovv56] {
        font-size: 2rem;
    }
}

/* Loading state */
.btn-login:disabled[b-7bg3vovv56] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

    .btn-login:disabled:hover[b-7bg3vovv56] {
        transform: none;
        box-shadow: none;
    }
/* _content/Gandalf/Components/Pages/Admin/Admin.razor.rz.scp.css */
/* ===================================
   ADMIN TABLE STYLES - COMPLETE
   =================================== */

.admin-table-container[b-pjzstxte51] {
    background: var(--color-secondary);
    border-radius: 8px;
    border: 1px solid var(--color-border);
    overflow: hidden;
    margin-bottom: 2rem;
}

.admin-table-header[b-pjzstxte51] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-tertiary);
}

    .admin-table-header h4[b-pjzstxte51] {
        margin: 0;
        color: var(--color-text-primary);
        font-size: 1.25rem;
        font-weight: 600;
    }

    .admin-table-header p[b-pjzstxte51] {
        margin: 0;
        color: var(--color-text-muted);
        font-size: 0.875rem;
    }

.admin-table-wrapper[b-pjzstxte51] {
    overflow-x: auto;
    background: var(--color-secondary);
}

.admin-table[b-pjzstxte51] {
    width: 100%;
    border-collapse: collapse;
    background: var(--color-secondary);
}

    .admin-table thead[b-pjzstxte51] {
        background: var(--color-accent);
    }

    .admin-table th[b-pjzstxte51] {
        padding: 0.75rem 1rem;
        text-align: left;
        font-weight: 600;
        font-size: 0.75rem;
        color: white;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        white-space: nowrap;
    }

    .admin-table td[b-pjzstxte51] {
        padding: 0.75rem 1rem;
        border-bottom: 1px solid var(--color-border);
        color: var(--color-text-primary);
        vertical-align: middle;
    }

    .admin-table tbody tr[b-pjzstxte51] {
        background: var(--color-secondary);
        transition: background-color 0.2s ease;
    }

        .admin-table tbody tr:nth-child(even)[b-pjzstxte51] {
            background: var(--color-tertiary);
        }

        .admin-table tbody tr:hover[b-pjzstxte51] {
            background: var(--color-hover);
        }

        .admin-table tbody tr.row-inactive[b-pjzstxte51] {
            opacity: 0.6;
        }

            .admin-table tbody tr.row-inactive td[b-pjzstxte51] {
                color: var(--color-text-muted);
            }

        .admin-table tbody tr.row-active[b-pjzstxte51] {
            border-left: 3px solid var(--color-warning);
        }

/* Code Elements */
.admin-code[b-pjzstxte51] {
    background: var(--color-quaternary);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.85em;
    color: var(--color-accent);
    font-family: 'Courier New', monospace;
    border: 1px solid var(--color-border);
}

/* Badges */
.admin-badge[b-pjzstxte51] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
}

.admin-badge-primary[b-pjzstxte51] {
    background: var(--color-accent);
    color: white;
}

.admin-badge-info[b-pjzstxte51] {
    background: var(--color-info);
    color: white;
}

.admin-badge-secondary[b-pjzstxte51] {
    background: var(--color-text-muted);
    color: white;
}

.admin-badge-warning[b-pjzstxte51] {
    background: var(--color-warning);
    color: #000;
}

.admin-badge-success[b-pjzstxte51] {
    background: var(--color-success);
    color: white;
}

.admin-badge-danger[b-pjzstxte51] {
    background: var(--color-error);
    color: white;
}

/* Button Group */
.admin-btn-group[b-pjzstxte51] {
    display: flex;
    gap: 0.25rem;
}

/* Buttons */
.admin-btn[b-pjzstxte51] {
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.875rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

    .admin-btn:disabled[b-pjzstxte51] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.admin-btn-sm[b-pjzstxte51] {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
}

.admin-btn-primary[b-pjzstxte51],
.btn-admin-primary[b-pjzstxte51] {
    background: var(--color-accent);
    color: white;
}

    .admin-btn-primary:hover:not(:disabled)[b-pjzstxte51],
    .btn-admin-primary:hover:not(:disabled)[b-pjzstxte51] {
        opacity: 0.9;
        transform: translateY(-1px);
    }

.admin-btn-secondary[b-pjzstxte51] {
    background: var(--color-quaternary);
    color: var(--color-text-primary);
    border: 1px solid var(--color-border);
}

    .admin-btn-secondary:hover:not(:disabled)[b-pjzstxte51] {
        background: var(--color-hover);
    }

.admin-btn-success[b-pjzstxte51] {
    background: var(--color-success);
    color: white;
}

    .admin-btn-success:hover:not(:disabled)[b-pjzstxte51] {
        opacity: 0.9;
    }

.admin-btn-warning[b-pjzstxte51] {
    background: var(--color-warning);
    color: #000;
}

    .admin-btn-warning:hover:not(:disabled)[b-pjzstxte51] {
        opacity: 0.9;
    }

.admin-btn-danger[b-pjzstxte51] {
    background: var(--color-error);
    color: white;
}

    .admin-btn-danger:hover:not(:disabled)[b-pjzstxte51] {
        opacity: 0.9;
    }

.admin-btn.active[b-pjzstxte51] {
    background: var(--color-accent);
    color: white;
}

/* Loading Spinner */
.admin-loading[b-pjzstxte51] {
    padding: 3rem;
    text-align: center;
    color: var(--color-text-muted);
}

    .admin-loading p[b-pjzstxte51] {
        margin-top: 1rem;
        color: var(--color-text-muted);
    }

.spinner[b-pjzstxte51] {
    width: 40px;
    height: 40px;
    border: 4px solid var(--color-border);
    border-top-color: var(--color-accent);
    border-radius: 50%;
    animation: spin-b-pjzstxte51 1s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin-b-pjzstxte51 {
    to {
        transform: rotate(360deg);
    }
}

/* Alerts */
.admin-alert[b-pjzstxte51] {
    padding: 1rem 1.25rem;
    border-radius: 6px;
    margin: 1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid;
}

.admin-alert-success[b-pjzstxte51] {
    background: rgba(16, 185, 129, 0.1);
    border-color: var(--color-success);
    color: var(--color-text-primary);
}

.admin-alert-danger[b-pjzstxte51] {
    background: rgba(239, 68, 68, 0.1);
    border-color: var(--color-error);
    color: var(--color-text-primary);
}

.admin-alert-info[b-pjzstxte51] {
    background: rgba(99, 102, 241, 0.1);
    border-color: var(--color-info);
    color: var(--color-text-primary);
}

.admin-alert-warning[b-pjzstxte51] {
    background: rgba(245, 158, 11, 0.1);
    border-color: var(--color-warning);
    color: var(--color-text-primary);
}

html.dark-mode .admin-alert-success[b-pjzstxte51] {
    background: rgba(16, 185, 129, 0.2);
}

html.dark-mode .admin-alert-danger[b-pjzstxte51] {
    background: rgba(239, 68, 68, 0.2);
}

html.dark-mode .admin-alert-info[b-pjzstxte51] {
    background: rgba(99, 102, 241, 0.2);
}

html.dark-mode .admin-alert-warning[b-pjzstxte51] {
    background: rgba(245, 158, 11, 0.2);
}

.alert-close[b-pjzstxte51] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: inherit;
    opacity: 0.7;
    padding: 0;
    line-height: 1;
}

    .alert-close:hover[b-pjzstxte51] {
        opacity: 1;
    }

/* Empty State */
.admin-empty-state[b-pjzstxte51] {
    padding: 3rem;
    text-align: center;
    color: var(--color-text-muted);
    background: var(--color-secondary);
}

    .admin-empty-state i[b-pjzstxte51] {
        font-size: 3rem;
        margin-bottom: 1rem;
        color: var(--color-text-muted);
        opacity: 0.5;
    }

    .admin-empty-state p[b-pjzstxte51] {
        color: var(--color-text-muted);
        margin: 0;
    }

/* Modal */
.admin-modal-overlay[b-pjzstxte51] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.admin-modal[b-pjzstxte51] {
    background: var(--color-secondary);
    border-radius: 8px;
    max-width: 800px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    border: 1px solid var(--color-border);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.admin-modal-header[b-pjzstxte51] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--color-tertiary);
}

    .admin-modal-header h5[b-pjzstxte51] {
        margin: 0;
        color: var(--color-text-primary);
        font-size: 1.25rem;
        font-weight: 600;
    }

.modal-close[b-pjzstxte51] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--color-text-primary);
    padding: 0;
    line-height: 1;
    opacity: 0.7;
}

    .modal-close:hover[b-pjzstxte51] {
        opacity: 1;
    }

.admin-modal-body[b-pjzstxte51] {
    padding: 1.5rem;
    background: var(--color-secondary);
}

.admin-modal-footer[b-pjzstxte51] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--color-border);
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    background: var(--color-tertiary);
}

/* Form Elements */
.admin-form-group[b-pjzstxte51] {
    margin-bottom: 1rem;
}

    .admin-form-group label[b-pjzstxte51] {
        display: block;
        margin-bottom: 0.5rem;
        font-weight: 500;
        color: var(--color-text-primary);
        font-size: 0.875rem;
    }

.admin-input[b-pjzstxte51] {
    width: 100%;
    padding: 0.5rem 0.75rem;
    background: var(--color-tertiary);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    color: var(--color-text-primary);
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

    .admin-input:focus[b-pjzstxte51] {
        outline: none;
        border-color: var(--color-accent);
        box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
    }

    .admin-input[b-pjzstxte51]::placeholder {
        color: var(--color-text-muted);
        opacity: 0.7;
    }

textarea.admin-input[b-pjzstxte51] {
    resize: vertical;
    min-height: 80px;
    font-family: inherit;
}

.form-hint[b-pjzstxte51] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: var(--color-text-muted);
}

.admin-checkbox[b-pjzstxte51] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
}

    .admin-checkbox input[type="checkbox"][b-pjzstxte51] {
        cursor: pointer;
        width: 16px;
        height: 16px;
    }

    .admin-checkbox span[b-pjzstxte51] {
        color: var(--color-text-primary);
    }

.admin-divider[b-pjzstxte51] {
    border: none;
    border-top: 1px solid var(--color-border);
    margin: 1.5rem 0;
}

/* Parameter List */
.admin-param-list[b-pjzstxte51] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.admin-param-item[b-pjzstxte51] {
    display: grid;
    grid-template-columns: 1fr 100px 80px 1.5fr 80px 40px;
    gap: 0.5rem;
    align-items: center;
    padding: 0.75rem;
    background: var(--color-tertiary);
    border-radius: 6px;
    border: 1px solid var(--color-border);
}

.admin-input-sm[b-pjzstxte51] {
    padding: 0.375rem 0.5rem;
    background: var(--color-quaternary);
    border: 1px solid var(--color-border);
    border-radius: 4px;
    color: var(--color-text-primary);
    font-size: 0.875rem;
    width: 100%;
}

    .admin-input-sm:focus[b-pjzstxte51] {
        outline: none;
        border-color: var(--color-accent);
    }

.admin-select-sm[b-pjzstxte51] {
    padding: 0.375rem 0.5rem;
    background: var(--color-quaternary);
    border: 1px solid var(--color-border);
    border-radius: 4px;
    color: var(--color-text-primary);
    font-size: 0.875rem;
    cursor: pointer;
}

    .admin-select-sm:focus[b-pjzstxte51] {
        outline: none;
        border-color: var(--color-accent);
    }

    .admin-select-sm option[b-pjzstxte51] {
        background: var(--color-quaternary);
        color: var(--color-text-primary);
    }

.admin-checkbox-sm[b-pjzstxte51] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    white-space: nowrap;
    color: var(--color-text-primary);
}

    .admin-checkbox-sm input[type="checkbox"][b-pjzstxte51] {
        cursor: pointer;
        width: 14px;
        height: 14px;
    }

/* Stats Cards */
.admin-stats[b-pjzstxte51] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    padding: 1.5rem;
    background: var(--color-tertiary);
    border-bottom: 1px solid var(--color-border);
}

.admin-stat-card[b-pjzstxte51] {
    background: var(--color-quaternary);
    padding: 1.5rem;
    border-radius: 6px;
    text-align: center;
    border: 1px solid var(--color-border);
    transition: all 0.2s ease;
}

    .admin-stat-card:hover[b-pjzstxte51] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

.stat-number[b-pjzstxte51] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-accent);
    line-height: 1.2;
}

.stat-label[b-pjzstxte51] {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 0.5rem;
    font-weight: 500;
}

/* Filters */
.admin-filters[b-pjzstxte51] {
    display: flex;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    background: var(--color-tertiary);
    border-bottom: 1px solid var(--color-border);
    flex-wrap: wrap;
}

/* Pagination */
.admin-pagination[b-pjzstxte51] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: var(--color-tertiary);
    border-top: 1px solid var(--color-border);
    gap: 1rem;
    flex-wrap: wrap;
}

.pagination-info[b-pjzstxte51] {
    font-size: 0.875rem;
    color: var(--color-text-muted);
}

.pagination-controls[b-pjzstxte51] {
    display: flex;
    gap: 0.25rem;
    flex-wrap: wrap;
}

/* Text Utilities */
.text-muted[b-pjzstxte51] {
    color: var(--color-text-muted) !important;
}

.text-danger[b-pjzstxte51] {
    color: var(--color-error) !important;
}

/* Utility Classes */
.d-flex[b-pjzstxte51] {
    display: flex;
}

.justify-content-between[b-pjzstxte51] {
    justify-content: space-between;
}

.align-items-center[b-pjzstxte51] {
    align-items: center;
}

.gap-2[b-pjzstxte51] {
    gap: 0.5rem;
}

.mb-0[b-pjzstxte51] {
    margin-bottom: 0;
}

.mb-2[b-pjzstxte51] {
    margin-bottom: 0.5rem;
}

.me-1[b-pjzstxte51] {
    margin-right: 0.25rem;
}

.me-2[b-pjzstxte51] {
    margin-right: 0.5rem;
}

.w-100[b-pjzstxte51] {
    width: 100%;
}

/* Admin Content Area */
.admin-content-area[b-pjzstxte51] {
    padding: 2rem 0;
}

/* Welcome Section */
.welcome-section[b-pjzstxte51] {
    background: var(--color-secondary);
    border-radius: 8px;
    padding: 3rem;
    border: 1px solid var(--color-border);
    text-align: center;
}

    .welcome-section i[b-pjzstxte51] {
        color: var(--color-text-muted);
    }

    .welcome-section h4[b-pjzstxte51] {
        color: var(--color-text-primary);
        margin-top: 1rem;
    }

    .welcome-section p[b-pjzstxte51] {
        color: var(--color-text-muted);
    }

/* Responsive Design */
@media (max-width: 768px) {
    .admin-table-header[b-pjzstxte51] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .admin-param-item[b-pjzstxte51] {
        grid-template-columns: 1fr;
    }

    .admin-filters[b-pjzstxte51] {
        flex-direction: column;
    }

    .admin-pagination[b-pjzstxte51] {
        flex-direction: column;
        text-align: center;
    }

    .admin-modal[b-pjzstxte51] {
        width: 95%;
    }

    .admin-stats[b-pjzstxte51] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .admin-table th[b-pjzstxte51],
    .admin-table td[b-pjzstxte51] {
        padding: 0.5rem;
        font-size: 0.875rem;
    }

    .admin-btn-group[b-pjzstxte51] {
        flex-direction: column;
    }
}
/* _content/Gandalf/Components/Pages/Admin/Organisms/RedirectsOrganism.razor.rz.scp.css */
.admin-table-container[b-n4mft17v43] {
    background: var(--color-secondary);
    border-radius: 8px;
    border: 1px solid var(--color-border);
    overflow: hidden;
    margin-bottom: 2rem;
}

.admin-table-header[b-n4mft17v43] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-tertiary);
}

    .admin-table-header h4[b-n4mft17v43] {
        margin: 0;
        color: var(--color-text-primary);
        font-size: 1.25rem;
        font-weight: 600;
    }

    .admin-table-header p[b-n4mft17v43] {
        margin: 0;
        color: var(--color-text-muted);
        font-size: 0.875rem;
    }

.admin-table-wrapper[b-n4mft17v43] {
    overflow-x: auto;
    background: var(--color-secondary);
}

.admin-table[b-n4mft17v43] {
    width: 100%;
    border-collapse: collapse;
    background: var(--color-secondary);
}

    .admin-table thead[b-n4mft17v43] {
        background: var(--color-accent);
    }

    .admin-table th[b-n4mft17v43] {
        padding: 0.75rem 1rem;
        text-align: left;
        font-weight: 600;
        font-size: 0.75rem;
        color: white;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        white-space: nowrap;
    }

    .admin-table td[b-n4mft17v43] {
        padding: 0.75rem 1rem;
        border-bottom: 1px solid var(--color-border);
        color: var(--color-text-primary);
        vertical-align: middle;
    }

    .admin-table tbody tr[b-n4mft17v43] {
        background: var(--color-secondary);
        transition: background-color 0.2s ease;
    }

        .admin-table tbody tr:nth-child(even)[b-n4mft17v43] {
            background: var(--color-tertiary);
        }

        .admin-table tbody tr:hover[b-n4mft17v43] {
            background: var(--color-hover);
        }

        .admin-table tbody tr.row-inactive[b-n4mft17v43] {
            opacity: 0.6;
        }

            .admin-table tbody tr.row-inactive td[b-n4mft17v43] {
                color: var(--color-text-muted);
            }

.admin-code[b-n4mft17v43] {
    background: var(--color-quaternary);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.85em;
    color: var(--color-accent);
    font-family: 'Courier New', monospace;
    border: 1px solid var(--color-border);
}

.admin-badge[b-n4mft17v43] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
}

.admin-badge-primary[b-n4mft17v43] {
    background: var(--color-accent);
    color: white;
}

.admin-badge-info[b-n4mft17v43] {
    background: var(--color-info);
    color: white;
}

.admin-badge-secondary[b-n4mft17v43] {
    background: var(--color-text-muted);
    color: white;
}

.admin-badge-warning[b-n4mft17v43] {
    background: var(--color-warning);
    color: #000;
}

.admin-badge-success[b-n4mft17v43] {
    background: var(--color-success);
    color: white;
}

.admin-btn-group[b-n4mft17v43] {
    display: flex;
    gap: 0.25rem;
}

.admin-btn[b-n4mft17v43] {
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.875rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .admin-btn:disabled[b-n4mft17v43] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.admin-btn-sm[b-n4mft17v43] {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
}

.admin-btn-primary[b-n4mft17v43],
.btn-admin-primary[b-n4mft17v43] {
    background: var(--color-accent);
    color: white;
}

    .admin-btn-primary:hover:not(:disabled)[b-n4mft17v43],
    .btn-admin-primary:hover:not(:disabled)[b-n4mft17v43] {
        opacity: 0.9;
    }

.admin-btn-secondary[b-n4mft17v43] {
    background: var(--color-quaternary);
    color: var(--color-text-primary);
    border: 1px solid var(--color-border);
}

    .admin-btn-secondary:hover:not(:disabled)[b-n4mft17v43] {
        background: var(--color-hover);
    }

.admin-btn-success[b-n4mft17v43] {
    background: var(--color-success);
    color: white;
}

.admin-btn-warning[b-n4mft17v43] {
    background: var(--color-warning);
    color: #000;
}

.admin-btn-danger[b-n4mft17v43] {
    background: var(--color-error);
    color: white;
}

.admin-loading[b-n4mft17v43] {
    padding: 3rem;
    text-align: center;
    color: var(--color-text-muted);
}

.spinner[b-n4mft17v43] {
    width: 40px;
    height: 40px;
    border: 4px solid var(--color-border);
    border-top-color: var(--color-accent);
    border-radius: 50%;
    animation: spin-b-n4mft17v43 1s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin-b-n4mft17v43 {
    to {
        transform: rotate(360deg);
    }
}

.admin-alert[b-n4mft17v43] {
    padding: 1rem 1.25rem;
    border-radius: 6px;
    margin: 1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid;
}

.admin-alert-success[b-n4mft17v43] {
    background: rgba(16, 185, 129, 0.1);
    border-color: var(--color-success);
    color: var(--color-text-primary);
}

.admin-alert-danger[b-n4mft17v43] {
    background: rgba(239, 68, 68, 0.1);
    border-color: var(--color-error);
    color: var(--color-text-primary);
}

.alert-close[b-n4mft17v43] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: inherit;
    opacity: 0.7;
}

    .alert-close:hover[b-n4mft17v43] {
        opacity: 1;
    }

.admin-empty-state[b-n4mft17v43] {
    padding: 3rem;
    text-align: center;
    color: var(--color-text-muted);
}

    .admin-empty-state i[b-n4mft17v43] {
        font-size: 3rem;
        margin-bottom: 1rem;
        opacity: 0.5;
    }

.admin-modal-overlay[b-n4mft17v43] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.admin-modal[b-n4mft17v43] {
    background: var(--color-secondary);
    border-radius: 8px;
    max-width: 800px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    border: 1px solid var(--color-border);
}

.admin-modal-header[b-n4mft17v43] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--color-tertiary);
}

    .admin-modal-header h5[b-n4mft17v43] {
        margin: 0;
        color: var(--color-text-primary);
    }

.modal-close[b-n4mft17v43] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--color-text-primary);
}

.admin-modal-body[b-n4mft17v43] {
    padding: 1.5rem;
}

.admin-modal-footer[b-n4mft17v43] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--color-border);
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    background: var(--color-tertiary);
}

.admin-form-group[b-n4mft17v43] {
    margin-bottom: 1rem;
}

    .admin-form-group label[b-n4mft17v43] {
        display: block;
        margin-bottom: 0.5rem;
        font-weight: 500;
        color: var(--color-text-primary);
    }

.admin-input[b-n4mft17v43] {
    width: 100%;
    padding: 0.5rem 0.75rem;
    background: var(--color-tertiary);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    color: var(--color-text-primary);
}

    .admin-input:focus[b-n4mft17v43] {
        outline: none;
        border-color: var(--color-accent);
    }

    .admin-input[b-n4mft17v43]::placeholder {
        color: var(--color-text-muted);
    }

textarea.admin-input[b-n4mft17v43] {
    resize: vertical;
    min-height: 80px;
}

.form-hint[b-n4mft17v43] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: var(--color-text-muted);
}

.admin-checkbox[b-n4mft17v43] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

    .admin-checkbox input[b-n4mft17v43] {
        cursor: pointer;
    }

.admin-divider[b-n4mft17v43] {
    border: none;
    border-top: 1px solid var(--color-border);
    margin: 1.5rem 0;
}

.admin-param-list[b-n4mft17v43] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.admin-param-item[b-n4mft17v43] {
    display: grid;
    grid-template-columns: 1fr 100px 80px 1.5fr 80px 40px;
    gap: 0.5rem;
    align-items: center;
    padding: 0.75rem;
    background: var(--color-tertiary);
    border-radius: 6px;
}

.admin-input-sm[b-n4mft17v43] {
    padding: 0.375rem 0.5rem;
    background: var(--color-quaternary);
    border: 1px solid var(--color-border);
    border-radius: 4px;
    color: var(--color-text-primary);
    font-size: 0.875rem;
}

.admin-select-sm[b-n4mft17v43] {
    padding: 0.375rem 0.5rem;
    background: var(--color-quaternary);
    border: 1px solid var(--color-border);
    border-radius: 4px;
    color: var(--color-text-primary);
    font-size: 0.875rem;
}

.admin-checkbox-sm[b-n4mft17v43] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
}

.text-muted[b-n4mft17v43] {
    color: var(--color-text-muted);
}

.text-danger[b-n4mft17v43] {
    color: var(--color-error);
}

.d-flex[b-n4mft17v43] {
    display: flex;
}

.justify-content-between[b-n4mft17v43] {
    justify-content: space-between;
}

.align-items-center[b-n4mft17v43] {
    align-items: center;
}

.mb-0[b-n4mft17v43] {
    margin-bottom: 0;
}

.mb-2[b-n4mft17v43] {
    margin-bottom: 0.5rem;
}

.me-1[b-n4mft17v43] {
    margin-right: 0.25rem;
}

.me-2[b-n4mft17v43] {
    margin-right: 0.5rem;
}
/* _content/Gandalf/Components/Pages/Admin/Organisms/UserSessionsOrganism.razor.rz.scp.css */
.admin-table-container[b-t561zz0r3o] {
    background: var(--color-secondary);
    border-radius: 8px;
    border: 1px solid var(--color-border);
    overflow: hidden;
    margin-bottom: 2rem;
}

.admin-table-header[b-t561zz0r3o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-tertiary);
}

    .admin-table-header h4[b-t561zz0r3o] {
        margin: 0;
        color: var(--color-text-primary);
    }

    .admin-table-header p[b-t561zz0r3o] {
        margin: 0;
        color: var(--color-text-muted);
        font-size: 0.875rem;
    }

.admin-stats[b-t561zz0r3o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    padding: 1.5rem;
    background: var(--color-tertiary);
    border-bottom: 1px solid var(--color-border);
}

.admin-stat-card[b-t561zz0r3o] {
    background: var(--color-quaternary);
    padding: 1.5rem;
    border-radius: 6px;
    text-align: center;
}

.stat-number[b-t561zz0r3o] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-accent);
}

.stat-label[b-t561zz0r3o] {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    text-transform: uppercase;
    margin-top: 0.5rem;
}

.admin-filters[b-t561zz0r3o] {
    display: flex;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    background: var(--color-tertiary);
    border-bottom: 1px solid var(--color-border);
}

.admin-table-wrapper[b-t561zz0r3o] {
    overflow-x: auto;
}

.admin-table[b-t561zz0r3o] {
    width: 100%;
    border-collapse: collapse;
}

    .admin-table thead[b-t561zz0r3o] {
        background: var(--color-accent);
    }

    .admin-table th[b-t561zz0r3o] {
        padding: 0.75rem 1rem;
        text-align: left;
        font-weight: 600;
        font-size: 0.75rem;
        color: white;
        text-transform: uppercase;
    }

    .admin-table td[b-t561zz0r3o] {
        padding: 0.75rem 1rem;
        border-bottom: 1px solid var(--color-border);
        color: var(--color-text-primary);
    }

    .admin-table tbody tr[b-t561zz0r3o] {
        background: var(--color-secondary);
    }

        .admin-table tbody tr:nth-child(even)[b-t561zz0r3o] {
            background: var(--color-tertiary);
        }

        .admin-table tbody tr:hover[b-t561zz0r3o] {
            background: var(--color-hover);
        }

        .admin-table tbody tr.row-active[b-t561zz0r3o] {
            border-left: 3px solid var(--color-warning);
        }

.admin-badge[b-t561zz0r3o] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.admin-badge-primary[b-t561zz0r3o] {
    background: var(--color-accent);
    color: white;
}

.admin-badge-warning[b-t561zz0r3o] {
    background: var(--color-warning);
    color: #000;
}

.admin-btn[b-t561zz0r3o] {
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

    .admin-btn:disabled[b-t561zz0r3o] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.admin-btn-sm[b-t561zz0r3o] {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
}

.admin-btn-secondary[b-t561zz0r3o] {
    background: var(--color-quaternary);
    color: var(--color-text-primary);
}

.admin-btn.active[b-t561zz0r3o] {
    background: var(--color-accent);
    color: white;
}

.admin-loading[b-t561zz0r3o] {
    padding: 3rem;
    text-align: center;
}

.spinner[b-t561zz0r3o] {
    width: 40px;
    height: 40px;
    border: 4px solid var(--color-border);
    border-top-color: var(--color-accent);
    border-radius: 50%;
    animation: spin-b-t561zz0r3o 1s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin-b-t561zz0r3o {
    to {
        transform: rotate(360deg);
    }
}

.admin-alert[b-t561zz0r3o] {
    padding: 1rem 1.25rem;
    border-radius: 6px;
    margin: 1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid;
}

.admin-alert-danger[b-t561zz0r3o] {
    background: rgba(239, 68, 68, 0.1);
    border-color: var(--color-error);
    color: var(--color-text-primary);
}

.alert-close[b-t561zz0r3o] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: inherit;
}

.admin-empty-state[b-t561zz0r3o] {
    padding: 3rem;
    text-align: center;
    color: var(--color-text-muted);
}

    .admin-empty-state i[b-t561zz0r3o] {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

.admin-pagination[b-t561zz0r3o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: var(--color-tertiary);
    border-top: 1px solid var(--color-border);
}

.pagination-info[b-t561zz0r3o] {
    font-size: 0.875rem;
    color: var(--color-text-muted);
}

.pagination-controls[b-t561zz0r3o] {
    display: flex;
    gap: 0.25rem;
}

.admin-input-sm[b-t561zz0r3o] {
    padding: 0.375rem 0.5rem;
    background: var(--color-quaternary);
    border: 1px solid var(--color-border);
    border-radius: 4px;
    color: var(--color-text-primary);
    font-size: 0.875rem;
}

.admin-select-sm[b-t561zz0r3o] {
    padding: 0.375rem 0.5rem;
    background: var(--color-quaternary);
    border: 1px solid var(--color-border);
    border-radius: 4px;
    color: var(--color-text-primary);
    font-size: 0.875rem;
}

.text-muted[b-t561zz0r3o] {
    color: var(--color-text-muted);
}
/* _content/Gandalf/Components/Pages/Changelog/Changelog.razor.rz.scp.css */
.changelog-container[b-8plbzyhwb0] {
    min-height: 100vh;
    padding: 2rem 0;
}

.changelog-header[b-8plbzyhwb0] {
    background: linear-gradient(135deg, var(--color-tertiary) 0%, var(--color-secondary) 100%);
    border-radius: 10px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 6px var(--shadow-dark);
}

    .changelog-header h1[b-8plbzyhwb0] {
        color: var(--color-text-primary);
        margin: 0;
        font-weight: 600;
    }

    .changelog-header p[b-8plbzyhwb0] {
        color: var(--color-text-secondary);
        margin: 0.5rem 0 0 0;
    }

.changelog-stats[b-8plbzyhwb0] {
    display: flex;
    gap: 1.5rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.stat-item[b-8plbzyhwb0] {
    color: var(--color-text-secondary);
    font-size: 0.9rem;
}

    .stat-item strong[b-8plbzyhwb0] {
        color: var(--color-text-primary);
        margin-right: 0.25rem;
    }

/* Sub Navigation */
.view-subnav[b-8plbzyhwb0] {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    border-bottom: 2px solid var(--color-border);
}

.subnav-item[b-8plbzyhwb0] {
    background: none;
    border: none;
    color: var(--color-text-secondary);
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
}

    .subnav-item:hover[b-8plbzyhwb0] {
        color: var(--color-text-primary);
        background: var(--glass-bg);
    }

    .subnav-item.active[b-8plbzyhwb0] {
        color: var(--color-text-primary);
        border-bottom-color: var(--color-accent);
    }

    .subnav-item i[b-8plbzyhwb0] {
        margin-right: 0.5rem;
    }

/* Timeline Styles */
.timeline[b-8plbzyhwb0] {
    position: relative;
    padding: 0;
    list-style: none;
}

    .timeline[b-8plbzyhwb0]::before {
        content: '';
        position: absolute;
        left: 30px;
        top: 0;
        bottom: 0;
        width: 3px;
        background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    }

.timeline-item[b-8plbzyhwb0] {
    position: relative;
    margin-bottom: 3rem;
    padding-left: 80px;
}

    .timeline-item:last-child[b-8plbzyhwb0] {
        margin-bottom: 0;
    }

.timeline-marker[b-8plbzyhwb0] {
    position: absolute;
    left: 18px;
    top: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--color-primary);
    border: 4px solid var(--color-quaternary);
    box-shadow: 0 0 0 3px var(--color-secondary);
}

.timeline-date[b-8plbzyhwb0] {
    position: absolute;
    left: -180px;
    top: 0;
    width: 160px;
    text-align: right;
    color: var(--color-text-secondary);
    font-size: 0.9rem;
    font-weight: 500;
}

.timeline-date-main[b-8plbzyhwb0] {
    color: var(--color-text-primary);
    font-size: 1.1rem;
    display: block;
    margin-bottom: 0.25rem;
}

.timeline-content[b-8plbzyhwb0] {
    background: var(--color-tertiary);
    border-radius: 8px;
    padding: 1.5rem;
    border: 1px solid var(--color-border);
    box-shadow: 0 2px 4px var(--shadow-dark);
}

.timeline-content-header[b-8plbzyhwb0] {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--color-border);
}

    .timeline-content-header h3[b-8plbzyhwb0] {
        color: var(--color-text-primary);
        margin: 0 0 0.5rem 0;
        font-size: 1.1rem;
    }

    .timeline-content-header .badge[b-8plbzyhwb0] {
        background: var(--color-primary);
        color: var(--color-text-primary);
        padding: 0.3rem 0.6rem;
        border-radius: 15px;
        font-size: 0.75rem;
        margin-right: 0.5rem;
    }

/* Epic Accordion Styles */
.epic-accordion[b-8plbzyhwb0] {
    margin-top: 1rem;
}

.epic-item[b-8plbzyhwb0] {
    background: var(--color-quaternary);
    border-radius: 6px;
    margin-bottom: 0.75rem;
    overflow: hidden;
    border: 1px solid var(--color-tertiary);
}

    .epic-item:last-child[b-8plbzyhwb0] {
        margin-bottom: 0;
    }

.epic-header[b-8plbzyhwb0] {
    background: var(--color-secondary);
    padding: 1rem 1.25rem;
    cursor: pointer;
    transition: background 0.3s ease;
    border: none;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .epic-header:hover[b-8plbzyhwb0] {
        background: var(--color-hover);
    }

.epic-header-content[b-8plbzyhwb0] {
    flex: 1;
}

.epic-title[b-8plbzyhwb0] {
    color: var(--color-text-primary);
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
}

.epic-subtitle[b-8plbzyhwb0] {
    color: var(--color-text-secondary);
    font-size: 0.85rem;
    margin: 0.25rem 0 0 0;
}

.epic-badge[b-8plbzyhwb0] {
    background: var(--color-primary);
    color: var(--color-text-primary);
    padding: 0.3rem 0.6rem;
    border-radius: 15px;
    font-size: 0.75rem;
    margin-right: 1rem;
}

.chevron-icon[b-8plbzyhwb0] {
    transition: transform 0.3s ease;
    color: var(--color-text-secondary);
    flex-shrink: 0;
}

.accordion-button:not(.collapsed) .chevron-icon[b-8plbzyhwb0] {
    transform: rotate(0deg);
}

.accordion-button.collapsed .chevron-icon[b-8plbzyhwb0] {
    transform: rotate(-90deg);
}

.epic-content[b-8plbzyhwb0] {
    padding: 1rem 1.25rem;
}

.change-item[b-8plbzyhwb0] {
    margin-bottom: 1rem;
    padding: 0.75rem;
    background: var(--color-tertiary);
    border-radius: 6px;
    border-left: 4px solid var(--color-primary);
}

    .change-item:last-child[b-8plbzyhwb0] {
        margin-bottom: 0;
    }

.change-type[b-8plbzyhwb0] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    letter-spacing: 0.5px;
}

    .change-type.feature[b-8plbzyhwb0] {
        background: var(--color-success);
        color: white;
    }

    .change-type.bugfix[b-8plbzyhwb0] {
        background: var(--color-error);
        color: white;
    }

    .change-type.improvement[b-8plbzyhwb0] {
        background: var(--color-info);
        color: white;
    }

    .change-type.security[b-8plbzyhwb0] {
        background: var(--color-warning);
        color: #000;
    }

    .change-type.other[b-8plbzyhwb0] {
        background: var(--color-text-muted);
        color: white;
    }

.change-description[b-8plbzyhwb0] {
    color: var(--color-text-primary);
    margin-left: 0.5rem;
    line-height: 1.6;
    display: inline;
}

/* Feature Requests View */
.feature-requests-container[b-8plbzyhwb0] {
    animation: fadeIn-b-8plbzyhwb0 0.3s ease;
}

@keyframes fadeIn-b-8plbzyhwb0 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

/* Contact Card (CTA) */
.status-card[b-8plbzyhwb0] {
    background: var(--color-tertiary);
    border-radius: 10px;
    border: 1px solid var(--color-border);
    box-shadow: 0 4px 6px var(--shadow-dark);
    margin-bottom: 2rem;
}

.contact-card .card-content[b-8plbzyhwb0] {
    padding: 2rem;
}

.contact-header[b-8plbzyhwb0] {
    margin-bottom: 1.5rem;
}

.contact-icon[b-8plbzyhwb0] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    font-size: 1.5rem;
    color: var(--color-text-primary);
}

.contact-title[b-8plbzyhwb0] {
    color: var(--color-text-primary);
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
}

.contact-description[b-8plbzyhwb0] {
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.contact-buttons[b-8plbzyhwb0] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.modern-btn[b-8plbzyhwb0] {
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-outline[b-8plbzyhwb0] {
    background: transparent;
    border: 2px solid var(--color-accent);
    color: var(--color-accent);
}

    .btn-outline:hover[b-8plbzyhwb0] {
        background: var(--color-accent);
        color: white;
        transform: translateY(-2px);
        box-shadow: 0 4px 8px var(--shadow-dark);
    }

.btn-primary[b-8plbzyhwb0] {
    background: var(--color-accent);
    color: white;
}

    .btn-primary:hover[b-8plbzyhwb0] {
        background: var(--color-hover);
        transform: translateY(-2px);
        box-shadow: 0 4px 8px var(--shadow-dark);
    }

/* Feature Requests List View */
.feature-requests-list[b-8plbzyhwb0] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.status-group[b-8plbzyhwb0] {
    background: var(--color-tertiary);
    border-radius: 8px;
    border: 1px solid var(--color-border);
    overflow: hidden;
}

.status-group-header[b-8plbzyhwb0] {
    background: var(--color-secondary);
    padding: 1rem 1.5rem;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid var(--color-tertiary);
}

.status-count[b-8plbzyhwb0] {
    color: var(--color-text-secondary);
    font-size: 0.9rem;
    font-weight: normal;
}

.feature-items[b-8plbzyhwb0] {
    padding: 0;
}

.feature-request-item[b-8plbzyhwb0] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--color-border);
}

    .feature-request-item:last-child[b-8plbzyhwb0] {
        border-bottom: none;
    }

    .feature-request-item:hover[b-8plbzyhwb0] {
        background: var(--glass-bg);
    }

.feature-request-main[b-8plbzyhwb0] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.feature-bullet[b-8plbzyhwb0] {
    color: var(--color-primary);
    font-size: 1.5rem;
    line-height: 1.2;
    flex-shrink: 0;
}

.feature-title[b-8plbzyhwb0] {
    color: var(--color-text-primary);
    font-size: 0.95rem;
    line-height: 1.5;
    font-weight: 500;
}

.status-badge[b-8plbzyhwb0] {
    padding: 0.35rem 0.85rem;
    border-radius: 15px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .status-badge.underreview[b-8plbzyhwb0] {
        background: var(--color-text-muted);
        color: white;
    }

    .status-badge.planned[b-8plbzyhwb0] {
        background: var(--color-info);
        color: white;
    }

    .status-badge.inprogress[b-8plbzyhwb0] {
        background: var(--color-warning);
        color: #000;
    }

    .status-badge.completed[b-8plbzyhwb0] {
        background: var(--color-success);
        color: white;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .timeline[b-8plbzyhwb0]::before {
        left: 15px;
    }

    .timeline-marker[b-8plbzyhwb0] {
        left: 3px;
    }

    .timeline-item[b-8plbzyhwb0] {
        padding-left: 50px;
    }

    .timeline-date[b-8plbzyhwb0] {
        position: static;
        width: auto;
        text-align: left;
        margin-bottom: 0.75rem;
    }

    .view-subnav[b-8plbzyhwb0] {
        flex-direction: column;
        gap: 0;
    }

    .subnav-item[b-8plbzyhwb0] {
        border-bottom: 1px solid var(--color-border);
        border-radius: 0;
    }

    .contact-buttons[b-8plbzyhwb0] {
        flex-direction: column;
    }

    .modern-btn[b-8plbzyhwb0] {
        width: 100%;
        justify-content: center;
    }

    .status-group-header[b-8plbzyhwb0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .feature-request-item[b-8plbzyhwb0] {
        padding: 0.75rem 1rem;
    }
}
/* _content/Gandalf/Components/Pages/Dashboard/Home.razor.rz.scp.css */

body[b-cnbcohhzg9] {
    background: radial-gradient(ellipse at top, var(--color-quaternary) 0%, var(--color-dark) 100%);
    min-height: 100vh;
    color: var(--color-text-primary);
    position: relative;
}

    body[b-cnbcohhzg9]::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23139ada' fill-opacity='0.02'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        pointer-events: none;
        z-index: -1;
    }

html.dark-mode body[b-cnbcohhzg9]::before {
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236366F1' fill-opacity='0.02'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* Hero Section */
.hero-icon[b-cnbcohhzg9] {
    font-size: 4rem;
    color: var(--color-accent);
    filter: drop-shadow(0 0 20px var(--shadow-light));
    animation: float-b-cnbcohhzg9 3s ease-in-out infinite;
}

@keyframes float-b-cnbcohhzg9 {
    0%, 100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }
}

.hero-title[b-cnbcohhzg9] {
    font-weight: 700;
    color: var(--color-text-primary);
    text-shadow: 0 2px 10px var(--shadow-dark);
    margin-bottom: 1rem;
}

.hero-subtitle[b-cnbcohhzg9] {
    font-size: 1.25rem;
    font-weight: 300;
    color: var(--color-text-secondary);
    opacity: 0.9;
}

/* Cards Container */
.cards-container[b-cnbcohhzg9] {
    max-width: 100%;
}

/* Universal Status Card */
.status-card[b-cnbcohhzg9] {
    background: linear-gradient(145deg, var(--glass-bg), var(--color-secondary));
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 20px;
    box-shadow: 0 8px 32px var(--shadow-dark);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

    .status-card:hover[b-cnbcohhzg9] {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px var(--shadow-dark), 0 0 30px var(--shadow-light);
        border-color: var(--color-accent);
    }

.card-content[b-cnbcohhzg9] {
    padding: 2rem;
    position: relative;
    z-index: 1;
}

/* Beta Notice Specific */
.beta-notice[b-cnbcohhzg9] {
    border-left: 4px solid var(--color-warning);
}

    .beta-notice .card-content[b-cnbcohhzg9] {
        display: flex;
        align-items: center;
        gap: 1.5rem;
    }

.status-icon[b-cnbcohhzg9] {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

    .status-icon.warning[b-cnbcohhzg9] {
        background: linear-gradient(135deg, var(--color-warning), #e6ac00);
        color: #000;
    }

.status-title[b-cnbcohhzg9] {
    color: var(--color-text-primary);
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
}

.status-description[b-cnbcohhzg9] {
    color: var(--color-text-muted);
    margin: 0;
    line-height: 1.6;
}

/* Feature Cards Row */
.feature-cards-row[b-cnbcohhzg9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 1.5rem;
}

.feature-card .card-content[b-cnbcohhzg9] {
    padding: 2rem;
}

.feature-header[b-cnbcohhzg9] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.feature-icon[b-cnbcohhzg9] {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

    .feature-icon.info[b-cnbcohhzg9] {
        background: linear-gradient(135deg, var(--color-info), var(--color-accent));
        color: white;
    }

    .feature-icon.success[b-cnbcohhzg9] {
        background: linear-gradient(135deg, var(--color-success), #1e7e34);
        color: white;
    }

.feature-title-section[b-cnbcohhzg9] {
    flex: 1;
}

.feature-title[b-cnbcohhzg9] {
    color: var(--color-text-primary);
    font-weight: 600;
    margin-bottom: 0.75rem;
    font-size: 1.1rem;
}

.status-badge[b-cnbcohhzg9] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.5px;
}

    .status-badge.warning[b-cnbcohhzg9] {
        background: linear-gradient(135deg, var(--color-warning), #e6ac00);
        color: #000;
    }

    .status-badge.success[b-cnbcohhzg9] {
        background: linear-gradient(135deg, var(--color-success), #1e7e34);
        color: white;
    }

.feature-description[b-cnbcohhzg9] {
    color: var(--color-text-muted);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.feature-info[b-cnbcohhzg9] {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: 12px;
    padding: 1rem;
    color: var(--color-text-muted);
    font-size: 0.9rem;
    line-height: 1.5;
}

    .feature-info i[b-cnbcohhzg9] {
        color: var(--color-info);
        margin-right: 0.75rem;
        float: left;
        margin-top: 0.1rem;
    }

    .feature-info strong[b-cnbcohhzg9] {
        color: var(--color-accent);
    }

/* Contact Card */
.contact-card .card-content[b-cnbcohhzg9] {
    padding: 2.5rem;
}

.contact-header[b-cnbcohhzg9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.contact-icon[b-cnbcohhzg9] {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--color-accent), var(--color-info));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: white;
}

.contact-title[b-cnbcohhzg9] {
    color: var(--color-text-primary);
    font-weight: 600;
    margin: 0;
    font-size: 1.25rem;
}

.contact-description[b-cnbcohhzg9] {
    color: var(--color-text-muted);
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto 2rem;
}

.contact-buttons[b-cnbcohhzg9] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}

/* Modern Buttons */
.modern-btn[b-cnbcohhzg9] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 12px;
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

    .modern-btn[b-cnbcohhzg9]::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 50%;
        transform: translate(-50%, -50%);
        transition: width 0.3s, height 0.3s;
    }

    .modern-btn:hover[b-cnbcohhzg9]::before {
        width: 300px;
        height: 300px;
    }

.btn-primary[b-cnbcohhzg9] {
    background: linear-gradient(135deg, var(--color-accent), var(--color-info));
    color: white;
    box-shadow: 0 4px 15px var(--shadow-light);
}

    .btn-primary:hover[b-cnbcohhzg9] {
        background: linear-gradient(135deg, var(--color-info), var(--color-accent));
        transform: translateY(-2px);
        box-shadow: 0 8px 25px var(--shadow-light);
        color: white;
    }

.btn-outline[b-cnbcohhzg9] {
    background: transparent;
    border: 2px solid var(--color-accent);
    color: var(--color-accent);
}

    .btn-outline:hover[b-cnbcohhzg9] {
        background: var(--color-accent);
        color: white;
        transform: translateY(-2px);
        box-shadow: 0 8px 25px var(--shadow-light);
    }

/* Text utilities */
.text-light[b-cnbcohhzg9] {
    color: var(--color-text-primary) !important;
}

.text-light-muted[b-cnbcohhzg9] {
    color: var(--color-text-muted) !important;
}

.text-primary[b-cnbcohhzg9] {
    color: var(--color-accent) !important;
}

.text-success[b-cnbcohhzg9] {
    color: var(--color-success) !important;
}

.text-warning[b-cnbcohhzg9] {
    color: var(--color-warning) !important;
}

.text-info[b-cnbcohhzg9] {
    color: var(--color-info) !important;
}

.text-danger[b-cnbcohhzg9] {
    color: var(--color-error) !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .hero-icon[b-cnbcohhzg9] {
        font-size: 3rem;
    }

    .display-4[b-cnbcohhzg9] {
        font-size: 2.5rem;
    }

    .card-content[b-cnbcohhzg9] {
        padding: 1.5rem !important;
    }

    .beta-notice .card-content[b-cnbcohhzg9] {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .feature-cards-row[b-cnbcohhzg9] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .feature-header[b-cnbcohhzg9] {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 1rem;
    }

    .contact-buttons[b-cnbcohhzg9] {
        flex-direction: column;
        align-items: center;
    }

    .modern-btn[b-cnbcohhzg9] {
        width: 100%;
        max-width: 200px;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .hero-title[b-cnbcohhzg9] {
        font-size: 2rem;
    }

    .hero-subtitle[b-cnbcohhzg9] {
        font-size: 1.1rem;
    }

    .status-icon[b-cnbcohhzg9] {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }

    .contact-icon[b-cnbcohhzg9] {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }
}

/* Custom scrollbar for webkit browsers */
[b-cnbcohhzg9]::-webkit-scrollbar {
    width: 8px;
}

[b-cnbcohhzg9]::-webkit-scrollbar-track {
    background: var(--color-quaternary);
}

[b-cnbcohhzg9]::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
    border-radius: 4px;
}

    [b-cnbcohhzg9]::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(135deg, var(--color-accent), var(--color-info));
    }

/* Smooth scroll and improved typography */
html[b-cnbcohhzg9] {
    scroll-behavior: smooth;
}

*[b-cnbcohhzg9] {
    box-sizing: border-box;
}
/* _content/Gandalf/Components/Pages/Map/BusinessModal.razor.rz.scp.css */
/* ===== LIGHTHOUSE SEO TAB STYLES ===== */

/* Modal Navigation Styles */
.modal-nav[b-loz270n6tf] {
    border-bottom: 1px solid var(--color-border);
    background-color: var(--color-primary);
}

    .modal-nav .nav-tabs[b-loz270n6tf] {
        margin-bottom: 0;
        border-bottom: none;
        padding: 0 1rem;
    }

    .modal-nav .nav-link[b-loz270n6tf] {
        border: none;
        border-radius: 0;
        color: var(--color-text-muted);
        font-weight: 500;
        padding: 1rem 1.5rem;
    }

        .modal-nav .nav-link:hover[b-loz270n6tf] {
            color: var(--color-text-secondary);
            background-color: var(--color-hover);
            border-color: transparent;
        }

        .modal-nav .nav-link.active[b-loz270n6tf] {
            color: var(--color-text-primary);
            background-color: var(--color-secondary);
            border-color: var(--color-border);
            border-bottom: 2px solid var(--color-accent);
        }

/* Business Overview Styles */
.business-overview .section-title[b-loz270n6tf] {
    color: var(--color-text-primary);
    font-weight: 600;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 0.5rem;
}

.info-list[b-loz270n6tf] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.info-item[b-loz270n6tf] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

    .info-item strong[b-loz270n6tf] {
        color: var(--color-text-muted);
        font-size: 0.875rem;
        font-weight: 600;
    }

    .info-item span[b-loz270n6tf],
    .info-item a[b-loz270n6tf] {
        color: var(--color-text-primary);
        text-decoration: none;
    }

        .info-item a:hover[b-loz270n6tf] {
            color: var(--color-accent);
            text-decoration: underline;
        }

.business-description[b-loz270n6tf] {
    color: var(--color-text-muted);
    line-height: 1.6;
}

.coming-soon[b-loz270n6tf] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--color-text-muted);
}

    .coming-soon p[b-loz270n6tf] {
        margin-top: 1rem;
        font-style: italic;
    }

/* Modal Z-index */
.modal-backdrop[b-loz270n6tf] {
    z-index: 1040;
}

.modal[b-loz270n6tf] {
    z-index: 1050;
}

/* ===== LIGHTHOUSE SPECIFIC STYLES ===== */

/* Main Lighthouse Container */
.seo-content .lighthouse-container[b-loz270n6tf] {
    padding: 2rem;
    background: var(--color-accent);
    border-radius: 12px;
    margin-bottom: 2rem;
    color: white;
    position: relative;
    overflow: hidden;
}

.seo-content .lighthouse-header[b-loz270n6tf] {
    text-align: center;
    margin-bottom: 2rem;
    position: relative;
    z-index: 2;
}

    .seo-content .lighthouse-header h4[b-loz270n6tf] {
        margin: 0;
        font-weight: 300;
        opacity: 0.95;
        font-size: 1.5rem;
    }

    .seo-content .lighthouse-header .lighthouse-icon[b-loz270n6tf] {
        font-size: 3rem;
        margin-bottom: 1rem;
        opacity: 0.9;
        display: block;
    }

/* Main Score Circle */
.seo-content .main-score-container[b-loz270n6tf] {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
    position: relative;
    z-index: 2;
}

.seo-content .main-score-circle[b-loz270n6tf] {
    position: relative;
    width: 160px;
    height: 160px;
}

.seo-content .main-score-svg[b-loz270n6tf] {
    transform: rotate(-90deg);
    width: 100%;
    height: 100%;
}

.seo-content .main-score-bg[b-loz270n6tf] {
    fill: none;
    stroke: rgba(255, 255, 255, 0.2);
    stroke-width: 8;
}

.seo-content .main-score-progress[b-loz270n6tf] {
    fill: none;
    stroke-width: 8;
    stroke-linecap: round;
    transition: stroke-dasharray 1.2s cubic-bezier(0.4, 0, 0.2, 1);
    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.3));
}

.seo-content .main-score-text[b-loz270n6tf] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 3;
}

.seo-content .main-score-number[b-loz270n6tf] {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.seo-content .main-score-label[b-loz270n6tf] {
    font-size: 0.875rem;
    opacity: 0.8;
    margin-top: 0.25rem;
    font-weight: 500;
}

/* Metrics Grid */
.seo-content .metrics-grid[b-loz270n6tf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

.seo-content .metric-card[b-loz270n6tf] {
    background: var(--color-secondary);
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center;
    box-shadow: 0 4px 20px var(--shadow-dark);
    transition: all 0.3s ease;
    border: 1px solid var(--color-border);
}

    .seo-content .metric-card:hover[b-loz270n6tf] {
        transform: translateY(-4px);
        box-shadow: 0 8px 30px var(--shadow-dark);
    }

.seo-content .metric-circle[b-loz270n6tf] {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto 1rem;
}

.seo-content .metric-svg[b-loz270n6tf] {
    transform: rotate(-90deg);
    width: 100%;
    height: 100%;
}

.seo-content .metric-bg[b-loz270n6tf] {
    fill: none;
    stroke: var(--color-primary);
    stroke-width: 6;
}

.seo-content .metric-progress[b-loz270n6tf] {
    fill: none;
    stroke-width: 6;
    stroke-linecap: round;
    transition: stroke-dasharray 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.seo-content .metric-text[b-loz270n6tf] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-text-primary);
}

.seo-content .metric-label[b-loz270n6tf] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-text-secondary);
    margin-bottom: 0.5rem;
}

.seo-content .metric-description[b-loz270n6tf] {
    font-size: 0.75rem;
    color: var(--color-text-muted);
    line-height: 1.4;
    margin-top: 0.5rem;
}

/* Score Color Classes */
.seo-content .score-good[b-loz270n6tf] {
    stroke: var(--color-success);
}

.seo-content .score-average[b-loz270n6tf] {
    stroke: var(--color-warning);
}

.seo-content .score-poor[b-loz270n6tf] {
    stroke: var(--color-error);
}

.seo-content .text-good[b-loz270n6tf] {
    color: var(--color-success) !important;
}

.seo-content .text-average[b-loz270n6tf] {
    color: var(--color-warning) !important;
}

.seo-content .text-poor[b-loz270n6tf] {
    color: var(--color-error) !important;
}

/* Analysis Summary */
.seo-content .analysis-summary[b-loz270n6tf] {
    background: var(--color-primary);
    border-radius: 12px;
    padding: 1.5rem;
    margin-top: 2rem;
    border: 1px solid var(--color-border);
}

    .seo-content .analysis-summary h6[b-loz270n6tf] {
        color: var(--color-text-primary);
        margin-bottom: 1rem;
        font-weight: 600;
    }

.seo-content .opportunities-list[b-loz270n6tf] {
    color: var(--color-text-primary);
    list-style: none;
    padding: 0;
    margin: 0;
}

    .seo-content .opportunities-list li[b-loz270n6tf] {
        padding: 0.75rem 0;
        border-bottom: 1px solid var(--color-border);
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
    }

        .seo-content .opportunities-list li:last-child[b-loz270n6tf] {
            border-bottom: none;
        }

.seo-content .opportunity-icon[b-loz270n6tf] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: white;
    font-weight: bold;
    flex-shrink: 0;
    margin-top: 2px;
}

    .seo-content .opportunity-icon.high[b-loz270n6tf] {
        background-color: var(--color-error);
    }

    .seo-content .opportunity-icon.medium[b-loz270n6tf] {
        background-color: var(--color-warning);
    }

    .seo-content .opportunity-icon.low[b-loz270n6tf] {
        background-color: var(--color-success);
    }

/* Loading and No Website States */
.seo-content .loading-scores[b-loz270n6tf],
.seo-content .no-website[b-loz270n6tf] {
    text-align: center;
    padding: 4rem 2rem;
    color: var(--color-text-muted);
}

    .seo-content .loading-scores .spinner-border[b-loz270n6tf] {
        width: 3rem;
        height: 3rem;
        margin-bottom: 1.5rem;
        color: var(--color-accent);
    }

    .seo-content .loading-scores h5[b-loz270n6tf],
    .seo-content .no-website h5[b-loz270n6tf] {
        margin: 1rem 0 0.5rem 0;
        color: var(--color-text-primary);
        font-weight: 600;
    }

    .seo-content .loading-scores p[b-loz270n6tf],
    .seo-content .no-website p[b-loz270n6tf] {
        margin: 0.5rem 0;
        font-style: italic;
        color: var(--color-text-muted);
    }

/* Responsive Design */
@media (max-width: 768px) {
    .seo-content .metrics-grid[b-loz270n6tf] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .seo-content .lighthouse-container[b-loz270n6tf] {
        padding: 1.5rem;
    }

    .seo-content .main-score-circle[b-loz270n6tf] {
        width: 120px;
        height: 120px;
    }

    .seo-content .main-score-number[b-loz270n6tf] {
        font-size: 2rem;
    }

    .seo-content .metric-card[b-loz270n6tf] {
        padding: 1rem;
    }

    .seo-content .analysis-summary[b-loz270n6tf] {
        padding: 1rem;
    }
}

@media (max-width: 576px) {
    .seo-content .metrics-grid[b-loz270n6tf] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .seo-content .lighthouse-container[b-loz270n6tf] {
        padding: 1rem;
    }

    .seo-content .lighthouse-header .lighthouse-icon[b-loz270n6tf] {
        font-size: 2rem;
    }

    .seo-content .lighthouse-header h4[b-loz270n6tf] {
        font-size: 1.25rem;
    }
}
/* _content/Gandalf/Components/Pages/Map/MapPage.razor.rz.scp.css */
.map-container[b-6lod8ikwsz] {
    position: relative;
    height: calc(100vh - 200px); /* Adjust based on your header/title height */
    width: 100%;
    transition: margin-right 0.3s ease;
    overflow: hidden; /* Prevent map overflow */
}

    /* When sidebar is open, adjust map container */
    .map-container.sidebar-open[b-6lod8ikwsz] {
        margin-right: 400px; /* Push map left to make room for sidebar */
    }

.overlay[b-6lod8ikwsz] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--glass-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    z-index: 1000;
    color: var(--color-text-primary);
}

/* Mobile adjustments */
@media (max-width: 640.98px) {
    .map-container.sidebar-open[b-6lod8ikwsz] {
        margin-right: 0; /* On mobile, don't push the map */
    }

    .map-container[b-6lod8ikwsz] {
        height: calc(100vh - 250px); /* More space for mobile UI */
    }
}

/* Ensure Leaflet map resizes properly */
.map-container #map[b-6lod8ikwsz] {
    width: 100% !important;
    height: 100% !important;
}

.business-marker[b-6lod8ikwsz] {
    background: none;
    border: none;
}

.business-pin[b-6lod8ikwsz] {
    font-size: 16px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    transform: translate(-50%, -100%);
}

.business-popup[b-6lod8ikwsz] {
    font-size: 14px;
    max-width: 300px;
}

    .business-popup h5[b-6lod8ikwsz] {
        margin: 0 0 8px 0;
        color: var(--color-text-primary);
    }

    .business-popup p[b-6lod8ikwsz] {
        margin: 4px 0;
        font-size: 12px;
        color: var(--color-text-secondary);
    }

.legend-color[b-6lod8ikwsz] {
    width: 16px;
    height: 16px;
    border: 1px solid var(--color-border);
    border-radius: 2px;
}
/* _content/Gandalf/Components/Pages/Map/Sidebar.razor.rz.scp.css */
/* Sidebar.razor.css */
.sidebar-map[b-oxnv9bgzzh] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -300px;
    width: 300px;
    background: var(--color-quaternary);
    box-shadow: -2px 0 5px var(--shadow-dark);
    transition: right 0.3s ease;
    padding: 1rem;
    z-index: 1001;
    overflow-y: auto;
    color: var(--color-text-primary);
    /* Hide scrollbar on main container too */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
}

    .sidebar-map[b-oxnv9bgzzh]::-webkit-scrollbar {
        display: none;
    }

    .sidebar-map.open[b-oxnv9bgzzh] {
        right: 0; /* Slide in from the right */
    }

    .sidebar-map .close-btn[b-oxnv9bgzzh] {
        position: absolute;
        top: 0.5rem;
        right: 0.5rem;
        background: none;
        border: none;
        font-size: 1.5rem;
        cursor: pointer;
        color: var(--color-text-secondary);
        z-index: 1002;
    }

        .sidebar-map .close-btn:hover[b-oxnv9bgzzh] {
            color: var(--color-text-primary);
        }

    /* Filter select styling */
    .sidebar-map label.form-label[b-oxnv9bgzzh] {
        font-weight: bold;
        margin-bottom: 0.25rem;
        display: inline-block;
        color: var(--color-text-primary);
    }

    .sidebar-map .form-select[b-oxnv9bgzzh] {
        width: 100%;
        margin-bottom: 1rem;
        background-color: var(--color-tertiary);
        border-color: var(--color-border);
        color: var(--color-text-primary);
    }

        .sidebar-map .form-select:focus[b-oxnv9bgzzh] {
            background-color: var(--color-tertiary);
            border-color: var(--color-accent);
            box-shadow: 0 0 0 0.2rem var(--shadow-light);
            color: var(--color-text-primary);
        }

        .sidebar-map .form-select option[b-oxnv9bgzzh] {
            background-color: var(--color-tertiary);
            color: var(--color-text-primary);
        }

    /* Content area inside sidebar */
    .sidebar-map .sidebar-content[b-oxnv9bgzzh] {
        overflow-y: auto;
        max-height: calc(100% - 5rem);
        padding-top: 2rem;
        padding-bottom: 4rem;
        /* Hide scrollbar */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* Internet Explorer 10+ */
    }

        .sidebar-map .sidebar-content[b-oxnv9bgzzh]::-webkit-scrollbar {
            display: none;
        }

    /* Title styling */
    .sidebar-map h4[b-oxnv9bgzzh] {
        margin-top: 0;
        margin-bottom: 0.5rem;
        font-size: 1.25rem;
        padding-right: 2rem; /* Space for close button */
        color: var(--color-text-primary);
    }

/* NEW: Environment Stats Styling */
.stats-section[b-oxnv9bgzzh] {
    margin-bottom: 1.5rem;
    background: var(--glass-bg);
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid var(--glass-border);
}

.section-title[b-oxnv9bgzzh] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: var(--color-text-primary);
    border-bottom: 1px solid var(--glass-border);
    padding-bottom: 0.5rem;
}

/* Area Information Grid */
.info-grid[b-oxnv9bgzzh] {
    display: grid;
    gap: 0.5rem;
}

.info-item[b-oxnv9bgzzh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 0;
}

    .info-item .label[b-oxnv9bgzzh] {
        color: var(--color-text-secondary);
        font-size: 0.875rem;
        font-weight: 500;
    }

    .info-item .value[b-oxnv9bgzzh] {
        color: var(--color-text-primary);
        font-weight: 600;
    }

/* Stats List */
.stats-list[b-oxnv9bgzzh] {
    display: grid;
    gap: 0.75rem;
}

.stat-item[b-oxnv9bgzzh] {
    background: var(--glass-bg);
    border-radius: 6px;
    padding: 0.75rem;
    border: 1px solid var(--glass-border);
}

.stat-name[b-oxnv9bgzzh] {
    color: var(--color-text-secondary);
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.stat-value[b-oxnv9bgzzh] {
    color: var(--color-text-primary);
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 0.25rem;
}

.stat-description[b-oxnv9bgzzh] {
    color: var(--color-text-muted);
    font-size: 0.75rem;
    line-height: 1.3;
}

/* Market Analysis Indicators */
.market-indicator[b-oxnv9bgzzh] {
    padding: 0.75rem;
    border-radius: 6px;
    text-align: center;
    border: 1px solid var(--glass-border);
}

.market-status[b-oxnv9bgzzh] {
    font-weight: 600;
    margin-bottom: 0.25rem;
    font-size: 0.95rem;
}

.market-description[b-oxnv9bgzzh] {
    font-size: 0.8rem;
    opacity: 0.9;
    line-height: 1.3;
}

.market-high[b-oxnv9bgzzh] {
    background: rgba(0, 123, 255, 0.15);
    color: #66b3ff;
    border-color: rgba(0, 123, 255, 0.3);
}

.market-good[b-oxnv9bgzzh] {
    background: rgba(16, 185, 129, 0.15);
    color: var(--color-success);
    border-color: rgba(16, 185, 129, 0.3);
}

.market-moderate[b-oxnv9bgzzh] {
    background: rgba(245, 158, 11, 0.15);
    color: var(--color-warning);
    border-color: rgba(245, 158, 11, 0.3);
}

.market-competitive[b-oxnv9bgzzh] {
    background: rgba(239, 68, 68, 0.15);
    color: var(--color-error);
    border-color: rgba(239, 68, 68, 0.3);
}

.market-saturated[b-oxnv9bgzzh] {
    background: rgba(239, 68, 68, 0.2);
    color: var(--color-error);
    border-color: rgba(239, 68, 68, 0.4);
}

/* Subtype Groups */
.subtype-group[b-oxnv9bgzzh] {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: 6px;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
}

.subtype-header[b-oxnv9bgzzh] {
    color: var(--color-text-primary);
    font-weight: 600;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--glass-border);
    font-size: 0.9rem;
}

.subtype-stats[b-oxnv9bgzzh] {
    display: grid;
    gap: 0.4rem;
}

.subtype-stat[b-oxnv9bgzzh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.3rem 0;
}

    .subtype-stat .stat-label[b-oxnv9bgzzh] {
        color: var(--color-text-secondary);
        font-size: 0.8rem;
    }

    .subtype-stat .stat-val[b-oxnv9bgzzh] {
        color: var(--color-text-primary);
        font-weight: 600;
        font-size: 0.85rem;
    }

/* Loading Message */
.loading-message[b-oxnv9bgzzh] {
    text-align: center;
    color: var(--color-text-secondary);
    padding: 2rem 1rem;
}

    .loading-message i[b-oxnv9bgzzh] {
        color: var(--color-accent);
        margin-bottom: 0.5rem;
    }

/* Existing styles for Demographics/Geographics */
.sidebar-map ul.list-unstyled li[b-oxnv9bgzzh] {
    margin-bottom: 0.5rem;
    color: var(--color-text-primary);
}

.sidebar-map ul.list-unstyled strong[b-oxnv9bgzzh] {
    color: var(--color-text-secondary);
}

.sidebar-map em[b-oxnv9bgzzh] {
    color: var(--color-text-muted);
}

/* Mobile responsive adjustments */
@media (max-width: 640.98px) {
    .sidebar-map[b-oxnv9bgzzh] {
        width: 280px; /* Slightly narrower on mobile */
        right: -280px;
    }
}

/* Desktop adjustments - position relative to nav sidebar */
@media (min-width: 641px) {
    .sidebar-map[b-oxnv9bgzzh] {
        right: -300px; /* Still starts off-screen */
    }

        .sidebar-map.open[b-oxnv9bgzzh] {
            right: 0; /* Slides in next to nav menu */
        }
}

.sidebar-debug[b-oxnv9bgzzh] {
    position: absolute;
    left: 1rem;
    right: 1rem;
    font-size: 0.75rem;
    color: var(--color-text-muted);
    border-top: 1px solid var(--glass-border);
    padding-top: 0.5rem;
    background-color: var(--color-quaternary);
    z-index: 10;
}

    .sidebar-debug .debug-line[b-oxnv9bgzzh] {
        color: var(--color-text-muted);
    }
/* _content/Gandalf/Components/Pages/ReconReports/Molecules/LocationDetailsModal.razor.rz.scp.css */
.location-modal-overlay[b-pewbuh8pag] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
    animation: fadeIn-b-pewbuh8pag 0.2s ease-out;
}

.location-modal-container[b-pewbuh8pag] {
    background: var(--color-secondary);
    border-radius: 12px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    width: 100%;
    max-width: 900px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    animation: slideUp-b-pewbuh8pag 0.3s ease-out;
}

.location-modal-header[b-pewbuh8pag] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border);
}

.location-modal-title-section[b-pewbuh8pag] {
    flex: 1;
}

.location-modal-title[b-pewbuh8pag] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0 0 0.25rem 0;
}

.location-modal-subtitle[b-pewbuh8pag] {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    margin: 0;
    text-transform: capitalize;
}

.location-modal-close[b-pewbuh8pag] {
    background: transparent;
    border: none;
    color: var(--color-text-muted);
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 6px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .location-modal-close:hover[b-pewbuh8pag] {
        background: var(--color-hover);
        color: var(--color-text-primary);
    }

.location-modal-tabs[b-pewbuh8pag] {
    display: flex;
    gap: 0.5rem;
    padding: 0 1.5rem;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-tertiary);
}

.location-modal-tab[b-pewbuh8pag] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--color-text-muted);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
}

    .location-modal-tab:hover[b-pewbuh8pag] {
        color: var(--color-text-primary);
        background: var(--color-hover);
    }

    .location-modal-tab.active[b-pewbuh8pag] {
        color: var(--color-accent);
        border-bottom-color: var(--color-accent);
    }

.tab-badge[b-pewbuh8pag] {
    background: var(--color-accent);
    color: white;
    font-size: 0.75rem;
    padding: 0.125rem 0.5rem;
    border-radius: 10px;
    font-weight: 600;
}

.location-modal-content[b-pewbuh8pag] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
}

.tab-content[b-pewbuh8pag] {
    animation: fadeIn-b-pewbuh8pag 0.3s ease-out;
}

/* Clients Grid */
.clients-grid[b-pewbuh8pag] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
}

.client-card[b-pewbuh8pag] {
    background: var(--color-tertiary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.2s;
}

    .client-card:hover[b-pewbuh8pag] {
        background: var(--color-hover);
        border-color: var(--color-accent);
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

.client-card-header[b-pewbuh8pag] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.75rem;
    gap: 0.5rem;
}

.client-card-name[b-pewbuh8pag] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
    flex: 1;
}

.client-badge[b-pewbuh8pag] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-weight: 500;
    white-space: nowrap;
}

    .client-badge.active[b-pewbuh8pag] {
        background: rgba(16, 185, 129, 0.1);
        color: var(--color-success);
    }

    .client-badge.inactive[b-pewbuh8pag] {
        background: rgba(107, 122, 158, 0.1);
        color: var(--color-text-muted);
    }

.client-card-details[b-pewbuh8pag] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.client-detail[b-pewbuh8pag] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--color-text-secondary);
}

    .client-detail svg[b-pewbuh8pag] {
        flex-shrink: 0;
        margin-top: 0.125rem;
        opacity: 0.6;
    }

/* Data Grid */
.data-grid[b-pewbuh8pag] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1rem;
}

.data-item[b-pewbuh8pag] {
    background: var(--color-tertiary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .data-item.highlight[b-pewbuh8pag] {
        background: linear-gradient(135deg, var(--color-accent) 0%, rgba(19, 154, 218, 0.8) 100%);
        border-color: var(--color-accent);
        color: white;
    }

        .data-item.highlight .data-label[b-pewbuh8pag],
        .data-item.highlight .data-value[b-pewbuh8pag] {
            color: white;
        }

.data-label[b-pewbuh8pag] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted);
}

.data-value[b-pewbuh8pag] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-text-primary);
}

/* Empty State */
.tab-empty[b-pewbuh8pag] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    color: var(--color-text-muted);
}

/* Loading State */
.location-modal-loading[b-pewbuh8pag] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    gap: 1rem;
    color: var(--color-text-muted);
}

.spinner-large[b-pewbuh8pag] {
    width: 48px;
    height: 48px;
    border: 4px solid var(--color-border);
    border-top-color: var(--color-accent);
    border-radius: 50%;
    animation: spin-b-pewbuh8pag 0.8s linear infinite;
}

/* Error State */
.location-modal-error[b-pewbuh8pag] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    gap: 1rem;
    color: var(--color-error);
}

/* Animations */
@keyframes fadeIn-b-pewbuh8pag {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideUp-b-pewbuh8pag {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

@keyframes spin-b-pewbuh8pag {
    to {
        transform: rotate(360deg);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .location-modal-container[b-pewbuh8pag] {
        max-height: 95vh;
    }

    .location-modal-tabs[b-pewbuh8pag] {
        overflow-x: auto;
    }

    .location-modal-tab[b-pewbuh8pag] {
        padding: 0.75rem 1rem;
        font-size: 0.8125rem;
    }

    .clients-grid[b-pewbuh8pag] {
        grid-template-columns: 1fr;
    }

    .data-grid[b-pewbuh8pag] {
        grid-template-columns: 1fr;
    }
}
/* _content/Gandalf/Components/Pages/ReconReports/Molecules/PopulationFilterGroup.razor.rz.scp.css */
.population-filter-group[b-lcsd93lr12] {
    display: contents;
}

.filter-group[b-lcsd93lr12] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 150px;
}

.filter-label[b-lcsd93lr12] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-text-secondary);
}

.button-group[b-lcsd93lr12] {
    display: flex;
    gap: 0.25rem;
}

.filter-btn[b-lcsd93lr12] {
    padding: 0.5rem 1rem;
    border: 1px solid var(--color-border);
    background: var(--color-secondary);
    color: var(--color-text-secondary);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 0.875rem;
}

    .filter-btn:hover[b-lcsd93lr12] {
        background: var(--color-hover);
    }

    .filter-btn.active[b-lcsd93lr12] {
        background: var(--color-accent);
        color: white;
        border-color: var(--color-accent);
    }

.filter-input[b-lcsd93lr12] {
    padding: 0.5rem;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    background: var(--color-secondary);
    color: var(--color-text-primary);
    font-size: 0.875rem;
}

    .filter-input:focus[b-lcsd93lr12] {
        outline: none;
        border-color: var(--color-accent);
    }

    .filter-input[b-lcsd93lr12]::placeholder {
        color: var(--color-text-muted);
        opacity: 0.6;
    }
/* _content/Gandalf/Components/Pages/ReconReports/Molecules/ReportCard.razor.rz.scp.css */
.data-card[b-mbp1vnuujn] {
    background: var(--color-secondary);
    border: 1px solid var(--color-border);
    border-radius: 12px;
    padding: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px var(--shadow-dark);
    position: relative;
    overflow: hidden;
}

    .data-card[b-mbp1vnuujn]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, var(--color-accent), var(--color-info));
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .data-card:hover[b-mbp1vnuujn] {
        background: var(--color-hover);
        border-color: var(--color-accent);
        transform: translateY(-2px);
        box-shadow: 0 4px 16px var(--shadow-light);
    }

        .data-card:hover[b-mbp1vnuujn]::before {
            opacity: 1;
        }

    .data-card.active[b-mbp1vnuujn] {
        background: var(--glass-bg);
        border-color: var(--color-accent);
        box-shadow: 0 4px 16px var(--shadow-light);
    }

        .data-card.active[b-mbp1vnuujn]::before {
            opacity: 1;
        }

.data-card-header[b-mbp1vnuujn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.data-card-title[b-mbp1vnuujn] {
    font-size: 20px;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
    line-height: 1.4;
    flex: 1;
}

.data-card-use[b-mbp1vnuujn] {
    background: var(--color-accent);
    color: white;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    flex-shrink: 0;
}

.data-card-description[b-mbp1vnuujn] {
    color: var(--color-text-secondary);
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 16px 0;
}

.data-card-tags[b-mbp1vnuujn] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
}

.data-card-tag[b-mbp1vnuujn] {
    background: var(--color-tertiary);
    color: var(--color-text-secondary);
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid var(--color-border);
    transition: all 0.2s ease;
}

.data-card:hover .data-card-tag[b-mbp1vnuujn] {
    background: var(--color-quaternary);
    border-color: var(--color-accent);
    color: var(--color-text-primary);
}

/* Responsive Design */
@media (max-width: 768px) {
    .data-card[b-mbp1vnuujn] {
        padding: 20px;
    }

    .data-card-header[b-mbp1vnuujn] {
        flex-direction: column;
        gap: 8px;
    }

    .data-card-use[b-mbp1vnuujn] {
        align-self: flex-start;
    }

    .data-card-title[b-mbp1vnuujn] {
        font-size: 18px;
    }

    .data-card-description[b-mbp1vnuujn] {
        font-size: 13px;
    }
}
/* _content/Gandalf/Components/Pages/ReconReports/Organisms/ClientsCallsAndTraffic.razor.rz.scp.css */
/* Enhanced grid layout for charts with GA4 data */
.charts-grid-enhanced[b-id3znkkvi2] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

/* Line chart atom styling */
.line-chart-atom[b-id3znkkvi2] {
    background: var(--color-tertiary);
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid var(--color-border);
}

.chart-title[b-id3znkkvi2] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: 1rem;
    text-align: center;
}

.chart-loading[b-id3znkkvi2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 3rem;
    color: var(--color-text-secondary);
}

.chart-error[b-id3znkkvi2] {
    padding: 2rem;
    text-align: center;
    color: var(--color-error);
    font-size: 0.875rem;
}

.chart-empty[b-id3znkkvi2] {
    padding: 3rem;
    text-align: center;
    color: var(--color-text-muted);
    font-size: 0.875rem;
}

.kpi-summary[b-id3znkkvi2] {
    grid-column: 1 / -1;
    background: var(--color-tertiary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 1.5rem;
    margin-top: 1rem;
}

    .kpi-summary h6[b-id3znkkvi2] {
        font-size: 1rem;
        font-weight: 600;
        color: var(--color-text-primary);
        margin-bottom: 1rem;
        border-bottom: 1px solid var(--color-border);
        padding-bottom: 0.5rem;
    }

.kpi-grid[b-id3znkkvi2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.kpi-item[b-id3znkkvi2] {
    text-align: center;
    padding: 1rem;
    background: var(--color-secondary);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    transition: transform 0.2s, box-shadow 0.2s;
}

    .kpi-item:hover[b-id3znkkvi2] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px var(--shadow-light);
    }

.kpi-value[b-id3znkkvi2] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-accent);
    margin-bottom: 0.5rem;
}

.kpi-label[b-id3znkkvi2] {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    font-weight: 500;
}

/* Enhanced stats summary for GA4 integration */
.stats-summary-enhanced[b-id3znkkvi2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.stat-item-enhanced[b-id3znkkvi2] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    background: var(--color-secondary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    transition: all 0.2s;
}

    .stat-item-enhanced:hover[b-id3znkkvi2] {
        background: var(--color-primary);
        border-color: var(--color-hover);
    }

    .stat-item-enhanced .stat-label[b-id3znkkvi2] {
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: var(--color-text-muted);
        margin-bottom: 0.5rem;
    }

    .stat-item-enhanced .stat-value[b-id3znkkvi2] {
        font-size: 1.75rem;
        font-weight: 700;
        color: var(--color-text-primary);
    }

    .stat-item-enhanced .stat-change[b-id3znkkvi2] {
        font-size: 0.875rem;
        margin-top: 0.25rem;
    }

.stat-change.positive[b-id3znkkvi2] {
    color: var(--color-success);
}

.stat-change.negative[b-id3znkkvi2] {
    color: var(--color-error);
}

.stat-change.neutral[b-id3znkkvi2] {
    color: var(--color-text-muted);
}

/* Growth rate styling */
.growth-positive[b-id3znkkvi2] {
    color: var(--color-success) !important;
}

.growth-negative[b-id3znkkvi2] {
    color: var(--color-error) !important;
}

/* Client calls traffic analysis styling - reuse geo-client-analysis styles */
.client-calls-traffic-analysis[b-id3znkkvi2] {
    padding: 2rem;
}

    .client-calls-traffic-analysis .analysis-header[b-id3znkkvi2] {
        margin-bottom: 2rem;
    }

        .client-calls-traffic-analysis .analysis-header h2[b-id3znkkvi2] {
            font-size: 1.75rem;
            font-weight: 600;
            color: var(--color-text-primary);
            margin: 0 0 0.5rem 0;
        }

    .client-calls-traffic-analysis .header-subtitle[b-id3znkkvi2] {
        color: var(--color-text-muted);
        margin: 0;
    }

    .client-calls-traffic-analysis .filters-container[b-id3znkkvi2] {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        padding: 1.5rem;
        background: var(--color-tertiary);
        border-radius: 8px;
        margin-bottom: 2rem;
    }

    .client-calls-traffic-analysis .filter-group[b-id3znkkvi2] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        min-width: 150px;
    }

    .client-calls-traffic-analysis .filter-label[b-id3znkkvi2] {
        font-size: 0.875rem;
        font-weight: 500;
        color: var(--color-text-secondary);
    }

    .client-calls-traffic-analysis .filter-input[b-id3znkkvi2] {
        padding: 0.5rem;
        border: 1px solid var(--color-border);
        border-radius: 6px;
        background: var(--color-secondary);
        color: var(--color-text-primary);
        font-size: 0.875rem;
    }

        .client-calls-traffic-analysis .filter-input:focus[b-id3znkkvi2] {
            outline: none;
            border-color: var(--color-accent);
        }

    .client-calls-traffic-analysis .button-group[b-id3znkkvi2] {
        display: flex;
        gap: 0.25rem;
    }

    .client-calls-traffic-analysis .filter-btn[b-id3znkkvi2] {
        padding: 0.5rem 1rem;
        border: 1px solid var(--color-border);
        background: var(--color-secondary);
        color: var(--color-text-secondary);
        border-radius: 6px;
        cursor: pointer;
        transition: all 0.2s;
        font-size: 0.875rem;
    }

        .client-calls-traffic-analysis .filter-btn:hover[b-id3znkkvi2] {
            background: var(--color-hover);
        }

        .client-calls-traffic-analysis .filter-btn.active[b-id3znkkvi2] {
            background: var(--color-accent);
            color: white;
            border-color: var(--color-accent);
        }

    .client-calls-traffic-analysis .filter-actions[b-id3znkkvi2] {
        display: flex;
        gap: 0.5rem;
        margin-left: auto;
        align-items: flex-end;
    }

    .client-calls-traffic-analysis .btn-clear[b-id3znkkvi2],
    .client-calls-traffic-analysis .btn-apply[b-id3znkkvi2] {
        padding: 0.5rem 1.5rem;
        border: none;
        border-radius: 6px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.2s;
        font-size: 0.875rem;
    }

    .client-calls-traffic-analysis .btn-clear[b-id3znkkvi2] {
        background: var(--color-secondary);
        color: var(--color-text-secondary);
        border: 1px solid var(--color-border);
    }

        .client-calls-traffic-analysis .btn-clear:hover:not(:disabled)[b-id3znkkvi2] {
            background: var(--color-hover);
        }

    .client-calls-traffic-analysis .btn-apply[b-id3znkkvi2] {
        background: var(--color-accent);
        color: white;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

        .client-calls-traffic-analysis .btn-apply:hover:not(:disabled)[b-id3znkkvi2] {
            opacity: 0.9;
            transform: translateY(-1px);
        }

        .client-calls-traffic-analysis .btn-apply:disabled[b-id3znkkvi2],
        .client-calls-traffic-analysis .btn-clear:disabled[b-id3znkkvi2] {
            opacity: 0.5;
            cursor: not-allowed;
        }

    .client-calls-traffic-analysis .spinner[b-id3znkkvi2] {
        width: 14px;
        height: 14px;
        border: 2px solid rgba(255, 255, 255, 0.3);
        border-top-color: white;
        border-radius: 50%;
        animation: spin-b-id3znkkvi2 0.8s linear infinite;
    }

@keyframes spin-b-id3znkkvi2 {
    to {
        transform: rotate(360deg);
    }
}

.client-calls-traffic-analysis .error-banner[b-id3znkkvi2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid var(--color-error);
    border-radius: 8px;
    color: var(--color-error);
    margin-bottom: 1.5rem;
}

    .client-calls-traffic-analysis .error-banner svg[b-id3znkkvi2] {
        flex-shrink: 0;
    }

.client-calls-traffic-analysis .results-summary[b-id3znkkvi2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.client-calls-traffic-analysis .summary-card[b-id3znkkvi2] {
    background: var(--color-tertiary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.client-calls-traffic-analysis .summary-label[b-id3znkkvi2] {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.client-calls-traffic-analysis .summary-value[b-id3znkkvi2] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-text-primary);
}

.client-calls-traffic-analysis .empty-state[b-id3znkkvi2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    color: var(--color-text-muted);
}

    .client-calls-traffic-analysis .empty-state svg[b-id3znkkvi2] {
        opacity: 0.3;
        margin-bottom: 1rem;
    }

    .client-calls-traffic-analysis .empty-state h3[b-id3znkkvi2] {
        color: var(--color-text-primary);
        margin-bottom: 0.5rem;
        font-size: 1.25rem;
    }

    .client-calls-traffic-analysis .empty-state p[b-id3znkkvi2] {
        margin: 0;
    }

    .client-calls-traffic-analysis .empty-state.no-results svg[b-id3znkkvi2] {
        opacity: 0.4;
        color: var(--color-warning);
    }

    .client-calls-traffic-analysis .empty-state.no-results h3[b-id3znkkvi2] {
        color: var(--color-warning);
    }

@media (max-width: 768px) {
    .client-calls-traffic-analysis[b-id3znkkvi2] {
        padding: 1rem;
    }

        .client-calls-traffic-analysis .filters-container[b-id3znkkvi2] {
            flex-direction: column;
        }

        .client-calls-traffic-analysis .filter-actions[b-id3znkkvi2] {
            margin-left: 0;
            width: 100%;
        }

        .client-calls-traffic-analysis .btn-clear[b-id3znkkvi2],
        .client-calls-traffic-analysis .btn-apply[b-id3znkkvi2] {
            flex: 1;
        }

        .client-calls-traffic-analysis .results-summary[b-id3znkkvi2] {
            grid-template-columns: 1fr;
        }
}

/* Chart comparison indicators */
.chart-indicator[b-id3znkkvi2] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    padding: 0.25rem 0.5rem;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.indicator-calls[b-id3znkkvi2] {
    color: #4ECDC4;
    border-color: #4ECDC4;
}

.indicator-sessions[b-id3znkkvi2] {
    color: var(--color-success);
    border-color: var(--color-success);
}

.indicator-duration[b-id3znkkvi2] {
    color: #FFD43B;
    border-color: #FFD43B;
}

/* Responsive design for enhanced layout */
@media (max-width: 1024px) {
    .charts-grid-enhanced[b-id3znkkvi2] {
        grid-template-columns: 1fr;
    }

    .kpi-grid[b-id3znkkvi2] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .stats-summary-enhanced[b-id3znkkvi2] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .kpi-grid[b-id3znkkvi2] {
        grid-template-columns: 1fr;
    }

    .chart-full-width[b-id3znkkvi2] {
        grid-column: 1;
    }
}

@media (max-width: 480px) {
    .stats-summary-enhanced[b-id3znkkvi2] {
        grid-template-columns: 1fr;
    }
}
/* _content/Gandalf/Components/Pages/ReconReports/Organisms/GeoClientAnalysis.razor.rz.scp.css */
.geo-client-analysis[b-cq18txooh5] {
    padding: 2rem;
}

.analysis-header[b-cq18txooh5] {
    margin-bottom: 2rem;
}

    .analysis-header h2[b-cq18txooh5] {
        font-size: 1.75rem;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0 0 0.5rem 0;
    }

.header-subtitle[b-cq18txooh5] {
    color: var(--color-text-muted);
    margin: 0;
}

.filters-container[b-cq18txooh5] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--color-tertiary);
    border-radius: 8px;
    margin-bottom: 2rem;
}

.filter-group[b-cq18txooh5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 150px;
}

.filter-label[b-cq18txooh5] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-text-secondary);
}

.filter-input[b-cq18txooh5] {
    padding: 0.5rem;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    background: var(--color-secondary);
    color: var(--color-text-primary);
    font-size: 0.875rem;
}

    .filter-input:focus[b-cq18txooh5] {
        outline: none;
        border-color: var(--color-accent);
    }

.button-group[b-cq18txooh5] {
    display: flex;
    gap: 0.25rem;
}

.filter-btn[b-cq18txooh5] {
    padding: 0.5rem 1rem;
    border: 1px solid var(--color-border);
    background: var(--color-secondary);
    color: var(--color-text-secondary);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 0.875rem;
}

    .filter-btn:hover[b-cq18txooh5] {
        background: var(--color-hover);
    }

    .filter-btn.active[b-cq18txooh5] {
        background: var(--color-accent);
        color: white;
        border-color: var(--color-accent);
    }

.filter-actions[b-cq18txooh5] {
    display: flex;
    gap: 0.5rem;
    margin-left: auto;
    align-items: flex-end;
}

.btn-clear[b-cq18txooh5],
.btn-apply[b-cq18txooh5] {
    padding: 0.5rem 1.5rem;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 0.875rem;
}

.btn-clear[b-cq18txooh5] {
    background: var(--color-secondary);
    color: var(--color-text-secondary);
    border: 1px solid var(--color-border);
}

    .btn-clear:hover:not(:disabled)[b-cq18txooh5] {
        background: var(--color-hover);
    }

.btn-apply[b-cq18txooh5] {
    background: var(--color-accent);
    color: white;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .btn-apply:hover:not(:disabled)[b-cq18txooh5] {
        opacity: 0.9;
        transform: translateY(-1px);
    }

    .btn-apply:disabled[b-cq18txooh5],
    .btn-clear:disabled[b-cq18txooh5] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.spinner[b-cq18txooh5] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-cq18txooh5 0.8s linear infinite;
}

@keyframes spin-b-cq18txooh5 {
    to {
        transform: rotate(360deg);
    }
}

.error-banner[b-cq18txooh5] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid var(--color-error);
    border-radius: 8px;
    color: var(--color-error);
    margin-bottom: 1.5rem;
}

    .error-banner svg[b-cq18txooh5] {
        flex-shrink: 0;
    }

.results-summary[b-cq18txooh5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.summary-card[b-cq18txooh5] {
    background: var(--color-tertiary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.summary-label[b-cq18txooh5] {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.summary-value[b-cq18txooh5] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-text-primary);
}

.empty-state[b-cq18txooh5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    color: var(--color-text-muted);
}

    .empty-state svg[b-cq18txooh5] {
        opacity: 0.3;
        margin-bottom: 1rem;
    }

    .empty-state h3[b-cq18txooh5] {
        color: var(--color-text-primary);
        margin-bottom: 0.5rem;
        font-size: 1.25rem;
    }

    .empty-state p[b-cq18txooh5] {
        margin: 0;
    }

    .empty-state.no-results svg[b-cq18txooh5] {
        opacity: 0.4;
        color: var(--color-warning);
    }

    .empty-state.no-results h3[b-cq18txooh5] {
        color: var(--color-warning);
    }

@media (max-width: 768px) {
    .geo-client-analysis[b-cq18txooh5] {
        padding: 1rem;
    }

    .filters-container[b-cq18txooh5] {
        flex-direction: column;
    }

    .filter-actions[b-cq18txooh5] {
        margin-left: 0;
        width: 100%;
    }

    .btn-clear[b-cq18txooh5],
    .btn-apply[b-cq18txooh5] {
        flex: 1;
    }

    .results-summary[b-cq18txooh5] {
        grid-template-columns: 1fr;
    }
}
/* _content/Gandalf/Components/Pages/ReconReports/Organisms/StateClientList.razor.rz.scp.css */
.state-client-list[b-zvrp2jt3ye] {
    padding: 2rem;
}

.analysis-header[b-zvrp2jt3ye] {
    margin-bottom: 2rem;
}

    .analysis-header h2[b-zvrp2jt3ye] {
        font-size: 1.75rem;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0 0 0.5rem 0;
    }

.header-subtitle[b-zvrp2jt3ye] {
    color: var(--color-text-muted);
    margin: 0;
}

.filters-container[b-zvrp2jt3ye] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--color-tertiary);
    border-radius: 8px;
    margin-bottom: 2rem;
}

.filter-group[b-zvrp2jt3ye] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 150px;
}

.filter-label[b-zvrp2jt3ye] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-text-secondary);
}

.filter-input[b-zvrp2jt3ye] {
    padding: 0.5rem;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    background: var(--color-secondary);
    color: var(--color-text-primary);
    font-size: 0.875rem;
}

    .filter-input:focus[b-zvrp2jt3ye] {
        outline: none;
        border-color: var(--color-accent);
    }

.button-group[b-zvrp2jt3ye] {
    display: flex;
    gap: 0.25rem;
}

.filter-btn[b-zvrp2jt3ye] {
    padding: 0.5rem 1rem;
    border: 1px solid var(--color-border);
    background: var(--color-secondary);
    color: var(--color-text-secondary);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 0.875rem;
}

    .filter-btn:hover[b-zvrp2jt3ye] {
        background: var(--color-hover);
    }

    .filter-btn.active[b-zvrp2jt3ye] {
        background: var(--color-accent);
        color: white;
        border-color: var(--color-accent);
    }

.filter-actions[b-zvrp2jt3ye] {
    display: flex;
    gap: 0.5rem;
    margin-left: auto;
    align-items: flex-end;
}

.btn-clear[b-zvrp2jt3ye],
.btn-apply[b-zvrp2jt3ye] {
    padding: 0.5rem 1.5rem;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 0.875rem;
}

.btn-clear[b-zvrp2jt3ye] {
    background: var(--color-secondary);
    color: var(--color-text-secondary);
    border: 1px solid var(--color-border);
}

    .btn-clear:hover:not(:disabled)[b-zvrp2jt3ye] {
        background: var(--color-hover);
    }

.btn-apply[b-zvrp2jt3ye] {
    background: var(--color-accent);
    color: white;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .btn-apply:hover:not(:disabled)[b-zvrp2jt3ye] {
        opacity: 0.9;
        transform: translateY(-1px);
    }

    .btn-apply:disabled[b-zvrp2jt3ye],
    .btn-clear:disabled[b-zvrp2jt3ye] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.spinner[b-zvrp2jt3ye] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-zvrp2jt3ye 0.8s linear infinite;
}

@keyframes spin-b-zvrp2jt3ye {
    to {
        transform: rotate(360deg);
    }
}

.error-banner[b-zvrp2jt3ye] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid var(--color-error);
    border-radius: 8px;
    color: var(--color-error);
    margin-bottom: 1.5rem;
}

    .error-banner svg[b-zvrp2jt3ye] {
        flex-shrink: 0;
    }

.results-summary[b-zvrp2jt3ye] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.summary-card[b-zvrp2jt3ye] {
    background: var(--color-tertiary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.summary-label[b-zvrp2jt3ye] {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.summary-value[b-zvrp2jt3ye] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-text-primary);
}

.empty-state[b-zvrp2jt3ye] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    color: var(--color-text-muted);
}

    .empty-state svg[b-zvrp2jt3ye] {
        opacity: 0.3;
        margin-bottom: 1rem;
    }

    .empty-state h3[b-zvrp2jt3ye] {
        color: var(--color-text-primary);
        margin-bottom: 0.5rem;
        font-size: 1.25rem;
    }

    .empty-state p[b-zvrp2jt3ye] {
        margin: 0;
    }

    .empty-state.no-results svg[b-zvrp2jt3ye] {
        opacity: 0.4;
        color: var(--color-warning);
    }

    .empty-state.no-results h3[b-zvrp2jt3ye] {
        color: var(--color-warning);
    }

@media (max-width: 768px) {
    .state-client-list[b-zvrp2jt3ye] {
        padding: 1rem;
    }

    .filters-container[b-zvrp2jt3ye] {
        flex-direction: column;
    }

    .filter-actions[b-zvrp2jt3ye] {
        margin-left: 0;
        width: 100%;
    }

    .btn-clear[b-zvrp2jt3ye],
    .btn-apply[b-zvrp2jt3ye] {
        flex: 1;
    }

    .results-summary[b-zvrp2jt3ye] {
        grid-template-columns: 1fr;
    }
}
/* _content/Gandalf/Components/Pages/WEOVision/Atoms/AccountStatusCard.razor.rz.scp.css */
.account-status-card[b-pxx8r72xh0] {
    background: var(--color-secondary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    box-shadow: 0 2px 8px var(--shadow-dark);
    color: var(--color-text-primary);
    margin-bottom: 1.5rem;
}

    .account-status-card .card-header[b-pxx8r72xh0] {
        background: var(--color-tertiary);
        border-bottom: 1px solid var(--color-border);
        padding: 1rem 1.5rem;
        border-radius: 8px 8px 0 0;
    }

    .account-status-card .card-title[b-pxx8r72xh0] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--color-text-primary);
        display: flex;
        align-items: center;
    }

        .account-status-card .card-title i[b-pxx8r72xh0] {
            color: var(--color-accent);
        }

    .account-status-card .card-body[b-pxx8r72xh0] {
        padding: 1.5rem;
    }

.status-section[b-pxx8r72xh0] {
    margin-bottom: 1.5rem;
}

    .status-section:last-child[b-pxx8r72xh0] {
        margin-bottom: 0;
    }

.status-section-title[b-pxx8r72xh0] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 0.5rem;
}

.status-grid[b-pxx8r72xh0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.75rem;
}

.status-item[b-pxx8r72xh0] {
    display: flex;
    align-items: center;
}

.status-badge[b-pxx8r72xh0] {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.75rem;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
    border: 1px solid;
    transition: all 0.2s ease;
    min-width: 100px;
    justify-content: flex-start;
}

    .status-badge.status-active[b-pxx8r72xh0] {
        background: rgba(16, 185, 129, 0.15);
        border-color: var(--color-success);
        color: var(--color-success);
    }

    .status-badge.status-inactive[b-pxx8r72xh0] {
        background: rgba(239, 68, 68, 0.15);
        border-color: var(--color-error);
        color: var(--color-error);
    }

    .status-badge.status-unknown[b-pxx8r72xh0] {
        background: rgba(245, 158, 11, 0.15);
        border-color: var(--color-warning);
        color: var(--color-warning);
    }

.setup-stage[b-pxx8r72xh0] {
    background: var(--color-primary);
    color: var(--color-text-primary);
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 600;
    border: 1px solid var(--color-border);
}

.info-group[b-pxx8r72xh0] {
    margin-bottom: 1rem;
}

    .info-group:last-child[b-pxx8r72xh0] {
        margin-bottom: 0;
    }

.info-label[b-pxx8r72xh0] {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
}

.info-value[b-pxx8r72xh0] {
    font-size: 0.95rem;
    color: var(--color-text-primary);
    font-weight: 500;
}

/* Hover effects */
.status-badge:hover[b-pxx8r72xh0] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px var(--shadow-dark);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .account-status-card .card-body[b-pxx8r72xh0] {
        padding: 1rem;
    }

    .status-grid[b-pxx8r72xh0] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .status-badge[b-pxx8r72xh0] {
        min-width: unset;
        width: 100%;
    }
}
/* _content/Gandalf/Components/Pages/WEOVision/Atoms/AssignedUsersCard.razor.rz.scp.css */
.assigned-users-card[b-a8ltxgk85q] {
    background: var(--color-secondary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    box-shadow: 0 2px 8px var(--shadow-dark);
    color: var(--color-text-primary);
    margin-bottom: 1.5rem;
}

    .assigned-users-card .card-header[b-a8ltxgk85q] {
        background: var(--color-tertiary);
        border-bottom: 1px solid var(--color-border);
        padding: 1rem 1.5rem;
        border-radius: 8px 8px 0 0;
    }

    .assigned-users-card .card-title[b-a8ltxgk85q] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--color-text-primary);
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

        .assigned-users-card .card-title i[b-a8ltxgk85q] {
            color: var(--color-accent);
        }

    .assigned-users-card .card-body[b-a8ltxgk85q] {
        padding: 1.5rem;
    }

.user-count-badge[b-a8ltxgk85q] {
    background: var(--color-primary);
    color: var(--color-text-primary);
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 500;
    border: 1px solid var(--color-border);
    margin-left: auto;
}

.loading-state[b-a8ltxgk85q], .empty-state[b-a8ltxgk85q] {
    text-align: center;
    padding: 2rem 1rem;
    color: var(--color-text-secondary);
    font-style: italic;
}

    .loading-state i[b-a8ltxgk85q], .empty-state i[b-a8ltxgk85q] {
        color: var(--color-accent);
        font-size: 1.1rem;
    }

.users-list[b-a8ltxgk85q] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.user-item[b-a8ltxgk85q] {
    background: var(--color-tertiary);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    padding: 1rem;
    transition: all 0.2s ease;
}

    .user-item:hover[b-a8ltxgk85q] {
        background: var(--color-quaternary);
        border-color: var(--color-hover);
        transform: translateY(-1px);
        box-shadow: 0 2px 6px var(--shadow-dark);
    }

.user-main-info[b-a8ltxgk85q] {
    margin-bottom: 0.75rem;
}

.user-name[b-a8ltxgk85q] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: 0.25rem;
}

.user-role[b-a8ltxgk85q] {
    font-size: 0.85rem;
    color: var(--color-text-secondary);
    font-weight: 500;
    text-transform: capitalize;
}

.user-details[b-a8ltxgk85q] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.user-email[b-a8ltxgk85q], .user-last-login[b-a8ltxgk85q] {
    display: flex;
    align-items: center;
    font-size: 0.85rem;
    color: var(--color-text-secondary);
}

    .user-email i[b-a8ltxgk85q], .user-last-login i[b-a8ltxgk85q] {
        color: var(--color-accent);
        flex-shrink: 0;
    }

.email-link[b-a8ltxgk85q] {
    color: var(--color-accent);
    text-decoration: none;
    transition: color 0.2s ease;
}

    .email-link:hover[b-a8ltxgk85q] {
        color: var(--color-hover);
        text-decoration: underline;
    }

.last-login-text[b-a8ltxgk85q] {
    color: var(--color-text-secondary);
}

    .last-login-text.no-login[b-a8ltxgk85q] {
        color: var(--color-text-muted);
        font-style: italic;
    }

/* Responsive adjustments */
@media (max-width: 768px) {
    .assigned-users-card .card-body[b-a8ltxgk85q] {
        padding: 1rem;
    }

    .assigned-users-card .card-header[b-a8ltxgk85q] {
        padding: 0.75rem 1rem;
    }

    .user-item[b-a8ltxgk85q] {
        padding: 0.75rem;
    }

    .user-details[b-a8ltxgk85q] {
        gap: 0.4rem;
    }

    .assigned-users-card .card-title[b-a8ltxgk85q] {
        font-size: 1rem;
        flex-wrap: wrap;
    }

    .user-count-badge[b-a8ltxgk85q] {
        font-size: 0.75rem;
        padding: 0.2rem 0.6rem;
    }
}

@media (max-width: 576px) {
    .users-list[b-a8ltxgk85q] {
        gap: 0.75rem;
    }

    .user-email[b-a8ltxgk85q], .user-last-login[b-a8ltxgk85q] {
        font-size: 0.8rem;
    }

    .user-name[b-a8ltxgk85q] {
        font-size: 0.95rem;
    }

    .user-role[b-a8ltxgk85q] {
        font-size: 0.8rem;
    }
}
/* _content/Gandalf/Components/Pages/WEOVision/Atoms/BasicInfoCard.razor.rz.scp.css */
.basic-info-card[b-076592q9gj] {
    background: var(--color-secondary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    box-shadow: 0 2px 8px var(--shadow-dark);
    color: var(--color-text-primary);
    margin-bottom: 1.5rem;
}

    .basic-info-card .card-header[b-076592q9gj] {
        background: var(--color-tertiary);
        border-bottom: 1px solid var(--color-border);
        padding: 1rem 1.5rem;
        border-radius: 8px 8px 0 0;
    }

    .basic-info-card .card-title[b-076592q9gj] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--color-text-primary);
        display: flex;
        align-items: center;
    }

        .basic-info-card .card-title i[b-076592q9gj] {
            color: var(--color-accent);
        }

    .basic-info-card .card-body[b-076592q9gj] {
        padding: 1.5rem;
    }

.info-group[b-076592q9gj] {
    margin-bottom: 1.25rem;
}

    .info-group:last-child[b-076592q9gj] {
        margin-bottom: 0;
    }

.info-label[b-076592q9gj] {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
}

.info-value[b-076592q9gj] {
    font-size: 0.95rem;
    color: var(--color-text-primary);
    font-weight: 500;
    min-height: 1.5rem;
    display: flex;
    align-items: center;
}

.url-link[b-076592q9gj] {
    color: var(--color-accent);
    text-decoration: none;
    transition: color 0.2s ease;
    display: inline-flex;
    align-items: center;
}

    .url-link:hover[b-076592q9gj] {
        color: var(--color-hover);
        text-decoration: underline;
    }

.alt-domain[b-076592q9gj] {
    font-size: 0.9rem;
    color: var(--color-text-secondary);
    margin-bottom: 0.25rem;
}

    .alt-domain:last-child[b-076592q9gj] {
        margin-bottom: 0;
    }

.client-tags[b-076592q9gj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tag-badge[b-076592q9gj] {
    background: var(--color-primary);
    color: var(--color-text-primary);
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 500;
    border: 1px solid var(--color-border);
    display: inline-block;
}

.text-muted[b-076592q9gj] {
    color: var(--color-text-muted) !important;
    font-style: italic;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .basic-info-card .card-body[b-076592q9gj] {
        padding: 1rem;
    }

    .info-group[b-076592q9gj] {
        margin-bottom: 1rem;
    }
}
/* _content/Gandalf/Components/Pages/WEOVision/Atoms/ClientSearchbar.razor.rz.scp.css */
/* Client Search Bar Component Styles */
.client-search-container[b-u4v5ighy2a] {
    position: relative;
    max-width: 400px;
}

.client-search-input[b-u4v5ighy2a] {
    transition: box-shadow 0.15s ease-in-out, border-color 0.15s ease-in-out;
    background-color: var(--color-quaternary);
    border-color: var(--color-border);
    color: var(--color-text-primary);
}

    .client-search-input[b-u4v5ighy2a]::placeholder {
        color: var(--color-text-muted);
        opacity: 0.7;
    }

    .client-search-input:focus[b-u4v5ighy2a] {
        border-color: var(--color-accent);
        outline: 0;
        box-shadow: 0 0 0 0.25rem var(--shadow-light);
        background-color: var(--color-primary);
        color: var(--color-text-primary);
    }

.client-search-dropdown[b-u4v5ighy2a] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid var(--color-border);
    border-radius: 0.375rem;
    box-shadow: 0 0.5rem 1rem var(--shadow-dark);
    background-color: var(--color-primary);
    margin-top: 2px;
}

    .client-search-dropdown .dropdown-item[b-u4v5ighy2a] {
        padding: 0.75rem 1rem;
        border: none;
        background: none;
        width: 100%;
        text-align: left;
        transition: background-color 0.15s ease-in-out;
        cursor: pointer;
        color: var(--color-text-primary);
    }

        .client-search-dropdown .dropdown-item:hover[b-u4v5ighy2a],
        .client-search-dropdown .dropdown-item.active[b-u4v5ighy2a] {
            background-color: var(--color-secondary);
            color: var(--color-text-primary);
        }

        .client-search-dropdown .dropdown-item:focus[b-u4v5ighy2a] {
            background-color: var(--color-tertiary);
            outline: none;
            color: var(--color-text-primary);
        }

    .client-search-dropdown .dropdown-item-text[b-u4v5ighy2a] {
        padding: 0.75rem 1rem;
        color: var(--color-text-muted);
        font-style: italic;
        text-align: center;
    }

.client-search-result[b-u4v5ighy2a] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.client-info-row[b-u4v5ighy2a] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.client-status-indicator[b-u4v5ighy2a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 10px;
    color: white;
    border: 1px solid;
    flex-shrink: 0;
    margin-top: 2px;
}

.client-active[b-u4v5ighy2a] {
    background-color: var(--color-success);
    border-color: #1e7e34;
}

.client-inactive[b-u4v5ighy2a] {
    background-color: var(--color-error);
    border-color: #bd2130;
}

.client-info[b-u4v5ighy2a] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

.client-id[b-u4v5ighy2a] {
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.875rem;
    color: var(--color-text-primary);
    font-weight: 500;
    background-color: var(--color-tertiary);
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    border: 1px solid var(--color-border);
}

.client-name[b-u4v5ighy2a] {
    font-weight: 500;
    color: var(--color-text-primary);
    flex-grow: 1;
}

.client-url[b-u4v5ighy2a] {
    font-size: 0.75rem;
    color: var(--color-text-secondary);
    margin-top: 0.125rem;
    display: block;
    word-break: break-all;
    margin-left: 24px; /* Offset for the status indicator */
}

/* Loading spinner customization */
.input-group-text[b-u4v5ighy2a] {
    background-color: var(--color-secondary);
    border-color: var(--color-border);
    color: var(--color-text-primary);
}

    .input-group-text .spinner-border-sm[b-u4v5ighy2a] {
        width: 1rem;
        height: 1rem;
        color: var(--color-accent);
    }

/* Clear button styling */
.btn-outline-secondary[b-u4v5ighy2a] {
    border-color: var(--color-border);
    color: var(--color-text-primary);
    background-color: transparent;
}

    .btn-outline-secondary:hover[b-u4v5ighy2a] {
        background-color: var(--color-secondary);
        border-color: var(--color-border);
        color: var(--color-text-primary);
    }

    .btn-outline-secondary:focus[b-u4v5ighy2a] {
        box-shadow: 0 0 0 0.25rem var(--shadow-light);
    }

/* Responsive adjustments */
@media (max-width: 576px) {
    .client-info[b-u4v5ighy2a] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .client-id[b-u4v5ighy2a] {
        font-size: 0.8rem;
    }

    .client-search-dropdown .dropdown-item[b-u4v5ighy2a] {
        padding: 0.5rem 0.75rem;
    }
}

/* Animation for dropdown appearance */
.client-search-dropdown[b-u4v5ighy2a] {
    animation: dropdownFadeIn-b-u4v5ighy2a 0.15s ease-in-out;
}

@keyframes dropdownFadeIn-b-u4v5ighy2a {
    from {
        opacity: 0;
        transform: translateY(-0.5rem);
    }

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

/* Focus indicator for keyboard navigation */
.client-search-dropdown .dropdown-item:focus-visible[b-u4v5ighy2a] {
    outline: 2px solid var(--color-accent);
    outline-offset: -2px;
}

/* Additional enhancements */
.form-control:disabled[b-u4v5ighy2a] {
    background-color: var(--color-secondary);
    border-color: var(--color-tertiary);
    color: var(--color-text-muted);
}

/* Scrollbar styling for dropdown */
.client-search-dropdown[b-u4v5ighy2a]::-webkit-scrollbar {
    width: 6px;
}

.client-search-dropdown[b-u4v5ighy2a]::-webkit-scrollbar-track {
    background: var(--color-tertiary);
}

.client-search-dropdown[b-u4v5ighy2a]::-webkit-scrollbar-thumb {
    background: var(--color-secondary);
    border-radius: 3px;
}

    .client-search-dropdown[b-u4v5ighy2a]::-webkit-scrollbar-thumb:hover {
        background: var(--color-primary);
    }
/* _content/Gandalf/Components/Pages/WEOVision/Atoms/ContactInfoCard.razor.rz.scp.css */
.contact-info-card[b-vigyp3575a] {
    background: var(--color-secondary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    box-shadow: 0 2px 8px var(--shadow-dark);
    color: var(--color-text-primary);
    margin-bottom: 1.5rem;
}

    .contact-info-card .card-header[b-vigyp3575a] {
        background: var(--color-tertiary);
        border-bottom: 1px solid var(--color-border);
        padding: 1rem 1.5rem;
        border-radius: 8px 8px 0 0;
    }

    .contact-info-card .card-title[b-vigyp3575a] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--color-text-primary);
        display: flex;
        align-items: center;
    }

        .contact-info-card .card-title i[b-vigyp3575a] {
            color: var(--color-accent);
        }

    .contact-info-card .card-body[b-vigyp3575a] {
        padding: 1.5rem;
    }

.contact-section[b-vigyp3575a] {
    margin-bottom: 1.5rem;
}

    .contact-section:last-child[b-vigyp3575a] {
        margin-bottom: 0;
    }

.contact-section-title[b-vigyp3575a] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 0.5rem;
}

.contact-item[b-vigyp3575a] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding: 0.75rem;
    background: var(--glass-bg);
    border-radius: 6px;
    border: 1px solid var(--glass-border);
    transition: all 0.2s ease;
}

    .contact-item:hover[b-vigyp3575a] {
        background: var(--color-hover);
        border-color: var(--color-border);
        transform: translateY(-1px);
    }

    .contact-item:last-child[b-vigyp3575a] {
        margin-bottom: 0;
    }

.contact-icon[b-vigyp3575a] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: var(--color-primary);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    border: 1px solid var(--color-border);
}

    .contact-icon i[b-vigyp3575a] {
        font-size: 1.1rem;
        color: var(--color-accent);
    }

.contact-details[b-vigyp3575a] {
    flex: 1;
    min-width: 0;
}

.contact-label[b-vigyp3575a] {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.25rem;
}

.contact-value[b-vigyp3575a] {
    font-size: 0.95rem;
    color: var(--color-text-primary);
    font-weight: 500;
    word-break: break-word;
}

.contact-link[b-vigyp3575a] {
    color: var(--color-accent);
    text-decoration: none;
    transition: color 0.2s ease;
}

    .contact-link:hover[b-vigyp3575a] {
        color: var(--color-hover);
        text-decoration: underline;
    }

.contact-note[b-vigyp3575a] {
    font-size: 0.85rem;
    color: var(--color-text-secondary);
    margin-top: 0.5rem;
    font-style: italic;
    padding: 0.5rem;
    background: var(--glass-bg);
    border-radius: 4px;
    border-left: 3px solid var(--color-accent);
}

.office-address .contact-details[b-vigyp3575a] {
    display: flex;
    flex-direction: column;
}

.office-address .contact-value[b-vigyp3575a] {
    background: var(--glass-bg);
    padding: 0.75rem;
    border-radius: 4px;
    border-left: 3px solid var(--color-accent);
    margin-top: 0.5rem;
}

.text-muted[b-vigyp3575a] {
    color: var(--color-text-muted) !important;
    font-style: italic;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .contact-info-card .card-body[b-vigyp3575a] {
        padding: 1rem;
    }

    .contact-item[b-vigyp3575a] {
        flex-direction: column;
        text-align: center;
    }

    .contact-icon[b-vigyp3575a] {
        margin-right: 0;
        margin-bottom: 0.5rem;
        align-self: center;
    }

    .contact-details[b-vigyp3575a] {
        width: 100%;
    }
}
/* _content/Gandalf/Components/Pages/WEOVision/Atoms/CustomDropdown.razor.rz.scp.css */
.custom-dropdown-wrapper[b-0kdpxl4tik] {
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 1;
}

    .custom-dropdown-wrapper.dropdown-open[b-0kdpxl4tik] {
        z-index: 99999 !important;
    }

.custom-dropdown-button[b-0kdpxl4tik] {
    width: 100%;
    padding: 10px 12px;
    background: var(--color-quaternary);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    color: var(--color-text-primary);
    font-size: 14px;
    text-align: left;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    font-family: inherit;
    position: relative;
    z-index: 1;
}

    .custom-dropdown-button:hover[b-0kdpxl4tik] {
        border-color: var(--color-hover);
        background: var(--color-tertiary);
    }

    .custom-dropdown-button:focus[b-0kdpxl4tik],
    .custom-dropdown-button.open[b-0kdpxl4tik] {
        outline: none;
        border-color: var(--color-accent);
        box-shadow: 0 0 0 3px var(--shadow-light);
    }

    .custom-dropdown-button:disabled[b-0kdpxl4tik] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.dropdown-text[b-0kdpxl4tik] {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: inherit;
}

.dropdown-arrow[b-0kdpxl4tik] {
    flex-shrink: 0;
    transition: transform 0.2s ease;
    opacity: 0.7;
}

    .dropdown-arrow.rotated[b-0kdpxl4tik] {
        transform: rotate(180deg);
    }

.custom-dropdown-menu[b-0kdpxl4tik] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999999 !important;
    background: var(--color-quaternary) !important;
    opacity: 1 !important;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    box-shadow: 0 4px 24px var(--shadow-dark);
    margin-top: 2px;
    max-height: 200px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--color-hover) var(--color-quaternary);
    isolation: isolate;
}

    .custom-dropdown-menu[b-0kdpxl4tik]::-webkit-scrollbar {
        width: 6px;
    }

    .custom-dropdown-menu[b-0kdpxl4tik]::-webkit-scrollbar-track {
        background: var(--color-quaternary);
    }

    .custom-dropdown-menu[b-0kdpxl4tik]::-webkit-scrollbar-thumb {
        background: var(--color-hover);
        border-radius: 3px;
    }

.dropdown-option[b-0kdpxl4tik] {
    padding: 12px 16px;
    cursor: pointer;
    transition: background-color 0.15s ease;
    color: var(--color-text-primary);
    font-size: 14px;
    border-bottom: 1px solid var(--color-border);
    position: relative;
    z-index: 1;
}

    .dropdown-option:last-child[b-0kdpxl4tik] {
        border-bottom: none;
    }

    .dropdown-option:hover[b-0kdpxl4tik] {
        background: var(--color-hover);
    }

    .dropdown-option.selected[b-0kdpxl4tik] {
        background: var(--color-accent);
        color: white;
        font-weight: 500;
    }

        .dropdown-option.selected:hover[b-0kdpxl4tik] {
            background: var(--color-accent);
        }

/* Animation for dropdown appearance */
.custom-dropdown-menu[b-0kdpxl4tik] {
    animation: dropdownSlideIn-b-0kdpxl4tik 0.15s ease-out;
    transform-origin: top;
}

@keyframes dropdownSlideIn-b-0kdpxl4tik {
    from {
        opacity: 0;
        transform: translateY(-5px) scaleY(0.95);
    }

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

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-dropdown-button[b-0kdpxl4tik] {
        padding: 8px 10px;
        font-size: 13px;
    }

    .dropdown-option[b-0kdpxl4tik] {
        padding: 10px 12px;
        font-size: 13px;
    }

    .custom-dropdown-menu[b-0kdpxl4tik] {
        max-height: 150px;
    }
}

.dropdown-option.highlighted[b-0kdpxl4tik] {
    background-color: var(--color-hover);
    color: var(--color-text-primary);
}

    .dropdown-option.highlighted.selected[b-0kdpxl4tik] {
        background-color: var(--color-accent);
        color: var(--color-secondary);
    }
/* _content/Gandalf/Components/Pages/WEOVision/Atoms/DataItem.razor.rz.scp.css */
.data-item[b-2vvl4a70tw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1.25rem;
    background: var(--color-secondary);
    border-radius: 8px;
    border: 1px solid var(--color-border);
    transition: all 0.2s;
}

    .data-item:hover[b-2vvl4a70tw] {
        border-color: var(--color-accent);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }

    .data-item.compact[b-2vvl4a70tw] {
        padding: 0.875rem;
        gap: 0.375rem;
    }

    .data-item.highlighted[b-2vvl4a70tw] {
        background: linear-gradient(135deg, var(--color-accent) 0%, rgba(19, 154, 218, 0.8) 100%);
        border-color: var(--color-accent);
        color: white;
        box-shadow: 0 4px 6px -1px rgba(19, 154, 218, 0.3);
    }

        .data-item.highlighted .data-item-label[b-2vvl4a70tw],
        .data-item.highlighted .data-item-value[b-2vvl4a70tw] {
            color: white;
        }

.data-item-label[b-2vvl4a70tw] {
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted);
    line-height: 1.4;
}

.data-item-value[b-2vvl4a70tw] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-text-primary);
    line-height: 1.4;
}

.data-item.compact .data-item-label[b-2vvl4a70tw] {
    font-size: 0.75rem;
}

.data-item.compact .data-item-value[b-2vvl4a70tw] {
    font-size: 1rem;
}
/* _content/Gandalf/Components/Pages/WEOVision/Atoms/LineChart.razor.rz.scp.css */
.line-chart-atom[b-v38a067qa5] {
    background: var(--color-tertiary);
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid var(--color-border);
}

.chart-title[b-v38a067qa5] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: 1rem;
    text-align: center;
}

.chart-loading[b-v38a067qa5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 3rem;
    color: var(--color-text-secondary);
}

.chart-error[b-v38a067qa5] {
    padding: 2rem;
    text-align: center;
    color: var(--color-error);
    font-size: 0.875rem;
}

.chart-empty[b-v38a067qa5] {
    padding: 3rem;
    text-align: center;
    color: var(--color-text-muted);
    font-size: 0.875rem;
}
/* _content/Gandalf/Components/Pages/WEOVision/Atoms/MultiLineChart.razor.rz.scp.css */
/* Enhanced grid layout for charts with GA4 data */
.charts-grid-enhanced[b-j69jrs1jc5] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

/* Line chart atom styling */
.line-chart-atom[b-j69jrs1jc5] {
    background: var(--color-tertiary);
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid var(--color-border);
}

.chart-title[b-j69jrs1jc5] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: 1rem;
    text-align: center;
}

.chart-loading[b-j69jrs1jc5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 3rem;
    color: var(--color-text-secondary);
}

.chart-error[b-j69jrs1jc5] {
    padding: 2rem;
    text-align: center;
    color: var(--color-error);
    font-size: 0.875rem;
}

.chart-empty[b-j69jrs1jc5] {
    padding: 3rem;
    text-align: center;
    color: var(--color-text-muted);
    font-size: 0.875rem;
}

.kpi-summary[b-j69jrs1jc5] {
    grid-column: 1 / -1;
    background: var(--color-tertiary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 1.5rem;
    margin-top: 1rem;
}

    .kpi-summary h6[b-j69jrs1jc5] {
        font-size: 1rem;
        font-weight: 600;
        color: var(--color-text-primary);
        margin-bottom: 1rem;
        border-bottom: 1px solid var(--color-border);
        padding-bottom: 0.5rem;
    }

.kpi-grid[b-j69jrs1jc5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.kpi-item[b-j69jrs1jc5] {
    text-align: center;
    padding: 1rem;
    background: var(--color-secondary);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    transition: transform 0.2s, box-shadow 0.2s;
}

    .kpi-item:hover[b-j69jrs1jc5] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px var(--shadow-light);
    }

.kpi-value[b-j69jrs1jc5] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-accent);
    margin-bottom: 0.5rem;
}

.kpi-label[b-j69jrs1jc5] {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    font-weight: 500;
}

/* Enhanced stats summary for GA4 integration */
.stats-summary-enhanced[b-j69jrs1jc5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.stat-item-enhanced[b-j69jrs1jc5] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    background: var(--color-secondary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    transition: all 0.2s;
}

    .stat-item-enhanced:hover[b-j69jrs1jc5] {
        background: var(--color-primary);
        border-color: var(--color-hover);
    }

    .stat-item-enhanced .stat-label[b-j69jrs1jc5] {
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: var(--color-text-muted);
        margin-bottom: 0.5rem;
    }

    .stat-item-enhanced .stat-value[b-j69jrs1jc5] {
        font-size: 1.75rem;
        font-weight: 700;
        color: var(--color-text-primary);
    }

    .stat-item-enhanced .stat-change[b-j69jrs1jc5] {
        font-size: 0.875rem;
        margin-top: 0.25rem;
    }

.stat-change.positive[b-j69jrs1jc5] {
    color: var(--color-success);
}

.stat-change.negative[b-j69jrs1jc5] {
    color: var(--color-error);
}

.stat-change.neutral[b-j69jrs1jc5] {
    color: var(--color-text-muted);
}

/* Growth rate styling */
.growth-positive[b-j69jrs1jc5] {
    color: var(--color-success) !important;
}

.growth-negative[b-j69jrs1jc5] {
    color: var(--color-error) !important;
}

/* Chart comparison indicators */
.chart-indicator[b-j69jrs1jc5] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    padding: 0.25rem 0.5rem;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.indicator-calls[b-j69jrs1jc5] {
    color: #4ECDC4;
    border-color: #4ECDC4;
}

.indicator-sessions[b-j69jrs1jc5] {
    color: var(--color-success);
    border-color: var(--color-success);
}

.indicator-duration[b-j69jrs1jc5] {
    color: #FFD43B;
    border-color: #FFD43B;
}

/* Responsive design for enhanced layout */
@media (max-width: 1024px) {
    .charts-grid-enhanced[b-j69jrs1jc5] {
        grid-template-columns: 1fr;
    }

    .kpi-grid[b-j69jrs1jc5] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .stats-summary-enhanced[b-j69jrs1jc5] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .kpi-grid[b-j69jrs1jc5] {
        grid-template-columns: 1fr;
    }

    .chart-full-width[b-j69jrs1jc5] {
        grid-column: 1;
    }
}

@media (max-width: 480px) {
    .stats-summary-enhanced[b-j69jrs1jc5] {
        grid-template-columns: 1fr;
    }
}
/* _content/Gandalf/Components/Pages/WEOVision/Atoms/TeamMemberCard.razor.rz.scp.css */
.team-member-card[b-8vo5mzzxpa] {
    background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-tertiary) 100%);
    border: 1px solid var(--glass-border);
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
    transition: all 0.3s ease;
}

    .team-member-card:hover[b-8vo5mzzxpa] {
        border-color: var(--color-border);
        box-shadow: 0 4px 12px var(--shadow-dark);
        transform: translateY(-2px);
    }

    .team-member-card.inactive[b-8vo5mzzxpa] {
        border: 1px solid var(--color-error);
        box-shadow: 0 0 8px rgba(239, 68, 68, 0.3);
        cursor: pointer;
    }

        .team-member-card.inactive:hover[b-8vo5mzzxpa] {
            border-color: var(--color-error);
            box-shadow: 0 0 12px rgba(239, 68, 68, 0.5);
            transform: translateY(-2px);
        }

.profile-picture[b-8vo5mzzxpa] {
    width: 60px;
    height: 60px;
    margin: 0 auto 1rem auto;
    border-radius: 50%;
    overflow: hidden;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--color-border);
}

    .profile-picture img[b-8vo5mzzxpa] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.initials[b-8vo5mzzxpa] {
    color: var(--color-text-primary);
    font-weight: 600;
    font-size: 1.2rem;
}

.member-name[b-8vo5mzzxpa] {
    color: var(--color-text-primary);
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
}

.member-title[b-8vo5mzzxpa] {
    color: var(--color-text-secondary);
    font-size: 0.9rem;
    margin: 0 0 1rem 0;
}

.contact-info[b-8vo5mzzxpa] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.phone[b-8vo5mzzxpa], .email[b-8vo5mzzxpa] {
    color: var(--color-text-secondary);
    text-decoration: none;
    font-size: 0.85rem;
    padding: 0.25rem;
    border-radius: 4px;
    transition: all 0.2s ease;
}

    .phone:hover[b-8vo5mzzxpa], .email:hover[b-8vo5mzzxpa] {
        background: var(--glass-bg);
        color: var(--color-text-primary);
    }

.slack-contact[b-8vo5mzzxpa] {
    display: inline-block;
    cursor: pointer;
    transition: transform 0.2s ease;
}

    .slack-contact:hover[b-8vo5mzzxpa] {
        transform: scale(1.1);
    }

    .slack-contact i[b-8vo5mzzxpa] {
        font-size: 1.2rem;
        color: var(--color-accent);
    }
/* _content/Gandalf/Components/Pages/WEOVision/Molecules/ArticleHistoryModal.razor.rz.scp.css */
.weo-loading[b-p304l9ijgj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
    color: var(--color-text-muted);
}

    .weo-loading i[b-p304l9ijgj] {
        font-size: 2rem;
        margin-bottom: 1rem;
        color: var(--color-accent);
    }

    .weo-loading p[b-p304l9ijgj] {
        font-size: 1.125rem;
        margin: 0;
    }

.weo-history-modal-overlay[b-p304l9ijgj] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: rgba(0, 0, 0, 0.85) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1rem !important;
    z-index: 9999 !important;
}

.weo-history-modal[b-p304l9ijgj] {
    background-color: var(--color-secondary);
    border-radius: 0.75rem;
    box-shadow: 0 25px 50px -12px var(--shadow-dark);
    width: 100%;
    max-width: 64rem;
    max-height: 80vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.weo-history-modal__header[b-p304l9ijgj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border);
}

.weo-history-modal__title[b-p304l9ijgj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0;
}

.weo-history-modal__controls[b-p304l9ijgj] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.weo-diff-toggle[b-p304l9ijgj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    cursor: pointer;
    user-select: none;
}

    .weo-diff-toggle input[type="checkbox"][b-p304l9ijgj] {
        appearance: none;
        width: 1rem;
        height: 1rem;
        border: 1px solid var(--color-text-muted);
        border-radius: 0.25rem;
        background-color: transparent;
        cursor: pointer;
        position: relative;
    }

        .weo-diff-toggle input[type="checkbox"]:checked[b-p304l9ijgj] {
            background-color: var(--color-accent);
            border-color: var(--color-accent);
        }

            .weo-diff-toggle input[type="checkbox"]:checked[b-p304l9ijgj]::after {
                content: '✓';
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: white;
                font-size: 0.75rem;
                font-weight: bold;
            }

.weo-history-modal__content[b-p304l9ijgj] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

/* Close Button Styles (shared with ArticleListModal) */
.weo-modal__close[b-p304l9ijgj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    background-color: var(--color-primary);
    border: 1px solid var(--color-border);
    border-radius: 0.375rem;
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 1rem;
}

    .weo-modal__close:hover[b-p304l9ijgj] {
        background-color: var(--color-tertiary);
        color: var(--color-text-primary);
    }

    .weo-modal__close i[b-p304l9ijgj] {
        font-size: 1rem;
    }

.weo-history-list[b-p304l9ijgj] {
    display: grid;
    gap: 1rem;
}

.weo-diff-notice[b-p304l9ijgj] {
    background-color: var(--color-info);
    border: 1px solid var(--color-accent);
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

    .weo-diff-notice i[b-p304l9ijgj] {
        color: white;
    }

.weo-history-item[b-p304l9ijgj] {
    background-color: var(--color-primary);
    border: 1px solid var(--color-border);
    border-radius: 0.5rem;
    overflow: hidden;
}

.weo-history-item__header[b-p304l9ijgj] {
    background-color: var(--color-tertiary);
    padding: 1rem;
    border-bottom: 1px solid var(--color-quaternary);
}

.weo-history-item__meta[b-p304l9ijgj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.weo-history-item__version[b-p304l9ijgj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    color: var(--color-text-primary);
    font-size: 1rem;
}

.weo-history-item__current[b-p304l9ijgj] {
    background-color: var(--color-success);
    color: white;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.weo-history-item__edit-info[b-p304l9ijgj] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
}

.weo-history-item__edit-user[b-p304l9ijgj] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-text-secondary);
}

.weo-history-item__edit-date[b-p304l9ijgj] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: var(--color-text-muted);
}

.weo-history-item__content[b-p304l9ijgj] {
    padding: 1rem;
    display: grid;
    gap: 1rem;
}

.weo-history-item__field[b-p304l9ijgj] {
    display: grid;
    gap: 0.5rem;
}

    .weo-history-item__field label[b-p304l9ijgj] {
        font-size: 0.875rem;
        font-weight: 600;
        color: var(--color-accent);
    }

.weo-history-item__value[b-p304l9ijgj] {
    padding: 0.5rem;
    background-color: var(--color-secondary);
    border: 1px solid var(--color-quaternary);
    border-radius: 0.375rem;
    color: var(--color-text-primary);
    font-size: 0.875rem;
    line-height: 1.5;
}

.weo-history-item__body[b-p304l9ijgj] {
    padding: 0.5rem;
    background-color: var(--color-secondary);
    border: 1px solid var(--color-quaternary);
    border-radius: 0.375rem;
    color: var(--color-text-primary);
    font-size: 0.875rem;
    line-height: 1.5;
    max-height: 400px;
    overflow-y: auto;
    position: relative;
}

/* Expand Button Styles */
.weo-history-item__expand[b-p304l9ijgj] {
    background: none;
    border: none;
    color: var(--color-accent);
    cursor: pointer;
    font-size: 0.75rem;
    margin-top: 0.5rem;
    padding: 0.25rem 0.5rem;
    text-decoration: none;
    transition: all 0.2s ease;
    border-radius: 0.25rem;
    background-color: var(--color-primary);
}

    .weo-history-item__expand:hover[b-p304l9ijgj] {
        color: var(--color-text-primary);
        background-color: var(--color-tertiary);
    }

/* Diff Styles - Maximum specificity and multiple fallbacks */
.weo-history-modal .weo-history-item__value .diff-added[b-p304l9ijgj],
.weo-history-modal .weo-history-item__body .diff-added[b-p304l9ijgj],
.weo-history-item .diff-added[b-p304l9ijgj],
span.diff-added[b-p304l9ijgj] {
    background-color: rgba(16, 185, 129, 0.3) !important;
    color: var(--color-success) !important;
    padding: 0.2rem 0.4rem !important;
    border-radius: 0.25rem !important;
    border: 2px solid var(--color-success) !important;
    font-weight: 700 !important;
    margin: 0 0.2rem !important;
    display: inline !important;
    text-decoration: none !important;
}

.weo-history-modal .weo-history-item__value .diff-removed[b-p304l9ijgj],
.weo-history-modal .weo-history-item__body .diff-removed[b-p304l9ijgj],
.weo-history-item .diff-removed[b-p304l9ijgj],
span.diff-removed[b-p304l9ijgj] {
    background-color: rgba(239, 68, 68, 0.3) !important;
    color: var(--color-error) !important;
    padding: 0.2rem 0.4rem !important;
    border-radius: 0.25rem !important;
    border: 2px solid var(--color-error) !important;
    text-decoration: line-through !important;
    font-weight: 700 !important;
    margin: 0 0.2rem !important;
    display: inline !important;
}

/* Blazor-specific scoped styles override */
[b-p304l9ijgj] .diff-added[b-p304l9ijgj] {
    background-color: rgba(16, 185, 129, 0.3) !important;
    color: var(--color-success) !important;
    padding: 0.2rem 0.4rem !important;
    border-radius: 0.25rem !important;
    border: 2px solid var(--color-success) !important;
    font-weight: 700 !important;
    margin: 0 0.2rem !important;
    display: inline !important;
}

[b-p304l9ijgj] .diff-removed[b-p304l9ijgj] {
    background-color: rgba(239, 68, 68, 0.3) !important;
    color: var(--color-error) !important;
    padding: 0.2rem 0.4rem !important;
    border-radius: 0.25rem !important;
    border: 2px solid var(--color-error) !important;
    text-decoration: line-through !important;
    font-weight: 700 !important;
    margin: 0 0.2rem !important;
    display: inline !important;
}

.weo-empty-state[b-p304l9ijgj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
    color: var(--color-text-muted);
}

    .weo-empty-state i[b-p304l9ijgj] {
        font-size: 3rem;
        margin-bottom: 1rem;
        opacity: 0.5;
    }

    .weo-empty-state p[b-p304l9ijgj] {
        font-size: 1.125rem;
        margin: 0;
    }

@media (max-width: 768px) {
    .weo-history-modal[b-p304l9ijgj] {
        margin: 0.5rem;
        max-height: 90vh;
    }

    .weo-history-modal__header[b-p304l9ijgj] {
        padding: 1rem;
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .weo-history-modal__controls[b-p304l9ijgj] {
        align-self: flex-end;
    }

    .weo-history-modal__content[b-p304l9ijgj] {
        padding: 1rem;
    }

    .weo-history-item__meta[b-p304l9ijgj] {
        flex-direction: column;
        gap: 0.75rem;
        align-items: flex-start;
    }

    .weo-history-item__edit-info[b-p304l9ijgj] {
        align-items: flex-start;
        width: 100%;
    }

    .weo-history-item__version[b-p304l9ijgj] {
        flex-wrap: wrap;
    }
}
/* _content/Gandalf/Components/Pages/WEOVision/Molecules/ArticleListModal.razor.rz.scp.css */
.weo-modal-overlay[b-aj865vym56] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    z-index: 1000;
}

.weo-modal[b-aj865vym56] {
    background-color: var(--color-secondary);
    border-radius: 0.75rem;
    box-shadow: 0 25px 50px -12px var(--shadow-dark);
    width: 100%;
    max-width: 48rem;
    max-height: 80vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.weo-modal--large[b-aj865vym56] {
    max-width: 64rem;
}

.weo-modal__header[b-aj865vym56] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border);
}

.weo-modal__title[b-aj865vym56] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0;
}

    .weo-modal__title i[b-aj865vym56] {
        color: var(--color-accent);
    }

.weo-modal__close[b-aj865vym56] {
    padding: 0.5rem !important;
    border-radius: 0.375rem !important;
}

.weo-modal__content[b-aj865vym56] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.weo-article-list[b-aj865vym56] {
    display: grid;
    gap: 0.75rem;
}

.weo-article-item[b-aj865vym56] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background-color: var(--color-primary);
    border: 1px solid var(--color-border);
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .weo-article-item:hover[b-aj865vym56] {
        background-color: var(--color-tertiary);
        transform: translateY(-1px);
    }

.weo-article-item__main[b-aj865vym56] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.weo-article-item__info[b-aj865vym56] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.weo-article-item__id[b-aj865vym56] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background-color: var(--color-tertiary);
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--color-accent);
}

.weo-article-item__content[b-aj865vym56] {
    display: flex;
    flex-direction: column;
}

.weo-article-item__title[b-aj865vym56] {
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: 0.25rem;
}

.weo-article-item__subtitle[b-aj865vym56] {
    font-size: 0.75rem;
    color: var(--color-text-muted);
}

.weo-article-item__edit[b-aj865vym56] {
    text-align: right;
}

.weo-article-item__edit-user[b-aj865vym56] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-text-secondary);
    justify-content: flex-end;
    margin-bottom: 0.25rem;
}

.weo-article-item__edit-date[b-aj865vym56] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: var(--color-text-muted);
    justify-content: flex-end;
}

    .weo-article-item__edit-user i[b-aj865vym56],
    .weo-article-item__edit-date i[b-aj865vym56] {
        font-size: 1rem;
    }

.weo-empty-state[b-aj865vym56] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
    color: var(--color-text-muted);
}

    .weo-empty-state i[b-aj865vym56] {
        font-size: 3rem;
        margin-bottom: 1rem;
        opacity: 0.5;
    }

    .weo-empty-state p[b-aj865vym56] {
        font-size: 1.125rem;
        margin: 0;
    }

@media (max-width: 768px) {
    .weo-modal[b-aj865vym56] {
        margin: 0.5rem;
    }

    .weo-article-item[b-aj865vym56] {
        flex-direction: column;
        gap: 0.75rem;
        align-items: flex-start;
    }

    .weo-article-item__edit[b-aj865vym56] {
        text-align: left;
        width: 100%;
    }

    .weo-article-item__edit-user[b-aj865vym56],
    .weo-article-item__edit-date[b-aj865vym56] {
        justify-content: flex-start;
    }
}

.weo-article-item__actions[b-aj865vym56] {
    display: flex;
    align-items: center;
    margin-left: auto;
    padding: 0 12px;
    cursor: pointer;
}

    .weo-article-item__actions i[b-aj865vym56] {
        font-size: 1.1rem;
        color: var(--color-text-muted);
        transition: color 0.2s;
    }

        .weo-article-item__actions i:hover[b-aj865vym56] {
            color: var(--color-accent);
        }
/* _content/Gandalf/Components/Pages/WEOVision/Molecules/CallDataChartsCard.razor.rz.scp.css */
.call-data-charts-card[b-d1c81e340g] {
    background: var(--color-secondary);
    border-radius: 8px;
    padding: 1.5rem;
    border: 1px solid var(--color-border);
    margin-bottom: 1.5rem;
}

.charts-header[b-d1c81e340g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--color-border);
}

    .charts-header h5[b-d1c81e340g] {
        font-size: 1.125rem;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0;
    }

.view-toggle[b-d1c81e340g] {
    display: flex;
    gap: 0.5rem;
}

.btn-toggle[b-d1c81e340g] {
    padding: 0.5rem 1rem;
    border: 1px solid var(--color-border);
    background: var(--color-tertiary);
    color: var(--color-text-secondary);
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

    .btn-toggle:hover[b-d1c81e340g] {
        background: var(--color-primary);
        border-color: var(--color-hover);
    }

    .btn-toggle.active[b-d1c81e340g] {
        background: var(--color-accent);
        color: white;
        border-color: var(--color-accent);
    }

.charts-grid[b-d1c81e340g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 1.5rem;
}

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

    .charts-header[b-d1c81e340g] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
}

/* Add to existing styles */

.charts-controls[b-d1c81e340g] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.tracking-filter[b-d1c81e340g] {
    padding: 0.5rem 1rem;
    border: 1px solid var(--color-border);
    background: var(--color-tertiary);
    color: var(--color-text-primary);
    border-radius: 6px;
    font-size: 0.875rem;
    cursor: pointer;
}

    .tracking-filter:hover[b-d1c81e340g] {
        border-color: var(--color-hover);
    }

@media (max-width: 768px) {
    .charts-controls[b-d1c81e340g] {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .tracking-filter[b-d1c81e340g] {
        width: 100%;
    }
}

/* Enhanced grid layout for charts with GA4 data */
.charts-grid-enhanced[b-d1c81e340g] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.chart-full-width[b-d1c81e340g] {
    grid-column: 1 / -1;
}

.kpi-summary[b-d1c81e340g] {
    grid-column: 1 / -1;
    background: var(--color-tertiary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 1.5rem;
    margin-top: 1rem;
}

    .kpi-summary h6[b-d1c81e340g] {
        font-size: 1rem;
        font-weight: 600;
        color: var(--color-text-primary);
        margin-bottom: 1rem;
        border-bottom: 1px solid var(--color-border);
        padding-bottom: 0.5rem;
    }

.kpi-grid[b-d1c81e340g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.kpi-item[b-d1c81e340g] {
    text-align: center;
    padding: 1rem;
    background: var(--color-secondary);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    transition: transform 0.2s, box-shadow 0.2s;
}

    .kpi-item:hover[b-d1c81e340g] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px var(--shadow-light);
    }

.kpi-value[b-d1c81e340g] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-accent);
    margin-bottom: 0.5rem;
}

.kpi-label[b-d1c81e340g] {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    font-weight: 500;
}

/* Enhanced stats summary for GA4 integration */
.stats-summary-enhanced[b-d1c81e340g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.stat-item-enhanced[b-d1c81e340g] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    background: var(--color-secondary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    transition: all 0.2s;
}

    .stat-item-enhanced:hover[b-d1c81e340g] {
        background: var(--color-primary);
        border-color: var(--color-hover);
    }

    .stat-item-enhanced .stat-label[b-d1c81e340g] {
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: var(--color-text-muted);
        margin-bottom: 0.5rem;
    }

    .stat-item-enhanced .stat-value[b-d1c81e340g] {
        font-size: 1.75rem;
        font-weight: 700;
        color: var(--color-text-primary);
    }

    .stat-item-enhanced .stat-change[b-d1c81e340g] {
        font-size: 0.875rem;
        margin-top: 0.25rem;
    }

.stat-change.positive[b-d1c81e340g] {
    color: var(--color-success);
}

.stat-change.negative[b-d1c81e340g] {
    color: var(--color-error);
}

.stat-change.neutral[b-d1c81e340g] {
    color: var(--color-text-muted);
}

/* Chart comparison indicators */
.chart-indicator[b-d1c81e340g] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    padding: 0.25rem 0.5rem;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.indicator-calls[b-d1c81e340g] {
    color: #4ECDC4;
    border-color: #4ECDC4;
}

.indicator-sessions[b-d1c81e340g] {
    color: var(--color-success);
    border-color: var(--color-success);
}

.indicator-duration[b-d1c81e340g] {
    color: #FFD43B;
    border-color: #FFD43B;
}

/* Responsive design for enhanced layout */
@media (max-width: 1024px) {
    .charts-grid-enhanced[b-d1c81e340g] {
        grid-template-columns: 1fr;
    }

    .kpi-grid[b-d1c81e340g] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .stats-summary-enhanced[b-d1c81e340g] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .kpi-grid[b-d1c81e340g] {
        grid-template-columns: 1fr;
    }

    .chart-full-width[b-d1c81e340g] {
        grid-column: 1;
    }
}

@media (max-width: 480px) {
    .stats-summary-enhanced[b-d1c81e340g] {
        grid-template-columns: 1fr;
    }
}

/* Enhanced grid layout for charts with GA4 data */
.charts-grid-enhanced[b-d1c81e340g] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.chart-full-width[b-d1c81e340g] {
    grid-column: 1 / -1;
}

.kpi-summary[b-d1c81e340g] {
    grid-column: 1 / -1;
    background: var(--color-tertiary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 1.5rem;
    margin-top: 1rem;
}

    .kpi-summary h6[b-d1c81e340g] {
        font-size: 1rem;
        font-weight: 600;
        color: var(--color-text-primary);
        margin-bottom: 1rem;
        border-bottom: 1px solid var(--color-border);
        padding-bottom: 0.5rem;
    }

.kpi-grid[b-d1c81e340g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.kpi-item[b-d1c81e340g] {
    text-align: center;
    padding: 1rem;
    background: var(--color-secondary);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    transition: transform 0.2s, box-shadow 0.2s;
}

    .kpi-item:hover[b-d1c81e340g] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px var(--shadow-light);
    }

.kpi-value[b-d1c81e340g] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-accent);
    margin-bottom: 0.5rem;
}

.kpi-label[b-d1c81e340g] {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    font-weight: 500;
}

/* Enhanced stats summary for GA4 integration */
.stats-summary-enhanced[b-d1c81e340g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.stat-item-enhanced[b-d1c81e340g] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    background: var(--color-secondary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    transition: all 0.2s;
}

    .stat-item-enhanced:hover[b-d1c81e340g] {
        background: var(--color-primary);
        border-color: var(--color-hover);
    }

    .stat-item-enhanced .stat-label[b-d1c81e340g] {
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: var(--color-text-muted);
        margin-bottom: 0.5rem;
    }

    .stat-item-enhanced .stat-value[b-d1c81e340g] {
        font-size: 1.75rem;
        font-weight: 700;
        color: var(--color-text-primary);
    }

    .stat-item-enhanced .stat-change[b-d1c81e340g] {
        font-size: 0.875rem;
        margin-top: 0.25rem;
    }

.stat-change.positive[b-d1c81e340g] {
    color: var(--color-success);
}

.stat-change.negative[b-d1c81e340g] {
    color: var(--color-error);
}

.stat-change.neutral[b-d1c81e340g] {
    color: var(--color-text-muted);
}

/* Growth rate styling */
.growth-positive[b-d1c81e340g] {
    color: var(--color-success) !important;
}

.growth-negative[b-d1c81e340g] {
    color: var(--color-error) !important;
}

/* Chart comparison indicators */
.chart-indicator[b-d1c81e340g] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    padding: 0.25rem 0.5rem;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.indicator-calls[b-d1c81e340g] {
    color: #4ECDC4;
    border-color: #4ECDC4;
}

.indicator-sessions[b-d1c81e340g] {
    color: var(--color-success);
    border-color: var(--color-success);
}

.indicator-duration[b-d1c81e340g] {
    color: #FFD43B;
    border-color: #FFD43B;
}

/* Responsive design for enhanced layout */
@media (max-width: 1024px) {
    .charts-grid-enhanced[b-d1c81e340g] {
        grid-template-columns: 1fr;
    }

    .kpi-grid[b-d1c81e340g] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .stats-summary-enhanced[b-d1c81e340g] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .kpi-grid[b-d1c81e340g] {
        grid-template-columns: 1fr;
    }

    .chart-full-width[b-d1c81e340g] {
        grid-column: 1;
    }
}

@media (max-width: 480px) {
    .stats-summary-enhanced[b-d1c81e340g] {
        grid-template-columns: 1fr;
    }
}
/* _content/Gandalf/Components/Pages/WEOVision/Molecules/ClientHeader.razor.rz.scp.css */
/* ClientHeader.razor.css - Scoped Styles */

/* Main Container */
.client-header-container[b-txrld638sw] {
    background-color: var(--color-tertiary);
    border-radius: 0.75rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 0.25rem 0.75rem var(--shadow-dark);
    transition: all 0.2s ease-in-out;
}

/* Loading State */
.client-header-loading[b-txrld638sw] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    color: var(--color-text-secondary);
    font-size: 0.875rem;
}

    .client-header-loading .spinner-border[b-txrld638sw] {
        color: var(--color-accent);
    }

/* Error State */
.client-header-error[b-txrld638sw] {
    padding: 1rem;
}

    .client-header-error .alert[b-txrld638sw] {
        background-color: rgba(245, 158, 11, 0.1);
        border-color: var(--color-warning);
        color: var(--color-warning);
    }

.client-header-content[b-txrld638sw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
}

/* Left Section - Client Info */
.client-info-section[b-txrld638sw] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.client-name[b-txrld638sw] {
    color: var(--color-text-primary);
    font-size: 1.75rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
    word-break: break-word;
}

.client-id[b-txrld638sw] {
    color: var(--color-text-secondary);
    font-size: 0.875rem;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 500;
    margin: 0;
    padding: 0.25rem 0.5rem;
    background-color: var(--color-quaternary);
    border: 1px solid var(--color-border);
    border-radius: 0.375rem;
    display: inline-block;
    width: fit-content;
}

/* Tags Section */
.client-tags-section[b-txrld638sw] {
    margin-top: 0.5rem;
}

.tags-container[b-txrld638sw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.client-tag[b-txrld638sw] {
    display: inline-flex;
    align-items: center;
    background-color: var(--color-secondary);
    color: var(--color-text-primary);
    padding: 0.375rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    font-weight: 500;
    border: 1px solid var(--color-border);
    transition: all 0.2s ease-in-out;
}

    .client-tag:hover[b-txrld638sw] {
        background-color: var(--color-primary);
        transform: translateY(-1px);
        box-shadow: 0 0.125rem 0.375rem var(--shadow-dark);
    }

/* Right Section - Days of No Contact */
.donk-section[b-txrld638sw] {
    flex-shrink: 0;
}

.donk-display[b-txrld638sw] {
    text-align: center;
    padding: 1rem;
    border-radius: 0.75rem;
    border: 2px solid;
    background-color: var(--color-quaternary);
    min-width: 140px;
    transition: all 0.2s ease-in-out;
}

.donk-label[b-txrld638sw] {
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
    opacity: 0.8;
}

.donk-value[b-txrld638sw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0.375rem;
}

.donk-number[b-txrld638sw] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.donk-unit[b-txrld638sw] {
    font-size: 0.75rem;
    font-weight: 500;
    opacity: 0.8;
}

.donk-unknown-text[b-txrld638sw] {
    font-size: 1.25rem;
    font-weight: 600;
    opacity: 0.7;
}

.donk-subtitle[b-txrld638sw] {
    font-size: 0.625rem;
    opacity: 0.7;
    line-height: 1.2;
}

/* DoNC Status Colors */
.donk-recent[b-txrld638sw] {
    border-color: var(--color-success);
    color: var(--color-success);
}

    .donk-recent .donk-label[b-txrld638sw],
    .donk-recent .donk-unit[b-txrld638sw],
    .donk-recent .donk-subtitle[b-txrld638sw] {
        color: var(--color-success);
        opacity: 0.8;
    }

.donk-moderate[b-txrld638sw] {
    border-color: var(--color-warning);
    color: var(--color-warning);
}

    .donk-moderate .donk-label[b-txrld638sw],
    .donk-moderate .donk-unit[b-txrld638sw],
    .donk-moderate .donk-subtitle[b-txrld638sw] {
        color: var(--color-warning);
        opacity: 0.8;
    }

.donk-stale[b-txrld638sw] {
    border-color: var(--color-error);
    color: var(--color-error);
}

    .donk-stale .donk-label[b-txrld638sw],
    .donk-stale .donk-unit[b-txrld638sw],
    .donk-stale .donk-subtitle[b-txrld638sw] {
        color: var(--color-error);
        opacity: 0.8;
    }

.donk-unknown[b-txrld638sw] {
    border-color: var(--color-text-muted);
    color: var(--color-text-muted);
}

    .donk-unknown .donk-label[b-txrld638sw],
    .donk-unknown .donk-unit[b-txrld638sw],
    .donk-unknown .donk-subtitle[b-txrld638sw] {
        color: var(--color-text-muted);
        opacity: 0.8;
    }

/* Responsive Design */
@media (max-width: 768px) {
    .client-header-content[b-txrld638sw] {
        flex-direction: column;
        gap: 1.5rem;
    }

    .client-name[b-txrld638sw] {
        font-size: 1.5rem;
    }

    .donk-section[b-txrld638sw] {
        align-self: flex-start;
    }

    .donk-display[b-txrld638sw] {
        min-width: 120px;
        padding: 0.75rem;
    }

    .donk-number[b-txrld638sw] {
        font-size: 1.5rem;
    }
}

@media (max-width: 576px) {
    .client-header-container[b-txrld638sw] {
        padding: 1rem;
    }

    .client-name[b-txrld638sw] {
        font-size: 1.25rem;
    }

    .tags-container[b-txrld638sw] {
        gap: 0.375rem;
    }

    .client-tag[b-txrld638sw] {
        font-size: 0.6875rem;
        padding: 0.25rem 0.5rem;
    }
}

/* Hover effects for the entire container */
.client-header-container:hover[b-txrld638sw] {
    box-shadow: 0 0.375rem 1rem var(--shadow-dark);
    transform: translateY(-1px);
}
/* _content/Gandalf/Components/Pages/WEOVision/Molecules/ClientNoteCard.razor.rz.scp.css */
.note-card[b-unbllqhp9d] {
    background: linear-gradient(145deg, var(--color-secondary) 0%, var(--color-tertiary) 100%);
    border-radius: 15px;
    padding: 1.5rem;
    box-shadow: 0 8px 32px var(--shadow-dark), inset 0 1px 0 var(--glass-border);
    border: 1px solid var(--glass-border);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    height: fit-content;
}

    .note-card:hover[b-unbllqhp9d] {
        transform: translateY(-5px);
        box-shadow: 0 12px 40px var(--shadow-dark), inset 0 1px 0 var(--glass-border);
    }

    .note-card.pinned[b-unbllqhp9d] {
        background: linear-gradient(145deg, var(--color-primary) 0%, var(--color-secondary) 100%);
        border: 2px solid var(--color-accent);
        box-shadow: 0 8px 32px var(--shadow-light), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }

        .note-card.pinned:hover[b-unbllqhp9d] {
            box-shadow: 0 12px 40px var(--shadow-light), inset 0 1px 0 rgba(255, 255, 255, 0.2);
        }

.note-header[b-unbllqhp9d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.client-id[b-unbllqhp9d] {
    background: var(--color-quaternary);
    color: var(--color-accent);
    padding: 0.4rem 0.8rem;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.pin-icon[b-unbllqhp9d] {
    color: var(--color-accent);
    font-size: 1.1rem;
    opacity: 0.9;
    transform: rotate(45deg);
    cursor: help;
}

.note-text[b-unbllqhp9d] {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.8rem;
    line-height: 1.4;
    color: var(--color-text-primary);
    word-wrap: break-word;
}

.note-detail[b-unbllqhp9d] {
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin-bottom: 1.25rem;
    font-size: 1rem;
    word-wrap: break-word;
}

.note-meta[b-unbllqhp9d] {
    border-top: 1px solid var(--glass-border);
    padding-top: 1rem;
    font-size: 0.85rem;
}

.meta-row[b-unbllqhp9d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.5rem;
    color: var(--color-text-secondary);
    gap: 1rem;
}

    .meta-row:last-child[b-unbllqhp9d] {
        margin-bottom: 0;
    }

.meta-label[b-unbllqhp9d] {
    font-weight: 500;
    color: var(--color-text-muted);
    flex-shrink: 0;
}

.meta-value[b-unbllqhp9d] {
    text-align: right;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.last-modified[b-unbllqhp9d] {
    font-style: italic;
    color: var(--color-text-muted);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .note-card[b-unbllqhp9d] {
        padding: 1.25rem;
    }

    .note-text[b-unbllqhp9d] {
        font-size: 1.1rem;
    }

    .meta-row[b-unbllqhp9d] {
        flex-direction: column;
        gap: 0.2rem;
    }

    .meta-value[b-unbllqhp9d] {
        text-align: left;
    }
}
/* _content/Gandalf/Components/Pages/WEOVision/Molecules/DataTable.razor.rz.scp.css */
/* Container - Fixed for dropdown overflow */
.data-table-container[b-5olklyk76b] {
    background: var(--color-quaternary);
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
    overflow: visible; /* Changed from hidden to visible */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
    color: var(--color-text-primary);
    position: relative;
    margin-top: 1rem;
}

/* Filters Section - Fixed for dropdown overflow */
.filters-section[b-5olklyk76b] {
    padding: 24px;
    background: var(--color-tertiary);
    border-bottom: 1px solid var(--color-border);
    overflow: visible !important; /* Ensure dropdowns can escape */
    position: relative;
    border-radius: 12px 12px 0 0; /* Maintain rounded corners */
}

.filters-row[b-5olklyk76b] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 16px;
}

.filter-item[b-5olklyk76b] {
    display: flex;
    flex-direction: column;
    min-width: 200px;
    gap: 6px;
    overflow: visible !important; /* Allow dropdown overflow */
    position: relative;
    z-index: 1; /* Base z-index for filter items */
}

.filter-label[b-5olklyk76b] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.filter-input[b-5olklyk76b],
.filter-select[b-5olklyk76b] {
    padding: 10px 12px;
    background: var(--color-quaternary);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    color: var(--color-text-primary);
    font-size: 14px;
    transition: all 0.2s ease;
}

    .filter-input[b-5olklyk76b]::placeholder {
        color: var(--color-text-muted);
    }

    .filter-input:focus[b-5olklyk76b],
    .filter-select:focus[b-5olklyk76b] {
        outline: none;
        border-color: var(--color-accent);
        box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
    }

    .filter-select option[b-5olklyk76b] {
        background: var(--color-quaternary);
        color: var(--color-text-primary);
    }

.filters-actions[b-5olklyk76b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    border-top: 1px solid var(--color-border);
}

.btn-clear[b-5olklyk76b] {
    padding: 8px 16px;
    background: transparent;
    border: 1px solid var(--color-border);
    color: var(--color-text-secondary);
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .btn-clear:hover[b-5olklyk76b] {
        background: var(--color-hover);
        color: var(--color-text-primary);
        border-color: var(--color-hover);
    }

.results-count[b-5olklyk76b] {
    font-size: 12px;
    color: var(--color-text-muted);
    font-weight: 500;
}

/* Table Wrapper - Fixed for dropdown overflow */
.table-wrapper[b-5olklyk76b] {
    overflow-x: auto;
    overflow-y: visible; /* Changed to allow dropdown overflow */
    scrollbar-width: thin;
    scrollbar-color: var(--color-hover) var(--color-quaternary);
    border-radius: 0 0 12px 12px; /* Maintain rounded corners */
}

    .table-wrapper[b-5olklyk76b]::-webkit-scrollbar {
        height: 8px;
    }

    .table-wrapper[b-5olklyk76b]::-webkit-scrollbar-track {
        background: var(--color-quaternary);
    }

    .table-wrapper[b-5olklyk76b]::-webkit-scrollbar-thumb {
        background: var(--color-hover);
        border-radius: 4px;
    }

/* Data Table */
.data-table[b-5olklyk76b] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.table-header[b-5olklyk76b] {
    background: var(--color-secondary);
    padding: 16px 20px;
    text-align: left;
    font-weight: 600;
    font-size: 12px;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid var(--color-border);
    position: relative;
    user-select: none;
    z-index: 0; /* Lower than dropdowns */
}

    .table-header:hover[b-5olklyk76b] {
        background: var(--color-hover);
        color: var(--color-text-primary);
    }

.header-content[b-5olklyk76b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.sort-icon[b-5olklyk76b] {
    display: flex;
    align-items: center;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.table-header:hover .sort-icon[b-5olklyk76b] {
    opacity: 1;
}

.table-row[b-5olklyk76b] {
    transition: background-color 0.15s ease;
    background: #FFFFFF;
}

html.dark-mode .table-row[b-5olklyk76b] {
    background: transparent;
}

.table-row:nth-child(even)[b-5olklyk76b] {
    background: #F8F9FA !important;
}

html.dark-mode .table-row:nth-child(even)[b-5olklyk76b] {
    background: rgba(36, 36, 72, 0.5) !important;
}

.table-row:hover[b-5olklyk76b] {
    background: rgba(19, 154, 218, 0.1) !important;
}

html.dark-mode .table-row:hover[b-5olklyk76b] {
    background: rgba(99, 102, 241, 0.1) !important;
}

.table-cell[b-5olklyk76b] {
    padding: 16px 20px;
    border-bottom: 1px solid var(--color-border);
    color: var(--color-text-primary);
    vertical-align: middle;
    word-break: break-word;
    position: relative;
    max-width: 300px; /* Limit cell width to encourage text clipping */
}

    /* Text clipping styles for long text (with modal) */
    .table-cell.has-long-text[b-5olklyk76b] {
        cursor: pointer;
        transition: background-color 0.2s ease;
    }

        .table-cell.has-long-text:hover[b-5olklyk76b] {
            background: rgba(99, 102, 241, 0.15);
        }

    /* Text clipping styles for clipped text (with tooltip only) */
    .table-cell.has-clipped-text[b-5olklyk76b] {
        cursor: help;
        transition: background-color 0.2s ease;
    }

        .table-cell.has-clipped-text:hover[b-5olklyk76b] {
            background: rgba(99, 102, 241, 0.08);
        }

.cell-content[b-5olklyk76b] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 20px; /* Make room for expand icon on long text */
}

/* Only show padding for long text cells that have the expand icon */
.table-cell:not(.has-long-text) .cell-content[b-5olklyk76b] {
    padding-right: 0;
}

.expand-icon[b-5olklyk76b] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.6;
    transition: opacity 0.2s ease;
    color: var(--color-accent);
    pointer-events: none;
}

.table-cell.has-long-text:hover .expand-icon[b-5olklyk76b] {
    opacity: 1;
}

.clickable-row[b-5olklyk76b] {
    transition: background-color 0.2s ease;
}

    .clickable-row:hover[b-5olklyk76b] {
        background-color: rgba(0, 123, 255, 0.1);
    }

/* Custom Tooltip Styles */
.table-cell[title]:not([title=""])[b-5olklyk76b] {
    position: relative;
}

    /* Enhanced tooltip styling for better visibility */
    .table-cell[title]:not([title=""]):hover[b-5olklyk76b] {
        position: relative;
    }

        .table-cell[title]:not([title=""]):hover[b-5olklyk76b]::after {
            content: attr(title);
            position: absolute;
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);
            background: #FFFFFF !important;
            color: var(--color-text-primary);
            padding: 8px 12px;
            border-radius: 6px;
            font-size: 12px;
            white-space: normal;
            max-width: 300px;
            width: max-content;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
            border: 1px solid var(--color-border);
            z-index: 1000;
            pointer-events: none;
            opacity: 0;
            animation: tooltip-fade-in-b-5olklyk76b 0.2s ease forwards;
            line-height: 1.4;
            word-wrap: break-word;
            hyphens: auto;
        }

        html.dark-mode .table-cell[title]:not([title=""]):hover[b-5olklyk76b]::after {
            background: var(--color-secondary) !important;
        }

html:not(.dark-mode) .table-cell[title]:not([title=""]):hover[b-5olklyk76b]::after {
    background: #FFFFFF !important;
}


html:not(.dark-mode) .table-cell[title]:not([title=""]):hover[b-5olklyk76b]::before {
    border-top-color: #FFFFFF !important;
}

        .table-cell[title]:not([title=""]):hover[b-5olklyk76b]::before {
            content: '';
            position: absolute;
            bottom: calc(100% - 8px);
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 6px solid var(--color-secondary);
            z-index: 1001;
            pointer-events: none;
            opacity: 0;
            animation: tooltip-fade-in-b-5olklyk76b 0.2s ease forwards;
        }

@keyframes tooltip-fade-in-b-5olklyk76b {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

/* Tooltip positioning adjustments for cells near edges */
.table-cell:first-child[title]:not([title=""]):hover[b-5olklyk76b]::after {
    left: 0;
    transform: none;
}

.table-cell:first-child[title]:not([title=""]):hover[b-5olklyk76b]::before {
    left: 12px;
    transform: none;
}

.table-cell:last-child[title]:not([title=""]):hover[b-5olklyk76b]::after {
    right: 0;
    left: auto;
    transform: none;
}

.table-cell:last-child[title]:not([title=""]):hover[b-5olklyk76b]::before {
    right: 12px;
    left: auto;
    transform: none;
}

/* Text Popup - Updated z-indexes to stay above dropdowns */
.text-popup-overlay[b-5olklyk76b] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999999 !important; /* Higher than dropdown */
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-popup-content[b-5olklyk76b] {
    background: var(--color-secondary);
    color: inherit;
    border-radius: 8px;
    max-width: 80%;
    max-height: 80%;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    z-index: 999999999 !important; /* Higher than dropdown */
    position: relative;
    border: 1px solid currentColor;
}

.text-popup-header[b-5olklyk76b] {
    padding: 16px 20px;
    border-bottom: 1px solid currentColor;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: inherit;
}

.text-popup-title[b-5olklyk76b] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: inherit;
}

.text-popup-close[b-5olklyk76b] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: background-color 0.2s;
    color: inherit;
}

    .text-popup-close:hover[b-5olklyk76b] {
        background-color: rgba(0, 0, 0, 0.1);
    }

.text-popup-body[b-5olklyk76b] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    background: inherit;
}

.text-popup-text[b-5olklyk76b] {
    line-height: 1.6;
    white-space: pre-wrap;
    word-wrap: break-word;
    color: inherit;
}

.text-popup-footer[b-5olklyk76b] {
    padding: 12px 20px;
    border-top: 1px solid currentColor;
    background: inherit;
    text-align: right;
}

.btn-popup-close[b-5olklyk76b] {
    background: #6c757d;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .btn-popup-close:hover[b-5olklyk76b] {
        background: #5a6268;
    }

/* Empty State */
.empty-state[b-5olklyk76b] {
    padding: 80px 40px;
    text-align: center;
    background: var(--color-quaternary);
}

.empty-icon[b-5olklyk76b] {
    margin-bottom: 24px;
    color: var(--color-text-muted);
    opacity: 0.5;
}

.empty-title[b-5olklyk76b] {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-secondary);
    margin-bottom: 8px;
}

.empty-description[b-5olklyk76b] {
    font-size: 14px;
    color: var(--color-text-muted);
    line-height: 1.5;
    max-width: 400px;
    margin: 0 auto;
}

/* Pagination Section */
.pagination-section[b-5olklyk76b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    background: var(--color-tertiary);
    border-top: 1px solid var(--color-border);
    gap: 16px;
    flex-wrap: wrap;
}

.pagination-info[b-5olklyk76b] {
    font-size: 12px;
    color: var(--color-text-muted);
    font-weight: 500;
}

.pagination-controls[b-5olklyk76b] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.pagination-btn[b-5olklyk76b] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 8px;
    background: transparent;
    border: 1px solid var(--color-border);
    color: var(--color-text-secondary);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 12px;
    font-weight: 500;
}

    .pagination-btn:hover:not(:disabled)[b-5olklyk76b] {
        background: var(--color-hover);
        color: var(--color-text-primary);
        border-color: var(--color-hover);
    }

    .pagination-btn.active[b-5olklyk76b] {
        background: var(--color-accent);
        color: white;
        border-color: var(--color-accent);
    }

    .pagination-btn:disabled[b-5olklyk76b] {
        opacity: 0.3;
        cursor: not-allowed;
    }

.page-size-selector[b-5olklyk76b] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--color-text-muted);
}

    .page-size-selector select[b-5olklyk76b] {
        padding: 6px 8px;
        background: var(--color-quaternary);
        border: 1px solid var(--color-border);
        border-radius: 4px;
        color: var(--color-text-primary);
        font-size: 12px;
    }

        .page-size-selector select:focus[b-5olklyk76b] {
            outline: none;
            border-color: var(--color-accent);
        }

/* Responsive Design */
@media (max-width: 1024px) {
    .filters-row[b-5olklyk76b] {
        flex-direction: column;
    }

    .filter-item[b-5olklyk76b] {
        min-width: 100%;
    }

    .pagination-section[b-5olklyk76b] {
        flex-direction: column;
        gap: 16px;
        text-align: center;
    }

    .pagination-controls[b-5olklyk76b] {
        order: -1;
    }

    .table-cell[b-5olklyk76b] {
        max-width: 200px;
    }

    .text-popup-content[b-5olklyk76b] {
        max-width: 90vw;
        margin: 0 10px;
    }

    /* Adjust tooltip for smaller screens */
    .table-cell[title]:not([title=""]):hover[b-5olklyk76b]::after {
        max-width: 250px;
        font-size: 11px;
    }
}

@media (max-width: 768px) {
    .data-table-container[b-5olklyk76b] {
        border-radius: 0;
        margin: 0 -16px;
        overflow: visible; /* Maintain visible overflow on mobile */
    }

    .filters-section[b-5olklyk76b],
    .pagination-section[b-5olklyk76b] {
        padding: 16px;
    }

    .filters-section[b-5olklyk76b] {
        border-radius: 0; /* No rounded corners on mobile */
    }

    .table-wrapper[b-5olklyk76b] {
        border-radius: 0; /* No rounded corners on mobile */
    }

    .table-header[b-5olklyk76b],
    .table-cell[b-5olklyk76b] {
        padding: 12px 16px;
    }

    .table-header[b-5olklyk76b] {
        font-size: 11px;
    }

    .table-cell[b-5olklyk76b] {
        font-size: 13px;
        max-width: 150px;
    }

    .empty-state[b-5olklyk76b] {
        padding: 60px 20px;
    }

    .pagination-btn[b-5olklyk76b] {
        min-width: 32px;
        height: 32px;
    }

    .text-popup-overlay[b-5olklyk76b] {
        padding: 10px;
    }

    .text-popup-content[b-5olklyk76b] {
        max-height: 90vh;
    }

    .text-popup-header[b-5olklyk76b],
    .text-popup-footer[b-5olklyk76b] {
        padding: 16px 20px;
    }

    .text-popup-text[b-5olklyk76b] {
        padding: 20px;
    }

    /* Mobile tooltip adjustments */
    .table-cell[title]:not([title=""]):hover[b-5olklyk76b]::after {
        max-width: 200px;
        font-size: 10px;
        padding: 6px 8px;
    }
}

@media (max-width: 480px) {
    .pagination-controls[b-5olklyk76b] {
        flex-wrap: wrap;
        justify-content: center;
    }

    .filters-actions[b-5olklyk76b] {
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }

    .btn-clear[b-5olklyk76b] {
        align-self: center;
    }

    .table-cell[b-5olklyk76b] {
        max-width: 120px;
    }

    .cell-content[b-5olklyk76b] {
        padding-right: 16px;
    }

    /* Very small screen tooltip adjustments */
    .table-cell[title]:not([title=""]):hover[b-5olklyk76b]::after {
        max-width: 180px;
        left: 0;
        transform: none;
    }

    .table-cell[title]:not([title=""]):hover[b-5olklyk76b]::before {
        left: 24px;
        transform: none;
    }
}

/* Light Mode Variable Overrides for DataTable */
html:not(.dark-mode)[b-5olklyk76b] {
    /* DataTable-specific light mode colors */
    --dt-container-bg: #F8F9FA;
    --dt-surface-bg: #FFFFFF;
    --dt-surface-alt: #F8F9FA;
    --dt-row-odd: #FFFFFF;
    --dt-row-even: #F8F9FA;
    --dt-border: #DEE2E6;
    --dt-border-light: #E9ECEF;
    --dt-hover: rgba(19, 154, 218, 0.1);
}

html.dark-mode[b-5olklyk76b] {
    /* DataTable uses standard dark mode vars */
    --dt-container-bg: var(--color-quaternary);
    --dt-surface-bg: var(--color-tertiary);
    --dt-surface-alt: var(--color-secondary);
    --dt-row-odd: transparent;
    --dt-row-even: rgba(36, 36, 72, 0.5);
    --dt-border: var(--color-border);
    --dt-border-light: var(--color-border);
    --dt-hover: rgba(99, 102, 241, 0.1);
}

/* Apply DataTable-specific variables */
.data-table-container[b-5olklyk76b] {
    background: var(--dt-container-bg);
}

.filters-section[b-5olklyk76b] {
    background: var(--dt-surface-bg);
    border-bottom: 1px solid var(--dt-border);
}

.filter-input[b-5olklyk76b],
.filter-select[b-5olklyk76b] {
    background: var(--dt-surface-alt);
    border: 1px solid var(--dt-border);
}

    .filter-input:focus[b-5olklyk76b],
    .filter-select:focus[b-5olklyk76b] {
        border-color: var(--color-accent);
    }

    .filter-select option[b-5olklyk76b] {
        background: var(--dt-surface-alt);
    }

.btn-clear[b-5olklyk76b] {
    border: 1px solid var(--dt-border);
}

    .btn-clear:hover[b-5olklyk76b] {
        background: var(--dt-hover);
        border-color: var(--dt-border-light);
    }

.table-wrapper[b-5olklyk76b]::-webkit-scrollbar-track {
    background: var(--dt-container-bg);
}

.table-wrapper[b-5olklyk76b]::-webkit-scrollbar-thumb {
    background: var(--dt-border);
}

.table-header[b-5olklyk76b] {
    background: var(--color-accent) !important;
    color: white !important;
    border-bottom: 1px solid var(--dt-border);
}

    .table-header:hover[b-5olklyk76b] {
        opacity: 0.9;
    }

/* Fixed: Force alternating row colors */
tbody .table-row[b-5olklyk76b] {
    background: var(--dt-row-odd) !important;
}

    tbody .table-row:nth-child(even)[b-5olklyk76b] {
        background: var(--dt-row-even) !important;
    }

    tbody .table-row:hover[b-5olklyk76b] {
        background: var(--dt-hover) !important;
    }

.table-cell[b-5olklyk76b] {
    border-bottom: 1px solid var(--dt-border);
}

    .table-cell.has-long-text:hover[b-5olklyk76b] {
        background: rgba(19, 154, 218, 0.15) !important;
    }

    .table-cell.has-clipped-text:hover[b-5olklyk76b] {
        background: rgba(19, 154, 218, 0.08) !important;
    }

.expand-icon[b-5olklyk76b] {
    color: var(--color-accent);
}

/* Fixed: Solid tooltip background */
.table-cell[title]:not([title=""]):hover[b-5olklyk76b]::after {
    background: var(--dt-surface-bg) !important;
    border: 1px solid var(--dt-border);
}

.table-cell[title]:not([title=""]):hover[b-5olklyk76b]::before {
    border-top-color: var(--dt-surface-bg);
}

.text-popup-content[b-5olklyk76b] {
    background: var(--dt-surface-bg);
    border: 1px solid var(--dt-border);
}

.text-popup-header[b-5olklyk76b] {
    border-bottom: 1px solid var(--dt-border);
}

.text-popup-footer[b-5olklyk76b] {
    border-top: 1px solid var(--dt-border);
}

.empty-state[b-5olklyk76b] {
    background: var(--dt-container-bg);
}

.pagination-section[b-5olklyk76b] {
    background: var(--dt-surface-bg);
    border-top: 1px solid var(--dt-border);
}

.pagination-btn[b-5olklyk76b] {
    border: 1px solid var(--dt-border);
    background: var(--dt-surface-bg);
}

    .pagination-btn:hover:not(:disabled)[b-5olklyk76b] {
        background: var(--dt-hover);
        border-color: var(--dt-border-light);
    }

    .pagination-btn.active[b-5olklyk76b] {
        background: var(--color-accent);
        border-color: var(--color-accent);
    }

.page-size-selector select[b-5olklyk76b] {
    background: var(--dt-surface-alt);
    border: 1px solid var(--dt-border);
}

    .page-size-selector select:focus[b-5olklyk76b] {
        border-color: var(--color-accent);
    }

/* Light mode row alternation fix */
html:not(.dark-mode) .table-row[b-5olklyk76b] {
    background: #FFFFFF !important;
}

    html:not(.dark-mode) .table-row:nth-child(even)[b-5olklyk76b] {
        background: #F8F9FA !important;
    }

    html:not(.dark-mode) .table-row:hover[b-5olklyk76b] {
        background: rgba(19, 154, 218, 0.1) !important;
    }

/* Dark mode table header - use dark blue instead of indigo */
html.dark-mode .table-header[b-5olklyk76b] {
    background: #0A0A25 !important;
    color: var(--color-text-primary);
}

    html.dark-mode .table-header:hover[b-5olklyk76b] {
        background: #161637 !important;
        opacity: 1;
    }
.export-section[b-5olklyk76b] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
    margin-inline-end: 1rem;
    padding: 0.75rem 0;
}

.btn-export[b-5olklyk76b] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: #10b981; /* Green */
    color: white;
    border: none;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

    .btn-export:hover:not(:disabled)[b-5olklyk76b] {
        background: #059669;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        transform: translateY(-1px);
    }

    .btn-export:active:not(:disabled)[b-5olklyk76b] {
        transform: translateY(0);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .btn-export:disabled[b-5olklyk76b] {
        background: #9ca3af;
        cursor: not-allowed;
        opacity: 0.6;
    }

    .btn-export svg[b-5olklyk76b] {
        flex-shrink: 0;
    }

.export-spinner[b-5olklyk76b] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-5olklyk76b 0.6s linear infinite;
}

@keyframes spin-b-5olklyk76b {
    to {
        transform: rotate(360deg);
    }
}
/* _content/Gandalf/Components/Pages/WEOVision/Molecules/DemographicInfoCard.razor.rz.scp.css */
/* _content/Gandalf/Components/Pages/WEOVision/Molecules/EnvironmentsStatsCard.razor.rz.scp.css */
.info-card[b-azj2acogdc] {
    background: var(--color-tertiary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.2s;
}

    .info-card:hover[b-azj2acogdc] {
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    }

.info-card-header[b-azj2acogdc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.5rem;
    background: var(--color-secondary);
    border-bottom: 1px solid var(--color-border);
}

    .info-card-header svg[b-azj2acogdc] {
        color: var(--color-accent);
        flex-shrink: 0;
    }

.info-card-title[b-azj2acogdc] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
}

.info-card-content[b-azj2acogdc] {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.stats-section[b-azj2acogdc] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

    .stats-section + .stats-section[b-azj2acogdc] {
        margin-top: 0.5rem;
        padding-top: 2rem;
        border-top: 2px solid var(--color-border);
    }

.stats-section-title[b-azj2acogdc] {
    font-size: 0.9375rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-accent);
    margin: 0 0 0.5rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--color-border);
}

.stats-subtype-group[b-azj2acogdc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
    background: var(--color-secondary);
    border-radius: 8px;
    border: 1px solid var(--color-border);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .stats-subtype-group:hover[b-azj2acogdc] {
        border-color: var(--color-accent);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    }

.stats-subtype-name[b-azj2acogdc] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-accent);
    margin: 0 0 0.75rem 0;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border);
}
/* _content/Gandalf/Components/Pages/WEOVision/Molecules/PageCard.razor.rz.scp.css */
.weo-page-card[b-ise6012thi] {
    background-color: var(--color-secondary);
    border: 1px solid var(--color-border);
    border-radius: 0.5rem;
    padding: 0.75rem;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px var(--shadow-dark);
}

    .weo-page-card:hover[b-ise6012thi] {
        box-shadow: 0 4px 12px var(--shadow-dark);
        transform: translateY(-1px);
    }

.weo-page-card__content[b-ise6012thi] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.weo-page-card__main[b-ise6012thi] {
    flex: 1;
}

.weo-page-card__header[b-ise6012thi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.weo-page-card__title[b-ise6012thi] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
}

/* Articles Button Styles */
.weo-page-card__articles-btn[b-ise6012thi] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    background-color: var(--color-primary);
    border: 1px solid var(--color-border);
    border-radius: 0.375rem;
    color: var(--color-text-primary);
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .weo-page-card__articles-btn:hover[b-ise6012thi] {
        background-color: var(--color-tertiary);
    }

    .weo-page-card__articles-btn i[b-ise6012thi] {
        font-size: 0.75rem;
    }

/* Badge Styles */
.weo-page-card__badges[b-ise6012thi] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.weo-page-card__badge[b-ise6012thi] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    border: 1px solid;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
}

.weo-page-card__badge--primary[b-ise6012thi] {
    background-color: var(--color-primary);
    border-color: var(--color-border);
    color: var(--color-accent);
}

.weo-page-card__badge--secondary[b-ise6012thi] {
    background-color: var(--color-tertiary);
    border-color: var(--color-quaternary);
    color: var(--color-text-secondary);
}

.weo-page-card__badge i[b-ise6012thi] {
    font-size: 0.75rem;
}

.weo-page-card__badge span[b-ise6012thi] {
    white-space: nowrap;
}

/* Edit Info Styles */
.weo-page-card__edit-info[b-ise6012thi] {
    background-color: var(--color-tertiary);
    border: 1px solid var(--color-quaternary);
    border-radius: 0.375rem;
    padding: 0.5rem;
    text-align: right;
    margin-left: 0.75rem;
    min-width: 140px;
}

.weo-page-card__edit-label[b-ise6012thi] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--color-success);
    margin-bottom: 0.25rem;
}

.weo-page-card__edit-user[b-ise6012thi] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--color-text-secondary);
    justify-content: flex-end;
    margin-bottom: 0.25rem;
}

.weo-page-card__edit-date[b-ise6012thi] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: var(--color-text-muted);
    justify-content: flex-end;
}

    .weo-page-card__edit-user i[b-ise6012thi],
    .weo-page-card__edit-date i[b-ise6012thi] {
        font-size: 0.75rem;
    }

@media (max-width: 768px) {
    .weo-page-card__content[b-ise6012thi] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .weo-page-card__edit-info[b-ise6012thi] {
        margin-left: 0;
        text-align: left;
        width: 100%;
    }

    .weo-page-card__edit-user[b-ise6012thi],
    .weo-page-card__edit-date[b-ise6012thi] {
        justify-content: flex-start;
    }

    .weo-page-card__header[b-ise6012thi] {
        flex-wrap: wrap;
    }
}
/* _content/Gandalf/Components/Pages/WEOVision/Molecules/TeamMembers.razor.rz.scp.css */
.team-members[b-3dmzeg1voa] {
    background: transparent;
    padding: 1.5rem;
}

    .team-members h4[b-3dmzeg1voa] {
        color: var(--color-text-primary);
        margin: 0 0 1.5rem 0;
        font-size: 1.2rem;
        font-weight: 600;
    }

.team-grid[b-3dmzeg1voa] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

.loading-spinner[b-3dmzeg1voa] {
    color: var(--color-text-secondary);
    padding: 2rem;
    text-align: center;
}

.no-members[b-3dmzeg1voa] {
    color: var(--color-text-secondary);
    padding: 2rem;
    text-align: center;
}

    .no-members p[b-3dmzeg1voa] {
        margin: 0;
        font-style: italic;
    }

@media (max-width: 768px) {
    .team-grid[b-3dmzeg1voa] {
        grid-template-columns: 1fr;
    }
}
/* _content/Gandalf/Components/Pages/WEOVision/Molecules/WEOVisionSubNav.razor.rz.scp.css */
/* WEOSubNavigation Component Styles */
.weo-subnav[b-srtqv98y1g] {
    background: transparent;
    border-bottom: 1px solid var(--glass-border);
    margin-bottom: 1.5rem;
    position: sticky;
    top: 0;
    z-index: 1000;
}

    .weo-subnav .container-fluid[b-srtqv98y1g] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem 1rem;
    }

.weo-subnav-list[b-srtqv98y1g] {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.weo-subnav-item[b-srtqv98y1g] {
    position: relative;
}

.weo-subnav-separator[b-srtqv98y1g] {
    display: flex;
    align-items: center;
    margin: 0 1rem;
}

.weo-subnav-separator-line[b-srtqv98y1g] {
    width: 1px;
    height: 24px;
    background-color: var(--color-border);
    opacity: 0.6;
}

.weo-subnav-link[b-srtqv98y1g] {
    display: inline-flex;
    align-items: center;
    padding: 0.6rem 1.2rem;
    color: var(--color-text-secondary);
    text-decoration: none;
    border-radius: 25px;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.3s ease;
    position: relative;
    background: transparent;
    border: 1px solid transparent;
}

    .weo-subnav-link:hover[b-srtqv98y1g] {
        color: var(--color-text-primary);
        background: var(--glass-bg);
        border-color: var(--glass-border);
        transform: translateY(-1px);
        box-shadow: 0 4px 12px var(--shadow-dark);
    }

    .weo-subnav-link.active[b-srtqv98y1g] {
        color: var(--color-text-primary);
        background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
        border-color: var(--color-border);
        box-shadow: 0 2px 8px var(--shadow-dark);
    }

    .weo-subnav-link i[b-srtqv98y1g] {
        font-size: 1rem;
        opacity: 0.9;
    }

.weo-subnav-client-indicator[b-srtqv98y1g] {
    display: flex;
    align-items: center;
    color: var(--color-text-secondary);
    background: var(--glass-bg);
    padding: 0.5rem 1rem;
    border-radius: 25px;
    font-size: 0.85rem;
    border: 1px solid var(--glass-border);
}

    .weo-subnav-client-indicator i[b-srtqv98y1g] {
        color: var(--color-accent);
        font-size: 1.1rem;
    }

.client-id[b-srtqv98y1g] {
    font-weight: 600;
    color: var(--color-text-primary);
}

/* Responsive Design */
@media (max-width: 768px) {
    .weo-subnav .container-fluid[b-srtqv98y1g] {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
    }

    .weo-subnav-list[b-srtqv98y1g] {
        justify-content: center;
        width: 100%;
    }

    .weo-subnav-link[b-srtqv98y1g] {
        padding: 0.4rem 0.8rem;
        font-size: 0.85rem;
    }

    .weo-subnav-separator[b-srtqv98y1g] {
        display: none;
    }

    .weo-subnav-client-indicator[b-srtqv98y1g] {
        align-self: stretch;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .weo-subnav-list[b-srtqv98y1g] {
        flex-direction: column;
        width: 100%;
    }

    .weo-subnav-item[b-srtqv98y1g] {
        width: 100%;
    }

    .weo-subnav-link[b-srtqv98y1g] {
        justify-content: center;
        width: 100%;
        text-align: center;
    }
}

/* Focus states for accessibility */
.weo-subnav-link:focus[b-srtqv98y1g] {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
}

/* Animation for active state transitions */
.weo-subnav-link[b-srtqv98y1g] {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

    /* Hover effect for better UX */
    .weo-subnav-link:not(.active):hover[b-srtqv98y1g]::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--glass-bg);
        border-radius: 25px;
        pointer-events: none;
    }
/* _content/Gandalf/Components/Pages/WEOVision/Organisms/AnalyticsOrganism.razor.rz.scp.css */
/* _content/Gandalf/Components/Pages/WEOVision/Organisms/CallTrackingOrganism.razor.rz.scp.css */
.organism-container[b-due1h8gu10] {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border: 1px solid var(--color-border);
}

.organism-header[b-due1h8gu10] {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 1rem;
}

.organism-title[b-due1h8gu10] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--color-text-primary);
}

.stats-summary[b-due1h8gu10] {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.stat-item[b-due1h8gu10] {
    display: flex;
    flex-direction: column;
}

.stat-label[b-due1h8gu10] {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    margin-bottom: 0.25rem;
}

.stat-value[b-due1h8gu10] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--color-text-primary);
}

.tracking-numbers-section[b-due1h8gu10] {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--color-border);
}

    .tracking-numbers-section h5[b-due1h8gu10] {
        color: var(--color-text-primary);
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 1rem;
    }

.tracking-numbers-grid[b-due1h8gu10] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1rem;
}

.tracking-number-card[b-due1h8gu10] {
    padding: 1rem;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    background: var(--color-tertiary);
    transition: all 0.2s;
}

    .tracking-number-card:hover[b-due1h8gu10] {
        background: var(--color-primary);
        border-color: var(--color-hover);
    }

.tracking-number-main[b-due1h8gu10] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: 0.5rem;
}

.tracking-number-detail[b-due1h8gu10] {
    color: var(--color-text-secondary);
    font-size: 0.875rem;
}

.tracking-number-badge[b-due1h8gu10] {
    margin-top: 0.5rem;
}

    .tracking-number-badge .badge[b-due1h8gu10] {
        padding: 0.25rem 0.75rem;
        border-radius: 12px;
        font-size: 0.75rem;
        font-weight: 500;
    }

    .tracking-number-badge .bg-success[b-due1h8gu10] {
        background: var(--color-success);
        color: white;
    }

.empty-state[b-due1h8gu10] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-due1h8gu10] {
    color: var(--color-text-muted);
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-title[b-due1h8gu10] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-text-secondary);
    margin-bottom: 0.5rem;
}

.empty-description[b-due1h8gu10] {
    color: var(--color-text-muted);
    font-size: 0.875rem;
}

.text-danger[b-due1h8gu10] {
    color: var(--color-error);
}

.alert[b-due1h8gu10] {
    padding: 1rem;
    border-radius: 6px;
    margin-bottom: 1rem;
    border: 1px solid;
}

.alert-info[b-due1h8gu10] {
    background: rgba(99, 102, 241, 0.1);
    border-color: var(--color-accent);
    color: var(--color-text-primary);
}

.alert-danger[b-due1h8gu10] {
    background: rgba(239, 68, 68, 0.1);
    border-color: var(--color-error);
    color: var(--color-error);
}

.spinner-border[b-due1h8gu10] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border-b-due1h8gu10 0.75s linear infinite;
}

.spinner-border-sm[b-due1h8gu10] {
    width: 0.875rem;
    height: 0.875rem;
    border-width: 2px;
}

@keyframes spinner-border-b-due1h8gu10 {
    to {
        transform: rotate(360deg);
    }
}

.me-2[b-due1h8gu10] {
    margin-right: 0.5rem;
}
/* _content/Gandalf/Components/Pages/WEOVision/Organisms/ClientDetailsOrganism.razor.rz.scp.css */
/* _content/Gandalf/Components/Pages/WEOVision/Organisms/ClientGeographyOrganism.razor.rz.scp.css */
.geography-viewer[b-uluc0qox66] {
    background: var(--color-secondary);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.geography-viewer-header[b-uluc0qox66] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.geography-viewer-title[b-uluc0qox66] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
}

.geography-filter[b-uluc0qox66] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.filter-label[b-uluc0qox66] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-text-secondary);
}

.filter-select[b-uluc0qox66] {
    padding: 0.5rem 2rem 0.5rem 0.75rem;
    background: var(--color-tertiary);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    color: var(--color-text-primary);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7A9E' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
}

    .filter-select:hover[b-uluc0qox66] {
        background-color: var(--color-hover);
        border-color: var(--color-accent);
    }

    .filter-select:focus[b-uluc0qox66] {
        outline: none;
        border-color: var(--color-accent);
        box-shadow: 0 0 0 3px rgba(19, 154, 218, 0.1);
    }

.geography-content[b-uluc0qox66] {
    animation: fadeIn-b-uluc0qox66 0.3s ease-out;
}

.geography-grid[b-uluc0qox66] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

/* Medium screens and up - 2 columns for geographic/demographic, full width for env stats */
@media (min-width: 768px) {
    .geography-grid[b-uluc0qox66] {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Make the environment stats wrapper span full width */
    .env-stats-wrapper[b-uluc0qox66] {
        grid-column: 1 / -1;
    }
}

/* Loading State */
.geography-loading[b-uluc0qox66] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
    color: var(--color-text-muted);
}

.spinner-large[b-uluc0qox66] {
    width: 48px;
    height: 48px;
    border: 4px solid var(--color-border);
    border-top-color: var(--color-accent);
    border-radius: 50%;
    animation: spin-b-uluc0qox66 0.8s linear infinite;
}

/* Error State */
.geography-error[b-uluc0qox66] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
    color: var(--color-error);
    text-align: center;
}

/* Empty State */
.geography-empty[b-uluc0qox66] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
    color: var(--color-text-muted);
    text-align: center;
}

    .geography-empty svg[b-uluc0qox66] {
        opacity: 0.5;
    }

/* Animations */
@keyframes fadeIn-b-uluc0qox66 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes spin-b-uluc0qox66 {
    to {
        transform: rotate(360deg);
    }
}

/* Responsive */
@media (max-width: 767px) {
    .geography-viewer-header[b-uluc0qox66] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/Gandalf/Components/Pages/WEOVision/Organisms/ClientHistoryOrganism.razor.rz.scp.css */
/* _content/Gandalf/Components/Pages/WEOVision/Organisms/ClientNotesOrganism.razor.rz.scp.css */
.client-notes-container[b-0ovqhwuat4] {
    padding: 1.5rem;
    border-radius: 12px;
    min-height: 200px;
}

.loading-section[b-0ovqhwuat4] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: var(--color-text-secondary);
    font-size: 1.1rem;
}

    .loading-section .spinner-border[b-0ovqhwuat4] {
        color: var(--color-accent);
    }

.error-section[b-0ovqhwuat4] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: var(--color-error);
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid var(--color-error);
    border-radius: 8px;
    font-size: 1rem;
}

.notes-header[b-0ovqhwuat4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--glass-border);
}

.notes-title[b-0ovqhwuat4] {
    color: var(--color-text-primary);
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
}

    .notes-title i[b-0ovqhwuat4] {
        color: var(--color-accent);
    }

.notes-count[b-0ovqhwuat4] {
    color: var(--color-text-muted);
    font-weight: 400;
    font-size: 0.9em;
    margin-left: 0.5rem;
}

.pinned-indicator[b-0ovqhwuat4] {
    display: flex;
    align-items: center;
    color: var(--color-text-muted);
    font-size: 0.9rem;
    font-weight: 500;
    background: var(--glass-bg);
    padding: 0.4rem 0.8rem;
    border-radius: 20px;
    border: 1px solid var(--glass-border);
}

    .pinned-indicator i[b-0ovqhwuat4] {
        transform: rotate(45deg);
    }

.notes-grid[b-0ovqhwuat4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1.5rem;
}

.empty-state[b-0ovqhwuat4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.empty-icon[b-0ovqhwuat4] {
    font-size: 3rem;
    color: var(--color-primary);
    opacity: 0.4;
    margin-bottom: 1rem;
}

.empty-state h5[b-0ovqhwuat4] {
    color: var(--color-text-secondary);
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
}

.empty-state p[b-0ovqhwuat4] {
    color: var(--color-text-muted);
    font-size: 1rem;
    margin: 0;
}

/* Responsive design */
@media (max-width: 768px) {
    .client-notes-container[b-0ovqhwuat4] {
        padding: 1rem;
    }

    .notes-grid[b-0ovqhwuat4] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .notes-header[b-0ovqhwuat4] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .notes-title[b-0ovqhwuat4] {
        font-size: 1.3rem;
    }
}
/* _content/Gandalf/Components/Pages/WEOVision/Organisms/OverviewOrganism.razor.rz.scp.css */
/* _content/Gandalf/Components/Pages/WEOVision/Organisms/PageOrganism.razor.rz.scp.css */
.weo-pages[b-rat2l6ko57] {
    min-height: 100vh;
    padding: 2rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

.weo-pages__header[b-rat2l6ko57] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--color-border);
}

.weo-pages__title-section[b-rat2l6ko57] {
    flex: 1;
}

.weo-pages__title[b-rat2l6ko57] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 2.25rem;
    font-weight: 800;
    color: var(--color-text-primary);
    margin: 0 0 0.5rem 0;
}

    .weo-pages__title i[b-rat2l6ko57] {
        color: var(--color-accent);
        font-size: 2rem;
    }

.weo-pages__subtitle[b-rat2l6ko57] {
    font-size: 1.125rem;
    color: var(--color-text-muted);
    margin: 0;
}

.weo-pages__stats[b-rat2l6ko57] {
    display: flex;
    gap: 2rem;
}

.weo-pages__stat[b-rat2l6ko57] {
    text-align: center;
}

.weo-pages__stat-value[b-rat2l6ko57] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-accent);
    line-height: 1;
}

.weo-pages__stat-label[b-rat2l6ko57] {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    margin-top: 0.25rem;
}

.weo-pages__loading[b-rat2l6ko57],
.weo-pages__error[b-rat2l6ko57],
.weo-pages__empty[b-rat2l6ko57] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    color: var(--color-text-muted);
}

    .weo-pages__loading i[b-rat2l6ko57],
    .weo-pages__error i[b-rat2l6ko57],
    .weo-pages__empty i[b-rat2l6ko57] {
        font-size: 4rem;
        margin-bottom: 1rem;
        opacity: 0.6;
    }

    .weo-pages__loading i[b-rat2l6ko57] {
        color: var(--color-accent);
    }

    .weo-pages__error i[b-rat2l6ko57] {
        color: var(--color-error);
    }

    .weo-pages__empty i[b-rat2l6ko57] {
        color: var(--color-text-muted);
    }

    .weo-pages__error h3[b-rat2l6ko57],
    .weo-pages__empty h3[b-rat2l6ko57] {
        font-size: 1.5rem;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0 0 0.5rem 0;
    }

    .weo-pages__loading p[b-rat2l6ko57],
    .weo-pages__error p[b-rat2l6ko57],
    .weo-pages__empty p[b-rat2l6ko57] {
        font-size: 1.125rem;
        margin: 0 0 1.5rem 0;
        max-width: 400px;
    }

/* Retry Button Styles */
.weo-pages__retry-btn[b-rat2l6ko57] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background-color: var(--color-primary);
    border: 1px solid var(--color-border);
    border-radius: 0.375rem;
    color: var(--color-text-primary);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .weo-pages__retry-btn:hover[b-rat2l6ko57] {
        background-color: var(--color-tertiary);
    }

    .weo-pages__retry-btn i[b-rat2l6ko57] {
        font-size: 1rem;
    }

/* Pagination Styles */
.weo-pages__pagination[b-rat2l6ko57] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    padding: 2rem 0;
    border-top: 1px solid var(--color-border);
}

.weo-pages__pagination-info[b-rat2l6ko57] {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    text-align: center;
}

.weo-pages__pagination-controls[b-rat2l6ko57] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.weo-pages__pagination-btn[b-rat2l6ko57] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: var(--color-primary);
    border: 1px solid var(--color-border);
    border-radius: 0.375rem;
    color: var(--color-text-primary);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .weo-pages__pagination-btn:hover:not(:disabled)[b-rat2l6ko57] {
        background-color: var(--color-tertiary);
    }

    .weo-pages__pagination-btn:disabled[b-rat2l6ko57] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.weo-pages__pagination-btn--active[b-rat2l6ko57] {
    background-color: var(--color-accent);
    color: white;
    border-color: var(--color-accent);
}

    .weo-pages__pagination-btn--active:hover[b-rat2l6ko57] {
        background-color: var(--color-accent);
        opacity: 0.9;
    }

.weo-pages__pagination-btn i[b-rat2l6ko57] {
    font-size: 0.75rem;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .weo-pages__grid[b-rat2l6ko57] {
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    }
}

@media (max-width: 768px) {
    .weo-pages[b-rat2l6ko57] {
        padding: 1rem;
    }

    .weo-pages__header[b-rat2l6ko57] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
        text-align: center;
    }

    .weo-pages__stats[b-rat2l6ko57] {
        justify-content: center;
        width: 100%;
    }

    .weo-pages__title[b-rat2l6ko57] {
        font-size: 1.875rem;
    }

        .weo-pages__title i[b-rat2l6ko57] {
            font-size: 1.5rem;
        }

    .weo-pages__grid[b-rat2l6ko57] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .weo-pages__title[b-rat2l6ko57] {
        font-size: 1.5rem;
        flex-direction: column;
        gap: 0.5rem;
        text-align: center;
    }

    .weo-pages__stats[b-rat2l6ko57] {
        gap: 1rem;
    }

    .weo-pages__stat-value[b-rat2l6ko57] {
        font-size: 1.5rem;
    }
}

/* Dark scrollbar for modal content */
[b-rat2l6ko57]::-webkit-scrollbar {
    width: 8px;
}

[b-rat2l6ko57]::-webkit-scrollbar-track {
    background: var(--color-quaternary);
}

[b-rat2l6ko57]::-webkit-scrollbar-thumb {
    background: var(--color-primary);
    border-radius: 4px;
}

    [b-rat2l6ko57]::-webkit-scrollbar-thumb:hover {
        background: var(--color-tertiary);
    }

/* Focus styles for accessibility */
.weo-pages *:focus[b-rat2l6ko57] {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
}

/* Animation for loading spinner */
@keyframes spin-b-rat2l6ko57 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.fa-spin[b-rat2l6ko57] {
    animation: spin-b-rat2l6ko57 1s linear infinite;
}
/* _content/Gandalf/Components/Pages/WEOVision/Organisms/ReportsOrganism.razor.rz.scp.css */
/* _content/Gandalf/Components/Pages/WEOVision/Organisms/SettingsOrganism.razor.rz.scp.css */
/* _content/Gandalf/Components/Pages/WEOVision/Organisms/WelcomeOrganism.razor.rz.scp.css */
/* _content/Gandalf/Components/Pages/WEOVision/Organisms/WorkItemsOrganism.razor.rz.scp.css */
/* _content/Gandalf/Components/Pages/WEOVision/WEOVision.razor.rz.scp.css */
.page-header[b-y919xn4its] {
    display: grid;
    grid-template-columns: 1fr 400px;
    align-items: center;
    margin-bottom: 1.5rem;
    gap: 2rem;
}

.page-title[b-y919xn4its] {
    color: var(--color-text-primary);
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
}

.weo-content-area[b-y919xn4its] {
    margin-top: 1rem;
}

.section-content[b-y919xn4its] {
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px var(--shadow-dark);
}

    .section-content h4[b-y919xn4its] {
        color: var(--color-text-primary);
        margin-bottom: 1rem;
    }

@media (max-width: 768px) {
    .page-header[b-y919xn4its] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
}

.stat-card[b-y919xn4its] {
    background: var(--color-quaternary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    color: var(--color-text-primary);
}

.stat-number[b-y919xn4its] {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-accent);
    margin-bottom: 4px;
}

.stat-label[b-y919xn4its] {
    font-size: 12px;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
/* _content/Gandalf/Components/Redirect.razor.rz.scp.css */
.redirect-wrapper.redirect-available[b-8tw5f2n5x2] {
    cursor: pointer;
    transition: all 0.2s ease;
}

    .redirect-wrapper.redirect-available:hover[b-8tw5f2n5x2] {
        background-color: rgba(0, 123, 255, 0.1);
        transform: translateY(-1px);
    }

.redirect-wrapper.redirect-disabled[b-8tw5f2n5x2] {
    cursor: not-allowed;
    opacity: 0.6;
}

.redirect-wrapper.redirect-available:active[b-8tw5f2n5x2] {
    transform: translateY(0);
}