/* /Components/Admin/DashboardError.razor.rz.scp.css */
.dashboard-error[b-tbrwgeoxp5] {
    margin-bottom: 1.5rem;
}

.error-content[b-tbrwgeoxp5] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.error-icon[b-tbrwgeoxp5] {
    font-size: 2rem;
    color: var(--rz-danger);
}

.error-content p[b-tbrwgeoxp5] {
    margin: 0.5rem 0;
    color: #666;
}
/* /Components/Admin/LiveMetricCard.razor.rz.scp.css */
.metric-card[b-qaoxs6uwar] {
    padding: 1.5rem;
    border: 2px solid var(--rz-border-color, #e0e0e0);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    background: white;
    transition: box-shadow 0.3s ease, transform 0.2s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: relative;
    cursor: pointer;
}

.metric-card:hover[b-qaoxs6uwar] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* LOUD blinking card background when updated - very visible! */
.metric-card.has-update[b-qaoxs6uwar] {
    animation: card-blink-b-qaoxs6uwar 0.4s ease-in-out 15;
}

.metric-icon[b-qaoxs6uwar] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.metric-icon.icon-primary[b-qaoxs6uwar] {
    background-color: rgba(25, 118, 210, 0.1);
    color: #1976d2;
}

.metric-icon.icon-success[b-qaoxs6uwar] {
    background-color: rgba(76, 175, 80, 0.1);
    color: #4caf50;
}

.metric-icon.icon-warning[b-qaoxs6uwar] {
    background-color: rgba(255, 152, 0, 0.1);
    color: #ff9800;
}

.metric-icon.icon-danger[b-qaoxs6uwar] {
    background-color: rgba(244, 67, 54, 0.1);
    color: #f44336;
}

.metric-icon.icon-info[b-qaoxs6uwar] {
    background-color: rgba(33, 150, 243, 0.1);
    color: #2196f3;
}

.metric-icon.icon-secondary[b-qaoxs6uwar] {
    background-color: rgba(158, 158, 158, 0.1);
    color: #9e9e9e;
}

.metric-value[b-qaoxs6uwar] {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.1;
    color: #1a1a2e;
}

.metric-label[b-qaoxs6uwar] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
}

.metric-subtext[b-qaoxs6uwar] {
    font-size: 0.8rem;
    color: #9e9e9e;
}

/* Live indicator - more visible */
.live-indicator[b-qaoxs6uwar] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    background: rgba(76, 175, 80, 0.1);
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

.live-dot[b-qaoxs6uwar] {
    width: 8px;
    height: 8px;
    background-color: #4caf50;
    border-radius: 50%;
    animation: live-pulse-b-qaoxs6uwar 1.5s ease-in-out infinite;
}

.live-text[b-qaoxs6uwar] {
    font-size: 0.65rem;
    font-weight: 700;
    color: #4caf50;
    letter-spacing: 0.5px;
}

/* Animations - LOUD and visible blink */
@keyframes card-blink-b-qaoxs6uwar {
    0%, 100% {
        background-color: #fff;
        border-color: var(--rz-border-color, #e0e0e0);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        transform: scale(1);
    }
    50% {
        background-color: #f44336;
        border-color: #b71c1c;
        box-shadow: 0 0 40px rgba(244, 67, 54, 0.8), 0 0 60px rgba(244, 67, 54, 0.4);
        transform: scale(1.02);
    }
}

@keyframes live-pulse-b-qaoxs6uwar {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.4;
        transform: scale(0.8);
    }
}
/* /Components/Admin/MetricCard.razor.rz.scp.css */
.metric-card[b-xpljwvos0t] {
    padding: 1.5rem;
    border: 1px solid var(--rz-border-color, #e0e0e0);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    background: white;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.metric-card:hover[b-xpljwvos0t] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.metric-icon[b-xpljwvos0t] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.metric-icon.icon-primary[b-xpljwvos0t] {
    background-color: rgba(25, 118, 210, 0.1);
    color: #1976d2;
}

.metric-icon.icon-success[b-xpljwvos0t] {
    background-color: rgba(76, 175, 80, 0.1);
    color: #4caf50;
}

.metric-icon.icon-warning[b-xpljwvos0t] {
    background-color: rgba(255, 152, 0, 0.1);
    color: #ff9800;
}

.metric-icon.icon-danger[b-xpljwvos0t] {
    background-color: rgba(244, 67, 54, 0.1);
    color: #f44336;
}

.metric-icon.icon-info[b-xpljwvos0t] {
    background-color: rgba(33, 150, 243, 0.1);
    color: #2196f3;
}

.metric-icon.icon-secondary[b-xpljwvos0t] {
    background-color: rgba(158, 158, 158, 0.1);
    color: #9e9e9e;
}

.metric-value[b-xpljwvos0t] {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.1;
    color: #1a1a2e;
}

.metric-label[b-xpljwvos0t] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
}

.metric-subtext[b-xpljwvos0t] {
    font-size: 0.8rem;
    color: #9e9e9e;
    margin-top: auto;
}

.metric-badge[b-xpljwvos0t] {
    margin-top: 0.5rem;
    align-self: flex-start;
}
/* /Components/Admin/MetricRow.razor.rz.scp.css */
.metric-row[b-z5fnhxrc2m] {
    margin-bottom: 1.5rem;
}

[b-z5fnhxrc2m] .rz-column {
    min-width: 0;
}

/* Responsive grid for metric cards */
@media (max-width: 768px) {
    .metric-row[b-z5fnhxrc2m] {
        flex-direction: column;
    }
}
/* /Components/Forms/DemoRequestForm.razor.rz.scp.css */
/*  DemoRequestForm.razor.css
 *  Styles for demo request form component
 */

.demo-request-form[b-u8jssubuey] {
    width: 100%;
}

.demo-form-row[b-u8jssubuey] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 0;
}

.demo-form-row .demo-form-group[b-u8jssubuey] {
    flex: 1;
}

.demo-form-group[b-u8jssubuey] {
    margin-bottom: 1.5rem;
}

.demo-form-group.demo-form-full[b-u8jssubuey] {
    width: 100%;
}

[b-u8jssubuey] .demo-form-group .rz-label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #1a1a2e;
}

[b-u8jssubuey] .demo-form-group .rz-textbox,
[b-u8jssubuey] .demo-form-group .rz-textarea,
[b-u8jssubuey] .demo-form-group .rz-dropdown {
    width: 100%;
}

.validation-message[b-u8jssubuey] {
    color: #dc3545;
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

.demo-form-captcha[b-u8jssubuey] {
    display: flex;
    justify-content: center;
    margin: 1.5rem 0;
}

.demo-form-actions[b-u8jssubuey] {
    margin-top: 1.5rem;
}

/* Success state */
.demo-form-success[b-u8jssubuey] {
    text-align: center;
    padding: 2rem;
}

[b-u8jssubuey] .demo-form-success .success-icon {
    font-size: 4rem;
    color: #4caf50;
    margin-bottom: 1rem;
}

.demo-form-success h3[b-u8jssubuey] {
    font-size: 1.75rem;
    color: #1a1a2e;
    margin-bottom: 1rem;
}

.demo-form-success p[b-u8jssubuey] {
    color: #6c757d;
    font-size: 1.1rem;
    line-height: 1.6;
}

.mt-3[b-u8jssubuey] {
    margin-top: 1rem;
}

.mb-3[b-u8jssubuey] {
    margin-bottom: 1rem;
}

/* Responsive */
@media (max-width: 768px) {
    .demo-form-row[b-u8jssubuey] {
        flex-direction: column;
        gap: 0;
    }
}
/* /Components/Forms/RegistrationForm.razor.rz.scp.css */
/*  RegistrationForm.razor.css
 *  Styles for registration form component (matches DemoRequestForm styling)
 */

.registration-form[b-z3t0pnhth6] {
    width: 100%;
}

.registration-form-section[b-z3t0pnhth6] {
    margin-bottom: 1.5rem;
}

.section-title[b-z3t0pnhth6] {
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e9ecef;
}

.registration-form-row[b-z3t0pnhth6] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 0;
}

.registration-form-row .registration-form-group[b-z3t0pnhth6] {
    flex: 1;
}

.registration-form-group[b-z3t0pnhth6] {
    margin-bottom: 1.5rem;
}

.registration-form-group.registration-form-full[b-z3t0pnhth6] {
    width: 100%;
}

[b-z3t0pnhth6] .registration-form-group .rz-label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #1a1a2e;
}

[b-z3t0pnhth6] .registration-form-group .rz-textbox,
[b-z3t0pnhth6] .registration-form-group .rz-textarea,
[b-z3t0pnhth6] .registration-form-group .rz-dropdown {
    width: 100%;
}

.validation-message[b-z3t0pnhth6] {
    color: #dc3545;
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

.registration-form-captcha[b-z3t0pnhth6] {
    display: flex;
    justify-content: center;
    margin: 1.5rem 0;
}

.registration-form-actions[b-z3t0pnhth6] {
    margin-top: 1.5rem;
}

.registration-form-footer[b-z3t0pnhth6] {
    text-align: center;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
}

.registration-form-footer p[b-z3t0pnhth6] {
    margin: 0;
    color: #6c757d;
    font-size: 0.95rem;
}

.registration-form-footer a[b-z3t0pnhth6] {
    color: #1976d2;
    text-decoration: none;
    font-weight: 600;
}

.registration-form-footer a:hover[b-z3t0pnhth6] {
    text-decoration: underline;
}

/* Success state */
.registration-form-success[b-z3t0pnhth6] {
    text-align: center;
    padding: 2rem;
}

[b-z3t0pnhth6] .registration-form-success .success-icon {
    font-size: 4rem;
    color: #4caf50;
    margin-bottom: 1rem;
}

.registration-form-success h3[b-z3t0pnhth6] {
    font-size: 1.75rem;
    color: #1a1a2e;
    margin-bottom: 1rem;
}

.registration-form-success p[b-z3t0pnhth6] {
    color: #6c757d;
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .registration-form-row[b-z3t0pnhth6] {
        flex-direction: column;
        gap: 0;
    }
}
/* /Components/Layout/Footer.razor.rz.scp.css */
/* Footer scoped styles - need to override Global.css legacy styles */

#footer[b-ykss5i15ij] {
    background-color: #fff !important;
    color: #4c5d6f !important;
    height: auto !important;
    position: relative !important;
    padding: 2rem 0 !important;
    z-index: 1 !important;
}

#footer .section[b-ykss5i15ij] {
    width: 100%;
}

#footer .inner[b-ykss5i15ij] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
    width: 100%;
}

#footer .footer-links[b-ykss5i15ij] {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start;
    gap: 3rem;
    flex-wrap: wrap;
    text-align: center;
    width: 100%;
}

#footer .footer-links .col[b-ykss5i15ij] {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
}

#footer .footer-links .col li[b-ykss5i15ij] {
    margin-bottom: 0.5rem;
    text-align: center !important;
}

/* Address column - each span on its own line, centered */
#footer .footer-links .address-col li span[b-ykss5i15ij] {
    display: block;
    text-align: center !important;
}

#footer .footer-links a[b-ykss5i15ij] {
    color: #24a6fa !important;
    text-decoration: none;
}

#footer .footer-links a:hover[b-ykss5i15ij] {
    text-decoration: underline;
    color: #1e90d6 !important;
}

/* Social section - now inline as a column */
#footer .social-col[b-ykss5i15ij] {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

#footer .social-col .copyright[b-ykss5i15ij] {
    font-size: 0.9rem;
    color: #6c757d;
    margin-bottom: 0.25rem;
}

/* Terms dialog content */
[b-ykss5i15ij] .terms-dialog-content {
    width: 100%;
    height: 100%;
    padding: 0;
}

[b-ykss5i15ij] .terms-dialog-content iframe {
    display: block;
}

/* Mobile responsive styles */
@media (max-width: 768px) {
    #footer .footer-links[b-ykss5i15ij] {
        flex-direction: column !important;
        align-items: center !important;
        gap: 1.5rem;
    }

    #footer .footer-links .col[b-ykss5i15ij] {
        width: 100%;
        text-align: center !important;
    }

    #footer .footer-links .col li[b-ykss5i15ij] {
        text-align: center !important;
    }

    #footer #social[b-ykss5i15ij] {
        margin-top: 1.5rem;
        padding-top: 1rem;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    #footer .footer-links[b-ykss5i15ij] {
        gap: 1rem;
        padding: 0 1rem;
    }

    #footer .footer-links .col li[b-ykss5i15ij] {
        font-size: 0.9rem;
    }

    #footer #social > span[b-ykss5i15ij] {
        font-size: 0.85rem;
    }
}

/* App Store badges - now in footer-links as a column */
#footer .apps-col[b-ykss5i15ij] {
    text-align: center;
}

#footer .apps-col strong[b-ykss5i15ij] {
    display: block;
    margin-bottom: 0.75rem;
    color: #4c5d6f;
}

#footer .app-store-links[b-ykss5i15ij] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
}

#footer .app-store-links a[b-ykss5i15ij] {
    display: inline-block;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

#footer .app-store-links a:hover[b-ykss5i15ij] {
    opacity: 0.85;
    transform: scale(1.02);
}

#footer .app-store-badge[b-ykss5i15ij] {
    height: 42px;
    width: auto;
    border-radius: 6px;
}

@media (max-width: 480px) {
    #footer .app-store-badge[b-ykss5i15ij] {
        height: 37px;
    }
}
/* /Components/Layout/Header.razor.rz.scp.css */
#header[b-88rk3ciyt5] {
    /* Header styles are in MainLayout.razor.css */
}

/* Hide the checkbox */
.nav-toggle-checkbox[b-88rk3ciyt5] {
    display: none;
}

/* Hide hamburger menu on desktop */
#hamburger[b-88rk3ciyt5] {
    display: none;
}

/* User greeting styles */
.user-greeting[b-88rk3ciyt5] {
    color: #6c757d;
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
}

/* ============================================
   PORTAL ADMIN DROPDOWN
   ============================================ */
#portal-admin-dropdown[b-88rk3ciyt5] {
    position: relative;
}

#portal-admin-dropdown > a.dropdown-trigger[b-88rk3ciyt5] {
    background-color: #7c3aed;
    color: white !important;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    cursor: pointer;
    text-decoration: none !important;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

#portal-admin-dropdown > a.dropdown-trigger:hover[b-88rk3ciyt5] {
    background-color: #6d28d9;
    text-decoration: none !important;
}

.dropdown-arrow[b-88rk3ciyt5] {
    font-size: 0.6rem;
    transition: transform 0.2s ease;
}

/* Dropdown menu - Hidden by default */
#portal-admin-dropdown .dropdown-menu[b-88rk3ciyt5] {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    list-style: none;
    margin: 0.5rem 0 0 0;
    padding: 0.5rem 0;
    z-index: 1000;
}

/* Show dropdown on hover - with larger hit area */
#portal-admin-dropdown:hover .dropdown-menu[b-88rk3ciyt5],
#portal-admin-dropdown:focus-within .dropdown-menu[b-88rk3ciyt5] {
    display: block;
}

/* Add invisible bridge to prevent menu disappearing when moving to it */
#portal-admin-dropdown[b-88rk3ciyt5]::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 0.5rem;
}

#portal-admin-dropdown .dropdown-menu li[b-88rk3ciyt5] {
    margin: 0;
    display: block;
}

#portal-admin-dropdown .dropdown-menu li a[b-88rk3ciyt5] {
    display: block;
    padding: 0.625rem 1rem;
    color: #4c5d6f;
    text-decoration: none;
    font-size: 0.875rem;
    white-space: nowrap;
    transition: background-color 0.15s ease;
}

#portal-admin-dropdown .dropdown-menu li a:hover[b-88rk3ciyt5] {
    background-color: #f3f4f6;
    color: #7c3aed;
}

#portal-admin-dropdown .dropdown-menu li a[b-88rk3ciyt5]::after {
    display: none !important;
}

/* Keep dropdown open when hovering menu */
#portal-admin-dropdown .dropdown-menu:hover[b-88rk3ciyt5] {
    display: block;
}

/* Company Admin button - Primary Blue */
#company-admin-btn a[b-88rk3ciyt5] {
    background-color: #1976d2;
    color: white !important;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    cursor: pointer;
    text-decoration: none !important;
}

#company-admin-btn a:hover[b-88rk3ciyt5] {
    background-color: #1565c0;
    text-decoration: none !important;
}

/* Logout button styling */
#logout-btn a[b-88rk3ciyt5] {
    color: #6c757d;
}

#logout-btn a:hover[b-88rk3ciyt5] {
    color: #f44336;
}

/* User info display */
#user-info[b-88rk3ciyt5] {
    display: flex;
    align-items: center;
}

/* ============================================
   MOBILE RESPONSIVE
   ============================================ */
@media (max-width: 768px) {
    #header[b-88rk3ciyt5] {
        height: 70px;
    }

    #header .inner[b-88rk3ciyt5] {
        position: relative;
    }

    /* Hamburger label styling */
    #hamburger[b-88rk3ciyt5] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 28px;
        height: 20px;
        padding: 0;
        margin-right: 15px;
        background: none;
        border: none;
        cursor: pointer;
    }

    #hamburger span[b-88rk3ciyt5] {
        display: block;
        width: 100%;
        height: 3px;
        background-color: #4c5d6f;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    /* Hamburger animation when checkbox is checked */
    .nav-toggle-checkbox:checked + #hamburger span:nth-child(1)[b-88rk3ciyt5] {
        transform: rotate(45deg) translate(5px, 5px);
    }

    .nav-toggle-checkbox:checked + #hamburger span:nth-child(2)[b-88rk3ciyt5] {
        opacity: 0;
    }

    .nav-toggle-checkbox:checked + #hamburger span:nth-child(3)[b-88rk3ciyt5] {
        transform: rotate(-45deg) translate(6px, -6px);
    }

    /* Nav links - hidden by default on mobile, WIDER menu */
    .nav-links[b-88rk3ciyt5] {
        display: none;
        position: absolute;
        top: 70px;
        right: 0;
        left: 0;
        background-color: #fff;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        flex-direction: column;
        padding: 15px 0;
        z-index: 9999;
        list-style: none;
        margin: 0;
        min-width: 280px;
    }

    /* Show nav links when checkbox is checked */
    .nav-toggle-checkbox:checked ~ .nav-links[b-88rk3ciyt5] {
        display: flex;
    }

    .nav-links li[b-88rk3ciyt5] {
        display: block;
        margin: 0;
        text-align: left;
    }

    .nav-links li a[b-88rk3ciyt5] {
        display: block;
        padding: 14px 24px;
        color: #4c5d6f;
        text-decoration: none;
        font-size: 1rem;
    }

    .nav-links li a:hover[b-88rk3ciyt5] {
        background-color: #f5f5f5;
        color: #427fed;
    }

    /* Remove underline effect on mobile */
    .nav-links li a[b-88rk3ciyt5]::after {
        display: none !important;
    }

    /* Mobile button styling */
    #login-btn a[b-88rk3ciyt5],
    #register-btn a[b-88rk3ciyt5] {
        margin: 8px 24px;
        border-radius: 4px;
    }

    /* Mobile Portal Admin dropdown - expand inline */
    #portal-admin-dropdown[b-88rk3ciyt5] {
        position: static;
    }

    #portal-admin-dropdown > a.dropdown-trigger[b-88rk3ciyt5] {
        margin: 8px 24px;
        justify-content: space-between;
    }

    #portal-admin-dropdown .dropdown-menu[b-88rk3ciyt5] {
        position: static;
        display: none;
        box-shadow: none;
        border: none;
        background-color: #f9f9f9;
        margin: 0;
        padding: 0;
        border-radius: 0;
        min-width: auto;
    }

    #portal-admin-dropdown:hover .dropdown-menu[b-88rk3ciyt5],
    #portal-admin-dropdown:focus-within .dropdown-menu[b-88rk3ciyt5],
    #portal-admin-dropdown.open .dropdown-menu[b-88rk3ciyt5] {
        display: block;
    }

    #portal-admin-dropdown .dropdown-menu li a[b-88rk3ciyt5] {
        padding: 12px 40px;
        font-size: 0.9rem;
        text-align: left;
    }

    .user-greeting[b-88rk3ciyt5] {
        padding: 14px 24px;
        display: block;
        text-align: left;
    }

    /* Company admin button on mobile */
    #company-admin-btn a[b-88rk3ciyt5] {
        margin: 8px 24px;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/*  MainLayout.razor.css
 *  Pendigo Portal Layout Styles
 *  Based on public site (assets/css/global.css)
 */

/* Font Faces - Proxima Nova */
@font-face {
    font-family: 'ProximaNova-Light';
    src: url('/fonts/proximanova-light-webfont.woff') format('woff'),
         url('/fonts/proximanova-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('/fonts/proximanova-regular-webfont.woff') format('woff'),
         url('/fonts/proximanova-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Font Faces - NHaas Grotesk (headings) */
@font-face {
    font-family: "NHaasGroteskDSPro-75Bd";
    src: url('/fonts/NHaasGroteskDSPro-75Bd.woff') format('woff'),
         url('/fonts/NHaasGroteskDSPro-75Bd.ttf') format('truetype');
}

@font-face {
    font-family: "NHaasGroteskDSPro-95Blk";
    src: url('/fonts/NHaasGroteskDSPro-95Blk.woff') format('woff'),
         url('/fonts/NHaasGroteskDSPro-95Blk.ttf') format('truetype');
}

/* Global Reset */
[b-ob2gptiu1f] html,
[b-ob2gptiu1f] body {
    position: relative;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c5d6f;
}

[b-ob2gptiu1f] a {
    cursor: pointer !important;
    color: #427fed;
    text-decoration: none;
}

[b-ob2gptiu1f] a:hover {
    color: #3569c9;
    text-decoration: underline;
}

[b-ob2gptiu1f] h1, [b-ob2gptiu1f] h2, [b-ob2gptiu1f] h3, [b-ob2gptiu1f] h4, [b-ob2gptiu1f] h5, [b-ob2gptiu1f] h6 {
    line-height: 120%;
    margin: 0;
    padding: 0;
    font-family: "NHaasGroteskDSPro-75Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c5d6f;
}

/* Viewport Container */
#viewport[b-ob2gptiu1f] {
    display: block;
    width: 100%;
    min-height: 100%;
    min-width: 320px;
    box-sizing: border-box;
}

/* ============================================
   HEADER - Static (scrolls with page)
   ============================================ */
[b-ob2gptiu1f] #header {
    display: block;
    width: 100%;
    height: 110px;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
}

[b-ob2gptiu1f] #header .inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Website Logo */
[b-ob2gptiu1f] a#website-logo {
    display: inline-block;
    padding-left: 25px;
    cursor: pointer;
}

[b-ob2gptiu1f] a#website-logo img {
    max-height: 60px;
    width: auto;
}

/* Primary Navigation - Horizontal menu */
[b-ob2gptiu1f] #primary-nav {
    display: inline-block;
    padding-right: 25px;
}

[b-ob2gptiu1f] #primary-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

[b-ob2gptiu1f] #primary-nav ul li {
    display: inline-block;
    margin: 0 5px;
}

[b-ob2gptiu1f] #primary-nav ul li a {
    display: block;
    padding: 10px 15px;
    color: #4c5d6f;
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.2s ease;
    position: relative;
}

/* Underline effect for nav links */
[b-ob2gptiu1f] #primary-nav ul li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 2px;
    background-color: #427fed;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

[b-ob2gptiu1f] #primary-nav ul li a:hover::after,
[b-ob2gptiu1f] #primary-nav ul li a.active::after {
    transform: scaleX(1);
}

[b-ob2gptiu1f] #primary-nav ul li a:hover,
[b-ob2gptiu1f] #primary-nav ul li a.active {
    color: #427fed;
    text-decoration: none;
}

/* Exclude buttons from underline effect */
[b-ob2gptiu1f] #primary-nav ul li#login-btn a::after,
[b-ob2gptiu1f] #primary-nav ul li#register-btn a::after,
[b-ob2gptiu1f] #primary-nav ul li#admin-dropdown > a::after,
[b-ob2gptiu1f] #primary-nav ul li#portal-admin-dropdown > a::after,
[b-ob2gptiu1f] #primary-nav ul li#logout-btn a::after {
    display: none;
}

[b-ob2gptiu1f] #primary-nav ul li#login-btn a,
[b-ob2gptiu1f] #primary-nav ul li#register-btn a {
    background-color: #427fed;
    color: #fff;
    border-radius: 3px;
    padding: 8px 20px;
}

[b-ob2gptiu1f] #primary-nav ul li#login-btn a:hover,
[b-ob2gptiu1f] #primary-nav ul li#register-btn a:hover {
    background-color: #3569c9;
    color: #fff;
}

/* ============================================
   PORTAL ADMIN DROPDOWN
   ============================================ */
[b-ob2gptiu1f] #portal-admin-dropdown {
    position: relative;
}

[b-ob2gptiu1f] #portal-admin-dropdown > a.dropdown-trigger {
    background-color: #7c3aed;
    color: white !important;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    cursor: pointer;
    text-decoration: none !important;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

[b-ob2gptiu1f] #portal-admin-dropdown > a.dropdown-trigger:hover {
    background-color: #6d28d9;
    text-decoration: none !important;
}

[b-ob2gptiu1f] #portal-admin-dropdown .dropdown-arrow {
    font-size: 0.6rem;
    transition: transform 0.2s ease;
}

/* Dropdown menu - Hidden by default */
[b-ob2gptiu1f] #portal-admin-dropdown .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    list-style: none;
    margin: 0.5rem 0 0 0;
    padding: 0.5rem 0;
    z-index: 1000;
}

/* Show dropdown on hover */
[b-ob2gptiu1f] #portal-admin-dropdown:hover .dropdown-menu {
    display: block;
}

/* Add invisible bridge to prevent menu disappearing */
[b-ob2gptiu1f] #portal-admin-dropdown::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 0.75rem;
}

[b-ob2gptiu1f] #portal-admin-dropdown .dropdown-menu li {
    margin: 0;
    display: block;
}

[b-ob2gptiu1f] #portal-admin-dropdown .dropdown-menu li a {
    display: block;
    padding: 0.625rem 1rem;
    color: #4c5d6f !important;
    text-decoration: none !important;
    font-size: 0.875rem;
    white-space: nowrap;
    transition: background-color 0.15s ease;
}

[b-ob2gptiu1f] #portal-admin-dropdown .dropdown-menu li a::after {
    display: none !important;
}

[b-ob2gptiu1f] #portal-admin-dropdown .dropdown-menu li a:hover {
    background-color: #f3f4f6;
    color: #7c3aed !important;
}

/* Company Admin button */
[b-ob2gptiu1f] #company-admin-btn a {
    background-color: #1976d2;
    color: white !important;
    border-radius: 4px;
    padding: 0.5rem 1rem;
}

[b-ob2gptiu1f] #company-admin-btn a:hover {
    background-color: #1565c0;
}

[b-ob2gptiu1f] #company-admin-btn a::after {
    display: none !important;
}

/* Hamburger menu (mobile) */
[b-ob2gptiu1f] li#hamburger {
    display: none;
}

[b-ob2gptiu1f] li#hamburger label {
    display: block;
    width: 30px;
    height: 20px;
    position: relative;
    cursor: pointer;
}

[b-ob2gptiu1f] li#hamburger label span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #a1a1a1;
    border-radius: 1px;
    position: absolute;
    left: 0;
    transition: all 0.3s ease;
}

[b-ob2gptiu1f] li#hamburger label span:nth-child(1) { top: 0; }
[b-ob2gptiu1f] li#hamburger label span:nth-child(2) { top: 50%; transform: translateY(-50%); }
[b-ob2gptiu1f] li#hamburger label span:nth-child(3) { bottom: 0; }

/* ============================================
   MAIN CONTENT
   ============================================ */
#content[b-ob2gptiu1f] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-top: 2rem;
    min-height: calc(100vh - 110px - 300px);
    position: relative;
}

/* Section styling - sections handle their own max-width */
[b-ob2gptiu1f] .section {
    width: 100%;
    box-sizing: border-box;
}

[b-ob2gptiu1f] .section-heading {
    font-size: 2.5rem;
    margin-bottom: 30px;
    color: #4c5d6f;
}

[b-ob2gptiu1f] .section-copy {
    line-height: 1.8;
}

/* ============================================
   FOOTER - Light grey background (public site)
   ============================================ */
[b-ob2gptiu1f] #footer {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    z-index: 50;
    overflow: hidden;
    background-color: #f6f6f6;
    -webkit-box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.15);
    color: #848484;
    border-top: 1px solid #427fed;
}

[b-ob2gptiu1f] #footer .section {
    background-color: transparent;
    padding: 40px 0;
}

[b-ob2gptiu1f] #footer .inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 20px;
    text-align: left;
}

[b-ob2gptiu1f] #footer a {
    color: #848484;
}

[b-ob2gptiu1f] #footer a:hover {
    color: #427fed;
}

/* Footer Links */
[b-ob2gptiu1f] #footer .footer-links {
    display: flex;
    gap: 40px;
}

[b-ob2gptiu1f] #footer .footer-links ul.col {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 320px;
}

[b-ob2gptiu1f] #footer .footer-links ul.col li {
    display: block;
    clear: both;
    margin-top: 5px;
    line-height: 1.5;
}

[b-ob2gptiu1f] #footer .footer-links ul.col li:first-child {
    margin-top: 0;
}

[b-ob2gptiu1f] #footer .footer-links ul.col strong {
    color: #4c5d6f;
    font-family: "NHaasGroteskDSPro-75Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Social Links */
[b-ob2gptiu1f] #footer ul#social {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

[b-ob2gptiu1f] #footer ul#social > li {
    margin-bottom: 15px;
}

[b-ob2gptiu1f] #footer ul#connect {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 15px;
    justify-content: flex-end;
}

[b-ob2gptiu1f] #footer ul#connect li {
    display: inline-block;
}

[b-ob2gptiu1f] #footer ul#connect li a {
    display: block;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

[b-ob2gptiu1f] #footer ul#connect li a:hover {
    opacity: 1;
}

[b-ob2gptiu1f] #footer ul#connect li img {
    width: 24px;
    height: 24px;
}

/* ============================================
   UTILITY CLASSES
   ============================================ */
[b-ob2gptiu1f] .clear::after {
    display: table;
    content: "";
    width: 100%;
    height: 0;
    clear: both;
}

[b-ob2gptiu1f] .inner {
    width: 100%;
    box-sizing: border-box;
    max-width: 100%;
    position: relative;
}

/* ============================================
   RESPONSIVE - Media Queries Only
   ============================================ */

/* Tablet breakpoint - add horizontal padding */
@media (max-width: 1240px) {
    [b-ob2gptiu1f] .section .inner,
    [b-ob2gptiu1f] #footer .inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 768px) {
    [b-ob2gptiu1f] #header {
        height: 70px;
    }

    [b-ob2gptiu1f] #header .inner {
        position: relative;
    }

    [b-ob2gptiu1f] a#website-logo {
        padding-left: 15px;
    }

    [b-ob2gptiu1f] a#website-logo img {
        max-height: 40px;
    }

    /* Hamburger button styling */
    [b-ob2gptiu1f] #hamburger {
        display: flex !important;
        flex-direction: column;
        justify-content: space-between;
        width: 28px;
        height: 20px;
        padding: 0;
        margin-right: 15px;
        background: none;
        border: none;
        cursor: pointer;
    }

    [b-ob2gptiu1f] #hamburger span {
        display: block;
        width: 100%;
        height: 3px;
        background-color: #4c5d6f;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    /* Hamburger animation when menu is open */
    [b-ob2gptiu1f] #primary-nav.menu-open #hamburger span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }

    [b-ob2gptiu1f] #primary-nav.menu-open #hamburger span:nth-child(2) {
        opacity: 0;
    }

    [b-ob2gptiu1f] #primary-nav.menu-open #hamburger span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -6px);
    }

    /* Hide nav links by default on mobile */
    [b-ob2gptiu1f] #primary-nav .nav-links {
        display: none;
        position: absolute;
        top: 70px;
        right: 0;
        left: 0;
        background-color: #fff;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        flex-direction: column;
        padding: 10px 0;
        z-index: 9999;
    }

    /* Show nav links when menu is open */
    [b-ob2gptiu1f] #primary-nav.menu-open .nav-links {
        display: flex;
    }

    [b-ob2gptiu1f] #primary-nav .nav-links li {
        display: block;
        margin: 0;
        text-align: center;
    }

    [b-ob2gptiu1f] #primary-nav .nav-links li a {
        display: block;
        padding: 12px 20px;
    }

    /* Remove underline effect on mobile */
    [b-ob2gptiu1f] #primary-nav ul li a::after {
        display: none;
    }

    [b-ob2gptiu1f] #content {
        margin-top: 70px;
        min-height: calc(100vh - 70px - 200px);
    }

    [b-ob2gptiu1f] #footer .inner {
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }

    [b-ob2gptiu1f] #footer .footer-links {
        flex-direction: column;
        gap: 20px;
    }

    [b-ob2gptiu1f] #footer ul#social {
        text-align: center;
    }

    [b-ob2gptiu1f] #footer ul#connect {
        justify-content: center;
    }
}

/* Hide hamburger on desktop */
@media (min-width: 769px) {
    [b-ob2gptiu1f] #hamburger {
        display: none !important;
    }
}

/* ============================================
   BLAZOR ERROR UI
   ============================================ */
#blazor-error-ui[b-ob2gptiu1f] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-ob2gptiu1f] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-2ddse3t9d6] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-2ddse3t9d6] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-2ddse3t9d6] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-2ddse3t9d6] {
    font-size: 1.1rem;
}

.bi[b-2ddse3t9d6] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-2ddse3t9d6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-2ddse3t9d6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-2ddse3t9d6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-2ddse3t9d6] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-2ddse3t9d6]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-2ddse3t9d6]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-2ddse3t9d6]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-2ddse3t9d6] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-2ddse3t9d6] {
    display: block;
}

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

    .nav-scrollable[b-2ddse3t9d6] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/Account/Login.razor.rz.scp.css */
h1[b-sgoyvntqk0] {
    margin-bottom: 1.5rem;
}
/* /Components/Pages/Account/Register.razor.rz.scp.css */
h1[b-twyhiwbl8o] {
    margin-bottom: 1.5rem;
}
/* /Components/Pages/Admin/AdminBundleDiscounts.razor.rz.scp.css */
/* AdminBundleDiscounts.razor.css */

.admin-bundle-discounts[b-dbbcsvqi4d] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Page Header */
.page-header[b-dbbcsvqi4d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-content h1[b-dbbcsvqi4d] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--rz-text-color);
}

.page-subtitle[b-dbbcsvqi4d] {
    margin: 0.25rem 0 0;
    color: var(--rz-text-tertiary-color);
    font-size: 0.9rem;
}

.header-actions[b-dbbcsvqi4d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Filters */
.filters-container[b-dbbcsvqi4d] {
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.filter-row[b-dbbcsvqi4d] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}

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

.filter-item:has(.rz-checkbox)[b-dbbcsvqi4d] {
    flex-direction: row;
    align-items: center;
    padding-bottom: 0.5rem;
}

.filter-actions[b-dbbcsvqi4d] {
    margin-left: auto;
}

/* Info Banner */
.info-banner[b-dbbcsvqi4d] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    background: var(--rz-info-lighter);
    border: 1px solid var(--rz-info-light);
    border-radius: 6px;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    color: var(--rz-info-darker);
}

/* Loading */
.loading-container[b-dbbcsvqi4d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.loading-container p[b-dbbcsvqi4d] {
    color: var(--rz-text-tertiary-color);
}

/* Grid */
.rules-grid[b-dbbcsvqi4d] {
    border-radius: 8px;
    overflow: hidden;
}

.plan-cell[b-dbbcsvqi4d] {
    line-height: 1.4;
}

.plan-cell strong[b-dbbcsvqi4d] {
    font-weight: 600;
}

.price-cell[b-dbbcsvqi4d] {
    line-height: 1.4;
}

.override-price[b-dbbcsvqi4d] {
    font-weight: 600;
    color: var(--rz-success);
}

.original-price[b-dbbcsvqi4d] {
    color: var(--rz-text-tertiary-color);
}

.discount-badge[b-dbbcsvqi4d] {
    display: inline-block;
    background: var(--rz-success-lighter);
    color: var(--rz-success-darker);
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    font-weight: 500;
}

.grid-footer[b-dbbcsvqi4d] {
    margin-top: 0.75rem;
    text-align: right;
}

/* Dialog */
.dialog-overlay[b-dbbcsvqi4d] {
    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: 1000;
    padding: 1rem;
}

.dialog-content[b-dbbcsvqi4d] {
    background: var(--rz-base-background-color);
    border-radius: 12px;
    max-width: 700px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.dialog-wide[b-dbbcsvqi4d] {
    max-width: 750px;
}

.dialog-header[b-dbbcsvqi4d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--rz-border-color);
}

.dialog-header h3[b-dbbcsvqi4d] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.dialog-body[b-dbbcsvqi4d] {
    padding: 1.5rem;
}

.dialog-footer[b-dbbcsvqi4d] {
    display: flex;
    justify-content: flex-end;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--rz-border-color);
    background: var(--rz-base-200);
}

/* Helper text */
.helper-text[b-dbbcsvqi4d] {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    background: var(--rz-info-lighter);
    border-radius: 6px;
    font-size: 0.85rem;
    color: var(--rz-info-darker);
}

/* Selection fieldsets */
.selection-fieldset[b-dbbcsvqi4d] {
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    padding: 1rem;
    margin: 0;
}

.selection-fieldset legend[b-dbbcsvqi4d] {
    padding: 0 0.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--rz-text-secondary-color);
}

/* Validation */
.validation-message[b-dbbcsvqi4d] {
    color: var(--rz-danger);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

[b-dbbcsvqi4d] .rz-state-invalid {
    border-color: var(--rz-danger) !important;
}

/* Form groups */
.form-group[b-dbbcsvqi4d] {
    display: flex;
    flex-direction: column;
}

.form-group .rz-label[b-dbbcsvqi4d] {
    margin-bottom: 0.25rem;
    font-weight: 500;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-bundle-discounts[b-dbbcsvqi4d] {
        padding: 1rem;
    }

    .page-header[b-dbbcsvqi4d] {
        flex-direction: column;
    }

    .header-actions[b-dbbcsvqi4d] {
        width: 100%;
        justify-content: flex-start;
    }

    .filter-row[b-dbbcsvqi4d] {
        flex-direction: column;
    }

    .filter-item[b-dbbcsvqi4d] {
        width: 100%;
    }

    .filter-actions[b-dbbcsvqi4d] {
        margin-left: 0;
    }

    .dialog-content[b-dbbcsvqi4d] {
        max-height: 100vh;
        border-radius: 0;
    }

    .selection-fieldset .row[b-dbbcsvqi4d] {
        flex-direction: column;
    }
}
/* /Components/Pages/Admin/AdminDashboard.razor.rz.scp.css */
.admin-dashboard[b-8jaa5zf29f] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.dashboard-header[b-8jaa5zf29f] {
    margin-bottom: 2rem;
    position: relative;
}

.dashboard-header h1[b-8jaa5zf29f] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.dashboard-subtitle[b-8jaa5zf29f] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

.design-guide-link[b-8jaa5zf29f] {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.75rem;
    color: #6c757d;
    text-decoration: none;
}

.design-guide-link:hover[b-8jaa5zf29f] {
    color: #1976d2;
    text-decoration: underline;
}

/* Section titles */
.section-title[b-8jaa5zf29f] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 2rem 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e0e0e0;
}

/* Clickable metric cards */
.metric-card.clickable[b-8jaa5zf29f] {
    cursor: pointer !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.metric-card.clickable:hover[b-8jaa5zf29f] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

/* Ensure Radzen card doesn't override cursor */
[b-8jaa5zf29f] .rz-card.metric-card.clickable {
    cursor: pointer !important;
}

/* Metric card styling (for inline cards) */
.metric-card[b-8jaa5zf29f] {
    padding: 1.5rem;
    border: 1px solid var(--rz-border-color, #e0e0e0);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    background: white;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.metric-icon[b-8jaa5zf29f] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.metric-icon.icon-info[b-8jaa5zf29f] {
    background-color: rgba(33, 150, 243, 0.1);
    color: #2196f3;
}

.metric-icon.icon-success[b-8jaa5zf29f] {
    background-color: rgba(76, 175, 80, 0.1);
    color: #4caf50;
}

.metric-icon.icon-warning[b-8jaa5zf29f] {
    background-color: rgba(255, 152, 0, 0.1);
    color: #ff9800;
}

.metric-icon.icon-danger[b-8jaa5zf29f] {
    background-color: rgba(244, 67, 54, 0.1);
    color: #f44336;
}

.metric-icon.icon-primary[b-8jaa5zf29f] {
    background-color: rgba(66, 127, 237, 0.1);
    color: #427fed;
}

.metric-value[b-8jaa5zf29f] {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.1;
    color: #1a1a2e;
}

.metric-label[b-8jaa5zf29f] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
}

.metric-subtext[b-8jaa5zf29f] {
    font-size: 0.8rem;
    color: #9e9e9e;
    margin-top: auto;
}

/* Activity section */
.activity-card[b-8jaa5zf29f] {
    padding: 0;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    overflow: hidden;
}

.loading-activity[b-8jaa5zf29f] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 2rem;
    color: #6c757d;
}

.no-activity[b-8jaa5zf29f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 3rem;
    color: #9e9e9e;
}

.no-activity p[b-8jaa5zf29f] {
    margin: 0;
}

[b-8jaa5zf29f] .activity-grid {
    border: none;
}

[b-8jaa5zf29f] .activity-grid .rz-datatable-thead {
    background: #f8f9fa;
}

[b-8jaa5zf29f] .activity-grid .rz-datatable-thead th {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    padding: 0.75rem 1rem;
}

[b-8jaa5zf29f] .activity-grid .rz-datatable-data td {
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    vertical-align: middle;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .admin-dashboard[b-8jaa5zf29f] {
        padding: 1rem;
    }

    .dashboard-header h1[b-8jaa5zf29f] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/Admin/AdminDemoRequestDetail.razor.rz.scp.css */
.demo-request-detail[b-43p921d79v] {
    padding: 0.5rem;
}

.detail-section[b-43p921d79v] {
    margin-bottom: 1.5rem;
}

.detail-section h4[b-43p921d79v] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e9ecef;
}

.detail-grid[b-43p921d79v] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.detail-item[b-43p921d79v] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.detail-item .label[b-43p921d79v] {
    font-size: 0.8rem;
    color: #6c757d;
    font-weight: 500;
}

.detail-item .value[b-43p921d79v] {
    font-size: 0.95rem;
    color: #1a1a2e;
}

.detail-item .value a[b-43p921d79v],
.contact-link[b-43p921d79v] {
    color: #1976d2;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.detail-item .value a:hover[b-43p921d79v],
.contact-link:hover[b-43p921d79v] {
    color: #1565c0;
    text-decoration: underline;
}

.source-detail[b-43p921d79v] {
    color: #6c757d;
    font-style: italic;
}

.message-box[b-43p921d79v] {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: 8px;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #333;
    white-space: pre-wrap;
}

.text-muted[b-43p921d79v] {
    color: #6c757d;
    font-style: italic;
}

.action-buttons[b-43p921d79v] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
}

@media (max-width: 576px) {
    .detail-grid[b-43p921d79v] {
        grid-template-columns: 1fr;
    }

    .action-buttons[b-43p921d79v] {
        flex-direction: column;
    }
}
/* /Components/Pages/Admin/AdminDemoRequests.razor.rz.scp.css */
.admin-demo-requests[b-hgzypb2a9m] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-hgzypb2a9m] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.header-content h1[b-hgzypb2a9m] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-subtitle[b-hgzypb2a9m] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

.header-actions[b-hgzypb2a9m] {
    display: flex;
    gap: 0.5rem;
}

/* Tabs */
[b-hgzypb2a9m] .demo-tabs {
    margin-bottom: 1.5rem;
}

.tab-content[b-hgzypb2a9m] {
    padding-top: 1.5rem;
}

.filters-section[b-hgzypb2a9m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.filter-buttons[b-hgzypb2a9m] {
    display: flex;
    gap: 0.5rem;
}

.filter-toggles[b-hgzypb2a9m] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.ms-1[b-hgzypb2a9m] {
    margin-left: 0.25rem;
}

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

.stats-row[b-hgzypb2a9m] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

[b-hgzypb2a9m] .stat-card {
    flex: 1;
    text-align: center;
    padding: 1.5rem;
}

.stat-value[b-hgzypb2a9m] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
}

.stat-label[b-hgzypb2a9m] {
    font-size: 0.85rem;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.loading-container[b-hgzypb2a9m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    color: #6c757d;
}

.loading-container p[b-hgzypb2a9m] {
    margin-top: 1rem;
}

[b-hgzypb2a9m] .empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    text-align: center;
}

[b-hgzypb2a9m] .empty-state .rzi {
    font-size: 4rem;
    color: #dee2e6;
    margin-bottom: 1rem;
}

[b-hgzypb2a9m] .empty-state h3 {
    color: #495057;
    margin-bottom: 0.5rem;
}

[b-hgzypb2a9m] .empty-state p {
    color: #6c757d;
}

/* Grid cell links */
[b-hgzypb2a9m] .phone-link,
[b-hgzypb2a9m] .email-link {
    color: #1976d2;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

[b-hgzypb2a9m] .phone-link:hover,
[b-hgzypb2a9m] .email-link:hover {
    color: #1565c0;
    text-decoration: underline;
}

[b-hgzypb2a9m] .source-other-text {
    color: #6c757d;
    font-size: 0.85em;
    margin-left: 4px;
    font-style: italic;
}

/* Sources tab */
.sources-header[b-hgzypb2a9m] {
    margin-bottom: 1.5rem;
}

.sources-header h3[b-hgzypb2a9m] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.sources-header .text-muted[b-hgzypb2a9m] {
    color: #6c757d;
    margin: 0;
}

.sources-actions[b-hgzypb2a9m] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.sources-tip[b-hgzypb2a9m] {
    margin-top: 1.5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-demo-requests[b-hgzypb2a9m] {
        padding: 1rem;
    }

    .page-header[b-hgzypb2a9m] {
        flex-direction: column;
        gap: 1rem;
    }

    .header-content h1[b-hgzypb2a9m] {
        font-size: 1.5rem;
    }

    .stats-row[b-hgzypb2a9m] {
        flex-direction: column;
    }

    .filters-section[b-hgzypb2a9m] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-buttons[b-hgzypb2a9m] {
        justify-content: center;
    }

    .sources-actions[b-hgzypb2a9m] {
        flex-direction: column;
    }
}
/* /Components/Pages/Admin/AdminDiscountCodes.razor.rz.scp.css */
.admin-page[b-lrugkfistu] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.admin-header[b-lrugkfistu] {
    margin-bottom: 2rem;
}

.admin-header h1[b-lrugkfistu] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.admin-subtitle[b-lrugkfistu] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

.loading-container[b-lrugkfistu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 3rem;
    color: #6c757d;
}

.admin-grid[b-lrugkfistu] {
    margin-top: 1rem;
}

.discount-percent[b-lrugkfistu] {
    font-weight: 600;
    color: #28a745;
}

@media (max-width: 768px) {
    .admin-page[b-lrugkfistu] {
        padding: 1rem;
    }

    .admin-header h1[b-lrugkfistu] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/Admin/AdminProductCategories.razor.rz.scp.css */
.admin-product-categories[b-vczqa34hux] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-vczqa34hux] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.header-content h1[b-vczqa34hux] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.page-subtitle[b-vczqa34hux] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

.header-actions[b-vczqa34hux] {
    display: flex;
    gap: 0.5rem;
}

.loading-container[b-vczqa34hux] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
}

.loading-container p[b-vczqa34hux] {
    color: #6c757d;
    margin: 0;
}

.categories-grid[b-vczqa34hux] {
    margin-top: 1rem;
}

/* Fix extra line/border in RadzenDataGrid */
[b-vczqa34hux] .categories-grid .rz-datatable-tfoot,
[b-vczqa34hux] .categories-grid .rz-datatable-tfoot > tr > td {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
}

[b-vczqa34hux] .categories-grid .rz-grid-table {
    border-collapse: collapse;
}

[b-vczqa34hux] .categories-grid .rz-datatable tbody tr:last-child td {
    border-bottom: none;
}

/* Hide empty tbody rows that have no content */
[b-vczqa34hux] .categories-grid .rz-datatable tbody tr:empty {
    display: none;
}

/* Ensure filter row looks proper */
[b-vczqa34hux] .categories-grid .rz-filter-row {
    background-color: #f8f9fa;
}

.grid-footer[b-vczqa34hux] {
    margin-top: 1rem;
    padding: 0.5rem 0;
    text-align: right;
}

.text-muted[b-vczqa34hux] {
    color: #6c757d;
}

/* Modal Dialog Overlay */
.dialog-overlay[b-vczqa34hux] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9000;
}

.dialog-content[b-vczqa34hux] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    min-width: 500px;
    max-width: 90vw;
    max-height: 90vh;
    overflow-y: auto;
}

.dialog-header[b-vczqa34hux] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.dialog-header h3[b-vczqa34hux] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
}

.dialog-body[b-vczqa34hux] {
    padding: 1.5rem;
}

.dialog-footer[b-vczqa34hux] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e0e0e0;
    background: #f8f9fa;
    border-radius: 0 0 8px 8px;
}

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

/* Responsive adjustments */
@media (max-width: 768px) {
    .admin-product-categories[b-vczqa34hux] {
        padding: 1rem;
    }

    .page-header[b-vczqa34hux] {
        flex-direction: column;
        gap: 1rem;
    }

    .header-actions[b-vczqa34hux] {
        width: 100%;
        flex-direction: column;
    }

    .dialog-content[b-vczqa34hux] {
        min-width: auto;
        width: 95vw;
        margin: 1rem;
    }
}
/* /Components/Pages/Admin/AdminProductDomains.razor.rz.scp.css */
.admin-product-domains[b-sft33ygd04] {
    padding: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-sft33ygd04] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.header-content h1[b-sft33ygd04] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.page-subtitle[b-sft33ygd04] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

.header-actions[b-sft33ygd04] {
    display: flex;
    gap: 0.5rem;
}

.loading-container[b-sft33ygd04] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
}

.loading-container p[b-sft33ygd04] {
    color: #6c757d;
    margin: 0;
}

.domains-grid[b-sft33ygd04] {
    margin-top: 1rem;
}

.grid-footer[b-sft33ygd04] {
    margin-top: 1rem;
    padding: 0.5rem 0;
    text-align: right;
}

.text-muted[b-sft33ygd04] {
    color: #6c757d;
}

/* Modal Dialog Overlay */
.dialog-overlay[b-sft33ygd04] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9000;
}

.dialog-content[b-sft33ygd04] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    min-width: 500px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.dialog-header[b-sft33ygd04] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.dialog-header h3[b-sft33ygd04] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
}

.dialog-body[b-sft33ygd04] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.dialog-footer[b-sft33ygd04] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e0e0e0;
    background: #f8f9fa;
    border-radius: 0 0 8px 8px;
}

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

.validation-message[b-sft33ygd04] {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: block;
}

[b-sft33ygd04] .rz-state-invalid {
    border-color: #dc3545 !important;
}
/* /Components/Pages/Admin/AdminProductEdit.razor.rz.scp.css */
.admin-product-edit[b-x92kfubnd0] {
    padding: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-x92kfubnd0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.header-content h1[b-x92kfubnd0] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.25rem 0;
}

.page-subtitle[b-x92kfubnd0] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
    font-family: monospace;
}

.header-actions[b-x92kfubnd0] {
    display: flex;
    gap: 0.5rem;
}

.loading-container[b-x92kfubnd0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
}

.loading-container p[b-x92kfubnd0] {
    color: #6c757d;
    margin: 0;
}

.card-title[b-x92kfubnd0] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
}

.card-header-row[b-x92kfubnd0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

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

.form-actions[b-x92kfubnd0] {
    display: flex;
    gap: 0.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e0e0e0;
    margin-top: 1rem;
}

.text-muted[b-x92kfubnd0] {
    color: #6c757d;
}

.validation-message[b-x92kfubnd0] {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: block;
}

[b-x92kfubnd0] .rz-state-invalid {
    border-color: #dc3545 !important;
}

/* Plans grid */
.plans-grid[b-x92kfubnd0] {
    margin-top: 1rem;
}

/* Modal Dialog Overlay */
.dialog-overlay[b-x92kfubnd0] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9000;
}

.dialog-content[b-x92kfubnd0] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    min-width: 550px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.dialog-header[b-x92kfubnd0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.dialog-header h3[b-x92kfubnd0] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
}

.dialog-body[b-x92kfubnd0] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.dialog-footer[b-x92kfubnd0] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e0e0e0;
    background: #f8f9fa;
    border-radius: 0 0 8px 8px;
}
/* /Components/Pages/Admin/AdminProducts.razor.rz.scp.css */
.admin-products[b-bqvg5v7fqs] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-bqvg5v7fqs] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.header-content h1[b-bqvg5v7fqs] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.page-subtitle[b-bqvg5v7fqs] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

.header-actions[b-bqvg5v7fqs] {
    display: flex;
    gap: 0.5rem;
}

/* Filters */
.filters-container[b-bqvg5v7fqs] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.filter-row[b-bqvg5v7fqs] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}

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

.filter-actions[b-bqvg5v7fqs] {
    margin-left: auto;
}

.loading-container[b-bqvg5v7fqs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
}

.loading-container p[b-bqvg5v7fqs] {
    color: #6c757d;
    margin: 0;
}

.products-grid[b-bqvg5v7fqs] {
    margin-top: 1rem;
    position: relative;
    z-index: 1;
}

.grid-footer[b-bqvg5v7fqs] {
    margin-top: 1rem;
    padding: 0.5rem 0;
    text-align: right;
}

.text-muted[b-bqvg5v7fqs] {
    color: #6c757d;
}

/* Modal Dialog Overlay */
.dialog-overlay[b-bqvg5v7fqs] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9000;
}

.dialog-content[b-bqvg5v7fqs] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    min-width: 500px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: visible;
}

.dialog-content.dialog-wide[b-bqvg5v7fqs] {
    min-width: 700px;
}

.dialog-header[b-bqvg5v7fqs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e0e0e0;
    flex-shrink: 0;
}

.dialog-header h3[b-bqvg5v7fqs] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
}

.dialog-body[b-bqvg5v7fqs] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}

.dialog-footer[b-bqvg5v7fqs] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e0e0e0;
    background: #f8f9fa;
    border-radius: 0 0 8px 8px;
    flex-shrink: 0;
}

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

/* Validation styling - blue border for invalid required fields */
[b-bqvg5v7fqs] .rz-state-invalid,
[b-bqvg5v7fqs] .rz-state-invalid .rz-inputtext,
[b-bqvg5v7fqs] .rz-state-invalid .rz-dropdown {
    border-color: #2196F3 !important;
    box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.25) !important;
}

[b-bqvg5v7fqs] .rz-state-invalid:focus,
[b-bqvg5v7fqs] .rz-state-invalid .rz-inputtext:focus {
    border-color: #1976D2 !important;
    box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.35) !important;
}

.validation-message[b-bqvg5v7fqs] {
    display: block;
    color: #2196F3;
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .admin-products[b-bqvg5v7fqs] {
        padding: 1rem;
    }

    .page-header[b-bqvg5v7fqs] {
        flex-direction: column;
        gap: 1rem;
    }

    .header-actions[b-bqvg5v7fqs] {
        width: 100%;
        flex-direction: column;
    }

    .filter-row[b-bqvg5v7fqs] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-item[b-bqvg5v7fqs] {
        width: 100%;
    }

    .filter-actions[b-bqvg5v7fqs] {
        margin-left: 0;
    }

    .dialog-content[b-bqvg5v7fqs] {
        min-width: auto;
        width: 95vw;
        margin: 1rem;
        max-height: 85vh;
    }

    .dialog-content.dialog-wide[b-bqvg5v7fqs] {
        min-width: auto;
    }
}
/* /Components/Pages/Admin/AdminSectors.razor.rz.scp.css */
.admin-sectors[b-i12lyikdw4] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-i12lyikdw4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.header-content h1[b-i12lyikdw4] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.page-subtitle[b-i12lyikdw4] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

.header-actions[b-i12lyikdw4] {
    display: flex;
    gap: 0.5rem;
}

.loading-container[b-i12lyikdw4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
}

.loading-container p[b-i12lyikdw4] {
    color: #6c757d;
    margin: 0;
}

.sectors-grid[b-i12lyikdw4] {
    margin-top: 1rem;
}

.grid-footer[b-i12lyikdw4] {
    margin-top: 1rem;
    padding: 0.5rem 0;
    text-align: right;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .admin-sectors[b-i12lyikdw4] {
        padding: 1rem;
    }

    .page-header[b-i12lyikdw4] {
        flex-direction: column;
        gap: 1rem;
    }

    .header-content h1[b-i12lyikdw4] {
        font-size: 1.5rem;
    }

    .header-actions[b-i12lyikdw4] {
        width: 100%;
    }

    .header-actions .rz-button[b-i12lyikdw4] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/AdminSeoValidation.razor.rz.scp.css */
/* /Components/Pages/Admin/AdminStoreActivity.razor.rz.scp.css */
/* Admin Store Activity Styles */

.admin-header[b-si56jx1bh0] {
    margin-bottom: 1.5rem;
}

.admin-header h1[b-si56jx1bh0] {
    margin-bottom: 0.25rem;
}

.toolbar[b-si56jx1bh0] {
    margin-bottom: 1rem;
}

.loading-container[b-si56jx1bh0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

/* Summary Stats */
.activity-summary[b-si56jx1bh0] {
    margin-bottom: 1.5rem;
}

.stat-card[b-si56jx1bh0] {
    background: #fff;
    border-radius: 8px;
    padding: 1.25rem;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.stat-value[b-si56jx1bh0] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
}

.stat-label[b-si56jx1bh0] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-top: 0.25rem;
}

/* Activity Grid */
[b-si56jx1bh0] .store-activity-grid {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.activity-badge[b-si56jx1bh0] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 500;
}

.activity-badge.secondary[b-si56jx1bh0] {
    background: #e9ecef;
    color: #495057;
}

.activity-badge.success[b-si56jx1bh0] {
    background: #d4edda;
    color: #155724;
}

.activity-badge.danger[b-si56jx1bh0] {
    background: #f8d7da;
    color: #721c24;
}

.activity-badge.warning[b-si56jx1bh0] {
    background: #fff3cd;
    color: #856404;
}

.activity-badge.info[b-si56jx1bh0] {
    background: #cce5ff;
    color: #004085;
}

.activity-badge[b-si56jx1bh0]  .rzi {
    font-size: 1rem;
}

/* User info */
.user-info[b-si56jx1bh0] {
    display: flex;
    flex-direction: column;
}

.user-name[b-si56jx1bh0] {
    font-weight: 500;
    font-size: 0.9rem;
}

.user-email[b-si56jx1bh0] {
    font-size: 0.8rem;
    color: #6c757d;
}

.anonymous[b-si56jx1bh0] {
    color: #adb5bd;
    font-style: italic;
}

/* Metadata */
.meta-json[b-si56jx1bh0] {
    font-size: 0.75rem;
    background: #f8f9fa;
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
    word-break: break-all;
}
/* /Components/Pages/Admin/AdminTestException.razor.rz.scp.css */
.admin-test-exception[b-80mkzc3emc] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-80mkzc3emc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.header-content h1[b-80mkzc3emc] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.page-subtitle[b-80mkzc3emc] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

.header-actions[b-80mkzc3emc] {
    display: flex;
    gap: 0.5rem;
}

.info-card[b-80mkzc3emc],
.recipients-card[b-80mkzc3emc],
.stats-card[b-80mkzc3emc],
.test-card[b-80mkzc3emc] {
    margin-bottom: 1.5rem;
}

.info-card h4[b-80mkzc3emc],
.recipients-card h4[b-80mkzc3emc],
.stats-card h4[b-80mkzc3emc],
.test-card h4[b-80mkzc3emc] {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #1a1a2e;
    font-size: 1.1rem;
}

.info-card ol[b-80mkzc3emc] {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

.info-card li[b-80mkzc3emc] {
    margin-bottom: 0.5rem;
}

.info-card code[b-80mkzc3emc],
.recipients-card code[b-80mkzc3emc] {
    background: #e9ecef;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 0.9rem;
}

.config-section[b-80mkzc3emc] {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
}

.config-section:last-of-type[b-80mkzc3emc] {
    border-bottom: none;
    margin-bottom: 0.5rem;
    padding-bottom: 0;
}

.config-section h5[b-80mkzc3emc] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #495057;
    margin: 0 0 0.5rem 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.config-section p[b-80mkzc3emc] {
    margin: 0;
    line-height: 1.8;
}

.config-section .label[b-80mkzc3emc] {
    font-weight: 600;
    color: #6c757d;
    display: inline-block;
    min-width: 80px;
}

.recipient-list[b-80mkzc3emc] {
    list-style: none;
    padding: 0;
    margin: 0.5rem 0 0 0;
}

.recipient-list li[b-80mkzc3emc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: #e3f2fd;
    border-radius: 4px;
    margin-bottom: 0.5rem;
    font-family: monospace;
    font-size: 0.95rem;
    color: #1565c0;
}

.config-info[b-80mkzc3emc] {
    margin: 0;
    padding-top: 0.5rem;
    border-top: 1px solid #e0e0e0;
    color: #6c757d;
}

.stats-grid[b-80mkzc3emc] {
    display: flex;
    gap: 2rem;
}

.stat-item[b-80mkzc3emc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 2rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.stat-value[b-80mkzc3emc] {
    font-size: 2rem;
    font-weight: 700;
    color: #427fed;
}

.stat-label[b-80mkzc3emc] {
    font-size: 0.85rem;
    color: #6c757d;
    text-align: center;
}

.form-group[b-80mkzc3emc] {
    margin-bottom: 1rem;
}

.option-group[b-80mkzc3emc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.option-description[b-80mkzc3emc] {
    font-size: 0.9rem;
    color: #6c757d;
    margin-bottom: 1.5rem;
    padding-left: 1.75rem;
}

.button-group[b-80mkzc3emc] {
    display: flex;
    gap: 1rem;
}

.mt-3[b-80mkzc3emc] {
    margin-top: 1rem;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-test-exception[b-80mkzc3emc] {
        padding: 1rem;
    }

    .page-header[b-80mkzc3emc] {
        flex-direction: column;
        gap: 1rem;
    }

    .header-content h1[b-80mkzc3emc] {
        font-size: 1.5rem;
    }

    .stats-grid[b-80mkzc3emc] {
        flex-direction: column;
        gap: 1rem;
    }

    .stat-item[b-80mkzc3emc] {
        padding: 1rem;
    }
}
/* /Components/Pages/Admin/AdminTestimonials.razor.rz.scp.css */
.admin-testimonials[b-i37x36k16f] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-i37x36k16f] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.header-content h1[b-i37x36k16f] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.page-subtitle[b-i37x36k16f] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

.header-actions[b-i37x36k16f] {
    display: flex;
    gap: 0.5rem;
}

.loading-container[b-i37x36k16f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
}

.loading-container p[b-i37x36k16f] {
    color: #6c757d;
    margin: 0;
}

.testimonials-grid[b-i37x36k16f] {
    margin-top: 1rem;
}

.grid-footer[b-i37x36k16f] {
    margin-top: 1rem;
    padding: 0.5rem 0;
    text-align: right;
}

/* Modal Dialog Overlay */
.dialog-overlay[b-i37x36k16f] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.dialog-content[b-i37x36k16f] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    min-width: 600px;
    max-width: 90vw;
    max-height: 90vh;
    overflow-y: auto;
}

.dialog-header[b-i37x36k16f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.dialog-header h3[b-i37x36k16f] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
}

.dialog-body[b-i37x36k16f] {
    padding: 1.5rem;
}

.dialog-footer[b-i37x36k16f] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e0e0e0;
    background: #f8f9fa;
    border-radius: 0 0 8px 8px;
}

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

/* Responsive adjustments */
@media (max-width: 768px) {
    .admin-testimonials[b-i37x36k16f] {
        padding: 1rem;
    }

    .page-header[b-i37x36k16f] {
        flex-direction: column;
        gap: 1rem;
    }

    .header-content h1[b-i37x36k16f] {
        font-size: 1.5rem;
    }

    .header-actions[b-i37x36k16f] {
        width: 100%;
    }

    .header-actions .rz-button[b-i37x36k16f] {
        width: 100%;
    }

    .dialog-content[b-i37x36k16f] {
        min-width: auto;
        width: 95vw;
        margin: 1rem;
    }
}
/* /Components/Pages/Admin/AdminUsers.razor.rz.scp.css */
.admin-page[b-gk74kicyad] {
    padding: 24px 24px 40px;
    max-width: 1400px;
    margin: 0 auto;
}

.admin-header[b-gk74kicyad] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-content h1[b-gk74kicyad] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.admin-subtitle[b-gk74kicyad] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

.header-actions[b-gk74kicyad] {
    display: flex;
    gap: 0.5rem;
}

.loading-container[b-gk74kicyad] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.loading-container p[b-gk74kicyad] {
    color: #6c757d;
    margin: 0;
}

/* Users Grid */
.users-grid-card[b-gk74kicyad] {
    padding: 0;
    overflow: hidden;
}

[b-gk74kicyad] .users-grid {
    border: none;
}

[b-gk74kicyad] .users-grid .rz-datatable-thead > tr > th {
    background: #f8f9fa;
    font-weight: 600;
    color: #1a1a2e;
}

.user-name[b-gk74kicyad] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.name-text[b-gk74kicyad] {
    font-weight: 500;
}

.action-buttons[b-gk74kicyad] {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
}

.text-muted[b-gk74kicyad] {
    color: #6c757d;
}

/* Activity Panel */
.activity-panel[b-gk74kicyad] {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: white;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
}

.activity-panel-header[b-gk74kicyad] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
}

.activity-panel-header h3[b-gk74kicyad] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
}

.activity-user-info[b-gk74kicyad] {
    padding: 1.5rem;
    border-bottom: 1px solid #e9ecef;
    background: #fff;
}

.activity-user-info h4[b-gk74kicyad] {
    margin: 0 0 0.25rem 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a1a2e;
}

.user-email[b-gk74kicyad] {
    margin: 0 0 0.75rem 0;
    color: #6c757d;
    font-size: 0.9rem;
}

.user-meta[b-gk74kicyad] {
    display: flex;
    gap: 0.5rem;
}

.activity-list[b-gk74kicyad] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
}

.activity-list h5[b-gk74kicyad] {
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.activity-items[b-gk74kicyad] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.activity-item[b-gk74kicyad] {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f0f0f0;
}

.activity-item:last-child[b-gk74kicyad] {
    border-bottom: none;
}

.activity-icon[b-gk74kicyad] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.activity-icon[b-gk74kicyad]  .rz-icon {
    font-size: 16px;
}

.activity-login[b-gk74kicyad] {
    background: #e3f2fd;
    color: #1976d2;
}

.activity-logout[b-gk74kicyad] {
    background: #fff3e0;
    color: #f57c00;
}

.activity-success[b-gk74kicyad] {
    background: #e8f5e9;
    color: #388e3c;
}

.activity-danger[b-gk74kicyad] {
    background: #ffebee;
    color: #d32f2f;
}

.activity-default[b-gk74kicyad] {
    background: #f5f5f5;
    color: #757575;
}

.activity-details[b-gk74kicyad] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.activity-description[b-gk74kicyad] {
    font-weight: 500;
    color: #1a1a2e;
    font-size: 0.9rem;
}

.activity-time[b-gk74kicyad] {
    font-size: 0.8rem;
    color: #6c757d;
}

.activity-agent[b-gk74kicyad] {
    font-size: 0.75rem;
    color: #9e9e9e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-page[b-gk74kicyad] {
        padding: 16px 12px 28px;
    }

    .admin-header[b-gk74kicyad] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-content h1[b-gk74kicyad] {
        font-size: 1.5rem;
    }

    [b-gk74kicyad] .rz-sidebar {
        width: 100% !important;
    }
}

/* Fix sidebar positioning */
[b-gk74kicyad] .rz-sidebar {
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    height: 100vh !important;
    z-index: 1000 !important;
    transform: translateX(100%);
    transition: transform 0.3s ease;
}

[b-gk74kicyad] .rz-sidebar.rz-sidebar-expanded {
    transform: translateX(0);
}

.ms-2[b-gk74kicyad] {
    margin-left: 0.5rem;
}
/* /Components/Pages/Admin/ContentAdmin.razor.rz.scp.css */
.content-admin[b-up7hhagqx7] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-up7hhagqx7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.header-content h1[b-up7hhagqx7] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.page-subtitle[b-up7hhagqx7] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

.header-actions[b-up7hhagqx7] {
    display: flex;
    gap: 0.5rem;
}

.loading-container[b-up7hhagqx7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    color: #6c757d;
}

.loading-container p[b-up7hhagqx7] {
    margin-top: 1rem;
}

[b-up7hhagqx7] .empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    text-align: center;
}

[b-up7hhagqx7] .empty-state .rzi {
    font-size: 4rem;
    color: #dee2e6;
    margin-bottom: 1rem;
}

[b-up7hhagqx7] .empty-state h3 {
    color: #495057;
    margin-bottom: 0.5rem;
}

[b-up7hhagqx7] .empty-state p {
    color: #6c757d;
    margin-bottom: 1.5rem;
}

/* Fix button icon alignment in empty state */
[b-up7hhagqx7] .empty-state .rz-button {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

[b-up7hhagqx7] .empty-state .rz-button .rzi {
    font-size: 1.25rem;
    color: inherit;
    margin-bottom: 0;
}

.content-grid[b-up7hhagqx7] {
    margin-top: 1rem;
}

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

/* Preview Modal */
[b-up7hhagqx7] .preview-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

[b-up7hhagqx7] .preview-modal {
    background: white;
    border-radius: 12px;
    width: 100%;
    max-width: 1400px;
    max-height: 95vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
}

[b-up7hhagqx7] .preview-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    border-radius: 12px 12px 0 0;
    gap: 1rem;
    flex-wrap: wrap;
}

[b-up7hhagqx7] .preview-title {
    font-weight: 600;
    font-size: 1rem;
    color: #1a1a2e;
    flex: 1;
    min-width: 150px;
}

[b-up7hhagqx7] .preview-device-buttons {
    display: flex;
    gap: 0.5rem;
}

[b-up7hhagqx7] .preview-modal-body {
    flex: 1;
    overflow: auto;
    padding: 1.5rem;
    background: #e9ecef;
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-up7hhagqx7] .preview-device-frame {
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: width 0.3s ease;
    overflow: auto;
    max-height: calc(95vh - 180px);
}

[b-up7hhagqx7] .preview-device-frame.preview-desktop {
    width: 100%;
    max-width: 1200px;
}

[b-up7hhagqx7] .preview-device-frame.preview-tablet {
    width: 768px;
    max-width: 100%;
}

[b-up7hhagqx7] .preview-device-frame.preview-phone {
    width: 375px;
    max-width: 100%;
}

[b-up7hhagqx7] .preview-device-content {
    padding: 2rem;
}

[b-up7hhagqx7] .preview-device-content h1 {
    font-size: 2rem;
    color: #1a1a2e;
    margin-bottom: 0.5rem;
    text-align: center;
}

[b-up7hhagqx7] .preview-author-date {
    text-align: center;
    color: #6c757d;
    font-size: 0.9rem;
    margin-bottom: 1.5rem;
}

[b-up7hhagqx7] .draft-badge {
    background: #ffc107;
    color: #000;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    margin-left: 0.5rem;
}

[b-up7hhagqx7] .preview-summary {
    font-size: 1.1rem;
    color: #495057;
    border-left: 4px solid #427fed;
    padding-left: 1rem;
    margin-bottom: 1.5rem;
    font-style: italic;
}

[b-up7hhagqx7] .preview-body-content {
    font-size: 1rem;
    line-height: 1.8;
    color: #333;
}

[b-up7hhagqx7] .preview-body-content h2 {
    font-size: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

[b-up7hhagqx7] .preview-body-content h3 {
    font-size: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
}

[b-up7hhagqx7] .preview-body-content p {
    margin-bottom: 1rem;
}

[b-up7hhagqx7] .preview-body-content ul,
[b-up7hhagqx7] .preview-body-content ol {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

[b-up7hhagqx7] .preview-size-label {
    margin-top: 1rem;
    font-size: 0.85rem;
    color: #6c757d;
}

/* Phone adjustments */
[b-up7hhagqx7] .preview-device-frame.preview-phone .preview-device-content {
    padding: 1rem;
}

[b-up7hhagqx7] .preview-device-frame.preview-phone .preview-device-content h1 {
    font-size: 1.5rem;
}

[b-up7hhagqx7] .preview-device-frame.preview-phone .preview-summary {
    font-size: 1rem;
}

[b-up7hhagqx7] .preview-device-frame.preview-phone .preview-body-content {
    font-size: 0.9rem;
}

/* Tablet adjustments */
[b-up7hhagqx7] .preview-device-frame.preview-tablet .preview-device-content {
    padding: 1.5rem;
}

[b-up7hhagqx7] .preview-device-frame.preview-tablet .preview-device-content h1 {
    font-size: 1.75rem;
}

/* Responsive */
@media (max-width: 768px) {
    .content-admin[b-up7hhagqx7] {
        padding: 1rem;
    }

    .page-header[b-up7hhagqx7] {
        flex-direction: column;
        gap: 1rem;
    }

    .header-content h1[b-up7hhagqx7] {
        font-size: 1.5rem;
    }

    .header-actions[b-up7hhagqx7] {
        width: 100%;
        flex-direction: column;
    }

    [b-up7hhagqx7] .preview-modal-header {
        flex-direction: column;
        align-items: stretch;
    }

    [b-up7hhagqx7] .preview-device-buttons {
        justify-content: center;
    }
}
/* /Components/Pages/Admin/ContentPostEdit.razor.rz.scp.css */
.content-edit[b-6iss108km3] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-6iss108km3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.header-content h1[b-6iss108km3] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.page-subtitle[b-6iss108km3] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

.header-actions[b-6iss108km3] {
    display: flex;
    gap: 0.5rem;
}

.loading-container[b-6iss108km3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    color: #6c757d;
}

.form-layout[b-6iss108km3] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 2rem;
}

.form-section[b-6iss108km3] {
    margin-bottom: 1.5rem;
}

.form-section h4[b-6iss108km3] {
    margin: 0 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e9ecef;
    font-size: 1rem;
    font-weight: 600;
    color: #495057;
}

.form-group[b-6iss108km3] {
    margin-bottom: 1rem;
}

.form-group[b-6iss108km3]  .rz-textbox,
.form-group[b-6iss108km3]  .rz-textarea,
.form-group[b-6iss108km3]  .rz-datepicker {
    width: 100%;
}

.slug-input[b-6iss108km3] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.slug-input[b-6iss108km3]  .rz-textbox {
    flex: 1;
}

.status-label[b-6iss108km3] {
    margin-left: 0.5rem;
    font-size: 0.9rem;
    color: #6c757d;
}

.publishing-note[b-6iss108km3] {
    font-size: 0.8rem;
    color: #6c757d;
    margin-bottom: 1rem;
    font-style: italic;
}

.char-count[b-6iss108km3] {
    display: block;
    text-align: right;
    color: #6c757d;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

[b-6iss108km3] .validation-message {
    color: #dc3545;
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

/* Validation styling - blue border for invalid required fields */
[b-6iss108km3] .rz-state-invalid,
[b-6iss108km3] .rz-state-invalid .rz-inputtext {
    border-color: #2196F3 !important;
    box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.25) !important;
}

[b-6iss108km3] .rz-state-invalid:focus,
[b-6iss108km3] .rz-state-invalid .rz-inputtext:focus {
    border-color: #1976D2 !important;
    box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.35) !important;
}

.validation-message[b-6iss108km3] {
    display: block;
    color: #2196F3;
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

/* Editor invalid state wrapper */
.editor-invalid[b-6iss108km3] {
    border: 2px solid #2196F3;
    border-radius: 4px;
    box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.25);
}

/* Responsive */
@media (max-width: 992px) {
    .form-layout[b-6iss108km3] {
        grid-template-columns: 1fr;
    }

    .sidebar[b-6iss108km3] {
        order: -1;
    }
}

@media (max-width: 768px) {
    .content-edit[b-6iss108km3] {
        padding: 1rem;
    }

    .page-header[b-6iss108km3] {
        flex-direction: column;
        gap: 1rem;
    }

    .header-content h1[b-6iss108km3] {
        font-size: 1.5rem;
    }

    .header-actions[b-6iss108km3] {
        width: 100%;
    }
}

/* Template Codes Section */
.template-codes-section h4[b-6iss108km3] {
    display: flex;
    align-items: center;
}

.template-codes-intro[b-6iss108km3] {
    font-size: 0.85rem;
    color: #6c757d;
    margin-bottom: 1rem;
}

.template-codes-list[b-6iss108km3] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.template-code-item[b-6iss108km3] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.5rem;
    background: #f8f9fa;
    border-radius: 4px;
    border: 1px solid #e9ecef;
}

.template-code[b-6iss108km3] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.85rem;
    background: #e9ecef;
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
    cursor: pointer;
    user-select: all;
    color: #d63384;
    transition: background-color 0.15s ease;
}

.template-code:hover[b-6iss108km3] {
    background: #dee2e6;
}

.template-code-info[b-6iss108km3] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.template-code-name[b-6iss108km3] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #495057;
}

.template-code-desc[b-6iss108km3] {
    font-size: 0.75rem;
    color: #6c757d;
}
/* /Components/Pages/Admin/DesignSystem.razor.rz.scp.css */
.design-system[b-vrll7392ri] {
    padding: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.design-header[b-vrll7392ri] {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e0e0e0;
}

.design-header h1[b-vrll7392ri] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.design-subtitle[b-vrll7392ri] {
    font-size: 1.125rem;
    color: #6c757d;
    margin: 0;
}

.design-section[b-vrll7392ri] {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e0e0e0;
}

.design-section:last-child[b-vrll7392ri] {
    border-bottom: none;
}

.design-section h2[b-vrll7392ri] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.design-section h3[b-vrll7392ri] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 2rem 0 1rem 0;
}

.design-section h3:first-of-type[b-vrll7392ri] {
    margin-top: 1.5rem;
}

.section-description[b-vrll7392ri] {
    color: #6c757d;
    margin: 0 0 1.5rem 0;
}

/* Color Grid */
.color-grid[b-vrll7392ri] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
}

.color-card[b-vrll7392ri] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}

.color-swatch[b-vrll7392ri] {
    height: 80px;
    width: 100%;
}

.color-info[b-vrll7392ri] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.color-name[b-vrll7392ri] {
    font-weight: 600;
    color: #1a1a2e;
}

.color-info code[b-vrll7392ri] {
    font-family: 'Roboto Mono', monospace;
    font-size: 0.875rem;
    color: #1976d2;
    background: #f5f5f5;
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    width: fit-content;
}

.color-usage[b-vrll7392ri] {
    font-size: 0.8rem;
    color: #9e9e9e;
}

/* Font Showcase */
.font-showcase[b-vrll7392ri] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.font-card[b-vrll7392ri] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 2rem;
}

.font-preview[b-vrll7392ri] {
    font-size: 2rem;
    color: #1a1a2e;
    min-width: 250px;
}

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

.font-name[b-vrll7392ri] {
    font-weight: 600;
    color: #1a1a2e;
}

.font-info code[b-vrll7392ri] {
    font-family: 'Roboto Mono', monospace;
    font-size: 0.875rem;
    color: #1976d2;
    background: #f5f5f5;
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    width: fit-content;
}

.font-usage[b-vrll7392ri] {
    font-size: 0.8rem;
    color: #9e9e9e;
}

/* Type Scale */
.type-scale[b-vrll7392ri] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.type-row[b-vrll7392ri] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.type-sample[b-vrll7392ri] {
    color: #1a1a2e;
    flex: 1;
}

.type-specs[b-vrll7392ri] {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    color: #6c757d;
    font-size: 0.875rem;
}

.type-specs code[b-vrll7392ri] {
    font-family: 'Roboto Mono', monospace;
    font-size: 0.8rem;
    color: #1976d2;
    background: #f5f5f5;
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
}

/* Spacing Scale */
.spacing-scale[b-vrll7392ri] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.spacing-row[b-vrll7392ri] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.spacing-visual[b-vrll7392ri] {
    background: #1976d2;
    border-radius: 2px;
}

.spacing-info[b-vrll7392ri] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.spacing-info code[b-vrll7392ri] {
    font-family: 'Roboto Mono', monospace;
    font-size: 0.875rem;
    color: #1976d2;
    background: #f5f5f5;
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    min-width: 120px;
}

.spacing-info span[b-vrll7392ri] {
    color: #6c757d;
    font-size: 0.875rem;
}

/* Border Radius Scale */
.radius-scale[b-vrll7392ri] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 1rem;
}

.radius-card[b-vrll7392ri] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    text-align: center;
}

.radius-visual[b-vrll7392ri] {
    width: 80px;
    height: 80px;
    background: #1976d2;
}

.radius-card code[b-vrll7392ri] {
    font-family: 'Roboto Mono', monospace;
    font-size: 0.875rem;
    color: #1976d2;
    background: #f5f5f5;
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
}

.radius-card span[b-vrll7392ri] {
    font-size: 0.8rem;
    color: #6c757d;
}

/* Shadow Scale */
.shadow-scale[b-vrll7392ri] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1.5rem;
}

.shadow-card[b-vrll7392ri] {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    text-align: center;
}

.shadow-card > span:first-child[b-vrll7392ri] {
    font-weight: 600;
    color: #1a1a2e;
}

.shadow-card code[b-vrll7392ri] {
    font-family: 'Roboto Mono', monospace;
    font-size: 0.75rem;
    color: #1976d2;
    background: #f5f5f5;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.shadow-usage[b-vrll7392ri] {
    font-size: 0.8rem;
    color: #9e9e9e;
}

/* Button Showcase */
.button-showcase[b-vrll7392ri] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.button-row[b-vrll7392ri] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1.5rem;
}

.button-row h4[b-vrll7392ri] {
    margin: 0 0 1rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a2e;
}

.button-examples[b-vrll7392ri] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

/* Code Block */
.code-block[b-vrll7392ri] {
    background: #1a1a2e;
    border-radius: 8px;
    padding: 1.5rem;
    overflow-x: auto;
}

.code-block pre[b-vrll7392ri] {
    margin: 0;
}

.code-block code[b-vrll7392ri] {
    font-family: 'Roboto Mono', monospace;
    font-size: 0.875rem;
    color: #e0e0e0;
    line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
    .design-system[b-vrll7392ri] {
        padding: 1rem;
    }

    .design-header h1[b-vrll7392ri] {
        font-size: 2rem;
    }

    .font-card[b-vrll7392ri] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .font-preview[b-vrll7392ri] {
        min-width: auto;
    }

    .type-row[b-vrll7392ri] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .type-specs[b-vrll7392ri] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .spacing-row[b-vrll7392ri] {
        flex-direction: column;
        align-items: flex-start;
    }

    .spacing-info[b-vrll7392ri] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
}
/* /Components/Pages/Admin/Stripe/StripeCatalog.razor.rz.scp.css */
.admin-page[b-rdecsgtlxs] {
    padding: 24px 24px 40px;
    max-width: 1600px;
    margin: 0 auto;
}

.text-muted[b-rdecsgtlxs] {
    color: #6c757d;
}

.text-success[b-rdecsgtlxs] {
    color: #198754;
}

@media (max-width: 768px) {
    .admin-page[b-rdecsgtlxs] {
        padding: 16px 12px 28px;
    }
}
/* /Components/Pages/Blog/BlogDetail.razor.rz.scp.css */
.blog-post[b-n6ewxbmope] {
    /* max-width controlled centrally in app.css */
}

.post-header[b-n6ewxbmope] {
    margin-bottom: 2rem;
    text-align: center;
}

.post-header h1[b-n6ewxbmope] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.post-meta[b-n6ewxbmope] {
    color: #6c757d;
    font-size: 0.95rem;
}

.post-meta .separator[b-n6ewxbmope] {
    margin: 0 0.5rem;
}

.post-meta .author[b-n6ewxbmope] {
    font-weight: 500;
}

.post-summary[b-n6ewxbmope] {
    font-size: 1.25rem;
    color: #495057;
    border-left: 4px solid #427fed;
    padding-left: 1.5rem;
    margin-bottom: 2rem;
    font-style: italic;
}

.post-content[b-n6ewxbmope] {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #333;
}

.post-content h2[b-n6ewxbmope] {
    font-size: 1.75rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #1a1a2e;
}

.post-content h3[b-n6ewxbmope] {
    font-size: 1.4rem;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    color: #1a1a2e;
}

.post-content p[b-n6ewxbmope] {
    margin-bottom: 1.25rem;
}

.post-content ul[b-n6ewxbmope],
.post-content ol[b-n6ewxbmope] {
    margin-bottom: 1.25rem;
    padding-left: 1.5rem;
}

.post-content li[b-n6ewxbmope] {
    margin-bottom: 0.5rem;
}

.post-content a[b-n6ewxbmope] {
    color: #427fed;
    text-decoration: underline;
}

.post-content blockquote[b-n6ewxbmope] {
    border-left: 4px solid #dee2e6;
    padding-left: 1rem;
    margin: 1.5rem 0;
    color: #6c757d;
    font-style: italic;
}

.post-footer[b-n6ewxbmope] {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid #e9ecef;
}

.back-link[b-n6ewxbmope] {
    color: #427fed;
    text-decoration: none;
    font-weight: 500;
}

.back-link:hover[b-n6ewxbmope] {
    text-decoration: underline;
}

.loading-container[b-n6ewxbmope],
.not-found[b-n6ewxbmope] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    text-align: center;
}

.not-found h1[b-n6ewxbmope] {
    color: #6c757d;
    margin-bottom: 1rem;
}

.not-found p[b-n6ewxbmope] {
    color: #6c757d;
    margin-bottom: 2rem;
}

/* Responsive */
@media (max-width: 768px) {
    .blog-post[b-n6ewxbmope] {
        padding: 1rem;
    }

    .post-header h1[b-n6ewxbmope] {
        font-size: 1.75rem;
    }

    .post-summary[b-n6ewxbmope] {
        font-size: 1.1rem;
    }

    .post-content[b-n6ewxbmope] {
        font-size: 1rem;
    }
}
/* /Components/Pages/Blog/BlogList.razor.rz.scp.css */
.blog-list[b-mjl8sq1it2] {
    /* max-width controlled centrally in app.css */
}

.page-header[b-mjl8sq1it2] {
    text-align: center;
    margin-bottom: 3rem;
}

.page-header h1[b-mjl8sq1it2] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 0.5rem;
}

.page-header p[b-mjl8sq1it2] {
    color: #6c757d;
    font-size: 1.1rem;
}

.posts-grid[b-mjl8sq1it2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 2rem;
}

.post-card[b-mjl8sq1it2] {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
    text-decoration: none !important;
    color: inherit;
}

.post-card:hover[b-mjl8sq1it2] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    text-decoration: none !important;
}

.post-card *[b-mjl8sq1it2] {
    text-decoration: none !important;
}

.post-card-content[b-mjl8sq1it2] {
    padding: 1.5rem;
    flex: 1;
}

.post-card h2[b-mjl8sq1it2] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 0.75rem;
    line-height: 1.4;
}

.post-card .summary[b-mjl8sq1it2] {
    color: #6c757d;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-card .post-meta[b-mjl8sq1it2] {
    font-size: 0.85rem;
    color: #adb5bd;
}

.post-card .separator[b-mjl8sq1it2] {
    margin: 0 0.5rem;
}

.post-card-footer[b-mjl8sq1it2] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #f1f3f4;
    background: #fafbfc;
}

.read-more[b-mjl8sq1it2] {
    color: #427fed;
    font-weight: 500;
    font-size: 0.9rem;
}

.loading-container[b-mjl8sq1it2],
.empty-state[b-mjl8sq1it2] {
    display: flex;
    justify-content: center;
    padding: 4rem;
    color: #6c757d;
}

.pagination[b-mjl8sq1it2] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid #e9ecef;
}

.page-btn[b-mjl8sq1it2] {
    background: #427fed;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    transition: background 0.2s;
}

.page-btn:hover[b-mjl8sq1it2] {
    background: #3268c7;
}

.page-info[b-mjl8sq1it2] {
    color: #6c757d;
    font-size: 0.9rem;
}

/* Responsive */
@media (max-width: 768px) {
    .blog-list[b-mjl8sq1it2] {
        padding: 1rem;
    }

    .page-header h1[b-mjl8sq1it2] {
        font-size: 2rem;
    }

    .posts-grid[b-mjl8sq1it2] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Checkout.razor.rz.scp.css */
/* Checkout Page Styles */

.checkout-section[b-kc7so1r0k0] {
    padding: 3rem 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    min-height: calc(100vh - 200px);
}

.container[b-kc7so1r0k0] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.checkout-header[b-kc7so1r0k0] {
    text-align: center;
    margin-bottom: 2rem;
}

.checkout-header h1[b-kc7so1r0k0] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 0.5rem;
}

.checkout-header .lead[b-kc7so1r0k0] {
    font-size: 1rem;
    color: #6c757d;
}

/* Empty Basket */
.empty-basket[b-kc7so1r0k0] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.empty-basket h2[b-kc7so1r0k0] {
    font-size: 1.5rem;
    color: #333;
    margin: 1rem 0 0.5rem;
}

.empty-basket p[b-kc7so1r0k0] {
    color: #666;
    margin-bottom: 1.5rem;
}

/* Checkout Layout */
.checkout-layout[b-kc7so1r0k0] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 2rem;
    align-items: start;
}

@media (max-width: 900px) {
    .checkout-layout[b-kc7so1r0k0] {
        grid-template-columns: 1fr;
    }
    
    .checkout-sidebar[b-kc7so1r0k0] {
        order: -1;
    }
}

/* Order Review */
.order-review[b-kc7so1r0k0] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.order-review h2[b-kc7so1r0k0] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 1.5rem 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.order-item[b-kc7so1r0k0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 0;
    border-bottom: 1px solid #f0f0f0;
}

.order-item:last-child[b-kc7so1r0k0] {
    border-bottom: none;
}

.main-subscription[b-kc7so1r0k0] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
    flex-direction: column;
    gap: 0.5rem;
}

.item-badge[b-kc7so1r0k0] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #1976d2;
    background: #e3f2fd;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.item-details h3[b-kc7so1r0k0], .item-details h4[b-kc7so1r0k0] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.25rem 0;
}

.item-plan[b-kc7so1r0k0] {
    font-size: 0.875rem;
    color: #666;
    margin: 0;
}

.item-price[b-kc7so1r0k0] {
    font-weight: 600;
    text-align: right;
}

.item-price .original-price[b-kc7so1r0k0] {
    font-size: 0.8rem;
    color: #999;
    text-decoration: line-through;
    display: block;
}

.item-price .price-period[b-kc7so1r0k0] {
    font-size: 0.75rem;
    font-weight: normal;
    color: #666;
}

/* Addons Group */
.addons-group[b-kc7so1r0k0] {
    margin-top: 1rem;
}

.addons-header[b-kc7so1r0k0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
    color: #666;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.bundle-indicator[b-kc7so1r0k0] {
    font-size: 0.75rem;
    color: #28a745;
    background: #e8f5e9;
    padding: 0.25rem 0.5rem;
    border-radius: 12px;
}

.bundle-badge[b-kc7so1r0k0] {
    font-size: 0.65rem;
    background: #e8f5e9;
    color: #28a745;
    padding: 0.125rem 0.375rem;
    border-radius: 8px;
    margin-left: 0.5rem;
}

/* Edit Basket Button */
.edit-basket[b-kc7so1r0k0] {
    margin-top: 1rem;
}

.edit-basket .btn[b-kc7so1r0k0] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* Order Summary Sidebar */
.checkout-sidebar[b-kc7so1r0k0] {
    position: sticky;
    top: 1rem;
}

.order-summary[b-kc7so1r0k0] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.order-summary h2[b-kc7so1r0k0] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 1rem 0;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e0e0e0;
}

.summary-rows[b-kc7so1r0k0] {
    margin-bottom: 1rem;
}

.summary-row[b-kc7so1r0k0] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    font-size: 0.9rem;
}

.summary-row.savings[b-kc7so1r0k0],
.summary-row.promo[b-kc7so1r0k0] {
    color: #28a745;
}

.summary-total[b-kc7so1r0k0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    border-top: 2px solid #1a1a2e;
    font-weight: 600;
}

.total-amount .amount[b-kc7so1r0k0] {
    font-size: 1.5rem;
    color: #1976d2;
}

.total-amount .period[b-kc7so1r0k0] {
    font-size: 0.875rem;
    font-weight: normal;
    color: #666;
}

/* Pay Button */
.btn-pay[b-kc7so1r0k0] {
    width: 100%;
    padding: 1rem;
    font-size: 1.125rem;
    font-weight: 600;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.btn-pay:disabled[b-kc7so1r0k0] {
    opacity: 0.7;
    cursor: not-allowed;
}

/* Payment Info */
.payment-info[b-kc7so1r0k0] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e0e0e0;
    text-align: center;
}

.payment-info p[b-kc7so1r0k0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #666;
    margin: 0.5rem 0;
}

.payment-info .small[b-kc7so1r0k0] {
    font-size: 0.75rem;
    color: #999;
}

/* Buttons */
.btn[b-kc7so1r0k0] {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    border: none;
    transition: all 0.2s;
}

.btn-primary[b-kc7so1r0k0] {
    background: #1976d2;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-kc7so1r0k0] {
    background: #1565c0;
}

.btn-secondary[b-kc7so1r0k0] {
    background: #f0f0f0;
    color: #333;
}

.btn-secondary:hover[b-kc7so1r0k0] {
    background: #e0e0e0;
}
/* /Components/Pages/CmsPage.razor.rz.scp.css */
.cms-page[b-j1679mnss6] {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-j1679mnss6] {
    margin-bottom: 2rem;
}

.page-header h1[b-j1679mnss6] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0;
}

.page-content[b-j1679mnss6] {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #333;
}

.page-content h2[b-j1679mnss6] {
    font-size: 1.75rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #1a1a2e;
}

.page-content h3[b-j1679mnss6] {
    font-size: 1.4rem;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    color: #1a1a2e;
}

.page-content p[b-j1679mnss6] {
    margin-bottom: 1.25rem;
}

.page-content ul[b-j1679mnss6],
.page-content ol[b-j1679mnss6] {
    margin-bottom: 1.25rem;
    padding-left: 1.5rem;
}

.page-content li[b-j1679mnss6] {
    margin-bottom: 0.5rem;
}

.page-content a[b-j1679mnss6] {
    color: #427fed;
    text-decoration: underline;
}

.page-content blockquote[b-j1679mnss6] {
    border-left: 4px solid #dee2e6;
    padding-left: 1rem;
    margin: 1.5rem 0;
    color: #6c757d;
    font-style: italic;
}

.loading-container[b-j1679mnss6],
.not-found[b-j1679mnss6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    text-align: center;
}

.not-found h1[b-j1679mnss6] {
    color: #6c757d;
    margin-bottom: 1rem;
}

.not-found p[b-j1679mnss6] {
    color: #6c757d;
    margin-bottom: 2rem;
}

/* Responsive */
@media (max-width: 768px) {
    .cms-page[b-j1679mnss6] {
        padding: 1rem;
    }

    .page-header h1[b-j1679mnss6] {
        font-size: 1.5rem;
    }

    .page-content[b-j1679mnss6] {
        font-size: 1rem;
    }
}

/* App Store Badges - Template Codes */
[b-j1679mnss6] .app-badges-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 1.5rem 0;
    align-items: center;
}

[b-j1679mnss6] .app-badge-link {
    display: inline-block;
    text-decoration: none;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

[b-j1679mnss6] .app-badge-link:hover {
    transform: scale(1.05);
    opacity: 0.9;
}

[b-j1679mnss6] .app-badge {
    display: block;
    height: 50px;
    max-height: 50px;
    width: auto;
}

/* Google Play official badge has ~40% whitespace - make it taller to match visual size */
[b-j1679mnss6] .app-badge.google-play-badge {
    height: 75px;
    max-height: 75px;
    margin: -12px 0; /* Compensate for extra whitespace */
}

/* Register Now Button - Template Code */
[b-j1679mnss6] .register-now-container {
    display: flex;
    justify-content: center;
    margin: 2rem 0;
}

[b-j1679mnss6] .register-now-button {
    display: inline-block;
    padding: 1rem 2.5rem;
    background: linear-gradient(135deg, #427fed 0%, #2a5db0 100%);
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(66, 127, 237, 0.3);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

[b-j1679mnss6] .register-now-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(66, 127, 237, 0.4);
    color: #fff;
}

@media (max-width: 480px) {
    [b-j1679mnss6] .app-badges-container {
        flex-direction: column;
        align-items: flex-start;
    }
    
    [b-j1679mnss6] .register-now-button {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Dashboard/Referrals.razor.rz.scp.css */
/* /Components/Pages/Features.razor.rz.scp.css */
.features-page[b-0z6trelopg] {
    padding-top: 2rem;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/*  Home.razor.css
 *  Styles for public site homepage
 *  Section-specific styles are in each component's CSS file
 */

/* About/CMS section - matches LatestNewsSection margins */
#about[b-5e1k3w1mvu] {
    background-color: #fff;
}

#about .inner[b-5e1k3w1mvu] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    text-align: left;
}

/* Home CMS content styles */
.home-content[b-5e1k3w1mvu] {
    max-width: 100%;
    line-height: 1.8;
    font-size: 1rem;
    text-align: left;
    margin-bottom: 40px;
}

/* Constrain general images in CMS content (not badges) */
.home-content img:not(.app-badge)[b-5e1k3w1mvu] {
    max-width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: contain;
}

/* App store badge images should be smaller */
.home-content img[src*="play"][b-5e1k3w1mvu],
.home-content img[src*="Play"][b-5e1k3w1mvu],
.home-content img[src*="google"][b-5e1k3w1mvu],
.home-content img[src*="Google"][b-5e1k3w1mvu],
.home-content img[src*="app-store"][b-5e1k3w1mvu],
.home-content img[src*="AppStore"][b-5e1k3w1mvu],
.home-content img[src*="apple"][b-5e1k3w1mvu],
.home-content img[src*="Apple"][b-5e1k3w1mvu],
.home-content img[src*="Store"][b-5e1k3w1mvu],
.home-content img[src*="badge"][b-5e1k3w1mvu] {
    max-height: 50px;
    height: 50px;
    width: auto;
}

.home-content p[b-5e1k3w1mvu] {
    margin-bottom: 1.25rem;
}

.home-content h2[b-5e1k3w1mvu] {
    font-size: 1.75rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #1a1a2e;
}

.home-content h3[b-5e1k3w1mvu] {
    font-size: 1.4rem;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    color: #1a1a2e;
}

.home-content ul[b-5e1k3w1mvu],
.home-content ol[b-5e1k3w1mvu] {
    margin-bottom: 1.25rem;
    padding-left: 1.5rem;
    text-align: left;
}

.home-content li[b-5e1k3w1mvu] {
    margin-bottom: 0.5rem;
}

.home-content a[b-5e1k3w1mvu] {
    color: var(--rz-primary, #427fed);
}

/* Badge and template code styles are now in app.css for global use */

@media (max-width: 768px) {
    #about .inner[b-5e1k3w1mvu] {
        padding: 30px 20px;
    }
    
    .home-content[b-5e1k3w1mvu] {
        font-size: 1rem;
    }
}
/* /Components/Pages/News/NewsDetail.razor.rz.scp.css */
.news-article[b-b5mvoubdmw] {
    /* max-width controlled centrally in app.css */
}

.article-header[b-b5mvoubdmw] {
    margin-bottom: 2rem;
}

.article-header h1[b-b5mvoubdmw] {
    font-size: 2.25rem;
    color: #1a1a2e;
    margin: 0 0 1rem 0;
    line-height: 1.3;
}

.article-meta[b-b5mvoubdmw] {
    font-size: 0.95rem;
    color: #6c757d;
}

.article-meta .author[b-b5mvoubdmw] {
    font-weight: 500;
}

.article-meta .separator[b-b5mvoubdmw] {
    margin: 0 0.5rem;
}

.article-summary[b-b5mvoubdmw] {
    font-size: 1.15rem;
    color: #495057;
    line-height: 1.7;
    margin-bottom: 2rem;
    padding: 1rem;
    background: #f8f9fa;
    border-left: 4px solid #427fed;
    border-radius: 0 4px 4px 0;
}

.article-summary p[b-b5mvoubdmw] {
    margin: 0;
}

.article-content[b-b5mvoubdmw] {
    font-size: 1.05rem;
    line-height: 1.8;
    color: #333;
}

.article-content p[b-b5mvoubdmw] {
    margin-bottom: 1.5rem;
}

/* Remove border from register button container */
.article-content .register-now-container[b-b5mvoubdmw] {
    border: none;
    background: none;
    padding: 0;
}

.article-content h2[b-b5mvoubdmw] {
    font-size: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #1a1a2e;
}

.article-content h3[b-b5mvoubdmw] {
    font-size: 1.25rem;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    color: #1a1a2e;
}

.article-content a[b-b5mvoubdmw] {
    color: #427fed;
}

.article-content img[b-b5mvoubdmw] {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 1rem 0;
}

.article-footer[b-b5mvoubdmw] {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid #e9ecef;
    margin-bottom: 3rem;
}

.back-link[b-b5mvoubdmw] {
    color: #427fed;
    text-decoration: none;
    font-weight: 500;
}

.back-link:hover[b-b5mvoubdmw] {
    text-decoration: underline;
}

.loading-container[b-b5mvoubdmw],
.not-found[b-b5mvoubdmw] {
    max-width: 800px;
    margin: 3rem auto;
    padding: 3rem 20px;
    text-align: center;
}

.not-found h1[b-b5mvoubdmw] {
    color: #1a1a2e;
    margin-bottom: 1rem;
}

.not-found p[b-b5mvoubdmw] {
    color: #6c757d;
    margin-bottom: 2rem;
}

@media (max-width: 768px) {
    .news-article[b-b5mvoubdmw] {
        padding-top: 3rem;
    }

    .article-header h1[b-b5mvoubdmw] {
        font-size: 1.75rem;
    }

    .article-content[b-b5mvoubdmw] {
        font-size: 1rem;
    }
}
/* /Components/Pages/News/NewsList.razor.rz.scp.css */
.news-list[b-u46syrieq8] {
    /* max-width controlled centrally in app.css */
}

.page-header[b-u46syrieq8] {
    margin-bottom: 2rem;
    text-align: left;
}

.page-header h1[b-u46syrieq8] {
    font-size: 2rem;
    color: #4c5d6f;
    margin: 0 0 0.5rem 0;
}

.page-header p[b-u46syrieq8] {
    color: #6c757d;
    font-size: 1.1rem;
    margin: 0;
}

.loading-container[b-u46syrieq8],
.empty-state[b-u46syrieq8] {
    padding: 3rem;
    text-align: center;
    color: #6c757d;
}

.posts-grid[b-u46syrieq8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.post-card[b-u46syrieq8] {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #e9ecef;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    text-decoration: none !important;
    color: inherit;
}

.post-card:hover[b-u46syrieq8] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    text-decoration: none !important;
}

.post-card *[b-u46syrieq8] {
    text-decoration: none !important;
}

.post-card-content[b-u46syrieq8] {
    padding: 1.5rem;
    flex: 1;
}

.post-card-content h2[b-u46syrieq8] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 0.75rem 0;
    line-height: 1.3;
}

.post-card-content .summary[b-u46syrieq8] {
    font-size: 0.95rem;
    color: #495057;
    line-height: 1.6;
    margin: 0 0 1rem 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-meta[b-u46syrieq8] {
    font-size: 0.85rem;
    color: #6c757d;
}

.post-card-footer[b-u46syrieq8] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e9ecef;
    background: #f8f9fa;
}

.read-more[b-u46syrieq8] {
    font-size: 0.9rem;
    color: var(--rz-primary, #427fed);
    font-weight: 500;
}

.pagination[b-u46syrieq8] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 2rem 0 3rem 0;
}

.page-btn[b-u46syrieq8] {
    padding: 0.5rem 1rem;
    background: #427fed;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: background-color 0.2s ease;
}

.page-btn:hover[b-u46syrieq8] {
    background: #3569c9;
}

.page-info[b-u46syrieq8] {
    color: #6c757d;
    font-size: 0.9rem;
}

@media (max-width: 768px) {
    .page-header[b-u46syrieq8] {
        margin-top: 2rem;
    }

    .page-header h1[b-u46syrieq8] {
        font-size: 1.5rem;
    }

    .posts-grid[b-u46syrieq8] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/PortalAdmin/DataSourceDialogs/SharedDataSourceEditDialog.razor.rz.scp.css */
.shared-datasource-dialog[b-wp0wfo3cv4] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.loading-container[b-wp0wfo3cv4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 2rem;
    color: var(--rz-text-secondary-color);
}

.error-state[b-wp0wfo3cv4],
.save-error[b-wp0wfo3cv4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    border-radius: 4px;
    background: color-mix(in srgb, var(--rz-danger) 12%, white);
    color: var(--rz-danger-darker, var(--rz-danger));
}

.form-group[b-wp0wfo3cv4] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.two-column-row[b-wp0wfo3cv4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.json-label-row[b-wp0wfo3cv4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.help-text[b-wp0wfo3cv4] {
    color: var(--rz-text-secondary-color);
    font-size: 0.8rem;
}

.validation-error[b-wp0wfo3cv4] {
    color: var(--rz-danger);
    font-size: 0.8rem;
}

.dialog-actions[b-wp0wfo3cv4] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--rz-base-300);
}

@media (max-width: 768px) {
    .two-column-row[b-wp0wfo3cv4] {
        grid-template-columns: 1fr;
    }

    .json-label-row[b-wp0wfo3cv4],
    .dialog-actions[b-wp0wfo3cv4] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/PortalAdmin/DataSourceDialogs/SharedDataSourceUsageDialog.razor.rz.scp.css */
.usage-dialog[b-1yqm585phg] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1rem;
}

/* Loading & Error States */
.loading-container[b-1yqm585phg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #6b7280;
}

.loading-container p[b-1yqm585phg] {
    margin-top: 1rem;
}

.error-state[b-1yqm585phg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
}

.error-state .rzi[b-1yqm585phg] {
    font-size: 3rem;
    color: #ef4444;
    margin-bottom: 1rem;
}

.error-state h4[b-1yqm585phg] {
    margin: 0 0 0.5rem 0;
    color: #1f2937;
}

.error-state p[b-1yqm585phg] {
    color: #6b7280;
    margin: 0 0 1rem 0;
}

/* Empty Usage State */
.empty-usage[b-1yqm585phg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
    background: #f9fafb;
    border-radius: 8px;
    margin-top: 1rem;
}

.empty-usage .rzi[b-1yqm585phg] {
    font-size: 3rem;
    color: #10b981;
    margin-bottom: 1rem;
}

.empty-usage h4[b-1yqm585phg] {
    margin: 0 0 0.5rem 0;
    color: #1f2937;
}

.empty-usage p[b-1yqm585phg] {
    color: #6b7280;
    margin: 0;
}

.empty-usage .hint[b-1yqm585phg] {
    font-size: 0.85rem;
    font-style: italic;
    margin-top: 0.5rem;
}

/* Search Toolbar */
.search-toolbar[b-1yqm585phg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1rem 0;
    padding: 0.75rem;
    background: #f9fafb;
    border-radius: 6px;
}

/* Form Groups */
.form-groups[b-1yqm585phg] {
    flex: 1;
    overflow-y: auto;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.form-group[b-1yqm585phg] {
    border-bottom: 1px solid #e5e7eb;
}

.form-group:last-child[b-1yqm585phg] {
    border-bottom: none;
}

.form-header[b-1yqm585phg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    cursor: pointer;
    background: #fafafa;
    transition: background 0.15s ease;
}

.form-header:hover[b-1yqm585phg] {
    background: #f3f4f6;
}

.expand-icon[b-1yqm585phg] {
    color: #6b7280;
    display: flex;
    align-items: center;
}

.form-info[b-1yqm585phg] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.form-name[b-1yqm585phg] {
    font-weight: 500;
    color: #1f2937;
}

.form-key[b-1yqm585phg] {
    font-size: 0.8rem;
    background: #e5e7eb;
    padding: 0.15rem 0.4rem;
    border-radius: 3px;
    color: #6b7280;
}

.field-count[b-1yqm585phg] {
    margin-right: 0.5rem;
}

.form-actions[b-1yqm585phg] {
    display: flex;
    gap: 0.25rem;
}

/* Field List */
.field-list[b-1yqm585phg] {
    padding: 0 1rem 1rem 2.5rem;
    background: #fff;
}

.fields-table[b-1yqm585phg] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.fields-table th[b-1yqm585phg] {
    text-align: left;
    padding: 0.5rem 0.75rem;
    color: #6b7280;
    font-weight: 500;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    border-bottom: 1px solid #e5e7eb;
}

.fields-table td[b-1yqm585phg] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
}

.fields-table tr:last-child td[b-1yqm585phg] {
    border-bottom: none;
}

.fields-table tr.usage-warning[b-1yqm585phg] {
    background: #fffbeb;
}

.field-label[b-1yqm585phg] {
    font-weight: 500;
    color: #374151;
}

.field-key[b-1yqm585phg] {
    font-size: 0.8rem;
    background: #f3f4f6;
    padding: 0.15rem 0.4rem;
    border-radius: 3px;
    color: #6b7280;
}

.field-type[b-1yqm585phg] {
    color: #6b7280;
    font-size: 0.85rem;
}

.warning-icon[b-1yqm585phg] {
    color: #f59e0b;
    font-size: 0.9rem;
    margin-left: 0.25rem;
    vertical-align: middle;
}

/* Dialog Footer */
.dialog-footer[b-1yqm585phg] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
}
/* /Components/Pages/PortalAdmin/FormBuilderDashboard.razor.rz.scp.css */
.form-builder-dashboard[b-hpr6w0s2eg] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-hpr6w0s2eg] {
    margin-bottom: 2rem;
}

.page-header h1[b-hpr6w0s2eg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.5rem 0;
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
}

.page-header .text-muted[b-hpr6w0s2eg] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

/* Loading state */
.loading-container[b-hpr6w0s2eg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    gap: 1rem;
    color: var(--rz-text-secondary-color);
}

/* Summary Cards */
.summary-cards[b-hpr6w0s2eg] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.summary-card[b-hpr6w0s2eg] {
    padding: 1.5rem;
    border-radius: 12px;
    min-height: 140px;
}

.summary-card.has-issues[b-hpr6w0s2eg] {
    border-left: 4px solid var(--rz-danger);
}

.card-header[b-hpr6w0s2eg] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.card-icon[b-hpr6w0s2eg] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.card-value[b-hpr6w0s2eg] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a2e;
    line-height: 1.1;
}

.card-label[b-hpr6w0s2eg] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    padding-left: 60px; /* align with value (icon width + gap) */
}

.card-icon.imported[b-hpr6w0s2eg] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.card-icon.analysed[b-hpr6w0s2eg] {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
    color: white;
}

.card-icon.design[b-hpr6w0s2eg] {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: white;
}

.card-icon.failed[b-hpr6w0s2eg] {
    background: linear-gradient(135deg, #eb3349 0%, #f45c43 100%);
    color: white;
}

.card-icon.success[b-hpr6w0s2eg] {
    background: linear-gradient(135deg, #56ab2f 0%, #a8e063 100%);
    color: white;
}

/* Dashboard Sections */
.dashboard-sections[b-hpr6w0s2eg] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.section-group-title[b-hpr6w0s2eg] {
    margin: 2rem 0 1rem 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--rz-text-secondary-color);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.admin-sections[b-hpr6w0s2eg] {
    margin-bottom: 2rem;
}

.dashboard-section[b-hpr6w0s2eg] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.5rem;
    min-height: 220px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.section-content[b-hpr6w0s2eg] {
    flex: 1;
}

.section-header[b-hpr6w0s2eg] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.section-icon[b-hpr6w0s2eg] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.section-icon.import-icon[b-hpr6w0s2eg] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.section-icon.create-icon[b-hpr6w0s2eg] {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: white;
}

.section-icon.design-icon[b-hpr6w0s2eg] {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: white;
}

.section-icon.datasource-icon[b-hpr6w0s2eg] {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
}

.section-icon.fieldtype-icon[b-hpr6w0s2eg] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: white;
}

.section-icon.shared-icon[b-hpr6w0s2eg] {
    background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);
    color: white;
}

.section-icon.discovery-icon[b-hpr6w0s2eg] {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
    color: white;
}

.section-header h2[b-hpr6w0s2eg] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a2e;
}

.section-description[b-hpr6w0s2eg] {
    color: #6c757d;
    font-size: 1rem;
    line-height: 1.6;
    margin: 0;
}

.section-actions[b-hpr6w0s2eg] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
}

/* Recent Activity Section */
.recent-activity-section[b-hpr6w0s2eg] {
    padding: 1.5rem;
    border-radius: 12px;
}

.recent-activity-section h3[b-hpr6w0s2eg] {
    margin: 0 0 1rem 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.activity-list[b-hpr6w0s2eg] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.activity-item[b-hpr6w0s2eg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--rz-base-background-color);
    border-radius: 8px;
    font-size: 0.875rem;
}

.activity-icon[b-hpr6w0s2eg] {
    color: var(--rz-text-secondary-color);
    font-size: 1rem;
}

.activity-name[b-hpr6w0s2eg] {
    flex: 1;
    font-weight: 500;
    color: var(--rz-text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.activity-status[b-hpr6w0s2eg] {
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.status-imported[b-hpr6w0s2eg] {
    background: #e3f2fd;
    color: #1565c0;
}

.status-analysed[b-hpr6w0s2eg] {
    background: #e8f5e9;
    color: #2e7d32;
}

.status-failed[b-hpr6w0s2eg] {
    background: #ffebee;
    color: #c62828;
}

.activity-date[b-hpr6w0s2eg] {
    color: var(--rz-text-tertiary-color);
    font-size: 0.75rem;
    white-space: nowrap;
}

.empty-activity[b-hpr6w0s2eg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    color: var(--rz-text-secondary-color);
    font-size: 0.875rem;
}

/* Responsive */
@media (max-width: 900px) {
    .dashboard-sections[b-hpr6w0s2eg] {
        grid-template-columns: 1fr;
    }

    .summary-cards[b-hpr6w0s2eg] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .summary-cards[b-hpr6w0s2eg] {
        grid-template-columns: 1fr;
    }

    .section-actions[b-hpr6w0s2eg] {
        flex-direction: column;
    }
}
/* /Components/Pages/PortalAdmin/FormBuilder/Create.razor.rz.scp.css */
.create-form-page[b-0t5sxih0bm] {
    padding: 2rem;
    max-width: 800px;
    margin: 0 auto;
}

.page-header[b-0t5sxih0bm] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 2rem;
}

.back-button[b-0t5sxih0bm] {
    flex-shrink: 0;
    margin-top: 0.25rem;
}

.header-text h1[b-0t5sxih0bm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.5rem 0;
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
}

.header-text .text-muted[b-0t5sxih0bm] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

.form-card[b-0t5sxih0bm] {
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.form-fields[b-0t5sxih0bm] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.form-field[b-0t5sxih0bm] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-field-row[b-0t5sxih0bm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.required-label[b-0t5sxih0bm]::after {
    content: " *";
    color: var(--rz-danger);
}

.form-actions[b-0t5sxih0bm] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e9ecef;
}

/* Validation messages */
.validation-message[b-0t5sxih0bm] {
    color: var(--rz-danger);
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.validation-error[b-0t5sxih0bm] {
    color: var(--rz-danger, #dc3545);
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: block;
}
/* /Components/Pages/PortalAdmin/FormDesigner.razor.rz.scp.css */
.form-designer-page[b-qkq830veih] {
    padding: 1.5rem;
    max-width: 1600px;
    margin: 0 auto;
}

/* Loading and Error States */
.loading-container[b-qkq830veih],
.error-container[b-qkq830veih] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.error-container .rz-icon[b-qkq830veih] {
    font-size: 4rem;
    color: var(--rz-danger);
    margin-bottom: 1rem;
}

.error-container h3[b-qkq830veih] {
    margin: 0 0 0.5rem 0;
}

.error-container p[b-qkq830veih] {
    color: var(--rz-text-secondary-color);
    margin-bottom: 1.5rem;
}

/* Page Header */
.page-header[b-qkq830veih] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.header-left[b-qkq830veih] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.header-title h1[b-qkq830veih] {
    margin: 0;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.header-meta[b-qkq830veih] {
    display: flex;
    gap: 1rem;
    margin-top: 0.25rem;
    flex-wrap: wrap;
}

.meta-item[b-qkq830veih] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    color: var(--rz-text-secondary-color);
}

.meta-item .rz-icon[b-qkq830veih] {
    font-size: 1rem;
}

.header-actions[b-qkq830veih] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

/* Main Layout */
.designer-layout[b-qkq830veih] {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 1.5rem;
    min-height: calc(100vh - 250px);
}

@media (max-width: 1200px) {
    .designer-layout[b-qkq830veih] {
        grid-template-columns: 1fr;
    }
}

/* Panels */
.structure-panel[b-qkq830veih],
.properties-panel[b-qkq830veih] {
    display: flex;
    flex-direction: column;
    height: fit-content;
    min-height: 400px;
    max-height: calc(100vh - 200px);
}

.panel-header[b-qkq830veih] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--rz-base-300);
    margin-bottom: 1rem;
}

.panel-header h3[b-qkq830veih] {
    margin: 0;
    flex: 1;
    font-size: 1rem;
    font-weight: 600;
}

/* Structure Tree */
.structure-tree[b-qkq830veih] {
    flex: 1;
    overflow: auto;
    background: var(--rz-base-100);
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
    padding: 0.5rem;
}

.tree-element[b-qkq830veih] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.5rem;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.15s;
}

/* Ensure child elements don't block right-click events from reaching the parent */
.tree-element > *[b-qkq830veih] {
    pointer-events: none;
}

.tree-element:hover[b-qkq830veih] {
    background: var(--rz-base-200);
}

.tree-element.selected[b-qkq830veih] {
    background: var(--rz-primary-lighter);
}

.tree-element.field-recently-updated[b-qkq830veih] {
    border: 1px solid rgba(22, 163, 74, 0.35);
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.12);
    animation: field-update-fade-b-qkq830veih 6s ease-out forwards;
}

.element-icon[b-qkq830veih] {
    font-size: 1rem;
    flex-shrink: 0;
}

.updated-badge[b-qkq830veih] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.45rem;
    border-radius: 999px;
    background: rgba(34, 197, 94, 0.12);
    color: #166534;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}

.element-kind[b-qkq830veih] {
    background: var(--rz-base-300);
    padding: 0.125rem 0.375rem;
    border-radius: 3px;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--rz-text-secondary-color);
    flex-shrink: 0;
}

.tree-element.page .element-kind[b-qkq830veih] {
    background: #dbeafe;
    color: #1d4ed8;
}

.tree-element.section .element-kind[b-qkq830veih] {
    background: #fef3c7;
    color: #92400e;
}

.tree-element.subform .element-kind[b-qkq830veih] {
    background: #ede9fe;
    color: #6d28d9;
}

.tree-element.field .element-kind[b-qkq830veih] {
    background: #d1fae5;
    color: #065f46;
}

.element-name[b-qkq830veih] {
    font-weight: 500;
    color: var(--rz-text-color);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.element-type[b-qkq830veih] {
    background: var(--rz-base-200);
    padding: 0.125rem 0.375rem;
    border-radius: 3px;
    font-size: 0.7rem;
    color: var(--rz-text-tertiary-color);
    flex-shrink: 0;
}

.required-marker[b-qkq830veih] {
    color: var(--rz-danger);
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1;
}

/* Shared field marker */
.shared-field-marker[b-qkq830veih] {
    font-size: 0.75rem;
    flex-shrink: 0;
    opacity: 0.8;
}

.shared-field-marker.stale[b-qkq830veih] {
    position: relative;
}

.shared-field-marker.stale[b-qkq830veih]::after {
    content: "!";
    position: absolute;
    top: -4px;
    right: -6px;
    font-size: 0.6rem;
    font-weight: bold;
    color: var(--rz-warning);
    background: var(--rz-warning-lighter);
    border-radius: 50%;
    width: 10px;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Cut element styling */
.tree-element.cut[b-qkq830veih] {
    opacity: 0.6;
    border: 1px dashed var(--rz-warning);
    background: var(--rz-warning-lighter);
}

/* Copied element styling */
.tree-element.copied[b-qkq830veih] {
    border: 1px dashed var(--rz-info);
    background: var(--rz-info-lighter);
}

.clipboard-marker[b-qkq830veih] {
    font-size: 0.875rem;
    flex-shrink: 0;
}

@keyframes field-update-fade-b-qkq830veih {
    0% {
        box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.16);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
    }
}

/* Drag and Drop */
.drag-hint[b-qkq830veih] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem;
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: var(--rz-text-tertiary-color);
    background: var(--rz-base-100);
    border-radius: 4px;
}

.drag-hint .rz-icon[b-qkq830veih] {
    font-size: 0.875rem;
}

/* Radzen Tree drag-drop styling overrides */
[b-qkq830veih] .rz-tree-item-dragging {
    opacity: 0.6;
    background: var(--rz-primary-lighter);
    border-radius: 4px;
}

[b-qkq830veih] .rz-tree-item-drop-target {
    background: var(--rz-info-lighter);
    border: 2px dashed var(--rz-info);
    border-radius: 4px;
}

[b-qkq830veih] .rz-tree-item-drop-before::before,
[b-qkq830veih] .rz-tree-item-drop-after::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--rz-primary);
}

[b-qkq830veih] .rz-tree-item-drop-before::before {
    top: 0;
}

[b-qkq830veih] .rz-tree-item-drop-after::after {
    bottom: 0;
}

/* Empty States */
.empty-form[b-qkq830veih],
.no-selection[b-qkq830veih] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    text-align: center;
    color: var(--rz-text-secondary-color);
}

.empty-form .rz-icon[b-qkq830veih],
.no-selection .rz-icon[b-qkq830veih] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.no-selection h4[b-qkq830veih] {
    margin: 0 0 0.5rem 0;
    color: var(--rz-text-color);
}

.no-selection p[b-qkq830veih],
.empty-form p[b-qkq830veih] {
    margin: 0 0 1rem 0;
}

/* Properties Panel */
.element-kind-badge[b-qkq830veih] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 0.5rem;
}

.element-kind-badge.page[b-qkq830veih] {
    background: #dbeafe;
    color: #1d4ed8;
}

.element-kind-badge.section[b-qkq830veih] {
    background: #fef3c7;
    color: #92400e;
}

.element-kind-badge.subform[b-qkq830veih] {
    background: #ede9fe;
    color: #6d28d9;
}

[b-qkq830veih] .shared-field-badge.updated {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: rgba(34, 197, 94, 0.12);
    color: #166534;
}

[b-qkq830veih] .shared-field-info.synced {
    border-left: 3px solid rgba(34, 197, 94, 0.5);
}

[b-qkq830veih] .sync-timestamp {
    color: var(--rz-text-secondary-color);
    font-size: 0.8rem;
}

.element-kind-badge.field[b-qkq830veih] {
    background: #d1fae5;
    color: #065f46;
}

.element-kind-badge.form[b-qkq830veih] {
    background: #fee2e2;
    color: #991b1b;
}

/* Form Root Node */
.tree-element.form[b-qkq830veih] {
    margin-bottom: 0.5rem;
    border-bottom: 1px solid var(--rz-base-300);
    padding-bottom: 0.5rem;
}

.tree-element.form .element-kind[b-qkq830veih] {
    background: #fee2e2;
    color: #991b1b;
    font-weight: 700;
}

.tree-element.form .element-name[b-qkq830veih] {
    font-weight: 600;
}

/* Tree children container - indent pages under form */
.tree-children[b-qkq830veih] {
    padding-left: 0.5rem;
}

/* Empty form children message */
.empty-form-children[b-qkq830veih] {
    padding: 1rem;
    padding-left: 1.5rem;
    color: var(--rz-text-secondary-color);
    font-size: 0.875rem;
}

.empty-form-children a[b-qkq830veih] {
    color: var(--rz-primary);
    text-decoration: none;
}

.empty-form-children a:hover[b-qkq830veih] {
    text-decoration: underline;
}

/* Quick Actions */
.quick-actions[b-qkq830veih] {
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem;
    background: var(--rz-base-100);
    border-radius: 6px;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

/* Editor Container */
.editor-container[b-qkq830veih] {
    flex: 1;
    overflow: auto;
}

.properties-form[b-qkq830veih] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Editor Actions (Save/Cancel buttons) */
[b-qkq830veih] .editor-actions {
    display: flex;
    gap: 0.5rem;
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid var(--rz-base-300);
}

[b-qkq830veih] .editor-actions-top {
    display: flex;
    gap: 0.5rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--rz-base-300);
}

/* Breadcrumb Navigation */
.breadcrumb-nav[b-qkq830veih] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.75rem;
    background: var(--rz-base-100);
    border-radius: 6px;
    border: 1px solid var(--rz-base-300);
    font-size: 0.8rem;
    min-height: 36px;
}

.breadcrumb-item[b-qkq830veih] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--rz-primary);
    text-decoration: none;
    cursor: pointer;
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    transition: background-color 0.15s, color 0.15s;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.breadcrumb-item:hover[b-qkq830veih] {
    background: var(--rz-primary-lighter);
    text-decoration: none;
}

.breadcrumb-item.active[b-qkq830veih] {
    background: var(--rz-primary);
    color: white;
    font-weight: 500;
    cursor: default;
}

.breadcrumb-item.active:hover[b-qkq830veih] {
    background: var(--rz-primary);
}

.breadcrumb-item .rz-icon[b-qkq830veih] {
    font-size: 0.9rem;
}

.breadcrumb-separator[b-qkq830veih] {
    color: var(--rz-text-tertiary-color);
    font-weight: 300;
    margin: 0 0.1rem;
}
/* /Components/Pages/PortalAdmin/FormDesignerList.razor.rz.scp.css */
.form-designer-list-page[b-7hp0jwxa23] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-7hp0jwxa23] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-7hp0jwxa23] {
    margin: 0 0 0.5rem 0;
    font-size: 1.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-header .text-muted[b-7hp0jwxa23] {
    margin: 0;
    color: var(--rz-text-secondary-color);
}

.loading-container[b-7hp0jwxa23] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.empty-state-card[b-7hp0jwxa23] {
    max-width: 500px;
}

.empty-state[b-7hp0jwxa23] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    text-align: center;
}

.empty-state .rz-icon[b-7hp0jwxa23] {
    font-size: 4rem;
    color: var(--rz-text-tertiary-color);
    margin-bottom: 1rem;
}

.empty-state h3[b-7hp0jwxa23] {
    margin: 0 0 0.5rem 0;
}

.empty-state p[b-7hp0jwxa23] {
    color: var(--rz-text-secondary-color);
    margin: 0 0 1.5rem 0;
}

.form-name[b-7hp0jwxa23] {
    font-weight: 500;
}

.count-badge[b-7hp0jwxa23] {
    background: var(--rz-base-200);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.875rem;
}

.text-muted[b-7hp0jwxa23] {
    color: var(--rz-text-tertiary-color);
}

.version-value[b-7hp0jwxa23] {
    font-family: var(--rz-body-font-family);
    font-size: 0.875rem;
    color: var(--rz-text-secondary-color);
}

/* Clickable rows styling */
[b-7hp0jwxa23] .clickable-rows .rz-data-row {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

[b-7hp0jwxa23] .clickable-rows .rz-data-row:hover {
    background-color: var(--rz-base-200);
}
/* /Components/Pages/PortalAdmin/FormImports.razor.rz.scp.css */
.form-imports-page[b-jb1jg4qxsi] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-jb1jg4qxsi] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-jb1jg4qxsi] {
    margin: 0 0 0.5rem 0;
    font-size: 1.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-header .text-muted[b-jb1jg4qxsi] {
    color: #6c757d;
    margin: 0;
}

/* Import Form Card */
.import-form-card[b-jb1jg4qxsi] {
    margin-bottom: 1.5rem;
}

.import-form-card h3[b-jb1jg4qxsi] {
    margin: 0 0 1rem 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #374151;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 0.75rem;
}

.form-grid[b-jb1jg4qxsi] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-row[b-jb1jg4qxsi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.form-row.full-width[b-jb1jg4qxsi] {
    grid-template-columns: 1fr;
}

.form-field[b-jb1jg4qxsi] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.form-field[b-jb1jg4qxsi]  .rz-label {
    font-weight: 500;
    color: #374151;
    font-size: 0.875rem;
}

/* Auto-filled field styling */
.form-field[b-jb1jg4qxsi]  .rz-textbox.auto-filled {
    border-color: #10b981;
    background-color: #ecfdf5;
    box-shadow: 0 0 0 1px #10b981;
}

.auto-fill-hint[b-jb1jg4qxsi] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: #10b981;
    font-size: 0.75rem;
    font-weight: 500;
}

.auto-fill-hint[b-jb1jg4qxsi]  .rzi {
    font-size: 0.875rem;
}

.validation-error[b-jb1jg4qxsi] {
    color: #dc2626;
    font-size: 0.8rem;
}

/* Payload Info */
.payload-info[b-jb1jg4qxsi] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 0.375rem;
    font-size: 0.8rem;
}

.char-count[b-jb1jg4qxsi] {
    color: #6c757d;
}

.json-validation[b-jb1jg4qxsi] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.json-validation.valid[b-jb1jg4qxsi] {
    color: #059669;
}

.json-validation.warning[b-jb1jg4qxsi] {
    color: #d97706;
}

.json-validation[b-jb1jg4qxsi]  .rzi {
    font-size: 1rem;
}

/* Form Actions */
.form-actions[b-jb1jg4qxsi] {
    display: flex;
    gap: 0.75rem;
    margin-top: 0.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
}

/* Imports List Card */
.imports-list-card[b-jb1jg4qxsi] {
    margin-bottom: 1.5rem;
}

.list-header[b-jb1jg4qxsi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 0.75rem;
}

.list-header h3[b-jb1jg4qxsi] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #374151;
}

/* Loading State */
.loading-container[b-jb1jg4qxsi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #6c757d;
}

.loading-container p[b-jb1jg4qxsi] {
    margin-top: 1rem;
}

/* Empty State */
.empty-state[b-jb1jg4qxsi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #6c757d;
    text-align: center;
}

.empty-state[b-jb1jg4qxsi]  .rzi {
    font-size: 3rem;
    color: #d1d5db;
    margin-bottom: 1rem;
}

.empty-state h4[b-jb1jg4qxsi] {
    margin: 0 0 0.5rem 0;
    color: #374151;
}

.empty-state p[b-jb1jg4qxsi] {
    margin: 0;
}

/* Grid Styling */
.imports-grid[b-jb1jg4qxsi] {
    background: white;
    border-radius: 8px;
}

.payload-size[b-jb1jg4qxsi] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.8rem;
    color: #6c757d;
}

.text-muted[b-jb1jg4qxsi] {
    color: #9ca3af;
}

/* Action buttons in grid */
.action-buttons[b-jb1jg4qxsi] {
    display: flex;
    gap: 0.375rem;
    justify-content: flex-start;
    align-items: center;
}

.action-buttons[b-jb1jg4qxsi]  .rz-button.action-btn {
    min-width: 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 6px;
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.action-buttons[b-jb1jg4qxsi]  .rz-button.action-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.action-buttons[b-jb1jg4qxsi]  .rz-button.action-btn .rzi {
    font-size: 1rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .form-imports-page[b-jb1jg4qxsi] {
        padding: 1rem;
    }

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

    .form-actions[b-jb1jg4qxsi] {
        flex-direction: column;
    }

    .form-actions[b-jb1jg4qxsi]  .rz-button {
        width: 100%;
    }
}
/* /Components/Pages/PortalAdmin/PortalAdminUsers.razor.rz.scp.css */
.portal-admin-users[b-tiil2kwh32] {
    padding: 1.5rem;
    max-width: 1600px;
    margin: 0 auto;
}

.page-header[b-tiil2kwh32] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-tiil2kwh32] {
    margin: 0 0 0.5rem 0;
    font-size: 1.75rem;
    font-weight: 600;
}

.page-header .text-muted[b-tiil2kwh32] {
    color: #6c757d;
    margin: 0;
}

/* Search bar */
.search-bar[b-tiil2kwh32] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.search-bar .user-count[b-tiil2kwh32] {
    color: #6c757d;
    font-size: 0.875rem;
    margin-left: auto;
}

/* Grid styling */
.users-grid[b-tiil2kwh32] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* Role badges */
.roles-badges[b-tiil2kwh32] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.role-badge[b-tiil2kwh32] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: capitalize;
}

.role-badge.role-portaladmin[b-tiil2kwh32] {
    background-color: #7c3aed;
    color: white;
}

.role-badge.role-companyadmin[b-tiil2kwh32] {
    background-color: #2563eb;
    color: white;
}

.role-badge.role-user[b-tiil2kwh32] {
    background-color: #e5e7eb;
    color: #374151;
}

.role-badge.role-none[b-tiil2kwh32] {
    background-color: #f3f4f6;
    color: #9ca3af;
}

/* Status badges */
.status-badge[b-tiil2kwh32] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-badge.status-online[b-tiil2kwh32] {
    background-color: #dcfce7;
    color: #166534;
}

.status-badge.status-active[b-tiil2kwh32] {
    background-color: #e0f2fe;
    color: #075985;
}

.status-badge.status-paused[b-tiil2kwh32] {
    background-color: #fef3c7;
    color: #92400e;
}

.status-badge.status-disabled[b-tiil2kwh32] {
    background-color: #fee2e2;
    color: #991b1b;
}

.status-badge.status-never[b-tiil2kwh32] {
    background-color: #f3f4f6;
    color: #6b7280;
}

.online-dot[b-tiil2kwh32] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #22c55e;
    animation: pulse-b-tiil2kwh32 2s infinite;
}

@keyframes pulse-b-tiil2kwh32 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

/* Action buttons */
.action-buttons[b-tiil2kwh32] {
    display: flex;
    gap: 0.25rem;
}

/* Text utilities */
.text-muted[b-tiil2kwh32] {
    color: #9ca3af !important;
}

/* Responsive */
@media (max-width: 768px) {
    .portal-admin-users[b-tiil2kwh32] {
        padding: 1rem;
    }

    .search-bar[b-tiil2kwh32] {
        flex-direction: column;
        align-items: stretch;
    }

    .search-bar .user-count[b-tiil2kwh32] {
        margin-left: 0;
        text-align: center;
    }
}
/* /Components/Pages/PortalAdmin/SharedDataSources.razor.rz.scp.css */
.shared-datasources-page[b-enbirtx140] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-enbirtx140] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.page-header h1[b-enbirtx140] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1f2937;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.5rem 0;
}

.page-header .text-muted[b-enbirtx140] {
    color: #6b7280;
    font-size: 0.9rem;
    margin: 0;
}

/* Loading & Empty States */
.loading-container[b-enbirtx140] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    color: #6b7280;
}

.loading-container p[b-enbirtx140] {
    margin-top: 1rem;
}

.empty-state-card[b-enbirtx140] {
    padding: 3rem;
}

.empty-state[b-enbirtx140] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.empty-state .rzi[b-enbirtx140] {
    font-size: 4rem;
    color: #d1d5db;
    margin-bottom: 1rem;
}

.empty-state h3[b-enbirtx140] {
    margin: 0 0 0.5rem 0;
    color: #374151;
}

.empty-state p[b-enbirtx140] {
    color: #6b7280;
    margin-bottom: 1.5rem;
}

/* Toolbar */
.toolbar-card[b-enbirtx140] {
    margin-bottom: 1rem;
}

.toolbar[b-enbirtx140] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Grid Styling */
.datasources-grid[b-enbirtx140] {
    border: none;
}

.datasource-name[b-enbirtx140] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.datasource-name .name[b-enbirtx140] {
    font-weight: 500;
    color: #1f2937;
}

.inactive-badge[b-enbirtx140] {
    font-size: 0.7rem;
}

.key-code[b-enbirtx140] {
    background: #f3f4f6;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.85rem;
    color: #6b7280;
}

.count-badge[b-enbirtx140] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    padding: 0.2rem 0.5rem;
    background: #e5e7eb;
    color: #374151;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 500;
}

.usage-info[b-enbirtx140] {
    cursor: pointer;
}

.usage-badge.clickable[b-enbirtx140] {
    cursor: pointer;
    transition: transform 0.1s ease;
}

.usage-badge.clickable:hover[b-enbirtx140] {
    transform: scale(1.05);
}

.not-used[b-enbirtx140] {
    font-size: 0.85rem;
    font-style: italic;
}

.version-badge[b-enbirtx140] {
    font-size: 0.8rem;
    color: #9ca3af;
}

/* Action Buttons */
.action-buttons[b-enbirtx140] {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
}

.action-buttons .rz-button[b-enbirtx140] {
    padding: 0.25rem 0.5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .shared-datasources-page[b-enbirtx140] {
        padding: 1rem;
    }

    .page-header[b-enbirtx140] {
        flex-direction: column;
        gap: 1rem;
    }

    .toolbar[b-enbirtx140] {
        flex-direction: column;
        align-items: stretch;
    }

    .toolbar .rz-textbox[b-enbirtx140],
    .toolbar .rz-dropdown[b-enbirtx140] {
        width: 100% !important;
    }
}

/* Guidance Styles */
.guidance-alert[b-enbirtx140] {
    margin-bottom: 1.5rem;
}

.guidance-content[b-enbirtx140] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.guidance-content strong[b-enbirtx140] {
    font-size: 1rem;
    color: #1e40af;
}

.guidance-content p[b-enbirtx140] {
    margin: 0;
    color: #1e40af;
    font-size: 0.9rem;
    line-height: 1.5;
}
/* /Components/Pages/PortalAdmin/SharedFields/BulkSync.razor.rz.scp.css */
.bulk-sync-page[b-z635s3t8nb] {
    padding: 2rem;
    max-width: 1500px;
    margin: 0 auto;
}

.page-header[b-z635s3t8nb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.page-header h1[b-z635s3t8nb] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1f2937;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.5rem 0;
}

.text-muted[b-z635s3t8nb] {
    color: #6b7280;
}

.loading-container[b-z635s3t8nb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    color: #6b7280;
}

.empty-state-card[b-z635s3t8nb] {
    padding: 3rem;
}

.empty-state[b-z635s3t8nb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.empty-state .rzi[b-z635s3t8nb] {
    font-size: 4rem;
    color: #d1d5db;
    margin-bottom: 1rem;
}

.summary-cards[b-z635s3t8nb] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.summary-card[b-z635s3t8nb] {
    padding: 1rem 1.25rem;
}

.summary-value[b-z635s3t8nb] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1f2937;
}

.summary-label[b-z635s3t8nb] {
    font-size: 0.85rem;
    color: #6b7280;
}

.toolbar-card[b-z635s3t8nb],
.preview-card[b-z635s3t8nb],
.result-card[b-z635s3t8nb] {
    margin-top: 1rem;
}

.toolbar[b-z635s3t8nb] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
}

.bulk-sync-grid[b-z635s3t8nb] {
    border: none;
}

.field-name-cell[b-z635s3t8nb] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.field-key[b-z635s3t8nb] {
    background: #f3f4f6;
    color: #6b7280;
    font-size: 0.8rem;
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    width: fit-content;
}

.field-type[b-z635s3t8nb] {
    color: #4b5563;
}

.preview-header[b-z635s3t8nb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.preview-summary[b-z635s3t8nb],
.result-summary[b-z635s3t8nb] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.preview-stat[b-z635s3t8nb] {
    background: #f9fafb;
    border-radius: 8px;
    padding: 0.85rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.preview-stat .label[b-z635s3t8nb] {
    color: #6b7280;
    font-size: 0.85rem;
}

.preview-stat .value[b-z635s3t8nb] {
    color: #1f2937;
    font-size: 1.35rem;
    font-weight: 600;
}

.preview-details[b-z635s3t8nb] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.preview-item[b-z635s3t8nb] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0.85rem 1rem;
}

.preview-item.has-warning[b-z635s3t8nb] {
    border-color: #fbbf24;
    background: #fffbeb;
}

.preview-item-header[b-z635s3t8nb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.preview-item-body[b-z635s3t8nb] {
    margin-top: 0.5rem;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.preview-change-list[b-z635s3t8nb] {
    margin: 0.5rem 0 0 0;
    padding-left: 1.1rem;
    width: 100%;
}

.preview-change-list li[b-z635s3t8nb] {
    margin-bottom: 0.5rem;
}

.preview-change-values[b-z635s3t8nb] {
    margin-top: 0.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    font-size: 0.9rem;
    color: #374151;
}

.preview-actions[b-z635s3t8nb] {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .bulk-sync-page[b-z635s3t8nb] {
        padding: 1rem;
    }

    .page-header[b-z635s3t8nb] {
        flex-direction: column;
        gap: 1rem;
    }

    .summary-cards[b-z635s3t8nb],
    .preview-summary[b-z635s3t8nb],
    .result-summary[b-z635s3t8nb] {
        grid-template-columns: 1fr;
    }

    .toolbar[b-z635s3t8nb] {
        flex-direction: column;
        align-items: stretch;
    }
}

/* Guidance Styles */
.guidance-alert[b-z635s3t8nb] {
    margin-bottom: 1.5rem;
}

.guidance-content[b-z635s3t8nb] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.guidance-content strong[b-z635s3t8nb] {
    font-size: 1rem;
    color: #1e40af;
}

.guidance-content p[b-z635s3t8nb] {
    margin: 0;
    color: #1e40af;
    font-size: 0.9rem;
    line-height: 1.5;
}

/* Result Details Styles */
.result-card h3[b-z635s3t8nb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    color: #059669;
}

.result-card h3 .rzi[b-z635s3t8nb] {
    color: #059669;
}

.preview-stat.success[b-z635s3t8nb] {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
}

.preview-stat.success .value[b-z635s3t8nb] {
    color: #059669;
}

.preview-stat.error[b-z635s3t8nb] {
    background: #fef2f2;
    border: 1px solid #fecaca;
}

.preview-stat.error .value[b-z635s3t8nb] {
    color: #dc2626;
}

.result-details[b-z635s3t8nb] {
    margin-top: 1.5rem;
    border-top: 1px solid #e5e7eb;
    padding-top: 1rem;
}

.result-details h4[b-z635s3t8nb] {
    font-size: 1rem;
    font-weight: 600;
    color: #374151;
    margin: 0 0 1rem 0;
}

.result-details.error-details h4[b-z635s3t8nb] {
    color: #dc2626;
}

.result-field-list[b-z635s3t8nb] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.result-form-group[b-z635s3t8nb] {
    background: #f9fafb;
    border-radius: 8px;
    padding: 1rem;
}

.result-form-name[b-z635s3t8nb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 0.95rem;
}

.result-form-name .rzi[b-z635s3t8nb] {
    color: #6b7280;
    font-size: 1.1rem;
}

.result-field-items[b-z635s3t8nb] {
    margin: 0;
    padding-left: 1.75rem;
    list-style-type: none;
}

.result-field-items li[b-z635s3t8nb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.35rem 0;
    border-bottom: 1px solid #e5e7eb;
}

.result-field-items li:last-child[b-z635s3t8nb] {
    border-bottom: none;
}

.result-field-items .field-name[b-z635s3t8nb] {
    font-weight: 500;
    color: #1f2937;
}

.result-field-items .properties-count[b-z635s3t8nb] {
    font-size: 0.85rem;
    color: #059669;
    background: #ecfdf5;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
}

.result-field-items .error-message[b-z635s3t8nb] {
    font-size: 0.85rem;
    color: #dc2626;
}

/* Verification failure details */
.failed-field-item[b-z635s3t8nb] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
    background: #fef2f2;
    border-radius: 6px;
    margin-bottom: 0.5rem;
}

.failed-field-header[b-z635s3t8nb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.verification-details[b-z635s3t8nb] {
    margin-top: 0.5rem;
    background: #fff;
    border: 1px solid #fecaca;
    border-radius: 4px;
    padding: 0.5rem;
}

.verification-details summary[b-z635s3t8nb] {
    cursor: pointer;
    font-size: 0.85rem;
    color: #6b7280;
    padding: 0.25rem;
}

.verification-details summary:hover[b-z635s3t8nb] {
    color: #374151;
}

.verification-comparison[b-z635s3t8nb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-top: 0.75rem;
}

.verification-panel[b-z635s3t8nb] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.verification-panel strong[b-z635s3t8nb] {
    font-size: 0.8rem;
    color: #6b7280;
}

.verification-panel pre[b-z635s3t8nb] {
    margin: 0;
    padding: 0.5rem;
    background: #f3f4f6;
    border-radius: 4px;
    font-size: 0.75rem;
    overflow-x: auto;
    max-height: 200px;
    white-space: pre-wrap;
    word-break: break-word;
}
/* /Components/Pages/PortalAdmin/SharedFields/Discovery.razor.rz.scp.css */
.shared-field-discovery-page[b-7yfiiv5dtv] {
    padding: 2rem;
    max-width: 1700px;
    margin: 0 auto;
}

.page-header[b-7yfiiv5dtv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 2rem;
}

.page-header h1[b-7yfiiv5dtv] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1f2937;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.5rem 0;
}

.text-muted[b-7yfiiv5dtv] {
    color: #6b7280;
    font-size: 0.95rem;
    margin: 0;
}

.header-actions[b-7yfiiv5dtv] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.loading-container[b-7yfiiv5dtv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    color: #6b7280;
}

.loading-container p[b-7yfiiv5dtv] {
    margin-top: 1rem;
}

.empty-state-card[b-7yfiiv5dtv] {
    padding: 3rem;
}

.empty-state[b-7yfiiv5dtv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.empty-state .rzi[b-7yfiiv5dtv] {
    font-size: 4rem;
    color: #d1d5db;
    margin-bottom: 1rem;
}

.empty-state h3[b-7yfiiv5dtv] {
    margin: 0 0 0.5rem 0;
    color: #374151;
}

.empty-state p[b-7yfiiv5dtv] {
    color: #6b7280;
    margin-bottom: 1.5rem;
}

.toolbar-card[b-7yfiiv5dtv] {
    margin-bottom: 1rem;
}

.toolbar[b-7yfiiv5dtv] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.toggle-group[b-7yfiiv5dtv] {
    display: flex;
    align-items: center;
}

.summary-pill[b-7yfiiv5dtv] {
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: #eef2ff;
    color: #4338ca;
    font-size: 0.85rem;
    font-weight: 500;
}

.candidate-groups-grid[b-7yfiiv5dtv] {
    border: none;
}

.suggested-key[b-7yfiiv5dtv],
.field-key[b-7yfiiv5dtv] {
    background: #f3f4f6;
    padding: 0.2rem 0.45rem;
    border-radius: 4px;
    color: #6b7280;
    font-size: 0.8rem;
}

.field-count[b-7yfiiv5dtv] {
    font-weight: 600;
    color: #1f2937;
}

.action-buttons[b-7yfiiv5dtv] {
    display: flex;
    justify-content: center;
    gap: 0.4rem;
}

.group-details[b-7yfiiv5dtv] {
    padding: 1rem;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

.group-detail-header[b-7yfiiv5dtv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.group-detail-header h4[b-7yfiiv5dtv] {
    margin: 0 0 0.35rem 0;
    color: #1f2937;
}

.group-detail-header p[b-7yfiiv5dtv] {
    margin: 0;
    color: #4b5563;
}

.detail-selection-summary[b-7yfiiv5dtv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #4b5563;
    font-size: 0.9rem;
}

.candidate-items-grid[b-7yfiiv5dtv] {
    border: 1px solid #e5e7eb;
}

.field-name-cell[b-7yfiiv5dtv] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.field-name[b-7yfiiv5dtv] {
    font-weight: 500;
    color: #1f2937;
}

.reason-tags[b-7yfiiv5dtv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.reason-badge[b-7yfiiv5dtv] {
    font-size: 0.72rem;
}

.confidence-badge[b-7yfiiv5dtv],
.status-badge[b-7yfiiv5dtv] {
    white-space: nowrap;
}

[b-7yfiiv5dtv] .strong-candidate-row {
    background: #ecfdf5 !important;
}

[b-7yfiiv5dtv] .strong-candidate-row:hover {
    background: #d1fae5 !important;
}

[b-7yfiiv5dtv] .probable-candidate-row {
    background: #fffbeb !important;
}

[b-7yfiiv5dtv] .probable-candidate-row:hover {
    background: #fef3c7 !important;
}

[b-7yfiiv5dtv] .weak-candidate-row {
    background: #ffffff;
}

/* Summary Cards */
.summary-cards[b-7yfiiv5dtv] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.summary-card[b-7yfiiv5dtv] {
    padding: 1rem 1.25rem;
}

.summary-content[b-7yfiiv5dtv] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.summary-icon[b-7yfiiv5dtv] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.summary-icon .rzi[b-7yfiiv5dtv] {
    font-size: 1.4rem;
}

.summary-icon.total[b-7yfiiv5dtv] {
    background: #e0e7ff;
    color: #4f46e5;
}

.summary-icon.strong[b-7yfiiv5dtv] {
    background: #d1fae5;
    color: #059669;
}

.summary-icon.probable[b-7yfiiv5dtv] {
    background: #fef3c7;
    color: #d97706;
}

.summary-icon.approved[b-7yfiiv5dtv] {
    background: #dbeafe;
    color: #2563eb;
}

.summary-data[b-7yfiiv5dtv] {
    display: flex;
    flex-direction: column;
}

.summary-value[b-7yfiiv5dtv] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1f2937;
    line-height: 1.2;
}

.summary-value.strong-count[b-7yfiiv5dtv] {
    color: #059669;
}

.summary-value.probable-count[b-7yfiiv5dtv] {
    color: #d97706;
}

.summary-value.approved-count[b-7yfiiv5dtv] {
    color: #2563eb;
}

.summary-label[b-7yfiiv5dtv] {
    font-size: 0.85rem;
    color: #6b7280;
}

@media (max-width: 1024px) {
    .page-header[b-7yfiiv5dtv],
    .group-detail-header[b-7yfiiv5dtv] {
        flex-direction: column;
    }

    .summary-cards[b-7yfiiv5dtv] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .shared-field-discovery-page[b-7yfiiv5dtv] {
        padding: 1rem;
    }

    .header-actions[b-7yfiiv5dtv],
    .action-buttons[b-7yfiiv5dtv],
    .detail-selection-summary[b-7yfiiv5dtv] {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .summary-cards[b-7yfiiv5dtv] {
        grid-template-columns: 1fr;
    }
}

/* Guidance Styles */
.guidance-alert[b-7yfiiv5dtv] {
    margin-bottom: 1.5rem;
}

.guidance-content[b-7yfiiv5dtv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.guidance-content strong[b-7yfiiv5dtv] {
    font-size: 1rem;
    color: #1e40af;
}

.guidance-content p[b-7yfiiv5dtv] {
    margin: 0;
    color: #1e40af;
    font-size: 0.9rem;
    line-height: 1.5;
}

.guidance-tip[b-7yfiiv5dtv] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
    color: #3b82f6;
    margin-top: 0.25rem;
}

.guidance-tip .rzi[b-7yfiiv5dtv] {
    font-size: 1rem;
}

.grid-guidance[b-7yfiiv5dtv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: #f0f9ff;
    border-left: 3px solid #3b82f6;
    border-radius: 0 4px 4px 0;
    margin-bottom: 1rem;
    font-size: 0.9rem;
    color: #1e40af;
}

.grid-guidance .rzi[b-7yfiiv5dtv] {
    color: #3b82f6;
    flex-shrink: 0;
}
/* /Components/Pages/PortalAdmin/SharedFields/SharedFieldLibrary.razor.rz.scp.css */
.shared-fields-page[b-3be9kn6vrz] {
    padding: 2rem;
    max-width: 1600px;
    margin: 0 auto;
}

.page-header[b-3be9kn6vrz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.page-header h1[b-3be9kn6vrz] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1f2937;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.5rem 0;
}

.page-header .text-muted[b-3be9kn6vrz] {
    color: #6b7280;
    font-size: 0.9rem;
    margin: 0;
}

/* Loading & Empty States */
.loading-container[b-3be9kn6vrz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    color: #6b7280;
}

.loading-container p[b-3be9kn6vrz] {
    margin-top: 1rem;
}

.empty-state-card[b-3be9kn6vrz] {
    padding: 3rem;
}

.empty-state[b-3be9kn6vrz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.empty-state .rzi[b-3be9kn6vrz] {
    font-size: 4rem;
    color: #d1d5db;
    margin-bottom: 1rem;
}

.empty-state h3[b-3be9kn6vrz] {
    margin: 0 0 0.5rem 0;
    color: #374151;
}

.empty-state p[b-3be9kn6vrz] {
    color: #6b7280;
    margin-bottom: 1.5rem;
}

/* Summary Cards */
.summary-cards[b-3be9kn6vrz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.summary-card[b-3be9kn6vrz] {
    padding: 1rem 1.5rem;
}

.summary-card.has-stale[b-3be9kn6vrz] {
    border-left: 3px solid #f59e0b;
}

.summary-content[b-3be9kn6vrz] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.summary-icon[b-3be9kn6vrz] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #e0e7ff;
    color: #4f46e5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.summary-icon .rzi[b-3be9kn6vrz] {
    font-size: 1.5rem;
}

.summary-icon.children[b-3be9kn6vrz] {
    background: #dbeafe;
    color: #2563eb;
}

.summary-icon.stale[b-3be9kn6vrz] {
    background: #fef3c7;
    color: #d97706;
}

.summary-data[b-3be9kn6vrz] {
    display: flex;
    flex-direction: column;
}

.summary-value[b-3be9kn6vrz] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1f2937;
    line-height: 1.2;
}

.summary-value.stale-count[b-3be9kn6vrz] {
    color: #d97706;
}

.summary-label[b-3be9kn6vrz] {
    font-size: 0.85rem;
    color: #6b7280;
}

/* Toolbar */
.toolbar-card[b-3be9kn6vrz] {
    margin-bottom: 1rem;
}

.toolbar[b-3be9kn6vrz] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Grid Styling */
.sharedfields-grid[b-3be9kn6vrz] {
    border: none;
}

.field-name[b-3be9kn6vrz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.field-name .name[b-3be9kn6vrz] {
    font-weight: 500;
    color: #1f2937;
}

.inactive-badge[b-3be9kn6vrz] {
    font-size: 0.7rem;
}

.key-code[b-3be9kn6vrz] {
    background: #f3f4f6;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.85rem;
    color: #6b7280;
}

.field-type[b-3be9kn6vrz] {
    text-transform: capitalize;
    font-size: 0.9rem;
    color: #4b5563;
}

.datasource-link[b-3be9kn6vrz] {
    color: #2563eb;
    font-size: 0.9rem;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.version-badge[b-3be9kn6vrz] {
    font-size: 0.8rem;
    color: #9ca3af;
}

.usage-info[b-3be9kn6vrz], .stale-info[b-3be9kn6vrz] {
    cursor: pointer;
}

.usage-badge.clickable[b-3be9kn6vrz], .stale-badge.clickable[b-3be9kn6vrz] {
    cursor: pointer;
    transition: transform 0.1s ease;
}

.usage-badge.clickable:hover[b-3be9kn6vrz], .stale-badge.clickable:hover[b-3be9kn6vrz] {
    transform: scale(1.05);
}

.not-used[b-3be9kn6vrz] {
    font-size: 0.85rem;
    font-style: italic;
}

.synced-icon[b-3be9kn6vrz] {
    color: #10b981;
    font-size: 1.1rem;
}

/* Stale Row Highlighting */
[b-3be9kn6vrz] .has-stale-row {
    background-color: #fffbeb !important;
}

[b-3be9kn6vrz] .has-stale-row:hover {
    background-color: #fef3c7 !important;
}

/* Action Buttons */
.action-buttons[b-3be9kn6vrz] {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
}

.action-buttons .rz-button[b-3be9kn6vrz] {
    padding: 0.25rem 0.5rem;
}

/* Responsive */
@media (max-width: 1024px) {
    .summary-cards[b-3be9kn6vrz] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .shared-fields-page[b-3be9kn6vrz] {
        padding: 1rem;
    }

    .page-header[b-3be9kn6vrz] {
        flex-direction: column;
        gap: 1rem;
    }

    .summary-cards[b-3be9kn6vrz] {
        grid-template-columns: 1fr;
    }

    .toolbar[b-3be9kn6vrz] {
        flex-direction: column;
        align-items: stretch;
    }

    .toolbar .rz-textbox[b-3be9kn6vrz],
    .toolbar .rz-dropdown[b-3be9kn6vrz] {
        width: 100% !important;
    }
}

/* Guidance Styles */
.guidance-alert[b-3be9kn6vrz] {
    margin-bottom: 1.5rem;
}

.guidance-content[b-3be9kn6vrz] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.guidance-content strong[b-3be9kn6vrz] {
    font-size: 1rem;
    color: #1e40af;
}

.guidance-content p[b-3be9kn6vrz] {
    margin: 0;
    color: #1e40af;
    font-size: 0.9rem;
    line-height: 1.5;
}

.guidance-tip[b-3be9kn6vrz] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
    color: #1d4ed8;
}

/* Empty state actions */
.empty-state-actions[b-3be9kn6vrz] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: center;
}
/* /Components/Pages/PortalAdmin/UserActivityDialog.razor.rz.scp.css */
.activity-dialog[b-x5mlncomun] {
    padding: 0;
}

.activity-header[b-x5mlncomun] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 1rem;
}

.user-info[b-x5mlncomun] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.user-avatar[b-x5mlncomun] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 1.125rem;
}

.user-details h4[b-x5mlncomun] {
    margin: 0 0 0.25rem 0;
    font-size: 1.125rem;
    font-weight: 600;
}

.user-details .email[b-x5mlncomun] {
    color: #6b7280;
    font-size: 0.875rem;
}

.status-indicator[b-x5mlncomun] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    border-radius: 16px;
    font-size: 0.875rem;
    font-weight: 500;
}

.status-indicator.online[b-x5mlncomun] {
    background-color: #dcfce7;
    color: #166534;
}

.status-indicator.offline[b-x5mlncomun] {
    background-color: #f3f4f6;
    color: #6b7280;
}

.status-indicator .dot[b-x5mlncomun] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #22c55e;
    animation: pulse-b-x5mlncomun 2s infinite;
}

@keyframes pulse-b-x5mlncomun {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.activity-stats[b-x5mlncomun] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.stat-card[b-x5mlncomun] {
    background: #f9fafb;
    border-radius: 8px;
    padding: 0.75rem;
}

.stat-label[b-x5mlncomun] {
    display: block;
    font-size: 0.75rem;
    color: #6b7280;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.stat-value[b-x5mlncomun] {
    font-size: 0.95rem;
    font-weight: 500;
    color: #111827;
}

.stat-value.ip-hash[b-x5mlncomun] {
    font-family: monospace;
    font-size: 0.85rem;
}

.user-agent[b-x5mlncomun] {
    background: #f9fafb;
    padding: 0.75rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.user-agent .label[b-x5mlncomun] {
    color: #6b7280;
    margin-right: 0.5rem;
}

.user-agent .value[b-x5mlncomun] {
    color: #374151;
}

.activity-section h5[b-x5mlncomun] {
    margin: 0 0 0.75rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: #374151;
}

.activity-list[b-x5mlncomun] {
    max-height: 280px;
    overflow-y: auto;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.activity-item[b-x5mlncomun] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f3f4f6;
}

.activity-item:last-child[b-x5mlncomun] {
    border-bottom: none;
}

.activity-item:hover[b-x5mlncomun] {
    background: #f9fafb;
}

.activity-icon[b-x5mlncomun] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #e0e7ff;
    color: #4f46e5;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.activity-icon[b-x5mlncomun]  .rzi {
    font-size: 1rem;
}

.activity-content[b-x5mlncomun] {
    flex: 1;
    min-width: 0;
}

.activity-description[b-x5mlncomun] {
    display: block;
    font-size: 0.875rem;
    color: #111827;
}

.activity-entity[b-x5mlncomun] {
    display: block;
    font-size: 0.75rem;
    color: #9ca3af;
}

.activity-time[b-x5mlncomun] {
    font-size: 0.75rem;
    color: #9ca3af;
    white-space: nowrap;
}

.no-activity[b-x5mlncomun] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: #9ca3af;
    gap: 0.5rem;
}

.no-activity[b-x5mlncomun]  .rzi {
    font-size: 2rem;
}
/* /Components/Pages/Product/ProductDetail.razor.rz.scp.css */
.product-page[b-2yx0ekj27w] {
    /* max-width controlled centrally in app.css */
}

.product-header[b-2yx0ekj27w] {
    margin-bottom: 2rem;
    text-align: center;
}

.product-header h1[b-2yx0ekj27w] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 1rem;
}

.product-summary[b-2yx0ekj27w] {
    font-size: 1.25rem;
    color: #6c757d;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
}

.product-content[b-2yx0ekj27w] {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #333;
}

.product-content h2[b-2yx0ekj27w] {
    font-size: 1.75rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #1a1a2e;
}

.product-content h3[b-2yx0ekj27w] {
    font-size: 1.4rem;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    color: #1a1a2e;
}

.product-content p[b-2yx0ekj27w] {
    margin-bottom: 1.25rem;
}

.product-content ul[b-2yx0ekj27w],
.product-content ol[b-2yx0ekj27w] {
    margin-bottom: 1.25rem;
    padding-left: 1.5rem;
}

.product-content li[b-2yx0ekj27w] {
    margin-bottom: 0.5rem;
}

.product-content a[b-2yx0ekj27w] {
    color: #427fed;
    text-decoration: underline;
}

.product-content blockquote[b-2yx0ekj27w] {
    border-left: 4px solid #dee2e6;
    padding-left: 1rem;
    margin: 1.5rem 0;
    color: #6c757d;
    font-style: italic;
}

.loading-container[b-2yx0ekj27w],
.not-found[b-2yx0ekj27w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    text-align: center;
}

.not-found h1[b-2yx0ekj27w] {
    color: #6c757d;
    margin-bottom: 1rem;
}

.not-found p[b-2yx0ekj27w] {
    color: #6c757d;
    margin-bottom: 2rem;
}

/* Responsive */
@media (max-width: 768px) {
    .product-page[b-2yx0ekj27w] {
        padding: 1rem;
    }

    .product-header h1[b-2yx0ekj27w] {
        font-size: 1.75rem;
    }

    .product-summary[b-2yx0ekj27w] {
        font-size: 1.1rem;
    }

    .product-content[b-2yx0ekj27w] {
        font-size: 1rem;
    }
}
/* /Components/Pages/Register.razor.rz.scp.css */
.register-section[b-1b11g8o5bs] {
    padding: 4rem 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    min-height: calc(100vh - 200px);
}

.container[b-1b11g8o5bs] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.row[b-1b11g8o5bs] {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5rem;
}

.justify-content-center[b-1b11g8o5bs] {
    justify-content: center;
}

.col-lg-8[b-1b11g8o5bs] {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 0.5rem;
}

@media (min-width: 992px) {
    .col-lg-8[b-1b11g8o5bs] {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

.register-header[b-1b11g8o5bs] {
    text-align: center;
    margin-bottom: 2rem;
}

.register-header h1[b-1b11g8o5bs] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 1rem;
}

.register-header .lead[b-1b11g8o5bs] {
    font-size: 1.15rem;
    color: #6c757d;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

[b-1b11g8o5bs] .register-form-card {
    padding: 2.5rem;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

/* Responsive */
@media (max-width: 768px) {
    .register-section[b-1b11g8o5bs] {
        padding: 2rem 0;
    }

    .register-header h1[b-1b11g8o5bs] {
        font-size: 1.5rem;
    }

    [b-1b11g8o5bs] .register-form-card {
        padding: 1.5rem;
    }
}
/* /Components/Pages/RequestDemo.razor.rz.scp.css */
.request-demo-section[b-aou56p0mf7] {
    padding: 4rem 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    min-height: calc(100vh - 200px);
}

.container[b-aou56p0mf7] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.row[b-aou56p0mf7] {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5rem;
}

.justify-content-center[b-aou56p0mf7] {
    justify-content: center;
}

.col-lg-8[b-aou56p0mf7] {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 0.5rem;
}

@media (min-width: 992px) {
    .col-lg-8[b-aou56p0mf7] {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

.demo-header[b-aou56p0mf7] {
    text-align: center;
    margin-bottom: 2rem;
}

.demo-header h1[b-aou56p0mf7] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 1rem;
}

.demo-header .lead[b-aou56p0mf7] {
    font-size: 1.15rem;
    color: #6c757d;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

[b-aou56p0mf7] .demo-form-card {
    padding: 2.5rem;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

/* Responsive */
@media (max-width: 768px) {
    .request-demo-section[b-aou56p0mf7] {
        padding: 2rem 0;
    }

    .demo-header h1[b-aou56p0mf7] {
        font-size: 1.5rem;
    }

    [b-aou56p0mf7] .demo-form-card {
        padding: 1.5rem;
    }
}
/* /Components/Pages/Store.razor.rz.scp.css */
/* Store Page Styles */

/* Saved Basket Prompt */
.saved-basket-prompt[b-icaynxcjfd] {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-bottom: 2px solid #2196f3;
    padding: 1rem 0;
    margin-bottom: 1rem;
}

.saved-basket-prompt .prompt-content[b-icaynxcjfd] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.saved-basket-prompt .prompt-content[b-icaynxcjfd]  .rzi {
    font-size: 2rem;
    color: #1976d2;
}

.saved-basket-prompt .prompt-text[b-icaynxcjfd] {
    flex: 1;
    min-width: 200px;
}

.saved-basket-prompt .prompt-text strong[b-icaynxcjfd] {
    display: block;
    color: #1565c0;
    font-size: 1.1rem;
}

.saved-basket-prompt .prompt-text span[b-icaynxcjfd] {
    color: #424242;
}

.saved-basket-prompt .prompt-actions[b-icaynxcjfd] {
    display: flex;
    gap: 0.5rem;
}

.saved-basket-prompt .btn-sm[b-icaynxcjfd] {
    padding: 0.375rem 1rem;
    font-size: 0.875rem;
}

.store-section[b-icaynxcjfd] {
    padding: 3rem 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    min-height: calc(100vh - 200px);
}

.container[b-icaynxcjfd] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.store-header[b-icaynxcjfd] {
    text-align: center;
    margin-bottom: 2rem;
}

.store-header h1[b-icaynxcjfd] {
    font-size: 2.25rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 0.5rem;
}

.store-header .lead[b-icaynxcjfd] {
    font-size: 1.125rem;
    color: #6c757d;
}

/* Loading State */
.loading-container[b-icaynxcjfd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 0;
    gap: 1rem;
    color: #6c757d;
}

/* Step Header */
.store-step[b-icaynxcjfd] {
    margin-bottom: 1.5rem;
}

.step-title[b-icaynxcjfd] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
}

.btn-back[b-icaynxcjfd] {
    background: none;
    border: none;
    color: #1976d2;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
    padding: 0;
    font-size: 0.875rem;
}

.btn-back:hover[b-icaynxcjfd] {
    text-decoration: underline;
}

/* Products Grid - Step 1 */
.products-grid[b-icaynxcjfd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.product-card[b-icaynxcjfd] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
}

.product-card:hover[b-icaynxcjfd] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.product-header[b-icaynxcjfd] {
    margin-bottom: 1rem;
}

.product-header h3[b-icaynxcjfd] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 0.25rem 0;
}

.product-domain[b-icaynxcjfd] {
    font-size: 0.75rem;
    color: #6c757d;
    background: #f0f0f0;
    padding: 0.125rem 0.5rem;
    border-radius: 12px;
}

.product-description[b-icaynxcjfd] {
    color: #666;
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 1rem;
    flex-grow: 1;
}

.product-pricing[b-icaynxcjfd] {
    margin-bottom: 1rem;
}

.price-from[b-icaynxcjfd] {
    font-size: 0.75rem;
    color: #6c757d;
    display: block;
}

.price-value[b-icaynxcjfd] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1976d2;
}

.price-period[b-icaynxcjfd] {
    font-size: 0.875rem;
    color: #6c757d;
}

.product-plans-preview[b-icaynxcjfd] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 0.75rem;
    margin-bottom: 1rem;
}

.plan-option[b-icaynxcjfd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 0;
}

.plan-name[b-icaynxcjfd] {
    font-size: 0.875rem;
    color: #333;
}

.plan-price[b-icaynxcjfd] {
    font-size: 0.875rem;
    font-weight: 500;
}

.plan-savings[b-icaynxcjfd] {
    font-size: 0.75rem;
    color: #28a745;
    background: #e8f5e9;
    padding: 0.125rem 0.5rem;
    border-radius: 12px;
}

.btn-select[b-icaynxcjfd] {
    width: 100%;
    padding: 0.75rem;
    font-weight: 600;
}

/* Store Layout - Step 2 */
.store-layout[b-icaynxcjfd] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 2rem;
    align-items: start;
}

@media (max-width: 900px) {
    .store-layout[b-icaynxcjfd] {
        grid-template-columns: 1fr;
    }

    .store-sidebar[b-icaynxcjfd] {
        order: -1;
    }
}

.store-main[b-icaynxcjfd] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* Selected Product Section */
.selected-product-section[b-icaynxcjfd] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.selected-product-section h3[b-icaynxcjfd] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.plan-selector h4[b-icaynxcjfd] {
    font-size: 1rem;
    color: #333;
    margin: 1rem 0 0.75rem 0;
}

.plan-options[b-icaynxcjfd] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.plan-option-card[b-icaynxcjfd] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
}

.plan-option-card:hover[b-icaynxcjfd] {
    border-color: #1976d2;
}

.plan-option-card.selected[b-icaynxcjfd] {
    border-color: #1976d2;
    background: #e3f2fd;
}

.plan-details[b-icaynxcjfd] {
    flex-grow: 1;
}

.plan-details .plan-name[b-icaynxcjfd] {
    font-weight: 500;
}

.savings-badge[b-icaynxcjfd] {
    font-size: 0.75rem;
    color: #28a745;
    background: #e8f5e9;
    padding: 0.125rem 0.5rem;
    border-radius: 12px;
    margin-left: 0.5rem;
}

.plan-price .price[b-icaynxcjfd] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1976d2;
}

.plan-price .period[b-icaynxcjfd] {
    font-size: 0.875rem;
    color: #6c757d;
}

/* Add-ons Section */
.addons-section[b-icaynxcjfd] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.addons-section h3[b-icaynxcjfd] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.addons-intro[b-icaynxcjfd] {
    color: #666;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.addons-grid[b-icaynxcjfd] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.addon-card[b-icaynxcjfd] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    transition: border-color 0.2s, background 0.2s;
}

.addon-card.selected[b-icaynxcjfd] {
    border-color: #28a745;
    background: #f1f8e9;
}

.addon-info[b-icaynxcjfd] {
    flex-grow: 1;
}

.addon-info h4[b-icaynxcjfd] {
    font-size: 1rem;
    font-weight: 500;
    margin: 0 0 0.25rem 0;
}

.addon-info p[b-icaynxcjfd] {
    font-size: 0.875rem;
    color: #666;
    margin: 0;
}

.addon-pricing[b-icaynxcjfd] {
    text-align: right;
    min-width: 100px;
}

.addon-pricing .original-price[b-icaynxcjfd] {
    font-size: 0.875rem;
    color: #999;
    text-decoration: line-through;
    display: block;
}

.addon-pricing .bundle-price[b-icaynxcjfd] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #28a745;
}

.addon-pricing .standard-price[b-icaynxcjfd] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #333;
}

.addon-pricing .bundle-label[b-icaynxcjfd] {
    font-size: 0.7rem;
    color: #28a745;
    display: block;
}

.addon-pricing .price-period[b-icaynxcjfd] {
    font-size: 0.75rem;
    color: #6c757d;
}

/* Basket Summary Sidebar */
.store-sidebar[b-icaynxcjfd] {
    position: sticky;
    top: 1rem;
}

.basket-summary[b-icaynxcjfd] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.basket-summary h3[b-icaynxcjfd] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 1rem 0;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e0e0e0;
}

.basket-empty[b-icaynxcjfd] {
    color: #6c757d;
    text-align: center;
    padding: 2rem 0;
}

.basket-items[b-icaynxcjfd] {
    margin-bottom: 1rem;
}

.basket-item[b-icaynxcjfd] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
}

.basket-item:last-child[b-icaynxcjfd] {
    border-bottom: none;
}

.item-name[b-icaynxcjfd] {
    flex-grow: 1;
}

.item-name strong[b-icaynxcjfd] {
    display: block;
    font-size: 0.9rem;
}

.item-name span[b-icaynxcjfd] {
    font-size: 0.8rem;
    color: #666;
}

.item-plan[b-icaynxcjfd] {
    color: #6c757d !important;
}

.bundle-badge[b-icaynxcjfd] {
    font-size: 0.65rem;
    background: #e8f5e9;
    color: #28a745;
    padding: 0.125rem 0.375rem;
    border-radius: 8px;
    margin-left: 0.25rem;
}

.item-price[b-icaynxcjfd] {
    font-weight: 500;
    font-size: 0.9rem;
}

.item-price .original[b-icaynxcjfd] {
    font-size: 0.75rem;
    color: #999;
    text-decoration: line-through;
    display: block;
}

.btn-remove[b-icaynxcjfd] {
    background: none;
    border: none;
    color: #dc3545;
    cursor: pointer;
    padding: 0.25rem;
    opacity: 0.6;
    position: absolute;
    right: -0.5rem;
    top: 0.5rem;
}

.btn-remove:hover[b-icaynxcjfd] {
    opacity: 1;
}

/* Totals */
.basket-totals[b-icaynxcjfd] {
    border-top: 2px solid #e0e0e0;
    padding-top: 1rem;
    margin-bottom: 1rem;
}

.total-row[b-icaynxcjfd] {
    display: flex;
    justify-content: space-between;
    padding: 0.375rem 0;
    font-size: 0.9rem;
}

.total-row.discount[b-icaynxcjfd] {
    color: #28a745;
}

.total-row.total[b-icaynxcjfd] {
    font-weight: 600;
    font-size: 1.125rem;
    border-top: 1px solid #e0e0e0;
    margin-top: 0.5rem;
    padding-top: 0.75rem;
}

/* Promo Code */
.promo-code-section[b-icaynxcjfd] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.promo-code-section[b-icaynxcjfd]  .rz-textbox {
    flex-grow: 1;
}

.promo-error[b-icaynxcjfd] {
    font-size: 0.8rem;
    color: #dc3545;
    margin-bottom: 0.5rem;
}

/* Checkout Button */
.btn-checkout[b-icaynxcjfd] {
    width: 100%;
    padding: 1rem;
    font-size: 1rem;
    font-weight: 600;
    margin-top: 0.5rem;
}

.btn-checkout:disabled[b-icaynxcjfd] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Buttons */
.btn[b-icaynxcjfd] {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    border: none;
    transition: all 0.2s;
}

.btn-primary[b-icaynxcjfd] {
    background: #1976d2;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-icaynxcjfd] {
    background: #1565c0;
}

.coming-soon-card p[b-icaynxcjfd] {
    color: #6c757d;
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.btn[b-icaynxcjfd] {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.2s;
}

.btn-primary[b-icaynxcjfd] {
    background: #1976d2;
    color: white;
}

.btn-primary:hover[b-icaynxcjfd] {
    background: #1565c0;
}

@media (max-width: 768px) {
    .store-section[b-icaynxcjfd] {
        padding: 2rem 0;
    }

    .store-header h1[b-icaynxcjfd] {
        font-size: 1.75rem;
    }

    .coming-soon-card[b-icaynxcjfd] {
        padding: 2rem;
    }
}
/* /Components/Pages/Testimonials.razor.rz.scp.css */
.testimonials-page[b-j77dauyawc] {
    padding-top: 2rem;
}
/* /Components/Sections/AboutSection.razor.rz.scp.css */
/* AboutSection.razor.css */

#about[b-38fqr868rf] {
    background-color: #fff;
}

#about .inner[b-38fqr868rf] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    text-align: left;
}

#about .app-badges[b-38fqr868rf] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    margin-bottom: 30px;
}

#about .app-badges a[b-38fqr868rf] {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

#about .app-badges img[b-38fqr868rf] {
    height: 50px;
    width: auto;
    border-radius: 8px;
    object-fit: contain;
}

/* Google Play badge from official source has extra padding - compensate */
#about .app-badges .google-play-badge[b-38fqr868rf] {
    height: 74px; /* Google badge is ~1.48x taller to appear same visual size */
    margin: -12px 0; /* Negative margin to align with App Store badge */
}

#about .section-heading[b-38fqr868rf] {
    font-size: 2rem;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #4c5d6f;
    text-align: left;
}

#about .section-copy[b-38fqr868rf] {
    line-height: 1.8;
    font-size: 1rem;
    text-align: left;
}

#about .section-copy p[b-38fqr868rf] {
    margin-bottom: 20px;
    text-align: left;
}

#about .cta-container[b-38fqr868rf] {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: left;
}

#about .cta-button[b-38fqr868rf] {
    display: inline-block;
    padding: 12px 25px;
    background-color: #427fed;
    color: #fff !important;
    border-radius: 4px;
    text-decoration: none !important;
    transition: background-color 0.2s ease;
    white-space: normal !important;
    height: auto !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
}

#about .cta-button:hover[b-38fqr868rf] {
    background-color: #3569c9;
}

@media (max-width: 768px) {
    #about .app-badges[b-38fqr868rf] {
        justify-content: center;
    }
    
    #about .section-heading[b-38fqr868rf] {
        font-size: 1.5rem;
    }
    
    #about .cta-container[b-38fqr868rf] {
        margin-top: 20px;
    }
    
    #about .cta-button[b-38fqr868rf] {
        width: 100% !important;
        font-size: 0.9rem !important;
        padding: 10px 15px !important;
    }
}
/* /Components/Sections/AwardsSection.razor.rz.scp.css */
/* AwardsSection.razor.css */

#awards.awards-section[b-v6hbf1ahzy] {
    background-color: #344555;
    background-image: url('/content/images/parallax-accolades.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 350px;
    padding: 60px 40px;
    display: flex;
    align-items: center;
}

#awards .inner[b-v6hbf1ahzy] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 20px;
    width: 100%;
}

#accolades[b-v6hbf1ahzy] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
    flex-wrap: wrap;
}

#accolades li[b-v6hbf1ahzy] {
    display: inline-block;
}

#accolades li img[b-v6hbf1ahzy] {
    max-height: 100px;
    width: auto;
    opacity: 0.9;
    transition: opacity 0.2s ease;
}

#accolades li a:hover img[b-v6hbf1ahzy] {
    opacity: 1;
}

@media (max-width: 768px) {
    #awards.awards-section[b-v6hbf1ahzy] {
        min-height: 250px;
        padding: 40px 20px;
    }

    #accolades[b-v6hbf1ahzy] {
        gap: 30px;
    }

    #accolades li img[b-v6hbf1ahzy] {
        max-height: 60px;
    }
}
/* /Components/Sections/DividerSection.razor.rz.scp.css */
/* DividerSection.razor.css */

#tech-divider.divider-section[b-lxq41n5knx] {
    min-height: 200px;
    padding: 0;
    background-color: #f2f2f2;
    background-image: url('/content/images/parallax-technology.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    #tech-divider.divider-section[b-lxq41n5knx] {
        min-height: 100px;
    }
}
/* /Components/Sections/FeaturesSection.razor.rz.scp.css */
/* FeaturesSection.razor.css */

#features[b-plhstj00kt] {
    background-color: #f9f9f9;
}

#features .inner[b-plhstj00kt] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 20px;
}

#features .section-heading[b-plhstj00kt] {
    font-size: 2rem;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #4c5d6f;
    text-align: left;
}

#features .section-copy[b-plhstj00kt] {
    line-height: 1.8;
    font-size: 1rem;
}

#features .section-copy > p[b-plhstj00kt] {
    margin-top: 30px;
    margin-bottom: 20px;
}

#features ul[b-plhstj00kt] {
    columns: 2;
    column-gap: 40px;
    list-style: none;
    padding: 0;
    margin: 0;
}

#features ul li[b-plhstj00kt] {
    break-inside: avoid;
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
}

#features ul li[b-plhstj00kt]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    background-image: url('/images/icons/puzzle-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.25;
}

.cta-container[b-plhstj00kt] {
    margin-top: 30px;
    margin-bottom: 20px;
}

.cta-button[b-plhstj00kt] {
    display: inline-block;
    white-space: normal !important;
    height: auto !important;
    padding: 12px 25px !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
    background-color: #427fed;
    color: #fff !important;
    border-radius: 4px;
    text-decoration: none !important;
    transition: background-color 0.2s ease;
}

.cta-button:hover[b-plhstj00kt] {
    background-color: #3569c9;
}

@media (max-width: 768px) {
    #features ul[b-plhstj00kt] {
        columns: 1;
    }

    #features .section-heading[b-plhstj00kt] {
        font-size: 1.5rem;
    }
    
    .cta-container[b-plhstj00kt] {
        margin-top: 20px;
    }
    
    .cta-button[b-plhstj00kt] {
        width: 100% !important;
        font-size: 0.9rem !important;
        padding: 10px 15px !important;
    }
}
/* /Components/Sections/HeroSection.razor.rz.scp.css */
/* HeroSection.razor.css */

#introduction.hero-section[b-261nzwp4k2] {
    min-height: 550px;
    width: 100%;
    background-color: #f2f2f2;
    background-image: url('/content/images/parallax-intro.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 40px;
    box-sizing: border-box;
}

#introduction .inner[b-261nzwp4k2] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 !important;
}

#intro-copy[b-261nzwp4k2] {
    display: block;
    padding: 40px;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 5px;
    max-width: 600px;
    text-decoration: none; /* Remove underline from ins element */
}

#intro-copy h1[b-261nzwp4k2] {
    font-size: 2rem;
    line-height: 1.3;
    color: #4c5d6f;
    text-decoration: none;
}

#intro-copy .share[b-261nzwp4k2] {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    display: flex;
    gap: 10px;
}

#intro-copy .share li[b-261nzwp4k2] {
    display: inline-block;
}

#intro-copy .share li img[b-261nzwp4k2] {
    width: 32px;
    height: 32px;
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

#intro-copy .share li img:hover[b-261nzwp4k2] {
    opacity: 1;
}

@media (max-width: 768px) {
    #introduction.hero-section[b-261nzwp4k2] {
        min-height: 400px;
        padding: 30px 20px;
    }

    #intro-copy[b-261nzwp4k2] {
        padding: 25px;
        max-width: 100%;
    }

    #intro-copy h1[b-261nzwp4k2] {
        font-size: 1.5rem;
    }
}
/* /Components/Sections/LatestNewsSection.razor.rz.scp.css */
/* LatestNewsSection.razor.css */

#latest-news[b-ozmqb4dza6] {
    background-color: #f8f9fa;
}

#latest-news .inner[b-ozmqb4dza6] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    text-align: left;
}

#latest-news .section-heading[b-ozmqb4dza6] {
    font-size: 2rem;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #4c5d6f;
    text-align: left;
}

#latest-news .section-copy[b-ozmqb4dza6] {
    line-height: 1.8;
    font-size: 1rem;
    text-align: left;
}

.news-grid[b-ozmqb4dza6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
}

.news-card[b-ozmqb4dza6] {
    background: #fff;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: 1px solid #e9ecef;
    text-align: left;
    text-decoration: none;
    display: block;
    color: inherit;
}

.news-card:hover[b-ozmqb4dza6] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    text-decoration: none;
}

.news-title[b-ozmqb4dza6] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
    line-height: 1.3;
}

.news-date[b-ozmqb4dza6] {
    font-size: 0.85rem;
    color: #6c757d;
    margin: 0 0 1rem 0;
}

.news-summary[b-ozmqb4dza6] {
    font-size: 0.95rem;
    color: #495057;
    line-height: 1.6;
    margin: 0 0 1rem 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-read-more[b-ozmqb4dza6] {
    font-size: 0.9rem;
    color: var(--rz-primary, #427fed);
    font-weight: 500;
    display: block;
    margin-top: 1rem;
}

.no-news-message[b-ozmqb4dza6] {
    text-align: left;
    color: #6c757d;
    padding: 1rem 0;
}

#latest-news .cta-container[b-ozmqb4dza6] {
    text-align: left;
    margin-top: 2rem;
    margin-bottom: 40px;
}

#latest-news .cta-button[b-ozmqb4dza6] {
    display: inline-block;
    padding: 12px 25px;
    background-color: #427fed;
    color: #fff !important;
    border-radius: 4px;
    text-decoration: none !important;
    transition: background-color 0.2s ease;
    font-weight: 500;
    font-size: 0.95rem;
}

#latest-news .cta-button:hover[b-ozmqb4dza6] {
    background-color: #3569c9;
}

@media (max-width: 768px) {
    #latest-news .section-heading[b-ozmqb4dza6] {
        font-size: 1.5rem;
    }

    .news-grid[b-ozmqb4dza6] {
        grid-template-columns: 1fr;
    }
    
    #latest-news .cta-container[b-ozmqb4dza6] {
        margin-bottom: 30px;
    }
}
/* /Components/Sections/TestimonialsSection.razor.rz.scp.css */
/* TestimonialsSection.razor.css */

#testimonials[b-hxudu03bb7] {
    background-color: #fff;
}

#testimonials.has-rule[b-hxudu03bb7] {
    position: relative;
}

#testimonials.has-rule[b-hxudu03bb7]::before {
    display: block;
    width: 50%;
    height: 1px;
    background-color: #d9d9d9;
    content: "";
    position: absolute;
    top: 0;
    left: 25%;
}

#testimonials .inner[b-hxudu03bb7] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 20px;
}

#testimonials .section-heading[b-hxudu03bb7] {
    font-size: 2rem;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #4c5d6f;
    text-align: left;
}

#testimonials .section-copy[b-hxudu03bb7] {
    line-height: 1.8;
    font-size: 1rem;
}

.testimonial[b-hxudu03bb7] {
    display: block;
    position: relative;
    margin: 0;
    padding: 15px 80px;
    margin-top: 40px;
}

.testimonial:first-of-type[b-hxudu03bb7] {
    margin-top: 0;
}

.testimonial .signature[b-hxudu03bb7] {
    font-size: 1rem;
    display: block;
    clear: both;
    text-align: right;
    margin-top: 25px;
    font-style: normal;
    font-weight: bold;
    color: #4c5d6f;
}

.testimonial[b-hxudu03bb7]::before {
    display: block;
    content: "";
    background-image: url('/images/icons/quote-reversed.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
    opacity: 0.15;
    position: absolute;
    width: 100px;
    height: 50px;
    top: -10px;
    left: -10px;
}

.cta-container[b-hxudu03bb7] {
    margin-top: 30px;
    margin-bottom: 20px;
}

.cta-button[b-hxudu03bb7] {
    display: inline-block;
    white-space: normal !important;
    height: auto !important;
    padding: 12px 25px !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
    background-color: #427fed;
    color: #fff !important;
    border-radius: 4px;
    text-decoration: none !important;
    transition: background-color 0.2s ease;
}

.cta-button:hover[b-hxudu03bb7] {
    background-color: #3569c9;
}

@media (max-width: 768px) {
    #testimonials .section-heading[b-hxudu03bb7] {
        font-size: 1.5rem;
    }

    .testimonial[b-hxudu03bb7] {
        padding: 15px 20px 15px 60px;
    }

    .testimonial[b-hxudu03bb7]::before {
        width: 50px;
        height: 30px;
        left: 5px;
    }
    
    .cta-container[b-hxudu03bb7] {
        margin-top: 20px;
    }
    
    .cta-button[b-hxudu03bb7] {
        width: 100% !important;
        font-size: 0.9rem !important;
        padding: 10px 15px !important;
    }
}
/* /Components/Shared/AdminBreadcrumb.razor.rz.scp.css */
/* Admin Breadcrumb Component */
.admin-breadcrumb[b-zl9zm4wi67] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding: 0.6rem 1rem;
    background: var(--rz-base-100);
    border: 1px solid var(--rz-base-300);
    border-radius: 8px;
    font-size: 0.875rem;
}

.admin-breadcrumb .breadcrumb-home[b-zl9zm4wi67] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--rz-primary);
    text-decoration: none;
    padding: 0.25rem;
    border-radius: 4px;
    transition: background-color 0.15s;
}

.admin-breadcrumb .breadcrumb-home:hover[b-zl9zm4wi67] {
    background: var(--rz-primary-lighter);
}

.admin-breadcrumb .breadcrumb-home .rz-icon[b-zl9zm4wi67] {
    font-size: 1.1rem;
}

.admin-breadcrumb .breadcrumb-link[b-zl9zm4wi67] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--rz-primary);
    text-decoration: none;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    transition: background-color 0.15s;
}

.admin-breadcrumb .breadcrumb-link:hover[b-zl9zm4wi67] {
    background: var(--rz-primary-lighter);
    text-decoration: none;
}

.admin-breadcrumb .breadcrumb-sep[b-zl9zm4wi67] {
    color: var(--rz-text-tertiary-color);
    font-weight: 300;
}

.admin-breadcrumb .breadcrumb-current[b-zl9zm4wi67] {
    color: var(--rz-text-color);
    font-weight: 600;
    padding: 0.2rem 0.5rem;
}
/* /Components/Shared/FieldDiffViewer.razor.rz.scp.css */
.field-diff-viewer[b-txejchkpbo] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1rem;
}

.loading-container[b-txejchkpbo],
.error-state[b-txejchkpbo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
    color: #6b7280;
}

.loading-container p[b-txejchkpbo] {
    margin-top: 1rem;
}

.error-state .rzi[b-txejchkpbo] {
    font-size: 3rem;
    color: #ef4444;
    margin-bottom: 1rem;
}

.viewer-header[b-txejchkpbo] {
    margin-bottom: 1rem;
}

.viewer-header h3[b-txejchkpbo] {
    margin: 0 0 0.5rem 0;
    color: #1f2937;
}

.meta-row[b-txejchkpbo] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
}

.meta-row code[b-txejchkpbo] {
    background: #f3f4f6;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    color: #6b7280;
}

.summary-cards[b-txejchkpbo] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.summary-card[b-txejchkpbo] {
    padding: 1rem 1.25rem;
}

.summary-card.has-differences[b-txejchkpbo] {
    border-left: 3px solid #3b82f6;
}

.summary-card.has-syncable[b-txejchkpbo] {
    border-left: 3px solid #10b981;
}

.summary-card.has-locked[b-txejchkpbo] {
    border-left: 3px solid #f59e0b;
}

.summary-label[b-txejchkpbo] {
    color: #6b7280;
    font-size: 0.85rem;
}

.summary-value[b-txejchkpbo] {
    color: #1f2937;
    font-size: 1.6rem;
    font-weight: 600;
}

.diff-grid[b-txejchkpbo] {
    display: grid;
    grid-template-columns: 220px 1fr 1fr;
    gap: 1px;
    background: #e5e7eb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 1rem;
}

.diff-grid-header[b-txejchkpbo] {
    background: #f9fafb;
    padding: 0.85rem 1rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.diff-row[b-txejchkpbo] {
    display: contents;
}

.property-cell[b-txejchkpbo],
.value-cell[b-txejchkpbo] {
    background: #fff;
    padding: 0.9rem 1rem;
}

.same-row .property-cell[b-txejchkpbo],
.same-row .value-cell[b-txejchkpbo] {
    background: #ffffff;
}

.different-row .property-cell[b-txejchkpbo],
.different-row .value-cell[b-txejchkpbo] {
    background: #eff6ff;
}

.locked-row .property-cell[b-txejchkpbo],
.locked-row .value-cell[b-txejchkpbo] {
    background: #fffbeb;
}

.property-name[b-txejchkpbo] {
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.35rem;
}

.property-badges[b-txejchkpbo] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.property-badge[b-txejchkpbo] {
    font-size: 0.7rem;
}

.text-value[b-txejchkpbo] {
    white-space: pre-wrap;
    color: #374151;
}

.json-value[b-txejchkpbo] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.8rem;
    color: #374151;
    background: #f9fafb;
    border-radius: 6px;
    padding: 0.75rem;
    max-height: 220px;
    overflow: auto;
}

.empty-value[b-txejchkpbo] {
    color: #9ca3af;
    font-style: italic;
}

.dialog-footer[b-txejchkpbo] {
    margin-top: auto;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

@media (max-width: 900px) {
    .summary-cards[b-txejchkpbo] {
        grid-template-columns: 1fr;
    }

    .diff-grid[b-txejchkpbo] {
        grid-template-columns: 1fr;
    }

    .diff-grid-header.property-column[b-txejchkpbo] {
        display: none;
    }

    .diff-grid-header.value-column[b-txejchkpbo] {
        display: none;
    }
}
/* /Components/Shared/JsonCompare.razor.rz.scp.css */
.json-compare[b-cw056z6vy6] {
    width: 100%;
}

.json-compare-panels[b-cw056z6vy6] {
    display: flex;
    gap: 1rem;
    width: 100%;
}

.json-compare-panels > :deep(.json-panel)[b-cw056z6vy6] {
    flex: 1;
    min-width: 0;
}

/* Responsive: stack on small screens */
@media (max-width: 768px) {
    .json-compare-panels[b-cw056z6vy6] {
        flex-direction: column;
    }
}
/* /Components/Shared/JsonDiff.razor.rz.scp.css */
.json-diff[b-5tx347hsx1] {
    border: 1px solid var(--rz-border-color, #ddd);
    border-radius: 4px;
    overflow: hidden;
}

.json-diff-header[b-5tx347hsx1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.75rem;
    background: var(--rz-base-200, #f5f5f5);
    border-bottom: 1px solid var(--rz-border-color, #ddd);
    font-weight: 500;
    font-size: 0.85rem;
}

.json-diff-stats[b-5tx347hsx1] {
    display: flex;
    gap: 0.5rem;
}

.diff-stat[b-5tx347hsx1] {
    font-size: 0.75rem;
    padding: 0.1rem 0.4rem;
    border-radius: 3px;
    font-weight: 600;
}

.diff-stat-added[b-5tx347hsx1] {
    background: rgba(46, 160, 67, 0.15);
    color: #1a7f37;
}

.diff-stat-removed[b-5tx347hsx1] {
    background: rgba(248, 81, 73, 0.15);
    color: #cf222e;
}

.diff-stat-unchanged[b-5tx347hsx1] {
    background: var(--rz-base-300, #e0e0e0);
    color: var(--rz-text-secondary-color, #666);
}

.json-diff-content[b-5tx347hsx1] {
    max-height: 400px;
    overflow: auto;
    background: var(--rz-base-background, #fff);
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.8rem;
    line-height: 1.5;
}

.diff-line[b-5tx347hsx1] {
    display: flex;
    padding: 0 0.5rem;
    white-space: pre;
}

.diff-line-prefix[b-5tx347hsx1] {
    width: 1.5rem;
    flex-shrink: 0;
    text-align: center;
    user-select: none;
    color: var(--rz-text-secondary-color, #666);
}

.diff-line-content[b-5tx347hsx1] {
    flex: 1;
    min-width: 0;
}

.diff-line-added[b-5tx347hsx1] {
    background: rgba(46, 160, 67, 0.15);
}

.diff-line-added .diff-line-prefix[b-5tx347hsx1] {
    color: #1a7f37;
    font-weight: 600;
}

.diff-line-added .diff-line-content[b-5tx347hsx1] {
    color: #1a7f37;
}

.diff-line-removed[b-5tx347hsx1] {
    background: rgba(248, 81, 73, 0.15);
}

.diff-line-removed .diff-line-prefix[b-5tx347hsx1] {
    color: #cf222e;
    font-weight: 600;
}

.diff-line-removed .diff-line-content[b-5tx347hsx1] {
    color: #cf222e;
}

.diff-line-unchanged[b-5tx347hsx1] {
    background: transparent;
}

.diff-line-unchanged .diff-line-content[b-5tx347hsx1] {
    color: var(--rz-text-color, #333);
}
/* /Components/Shared/JsonPanel.razor.rz.scp.css */
.json-panel[b-e48j7ftaxz] {
    border: 1px solid var(--rz-border-color, #ddd);
    border-radius: 4px;
    overflow: hidden;
    min-width: 0;
    flex: 1;
}

.json-panel-header[b-e48j7ftaxz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: var(--rz-base-200, #f5f5f5);
    border-bottom: 1px solid var(--rz-border-color, #ddd);
    font-weight: 500;
    font-size: 0.85rem;
}

.json-panel-title[b-e48j7ftaxz] {
    color: var(--rz-text-color, #333);
}

.json-null-badge[b-e48j7ftaxz] {
    display: inline-block;
    padding: 0.1rem 0.4rem;
    border-radius: 3px;
    font-size: 0.75rem;
    background: var(--rz-base-300, #e0e0e0);
    color: var(--rz-text-secondary-color, #666);
}

.json-panel-content[b-e48j7ftaxz] {
    max-height: 400px;
    overflow: auto;
    background: var(--rz-base-background, #fff);
}

.json-code[b-e48j7ftaxz] {
    margin: 0;
    padding: 0.75rem;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.8rem;
    line-height: 1.5;
    white-space: pre;
    color: var(--rz-text-color, #333);
    background: transparent;
}

.json-null[b-e48j7ftaxz] {
    color: var(--rz-text-disabled-color, #999);
    font-style: italic;
}

.json-empty .json-panel-content[b-e48j7ftaxz] {
    background: var(--rz-base-100, #fafafa);
}
/* /Components/Shared/SharedFieldJsonViewerDialog.razor.rz.scp.css */
.json-viewer-dialog[b-to88ruglgg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.5rem;
}

.loading-container[b-to88ruglgg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #6b7280;
}

.error-state[b-to88ruglgg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 2rem;
}

.error-state .rzi[b-to88ruglgg] {
    font-size: 3rem;
    color: #ef4444;
    margin-bottom: 1rem;
}

.viewer-header[b-to88ruglgg] {
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 1rem;
}

.header-info h3[b-to88ruglgg] {
    margin: 0 0 0.5rem 0;
    color: #1f2937;
    font-size: 1.25rem;
}

.header-meta[b-to88ruglgg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.key-badge[b-to88ruglgg] {
    background: #f3f4f6;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.85rem;
    color: #4b5563;
}

.viewer-tabs[b-to88ruglgg] {
    flex: 1;
    overflow: auto;
}

.overview-section[b-to88ruglgg] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1rem 0;
}

.overview-section h4[b-to88ruglgg] {
    margin: 0 0 0.75rem 0;
    color: #374151;
    font-size: 1rem;
    font-weight: 600;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 0.5rem;
}

.property-grid[b-to88ruglgg] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.property-row[b-to88ruglgg] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 1rem;
    padding: 0.35rem 0;
    border-bottom: 1px solid #f3f4f6;
}

.property-label[b-to88ruglgg] {
    color: #6b7280;
    font-size: 0.9rem;
    font-weight: 500;
}

.property-value[b-to88ruglgg] {
    color: #1f2937;
    font-size: 0.9rem;
    word-break: break-word;
}

.property-value code[b-to88ruglgg] {
    background: #f3f4f6;
    padding: 0.15rem 0.4rem;
    border-radius: 3px;
    font-size: 0.85rem;
}

.sync-flags[b-to88ruglgg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.sync-flag[b-to88ruglgg] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    border-radius: 16px;
    font-size: 0.85rem;
    font-weight: 500;
}

.sync-flag.enabled[b-to88ruglgg] {
    background: #d1fae5;
    color: #059669;
}

.sync-flag.disabled[b-to88ruglgg] {
    background: #f3f4f6;
    color: #9ca3af;
}

.sync-flag .rzi[b-to88ruglgg] {
    font-size: 1rem;
}

.json-section[b-to88ruglgg] {
    padding: 1rem 0;
}

.json-toolbar[b-to88ruglgg] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.75rem;
}

.json-content[b-to88ruglgg] {
    background: #1f2937;
    color: #e5e7eb;
    padding: 1rem;
    border-radius: 8px;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.85rem;
    line-height: 1.5;
    overflow-x: auto;
    max-height: 400px;
    margin: 0;
}

.json-content code[b-to88ruglgg] {
    color: inherit;
    background: transparent;
}

.dialog-footer[b-to88ruglgg] {
    display: flex;
    justify-content: flex-end;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
}
/* /Components/Shared/SharedFieldPicker.razor.rz.scp.css */
.shared-field-picker[b-1btxfsp54b] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1rem;
}

.loading-container[b-1btxfsp54b],
.empty-state[b-1btxfsp54b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #6b7280;
}

.loading-container[b-1btxfsp54b] {
    padding: 3rem;
}

.loading-container p[b-1btxfsp54b] {
    margin-top: 1rem;
}

.empty-state .rzi[b-1btxfsp54b] {
    font-size: 2.5rem;
    color: #d1d5db;
    margin-bottom: 0.75rem;
}

.picker-layout[b-1btxfsp54b] {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 1rem;
    min-height: 480px;
}

.picker-list-panel[b-1btxfsp54b],
.preview-panel[b-1btxfsp54b] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.picker-toolbar[b-1btxfsp54b] {
    padding: 0.75rem;
    border-bottom: 1px solid #e5e7eb;
    background: #f9fafb;
}

.group-list[b-1btxfsp54b] {
    max-height: 480px;
    overflow: auto;
}

.category-group + .category-group[b-1btxfsp54b] {
    border-top: 1px solid #f3f4f6;
}

.category-header[b-1btxfsp54b] {
    position: sticky;
    top: 0;
    background: #f9fafb;
    padding: 0.6rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    border-bottom: 1px solid #e5e7eb;
}

.definition-row[b-1btxfsp54b] {
    padding: 0.85rem 0.9rem;
    cursor: pointer;
    border-bottom: 1px solid #f3f4f6;
}

.definition-row:hover[b-1btxfsp54b] {
    background: #f9fafb;
}

.definition-row.selected[b-1btxfsp54b] {
    background: #eff6ff;
    border-left: 3px solid #3b82f6;
    padding-left: calc(0.9rem - 3px);
}

.definition-main[b-1btxfsp54b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.definition-name[b-1btxfsp54b] {
    font-weight: 600;
    color: #1f2937;
}

.definition-preview[b-1btxfsp54b] {
    margin-top: 0.35rem;
    color: #6b7280;
    font-size: 0.85rem;
    line-height: 1.35;
}

.preview-panel[b-1btxfsp54b] {
    padding: 1rem;
}

.preview-header h3[b-1btxfsp54b] {
    margin: 0 0 0.75rem 0;
    color: #1f2937;
}

.preview-badges[b-1btxfsp54b] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.preview-content[b-1btxfsp54b] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.preview-row[b-1btxfsp54b] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.preview-row .label[b-1btxfsp54b] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
}

.preview-row .value[b-1btxfsp54b],
.value-code[b-1btxfsp54b] {
    color: #1f2937;
}

.value-code[b-1btxfsp54b] {
    width: fit-content;
    background: #f3f4f6;
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
}

.snippet[b-1btxfsp54b] {
    margin: 0;
    background: #111827;
    color: #f9fafb;
    padding: 0.85rem;
    border-radius: 8px;
    white-space: pre-wrap;
    font-size: 0.8rem;
}

.dialog-actions[b-1btxfsp54b] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
}

@media (max-width: 900px) {
    .picker-layout[b-1btxfsp54b] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/SharedFieldWhereUsedDialog.razor.rz.scp.css */
.shared-field-usage-dialog[b-topq5mql16] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1rem;
}

.loading-container[b-topq5mql16],
.error-state[b-topq5mql16] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
    color: #6b7280;
}

.loading-container p[b-topq5mql16] {
    margin-top: 1rem;
}

.error-state .rzi[b-topq5mql16] {
    font-size: 3rem;
    color: #ef4444;
    margin-bottom: 1rem;
}

.dialog-header[b-topq5mql16] {
    margin-bottom: 1rem;
}

.dialog-header h3[b-topq5mql16] {
    margin: 0 0 0.5rem 0;
    color: #1f2937;
}

.definition-meta[b-topq5mql16] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.definition-meta code[b-topq5mql16] {
    background: #f3f4f6;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    color: #6b7280;
}

.summary-cards[b-topq5mql16] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.summary-card[b-topq5mql16] {
    padding: 1rem 1.25rem;
}

.summary-card.has-stale[b-topq5mql16] {
    border-left: 3px solid #f59e0b;
}

.summary-content[b-topq5mql16] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.summary-icon[b-topq5mql16] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.summary-icon.forms[b-topq5mql16] {
    background: #dbeafe;
    color: #2563eb;
}

.summary-icon.fields[b-topq5mql16] {
    background: #e0e7ff;
    color: #4f46e5;
}

.summary-icon.stale[b-topq5mql16] {
    background: #fef3c7;
    color: #d97706;
}

.summary-value[b-topq5mql16] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1f2937;
    line-height: 1.2;
}

.summary-value.stale-count[b-topq5mql16] {
    color: #d97706;
}

.summary-label[b-topq5mql16] {
    font-size: 0.85rem;
    color: #6b7280;
}

.empty-usage[b-topq5mql16] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
    background: #f9fafb;
    border-radius: 8px;
}

.empty-usage .rzi[b-topq5mql16] {
    font-size: 3rem;
    color: #10b981;
    margin-bottom: 1rem;
}

.toolbar[b-topq5mql16] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.form-group-card[b-topq5mql16] {
    margin-bottom: 0.75rem;
}

.form-group-header[b-topq5mql16] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    cursor: pointer;
}

.group-header-main[b-topq5mql16] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.group-header-meta[b-topq5mql16] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.expand-icon[b-topq5mql16] {
    color: #6b7280;
}

.form-name[b-topq5mql16] {
    font-weight: 600;
    color: #1f2937;
}

.group-grid-container[b-topq5mql16] {
    margin-top: 1rem;
}

.usage-grid[b-topq5mql16] {
    border: none;
}

.field-name-cell[b-topq5mql16] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.field-label[b-topq5mql16] {
    font-weight: 500;
    color: #374151;
}

.field-key[b-topq5mql16] {
    background: #f3f4f6;
    padding: 0.15rem 0.4rem;
    border-radius: 3px;
    color: #6b7280;
    font-size: 0.8rem;
}

.field-type[b-topq5mql16] {
    color: #4b5563;
    font-size: 0.9rem;
}

.override-badge[b-topq5mql16] {
    font-size: 0.7rem;
}

[b-topq5mql16] .stale-row {
    background-color: #fffbeb !important;
}

[b-topq5mql16] .override-row td {
    border-left: 3px solid #93c5fd;
}

.action-buttons[b-topq5mql16] {
    display: flex;
    justify-content: center;
    gap: 0.25rem;
}

.dialog-footer[b-topq5mql16] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .summary-cards[b-topq5mql16] {
        grid-template-columns: 1fr;
    }

    .form-group-header[b-topq5mql16] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Shared/UnifiedDiffViewer.razor.rz.scp.css */
.unified-diff-viewer[b-ugzemafiyt] {
    font-size: 0.9rem;
}

.diff-controls[b-ugzemafiyt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding: 0.5rem;
    background: var(--rz-base-200, #f5f5f5);
    border-radius: 4px;
}

.diff-toggle[b-ugzemafiyt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    user-select: none;
}

.diff-toggle input[b-ugzemafiyt] {
    cursor: pointer;
}

.diff-summary[b-ugzemafiyt] {
    color: var(--rz-text-secondary-color, #666);
    font-size: 0.85rem;
}

.diff-table[b-ugzemafiyt] {
    border: 1px solid var(--rz-border-color, #ddd);
    border-radius: 4px;
    overflow: hidden;
}

.diff-header[b-ugzemafiyt] {
    display: flex;
    background: var(--rz-base-300, #e0e0e0);
    font-weight: 600;
    border-bottom: 1px solid var(--rz-border-color, #ddd);
}

.diff-row[b-ugzemafiyt] {
    display: flex;
    border-bottom: 1px solid var(--rz-border-color, #ddd);
}

.diff-row:last-child[b-ugzemafiyt] {
    border-bottom: none;
}

.diff-col[b-ugzemafiyt] {
    padding: 0.75rem;
    overflow: hidden;
    word-break: break-word;
}

.property-col[b-ugzemafiyt] {
    flex: 0 0 180px;
    background: var(--rz-base-100, #fafafa);
    border-right: 1px solid var(--rz-border-color, #ddd);
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.property-name[b-ugzemafiyt] {
    font-weight: 500;
}

.override-badge[b-ugzemafiyt],
.not-syncable-badge[b-ugzemafiyt] {
    font-size: 0.75rem;
    opacity: 0.7;
}

.value-col[b-ugzemafiyt] {
    flex: 1;
    min-width: 0;
}

.current-col[b-ugzemafiyt] {
    border-right: 1px solid var(--rz-border-color, #ddd);
}

/* Change type styling */
.diff-added[b-ugzemafiyt] {
    background: rgba(46, 160, 67, 0.08);
}

.diff-removed[b-ugzemafiyt] {
    background: rgba(248, 81, 73, 0.08);
}

.diff-modified[b-ugzemafiyt] {
    background: rgba(255, 193, 7, 0.08);
}

.diff-unchanged[b-ugzemafiyt] {
    opacity: 0.6;
}

/* Value styling */
.empty-value[b-ugzemafiyt] {
    color: var(--rz-text-disabled-color, #999);
    font-style: italic;
}

/* Array chips */
.array-chips[b-ugzemafiyt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.chip[b-ugzemafiyt] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    font-size: 0.8rem;
    font-family: monospace;
}

.chip-unchanged[b-ugzemafiyt] {
    background: var(--rz-base-200, #e8e8e8);
    color: var(--rz-text-color, #333);
}

.chip-added[b-ugzemafiyt] {
    background: rgba(46, 160, 67, 0.2);
    color: #1a7f37;
    border: 1px solid rgba(46, 160, 67, 0.4);
}

.chip-removed[b-ugzemafiyt] {
    background: rgba(248, 81, 73, 0.2);
    color: #cf222e;
    border: 1px solid rgba(248, 81, 73, 0.4);
    text-decoration: line-through;
}

/* Boolean badges */
.bool-badge[b-ugzemafiyt] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 3px;
    font-size: 0.8rem;
    font-weight: 500;
}

.bool-true[b-ugzemafiyt] {
    background: rgba(46, 160, 67, 0.15);
    color: #1a7f37;
}

.bool-false[b-ugzemafiyt] {
    background: rgba(248, 81, 73, 0.15);
    color: #cf222e;
}

/* JSON value */
.json-value[b-ugzemafiyt] {
    margin: 0;
    padding: 0.5rem;
    background: var(--rz-base-100, #fafafa);
    border-radius: 3px;
    font-size: 0.75rem;
    max-height: 150px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
}

/* Text diff styling */
.text-added[b-ugzemafiyt] {
    background: rgba(46, 160, 67, 0.15);
    padding: 0.1rem 0.25rem;
    border-radius: 2px;
}

.text-removed[b-ugzemafiyt] {
    background: rgba(248, 81, 73, 0.15);
    padding: 0.1rem 0.25rem;
    border-radius: 2px;
    text-decoration: line-through;
}

.text-modified[b-ugzemafiyt] {
    background: rgba(255, 193, 7, 0.15);
    padding: 0.1rem 0.25rem;
    border-radius: 2px;
}

.no-changes[b-ugzemafiyt] {
    padding: 1rem;
    text-align: center;
}

/* JSON diagnostic section */
.json-diagnostic-section[b-ugzemafiyt] {
    margin-top: 1rem;
}

.json-toggle-btn[b-ugzemafiyt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--rz-border-color, #ddd);
    border-radius: 4px;
    background: var(--rz-base-100, #fafafa);
    color: var(--rz-text-color, #333);
    font-size: 0.85rem;
    cursor: pointer;
    text-align: left;
    transition: background 0.15s ease;
}

.json-toggle-btn:hover[b-ugzemafiyt] {
    background: var(--rz-base-200, #f0f0f0);
}

.json-toggle-btn:focus[b-ugzemafiyt] {
    outline: 2px solid var(--rz-primary, #1e88e5);
    outline-offset: 1px;
}

.toggle-icon[b-ugzemafiyt] {
    font-size: 0.7rem;
    color: var(--rz-text-secondary-color, #666);
    width: 1rem;
    flex-shrink: 0;
}

.json-toggle-content[b-ugzemafiyt] {
    margin-top: 0.5rem;
    padding: 0.5rem;
    border: 1px solid var(--rz-border-color, #ddd);
    border-radius: 4px;
    background: var(--rz-base-background, #fff);
}
/* /Components/SocialLinks.razor.rz.scp.css */
/*
 * SocialLinks.razor.css
 * Styles for the SocialLinks component
 */

.social-links[b-ghzfs9iwma] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.social-link[b-ghzfs9iwma] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 50%;
    transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease;
}

/* Platform-specific background colors */
.social-link.linkedin[b-ghzfs9iwma] {
    background-color: #0a66c2;
}

.social-link.facebook[b-ghzfs9iwma] {
    background-color: #1877f2;
}

.social-link.x-twitter[b-ghzfs9iwma] {
    background-color: #000;
}

/* Hover and focus states */
.social-link:hover[b-ghzfs9iwma],
.social-link:focus-visible[b-ghzfs9iwma] {
    transform: scale(1.1);
    opacity: 0.9;
    text-decoration: none !important;
}

.social-link.linkedin:hover[b-ghzfs9iwma],
.social-link.linkedin:focus-visible[b-ghzfs9iwma] {
    background-color: #004182;
}

.social-link.facebook:hover[b-ghzfs9iwma],
.social-link.facebook:focus-visible[b-ghzfs9iwma] {
    background-color: #0d5bba;
}

.social-link.x-twitter:hover[b-ghzfs9iwma],
.social-link.x-twitter:focus-visible[b-ghzfs9iwma] {
    background-color: #333;
}

/* Focus-visible outline for keyboard navigation */
.social-link:focus-visible[b-ghzfs9iwma] {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* SVG styling - white icons */
.social-link svg[b-ghzfs9iwma] {
    display: block;
    fill: #fff;
    width: var(--icon-size, 20px);
    height: var(--icon-size, 20px);
}