@import '_content/Blazor.Flags/Blazor.Flags.bundle.scp.css';

/* /Features/AdminRoles/Pages/AdminRolesPage.razor.rz.scp.css */
.selected-role[b-tc8rv14552] {
    background-color: var(--mud-palette-primary-lighten);
    border-left: 3px solid var(--mud-palette-primary);
}

.selected-role:hover[b-tc8rv14552] {
    background-color: var(--mud-palette-primary-lighten);
}
/* /Features/Auth/Pages/login-redirect.razor.rz.scp.css */
/* Main Container */
.auth-portal-container[b-nn6jw7zhcv] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 25%, #667eea 50%, #764ba2 75%, #667eea 100%);
    background-size: 400% 400%;
    animation: gradientShift-b-nn6jw7zhcv 20s ease infinite;
}

/* Animated Background */
.auth-background[b-nn6jw7zhcv] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.floating-particles[b-nn6jw7zhcv] {
    position: relative;
    width: 100%;
    height: 100%;
}

.particle[b-nn6jw7zhcv] {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    animation: floatParticle-b-nn6jw7zhcv 15s infinite ease-in-out;
}

.particle-1[b-nn6jw7zhcv] {
    width: 60px;
    height: 60px;
    top: 10%;
    left: 10%;
    animation-delay: 0s;
}

.particle-2[b-nn6jw7zhcv] {
    width: 40px;
    height: 40px;
    top: 70%;
    left: 80%;
    animation-delay: -3s;
}

.particle-3[b-nn6jw7zhcv] {
    width: 80px;
    height: 80px;
    top: 30%;
    right: 20%;
    animation-delay: -6s;
}

.particle-4[b-nn6jw7zhcv] {
    width: 30px;
    height: 30px;
    bottom: 20%;
    left: 30%;
    animation-delay: -9s;
}

.particle-5[b-nn6jw7zhcv] {
    width: 50px;
    height: 50px;
    top: 60%;
    left: 60%;
    animation-delay: -12s;
}

.particle-6[b-nn6jw7zhcv] {
    width: 70px;
    height: 70px;
    bottom: 40%;
    right: 10%;
    animation-delay: -15s;
}

/* Content Wrapper */
.auth-content-wrapper[b-nn6jw7zhcv] {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 500px;
    padding: 2rem;
}

/* Brand Header */
.brand-header[b-nn6jw7zhcv] {
    text-align: center;
    margin-bottom: 3rem;
    opacity: 0;
    transform: translateY(-40px);
    transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
}

    .brand-header.animate-in[b-nn6jw7zhcv] {
        opacity: 1;
        transform: translateY(0);
    }

.brand-logo[b-nn6jw7zhcv] {
    margin-bottom: 1.5rem;
}

.logo-icon[b-nn6jw7zhcv] {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    animation: logoFloat-b-nn6jw7zhcv 3s ease-in-out infinite;
}

.logo-svg[b-nn6jw7zhcv] {
    width: 40px;
    height: 40px;
    color: white;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.brand-title[b-nn6jw7zhcv] {
    font-size: 2.5rem;
    font-weight: 300;
    color: white;
    margin: 0 0 0.5rem 0;
    letter-spacing: -0.02em;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.brand-subtitle[b-nn6jw7zhcv] {
    font-size: 1.125rem;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    font-weight: 300;
}

/* Status Card */
.auth-status-card[b-nn6jw7zhcv] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(30px);
    border-radius: 24px;
    padding: 3rem 2.5rem;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 2rem;
    opacity: 0;
    transform: translateY(40px) scale(0.95);
    transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1) 0.3s;
}

    .auth-status-card.animate-in[b-nn6jw7zhcv] {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

/* Processing State */
.processing-state[b-nn6jw7zhcv] {
    text-align: center;
}

.loading-complex[b-nn6jw7zhcv] {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto 2rem;
}

.loading-rings[b-nn6jw7zhcv] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ring[b-nn6jw7zhcv] {
    position: absolute;
    border-radius: 50%;
    border: 2px solid transparent;
    animation: spinRing-b-nn6jw7zhcv 3s linear infinite;
}

.ring-1[b-nn6jw7zhcv] {
    width: 100%;
    height: 100%;
    border-top-color: rgba(102, 126, 234, 0.8);
    border-right-color: rgba(102, 126, 234, 0.4);
    animation-duration: 2s;
}

.ring-2[b-nn6jw7zhcv] {
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
    border-left-color: rgba(118, 75, 162, 0.6);
    border-bottom-color: rgba(118, 75, 162, 0.3);
    animation-duration: 2.5s;
    animation-direction: reverse;
}

.ring-3[b-nn6jw7zhcv] {
    width: 60%;
    height: 60%;
    top: 20%;
    left: 20%;
    border-top-color: rgba(102, 126, 234, 0.4);
    border-right-color: rgba(102, 126, 234, 0.2);
    animation-duration: 3s;
}

.loading-core[b-nn6jw7zhcv] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background: rgba(102, 126, 234, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

.security-icon[b-nn6jw7zhcv] {
    width: 24px;
    height: 24px;
    color: #667eea;
    animation: iconPulse-b-nn6jw7zhcv 2s ease-in-out infinite;
}

.status-text[b-nn6jw7zhcv] {
    margin-bottom: 2.5rem;
}

.status-title[b-nn6jw7zhcv] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0 0 0.5rem 0;
    letter-spacing: -0.025em;
}

.status-description[b-nn6jw7zhcv] {
    font-size: 1.125rem;
    color: #6b7280;
    margin: 0;
    line-height: 1.6;
}

/* Custom Professional Stepper */
.custom-stepper[b-nn6jw7zhcv] {
    margin: 2.5rem 0;
}

.stepper-track[b-nn6jw7zhcv] {
    position: relative;
    width: 100%;
    height: 4px;
    background: #e5e7eb;
    border-radius: 2px;
    margin-bottom: 2rem;
    overflow: hidden;
}

.progress-line[b-nn6jw7zhcv] {
    height: 100%;
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
    border-radius: 2px;
    transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.progress-glow[b-nn6jw7zhcv] {
    position: absolute;
    top: -2px;
    right: -10px;
    width: 20px;
    height: 8px;
    background: radial-gradient(ellipse, rgba(102, 126, 234, 0.6), transparent);
    animation: progressGlow-b-nn6jw7zhcv 2s ease-in-out infinite;
}

.stepper-steps[b-nn6jw7zhcv] {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.step-item[b-nn6jw7zhcv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    position: relative;
    transition: all 0.3s ease;
}

.step-circle[b-nn6jw7zhcv] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #f3f4f6;
    border: 2px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
}

.step-item.active .step-circle[b-nn6jw7zhcv] {
    background: #667eea;
    border-color: #667eea;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.2);
    animation: stepPulse-b-nn6jw7zhcv 2s ease-in-out infinite;
}

.step-item.completed .step-circle[b-nn6jw7zhcv] {
    background: #10b981;
    border-color: #10b981;
    transform: scale(1.1);
}

.step-number[b-nn6jw7zhcv] {
    font-size: 1rem;
    font-weight: 600;
    color: #6b7280;
}

.step-item.active .step-number[b-nn6jw7zhcv] {
    color: white;
}

.step-check[b-nn6jw7zhcv] {
    color: white;
}

.check-icon[b-nn6jw7zhcv] {
    width: 20px;
    height: 20px;
}

.step-pulse[b-nn6jw7zhcv] {
    width: 16px;
    height: 16px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pulse-dot[b-nn6jw7zhcv] {
    width: 8px;
    height: 8px;
    background: #667eea;
    border-radius: 50%;
    animation: pulseDot-b-nn6jw7zhcv 1.5s ease-in-out infinite;
}

.step-content[b-nn6jw7zhcv] {
    text-align: center;
    max-width: 120px;
}

.step-icon[b-nn6jw7zhcv] {
    margin-bottom: 0.5rem;
}

.step-svg[b-nn6jw7zhcv] {
    width: 20px;
    height: 20px;
    color: #9ca3af;
    transition: color 0.3s ease;
}

.step-item.active .step-svg[b-nn6jw7zhcv],
.step-item.completed .step-svg[b-nn6jw7zhcv] {
    color: #667eea;
}

.step-label[b-nn6jw7zhcv] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.25rem;
}

.step-sublabel[b-nn6jw7zhcv] {
    display: block;
    font-size: 0.75rem;
    color: #9ca3af;
    line-height: 1.3;
}

/* Progress Statistics */
.progress-stats[b-nn6jw7zhcv] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    margin-top: 2rem;
    padding: 1rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.stat-item[b-nn6jw7zhcv] {
    text-align: center;
}

.stat-value[b-nn6jw7zhcv] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #667eea;
    line-height: 1;
}

.stat-label[b-nn6jw7zhcv] {
    display: block;
    font-size: 0.75rem;
    color: #6b7280;
    font-weight: 500;
    margin-top: 0.25rem;
}

.stat-divider[b-nn6jw7zhcv] {
    width: 1px;
    height: 2rem;
    background: #e5e7eb;
}

/* Error State */
.error-state[b-nn6jw7zhcv] {
    text-align: center;
}

.error-visual[b-nn6jw7zhcv] {
    margin-bottom: 2rem;
}

.error-icon-wrapper[b-nn6jw7zhcv] {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
}

.error-rings[b-nn6jw7zhcv] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.error-ring[b-nn6jw7zhcv] {
    position: absolute;
    border: 2px solid #dc2626;
    border-radius: 50%;
    opacity: 0.3;
    animation: errorRipple-b-nn6jw7zhcv 2s ease-out infinite;
}

    .error-ring:nth-child(1)[b-nn6jw7zhcv] {
        width: 100%;
        height: 100%;
        animation-delay: 0s;
    }

    .error-ring:nth-child(2)[b-nn6jw7zhcv] {
        width: 80%;
        height: 80%;
        top: 10%;
        left: 10%;
        animation-delay: 1s;
    }

.error-icon[b-nn6jw7zhcv] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    color: #dc2626;
}

.error-title[b-nn6jw7zhcv] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #dc2626;
    margin: 0 0 0.5rem 0;
}

.error-message[b-nn6jw7zhcv] {
    font-size: 1.125rem;
    color: #6b7280;
    margin: 0 0 1.5rem 0;
    line-height: 1.5;
}

.error-details-wrapper[b-nn6jw7zhcv] {
    margin: 1.5rem 0;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

    .error-details-wrapper.show[b-nn6jw7zhcv] {
        opacity: 1;
        max-height: 200px;
    }

.error-details[b-nn6jw7zhcv] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 1rem;
    text-align: left;
}

.detail-item[b-nn6jw7zhcv] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

    .detail-item:last-child[b-nn6jw7zhcv] {
        margin-bottom: 0;
    }

.detail-label[b-nn6jw7zhcv] {
    font-weight: 500;
    color: #7f1d1d;
}

.detail-value[b-nn6jw7zhcv] {
    font-family: 'Courier New', monospace;
    color: #991b1b;
}

/* Success State */
.success-state[b-nn6jw7zhcv] {
    text-align: center;
}

.success-visual[b-nn6jw7zhcv] {
    margin-bottom: 2rem;
}

.success-icon-wrapper[b-nn6jw7zhcv] {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
}

.success-rings[b-nn6jw7zhcv] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.success-ring[b-nn6jw7zhcv] {
    position: absolute;
    border: 2px solid #10b981;
    border-radius: 50%;
    opacity: 0.3;
    animation: successRipple-b-nn6jw7zhcv 2s ease-out infinite;
}

    .success-ring:nth-child(1)[b-nn6jw7zhcv] {
        width: 100%;
        height: 100%;
        animation-delay: 0s;
    }

    .success-ring:nth-child(2)[b-nn6jw7zhcv] {
        width: 80%;
        height: 80%;
        top: 10%;
        left: 10%;
        animation-delay: 1s;
    }

.success-icon[b-nn6jw7zhcv] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
}

.checkmark-animation[b-nn6jw7zhcv] {
    width: 100%;
    height: 100%;
}

.success-svg[b-nn6jw7zhcv] {
    width: 100%;
    height: 100%;
    color: #10b981;
}

.checkmark-path[b-nn6jw7zhcv] {
    stroke-dasharray: 24;
    stroke-dashoffset: 24;
    animation: drawCheckmark-b-nn6jw7zhcv 0.8s ease-out 0.5s forwards;
}

.success-title[b-nn6jw7zhcv] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #10b981;
    margin: 0 0 0.5rem 0;
}

.success-message[b-nn6jw7zhcv] {
    font-size: 1.125rem;
    color: #6b7280;
    margin: 0 0 2rem 0;
    line-height: 1.5;
}

.redirect-info[b-nn6jw7zhcv] {
    margin-bottom: 2rem;
}

.redirect-countdown[b-nn6jw7zhcv] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-size: 1rem;
    color: #374151;
}

.countdown-number[b-nn6jw7zhcv] {
    font-size: 2rem;
    font-weight: 700;
    color: #10b981;
    min-width: 3rem;
    text-align: center;
    animation: countdownPulse-b-nn6jw7zhcv 1s ease-in-out infinite;
}

.redirect-progress[b-nn6jw7zhcv] {
    width: 100%;
    height: 4px;
    background: #e5e7eb;
    border-radius: 2px;
    overflow: hidden;
}

.redirect-bar[b-nn6jw7zhcv] {
    width: 100%;
    height: 100%;
    position: relative;
}

.redirect-fill[b-nn6jw7zhcv] {
    height: 100%;
    background: linear-gradient(90deg, #10b981, #059669);
    border-radius: 2px;
    animation: redirectProgress-b-nn6jw7zhcv 3s linear;
}

/* Action Buttons */
.error-actions[b-nn6jw7zhcv],
.success-actions[b-nn6jw7zhcv] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.action-button[b-nn6jw7zhcv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    border-radius: 12px;
    font-weight: 600;
    font-size: 0.875rem;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}

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

    .action-button:hover[b-nn6jw7zhcv]::before {
        left: 100%;
    }

.primary-action[b-nn6jw7zhcv] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .primary-action:hover[b-nn6jw7zhcv] {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
    }

    .primary-action:disabled[b-nn6jw7zhcv] {
        opacity: 0.7;
        cursor: not-allowed;
        transform: none;
    }

.secondary-action[b-nn6jw7zhcv] {
    background: #f8fafc;
    color: #374151;
    border: 1px solid #e5e7eb;
}

    .secondary-action:hover[b-nn6jw7zhcv] {
        background: #f1f5f9;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

.button-icon[b-nn6jw7zhcv] {
    width: 16px;
    height: 16px;
}

.button-spinner[b-nn6jw7zhcv] {
    width: 16px;
    height: 16px;
    border: 2px solid transparent;
    border-top: 2px solid currentColor;
    border-radius: 50%;
    animation: spin-b-nn6jw7zhcv 1s linear infinite;
}

.toggle-details[b-nn6jw7zhcv] {
    background: transparent;
    border: none;
    color: #6b7280;
    font-size: 0.875rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 auto;
    padding: 0.5rem;
    transition: color 0.3s ease;
}

    .toggle-details:hover[b-nn6jw7zhcv] {
        color: #374151;
    }

.toggle-icon[b-nn6jw7zhcv] {
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;
}

    .toggle-icon.rotated[b-nn6jw7zhcv] {
        transform: rotate(180deg);
    }

/* Security Footer */
.security-footer[b-nn6jw7zhcv] {
    text-align: center;
    opacity: 0;
    transform: translateY(20px);
    transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1) 0.6s;
}

    .security-footer.animate-in[b-nn6jw7zhcv] {
        opacity: 1;
        transform: translateY(0);
    }

.security-badge[b-nn6jw7zhcv] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.security-icon[b-nn6jw7zhcv] {
    width: 24px;
    height: 24px;
    color: #10b981;
}

.security-text[b-nn6jw7zhcv] {
    text-align: left;
}

.security-title[b-nn6jw7zhcv] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: white;
}

.security-subtitle[b-nn6jw7zhcv] {
    display: block;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.8);
}

.footer-links[b-nn6jw7zhcv] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.footer-link[b-nn6jw7zhcv] {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.3s ease;
}

    .footer-link:hover[b-nn6jw7zhcv] {
        color: white;
    }

.link-separator[b-nn6jw7zhcv] {
    color: rgba(255, 255, 255, 0.5);
}

/* Animations */
@keyframes gradientShift-b-nn6jw7zhcv {
    0%, 100% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

@keyframes floatParticle-b-nn6jw7zhcv {
    0%, 100% {
        transform: translateY(0px) rotate(0deg);
    }

    33% {
        transform: translateY(-20px) rotate(120deg);
    }

    66% {
        transform: translateY(20px) rotate(240deg);
    }
}

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

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

@keyframes spinRing-b-nn6jw7zhcv {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes iconPulse-b-nn6jw7zhcv {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.8;
        transform: scale(1.1);
    }
}

@keyframes progressGlow-b-nn6jw7zhcv {
    0%, 100% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }
}

@keyframes stepPulse-b-nn6jw7zhcv {
    0%, 100% {
        box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.2);
    }

    50% {
        box-shadow: 0 0 0 8px rgba(102, 126, 234, 0.1);
    }
}

@keyframes pulseDot-b-nn6jw7zhcv {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.7;
        transform: scale(1.2);
    }
}

@keyframes errorRipple-b-nn6jw7zhcv {
    0% {
        transform: scale(0.8);
        opacity: 0.8;
    }

    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}

@keyframes successRipple-b-nn6jw7zhcv {
    0% {
        transform: scale(0.8);
        opacity: 0.8;
    }

    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}

@keyframes drawCheckmark-b-nn6jw7zhcv {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes countdownPulse-b-nn6jw7zhcv {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

@keyframes redirectProgress-b-nn6jw7zhcv {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

@keyframes spin-b-nn6jw7zhcv {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

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

    .brand-title[b-nn6jw7zhcv] {
        font-size: 2rem;
    }

    .auth-status-card[b-nn6jw7zhcv] {
        padding: 2rem 1.5rem;
    }

    .stepper-steps[b-nn6jw7zhcv] {
        flex-direction: column;
        gap: 1rem;
    }

    .step-item[b-nn6jw7zhcv] {
        flex-direction: row;
        text-align: left;
    }

    .step-content[b-nn6jw7zhcv] {
        max-width: none;
        margin-left: 1rem;
    }

    .error-actions[b-nn6jw7zhcv],
    .success-actions[b-nn6jw7zhcv] {
        flex-direction: column;
    }

    .action-button[b-nn6jw7zhcv] {
        width: 100%;
        justify-content: center;
    }

    .security-badge[b-nn6jw7zhcv] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .footer-links[b-nn6jw7zhcv] {
        flex-direction: column;
        gap: 0.25rem;
    }
}

@media (max-width: 480px) {
    .auth-content-wrapper[b-nn6jw7zhcv] {
        padding: 0.5rem;
    }

    .brand-title[b-nn6jw7zhcv] {
        font-size: 1.75rem;
    }

    .auth-status-card[b-nn6jw7zhcv] {
        padding: 1.5rem 1rem;
    }

    .loading-complex[b-nn6jw7zhcv],
    .error-icon-wrapper[b-nn6jw7zhcv],
    .success-icon-wrapper[b-nn6jw7zhcv] {
        width: 80px;
        height: 80px;
    }

    .progress-stats[b-nn6jw7zhcv] {
        flex-direction: column;
        gap: 1rem;
    }

    .stat-divider[b-nn6jw7zhcv] {
        width: 100%;
        height: 1px;
    }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .auth-status-card[b-nn6jw7zhcv] {
        background: rgba(31, 41, 55, 0.95);
        border: 1px solid rgba(75, 85, 99, 0.3);
    }

    .status-title[b-nn6jw7zhcv] {
        color: #f9fafb;
    }

    .progress-stats[b-nn6jw7zhcv] {
        background: rgba(31, 41, 55, 0.8);
        border: 1px solid rgba(75, 85, 99, 0.2);
    }

    .error-details[b-nn6jw7zhcv] {
        background: rgba(127, 29, 29, 0.2);
        border-color: rgba(220, 38, 38, 0.3);
    }

    .secondary-action[b-nn6jw7zhcv] {
        background: rgba(31, 41, 55, 0.8);
        color: #f9fafb;
        border-color: rgba(75, 85, 99, 0.3);
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .auth-status-card[b-nn6jw7zhcv] {
        border: 3px solid #000;
    }

    .step-circle[b-nn6jw7zhcv] {
        border-width: 3px;
    }

    .action-button[b-nn6jw7zhcv] {
        border: 2px solid currentColor;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    *[b-nn6jw7zhcv], *[b-nn6jw7zhcv]::before, *[b-nn6jw7zhcv]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}
/* /Features/Auth/Pages/Login.razor.rz.scp.css */
/* ========== Container & Background ========== */
.login-container[b-lnu99aiefe] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: linear-gradient(135deg, #1B90B0 0%, #0E5C73 100%);
    position: relative;
    overflow: hidden;
}

/* ========== Floating Shapes ========== */
.login-float[b-lnu99aiefe] {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    pointer-events: none;
}

.login-float-1[b-lnu99aiefe] {
    width: 400px;
    height: 400px;
    top: -120px;
    right: -100px;
    animation: loginFloat-b-lnu99aiefe 8s ease-in-out infinite;
}

.login-float-2[b-lnu99aiefe] {
    width: 300px;
    height: 300px;
    bottom: -80px;
    left: -60px;
    animation: loginFloat-b-lnu99aiefe 10s ease-in-out infinite reverse;
}

.login-float-3[b-lnu99aiefe] {
    width: 200px;
    height: 200px;
    top: 40%;
    left: 10%;
    animation: loginFloat-b-lnu99aiefe 12s ease-in-out infinite 2s;
}

@keyframes loginFloat-b-lnu99aiefe {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(30px, -30px) scale(1.08); }
}

/* ========== Card ========== */
.login-card[b-lnu99aiefe] {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 24px !important;
    max-width: 480px;
    width: 100%;
    position: relative;
    z-index: 1;
    animation: loginCardEntry-b-lnu99aiefe 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15) !important;
}

@keyframes loginCardEntry-b-lnu99aiefe {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* ========== Header ========== */
.login-header[b-lnu99aiefe] {
    animation: loginHeaderFade-b-lnu99aiefe 0.8s ease-out 0.2s both;
}

@keyframes loginHeaderFade-b-lnu99aiefe {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ========== Logo ========== */
.login-logo-wrapper[b-lnu99aiefe] {
    margin-bottom: 1.5rem;
}

.login-logo[b-lnu99aiefe] {
    width: 72px;
    height: auto;
    animation: loginLogoPulse-b-lnu99aiefe 2.5s ease-in-out infinite;
    filter: drop-shadow(0 4px 8px rgba(27, 144, 176, 0.2));
}

@keyframes loginLogoPulse-b-lnu99aiefe {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.04); }
}

/* ========== Typography ========== */
.login-title[b-lnu99aiefe] {
    font-weight: 700 !important;
    color: #1e293b;
    margin-bottom: 0.5rem !important;
    letter-spacing: -0.02em;
}

.login-subtitle[b-lnu99aiefe] {
    color: #64748b;
    margin-bottom: 0 !important;
    line-height: 1.6;
}

/* ========== Spinner ========== */
.login-spinner-section[b-lnu99aiefe] {
    padding: 2rem 0;
    animation: loginSpinnerFade-b-lnu99aiefe 0.8s ease-out 0.4s both;
}

@keyframes loginSpinnerFade-b-lnu99aiefe {
    from { opacity: 0; }
    to { opacity: 1; }
}

.login-spinner[b-lnu99aiefe] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.login-spinner-ring[b-lnu99aiefe] {
    width: 48px;
    height: 48px;
    border: 3px solid rgba(27, 144, 176, 0.15);
    border-top-color: #1B90B0;
    border-radius: 50%;
    animation: loginSpin-b-lnu99aiefe 0.8s linear infinite;
}

@keyframes loginSpin-b-lnu99aiefe {
    to { transform: rotate(360deg); }
}

.login-status-text[b-lnu99aiefe] {
    color: #94a3b8 !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em;
}

/* ========== Security Notice ========== */
.login-security-notice[b-lnu99aiefe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    background: rgba(27, 144, 176, 0.06);
    border: 1px solid rgba(27, 144, 176, 0.12);
    border-radius: 100px;
    animation: loginSecurityFade-b-lnu99aiefe 0.8s ease-out 0.6s both;
}

@keyframes loginSecurityFade-b-lnu99aiefe {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ========== Responsive ========== */
@media (max-width: 640px) {
    .login-container[b-lnu99aiefe] {
        padding: 1rem;
    }

    .login-card[b-lnu99aiefe] {
        border-radius: 20px !important;
    }

    .login-logo[b-lnu99aiefe] {
        width: 60px;
    }

    .login-float-1[b-lnu99aiefe] {
        width: 250px;
        height: 250px;
    }

    .login-float-2[b-lnu99aiefe] {
        width: 180px;
        height: 180px;
    }

    .login-float-3[b-lnu99aiefe] {
        display: none;
    }
}
/* /Features/ClarityViewer/Pages/ClarityViewerPage.razor.rz.scp.css */
/* No additional styles needed — all layout handled by MudBlazor */
/* /Features/DatabaseBackup/Pages/BackupHistoryPage.razor.rz.scp.css */
.filepath-cell[b-go2bttgxxz] {
    font-size: 0.78rem;
    font-family: monospace;
    color: var(--mud-palette-text-secondary);
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.error-cell[b-go2bttgxxz] {
    font-size: 0.78rem;
    color: #c62828;
}

.empty-state[b-go2bttgxxz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 16px;
    opacity: 0.6;
}
/* /Features/DatabaseBackup/Pages/DatabaseBackupPage.razor.rz.scp.css */
/* ── Page grid ─────────────────────────────────────────── */

.dashboard-grid[b-tlwrdlm13u] {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 16px;
    height: calc(100vh - 160px);
    overflow: hidden;
}

.config-panel[b-tlwrdlm13u] {
    overflow-y: auto;
    padding-right: 2px;
}

.history-panel[b-tlwrdlm13u] {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* ── Tab content area ──────────────────────────────────── */

.tab-body[b-tlwrdlm13u] {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 110px;
}

.tab-hint[b-tlwrdlm13u] {
    font-size: 0.8rem;
    color: var(--mud-palette-text-secondary);
    margin: 0;
}

/* ── Selected-item chips ───────────────────────────────── */

.chip-area[b-tlwrdlm13u] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.chip-meta[b-tlwrdlm13u] {
    font-size: 0.68rem;
    opacity: 0.7;
    margin-left: 4px;
}

/* ── Responsive ────────────────────────────────────────── */

@media (max-width: 900px) {
    .dashboard-grid[b-tlwrdlm13u] {
        grid-template-columns: 1fr;
        height: auto;
        overflow: visible;
    }

    .history-panel[b-tlwrdlm13u] {
        min-height: 400px;
    }
}
/* /Features/DatabaseExplorer/Pages/DatabaseExplorerPage.razor.rz.scp.css */
/* DatabaseExplorerPage - Scoped Styles */

/* ── Shell ── */
.dbe-shell[b-q0d2sqb9jk] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 120px);
    overflow: hidden;
}

/* ── Top Bar ── */
.dbe-topbar[b-q0d2sqb9jk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
    background: white;
    border-bottom: 1px solid #e2e8f0;
    flex-shrink: 0;
    gap: 16px;
}

.dbe-topbar-left[b-q0d2sqb9jk] {
    display: flex;
    align-items: center;
    gap: 12px;
}

[b-q0d2sqb9jk] .dbe-topbar-icon {
    font-size: 28px;
    color: #3b82f6;
}

[b-q0d2sqb9jk] .dbe-topbar-title {
    font-weight: 700;
    color: #1e293b;
    line-height: 1.2;
}

[b-q0d2sqb9jk] .dbe-topbar-subtitle {
    color: #64748b;
    line-height: 1.2;
}

.dbe-topbar-actions[b-q0d2sqb9jk] {
    display: flex;
    align-items: center;
    gap: 10px;
}

[b-q0d2sqb9jk] .dbe-source-select {
    min-width: 240px;
}

.dbe-topbar-btn[b-q0d2sqb9jk] {
    text-transform: none;
    white-space: nowrap;
}

/* Source select dropdown items */
.dbe-select-header[b-q0d2sqb9jk] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #94a3b8;
    text-transform: uppercase;
    padding: 4px 0;
}

.dbe-select-label[b-q0d2sqb9jk] {
    font-size: 0.85rem;
    color: #1e293b;
}

.dbe-select-server-item[b-q0d2sqb9jk] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dbe-server-badge[b-q0d2sqb9jk] {
    display: inline-block;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #7c3aed;
    background: #f3e8ff;
    padding: 1px 6px;
    border-radius: 3px;
    line-height: 1.4;
}

.dbe-subdomain-badge[b-q0d2sqb9jk] {
    display: inline-block;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #0369a1;
    background: #e0f2fe;
    padding: 1px 6px;
    border-radius: 3px;
    line-height: 1.4;
}

/* ── Body (sidebar + main) ── */
.dbe-body[b-q0d2sqb9jk] {
    display: flex;
    flex: 1;
    overflow: hidden;
}

/* ── Sidebar ── */
.dbe-sidebar[b-q0d2sqb9jk] {
    width: 280px;
    min-width: 280px;
    border-right: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    background: white;
    overflow: hidden;
}

.dbe-sidebar-header[b-q0d2sqb9jk] {
    padding: 16px;
    border-bottom: 1px solid #e2e8f0;
    flex-shrink: 0;
}

.dbe-sidebar-source-row[b-q0d2sqb9jk] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.dbe-sidebar-source-name[b-q0d2sqb9jk] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #1e293b;
}

.dbe-sidebar-meta-row[b-q0d2sqb9jk] {
    margin-bottom: 12px;
}

.dbe-sidebar-count[b-q0d2sqb9jk] {
    font-size: 0.75rem;
    color: #64748b;
}

[b-q0d2sqb9jk] .dbe-sidebar-search {
    width: 100%;
}

[b-q0d2sqb9jk] .dbe-sidebar-progress {
    flex-shrink: 0;
}

.dbe-sidebar-list[b-q0d2sqb9jk] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.dbe-sidebar-schema[b-q0d2sqb9jk] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #94a3b8;
    padding: 12px 16px 4px;
}

.dbe-table-item[b-q0d2sqb9jk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 16px;
    cursor: pointer;
    font-size: 0.85rem;
    color: #1e293b;
    border-left: 2px solid transparent;
    transition: background-color 0.12s ease, border-color 0.12s ease;
}

.dbe-table-item:hover[b-q0d2sqb9jk] {
    background: #f1f5f9;
}

.dbe-table-item.active[b-q0d2sqb9jk] {
    border-left-color: #3b82f6;
    background: #eff6ff;
}

.dbe-table-item-name[b-q0d2sqb9jk] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
}

.dbe-table-item-rows[b-q0d2sqb9jk] {
    font-size: 0.7rem;
    color: #94a3b8;
    margin-left: 8px;
    flex-shrink: 0;
}

/* ── Main content ── */
.dbe-main[b-q0d2sqb9jk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #f8fafc;
}

/* MudTabs flex height propagation */
[b-q0d2sqb9jk] .dbe-main .mud-tabs {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

[b-q0d2sqb9jk] .dbe-main .mud-tabs-panels {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

[b-q0d2sqb9jk] .dbe-main .mud-tab-panel {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Tab toolbar styling */
[b-q0d2sqb9jk] .mud-tabs-toolbar {
    border-bottom: 2px solid #e2e8f0 !important;
    background: white !important;
    flex-wrap: wrap;
}

.tab-panel[b-q0d2sqb9jk] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* Tab panel styling via class */
[b-q0d2sqb9jk] .dbe-tab-panel {
    border: 1px solid transparent;
    border-bottom: none;
    margin-right: 4px;
    border-radius: 6px 6px 0 0;
    transition: all 0.2s ease;
    padding: 8px 16px;
    cursor: pointer;
    background: transparent;
}

[b-q0d2sqb9jk] .dbe-tab-panel-hovered {
    background: #f1f5f9;
    border-color: #cbd5e1;
}

[b-q0d2sqb9jk] .dbe-tab-panel-active {
    background: white;
    border-color: #e2e8f0;
    border-top: 2px solid #3b82f6;
    border-bottom: 2px solid white;
    margin-bottom: -2px;
    font-weight: 600;
    cursor: default;
}

.dbe-tab-header[b-q0d2sqb9jk] {
    display: flex;
    align-items: center;
    gap: 4px;
}

[b-q0d2sqb9jk] .dbe-tab-close {
    margin-left: 4px;
    width: 20px;
    height: 20px;
}

.dbe-tab-content[b-q0d2sqb9jk] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* ── Empty state ── */
.dbe-empty-state[b-q0d2sqb9jk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px;
    text-align: center;
}

[b-q0d2sqb9jk] .dbe-empty-icon {
    font-size: 56px;
    color: #cbd5e1;
    margin-bottom: 16px;
}

.dbe-empty-title[b-q0d2sqb9jk] {
    font-size: 1.125rem;
    font-weight: 500;
    color: #475569;
    margin-bottom: 8px;
}

.dbe-empty-text[b-q0d2sqb9jk] {
    font-size: 0.875rem;
    color: #94a3b8;
    max-width: 300px;
}

/* ── Filter bar ── */
.dbe-filter-bar[b-q0d2sqb9jk] {
    border-bottom: 1px solid #e2e8f0;
    background: white;
    flex-shrink: 0;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.dbe-filter-bar-left[b-q0d2sqb9jk] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
}

[b-q0d2sqb9jk] .dbe-filter-toggle {
    text-transform: none;
}

.dbe-filter-chips[b-q0d2sqb9jk] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    flex: 1;
    min-width: 0;
}

[b-q0d2sqb9jk] .dbe-filter-chip {
    font-size: 0.75rem;
}

[b-q0d2sqb9jk] .dbe-clear-filters {
    text-transform: none;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.dbe-filter-bar-right[b-q0d2sqb9jk] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

/* ── Filter panel ── */
.dbe-filter-panel[b-q0d2sqb9jk] {
    padding: 16px 20px;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

.dbe-filter-search-row[b-q0d2sqb9jk] {
    margin-bottom: 12px;
}

[b-q0d2sqb9jk] .dbe-column-search {
    max-width: 300px;
}

.dbe-filter-grid[b-q0d2sqb9jk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 12px;
    max-height: 280px;
    overflow-y: auto;
    padding-right: 8px;
}

.dbe-filter-card[b-q0d2sqb9jk] {
    background: white;
    border-radius: 6px;
    padding: 8px 12px;
    border: 1px solid #e2e8f0;
}

.dbe-filter-card.has-value[b-q0d2sqb9jk] {
    border-color: #3b82f6;
}

[b-q0d2sqb9jk] .dbe-filter-input {
    font-size: 0.813rem;
}

.dbe-filter-type[b-q0d2sqb9jk] {
    font-size: 0.688rem;
    color: #94a3b8;
    margin-top: 2px;
    display: block;
}

.dbe-filter-no-match[b-q0d2sqb9jk] {
    text-align: center;
    padding: 20px;
    color: #94a3b8;
}

/* ── Loading bar ── */
[b-q0d2sqb9jk] .dbe-loading-bar {
    flex-shrink: 0;
}

/* ── Data grid ── */
.dbe-grid-container[b-q0d2sqb9jk] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: white;
    margin: 0;
    border-top: 1px solid #e2e8f0;
}

.dbe-grid-scroll[b-q0d2sqb9jk] {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

/* Plain table for data/query grids */
.dbe-table[b-q0d2sqb9jk] {
    border-collapse: collapse;
    font-size: 0.82rem;
    white-space: nowrap;
    min-width: 100%;
}

.dbe-th[b-q0d2sqb9jk] {
    padding: 7px 12px;
    text-align: left;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    background: #f8fafc;
    border-bottom: 2px solid #e2e8f0;
    position: sticky;
    top: 0;
    z-index: 1;
    white-space: nowrap;
}

.dbe-th-copy[b-q0d2sqb9jk] {
    width: 40px;
}

.dbe-td[b-q0d2sqb9jk] {
    padding: 5px 12px;
    color: #334155;
    white-space: nowrap;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
}

.dbe-td-copy[b-q0d2sqb9jk] {
    width: 40px;
    padding: 2px 6px;
}

.dbe-null[b-q0d2sqb9jk] {
    color: #cbd5e1;
    font-style: italic;
}

.dbe-tr:hover .dbe-td[b-q0d2sqb9jk] {
    background: #f8fafc;
}

[b-q0d2sqb9jk] .dbe-copy-btn {
    width: 24px;
    height: 24px;
}

/* ── Pagination ── */
.dbe-pagination[b-q0d2sqb9jk] {
    padding: 8px 16px;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.dbe-pagination-info[b-q0d2sqb9jk] {
    font-size: 0.813rem;
    color: #64748b;
}

.dbe-pagination-nav[b-q0d2sqb9jk] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.dbe-pagination-current[b-q0d2sqb9jk] {
    font-size: 0.813rem;
    padding: 4px 12px;
    background: #3b82f6;
    color: white;
    border-radius: 4px;
    margin: 0 4px;
}

.dbe-pagination-size[b-q0d2sqb9jk] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dbe-pagination-size-label[b-q0d2sqb9jk] {
    font-size: 0.813rem;
    color: #64748b;
}

[b-q0d2sqb9jk] .dbe-page-size-select {
    width: 70px;
}

/* ── SQL Query Tab ── */
.dbe-sql-toolbar[b-q0d2sqb9jk] {
    border-bottom: 1px solid #e2e8f0;
    background: white;
    flex-shrink: 0;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dbe-sql-toolbar-left[b-q0d2sqb9jk] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dbe-sql-toolbar-title[b-q0d2sqb9jk] {
    font-weight: 600;
    font-size: 0.938rem;
    color: #1e293b;
}

.dbe-sql-toolbar-right[b-q0d2sqb9jk] {
    display: flex;
    gap: 8px;
}

.dbe-sql-editor[b-q0d2sqb9jk] {
    padding: 16px 20px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.dbe-sql-textarea-wrap[b-q0d2sqb9jk] {
    margin-bottom: 16px;
}

[b-q0d2sqb9jk] .dbe-sql-textarea {
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 14px;
}

.dbe-sql-params[b-q0d2sqb9jk] {
    margin-bottom: 12px;
}

.dbe-sql-params-title[b-q0d2sqb9jk] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 8px;
}

.dbe-sql-params-list[b-q0d2sqb9jk] {
    display: grid;
    gap: 8px;
}

.dbe-sql-param-row[b-q0d2sqb9jk] {
    display: flex;
    gap: 8px;
    align-items: center;
    background: white;
    padding: 8px;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
}

[b-q0d2sqb9jk] .dbe-sql-param-name {
    flex: 1;
}

[b-q0d2sqb9jk] .dbe-sql-param-value {
    flex: 2;
}

.dbe-sql-add-param[b-q0d2sqb9jk] {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
    background: #f1f5f9;
    padding: 12px;
    border-radius: 6px;
    border: 1px dashed #cbd5e1;
    align-items: center;
}

.dbe-sql-add-btn[b-q0d2sqb9jk] {
    align-self: center;
}

.dbe-sql-run-row[b-q0d2sqb9jk] {
    display: flex;
    gap: 8px;
}

/* ── Responsive ── */
@@media (max-width: 959px) {
    .dbe-topbar[b-q0d2sqb9jk] {
        flex-direction: column;
        align-items: stretch;
        padding: 12px 16px;
    }

    .dbe-topbar-actions[b-q0d2sqb9jk] {
        flex-direction: column;
    }

    [b-q0d2sqb9jk] .dbe-source-select {
        min-width: auto;
        width: 100%;
    }

    .dbe-sidebar[b-q0d2sqb9jk] {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        height: 100vh;
        z-index: 1000;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        box-shadow: none;
    }

    .dbe-sidebar.mobile-visible[b-q0d2sqb9jk] {
        transform: translateX(0);
        box-shadow: 4px 0 12px rgba(0, 0, 0, 0.3);
    }

    .dbe-filter-grid[b-q0d2sqb9jk] {
        grid-template-columns: 1fr;
    }

    .dbe-filter-bar[b-q0d2sqb9jk] {
        flex-wrap: wrap;
    }

    .dbe-pagination[b-q0d2sqb9jk] {
        flex-wrap: wrap;
        gap: 8px;
        justify-content: center;
    }
}

@@media (max-width: 599px) {
    .dbe-topbar[b-q0d2sqb9jk] {
        padding: 8px 12px;
    }

    .dbe-filter-bar[b-q0d2sqb9jk] {
        padding: 8px 12px;
    }

    .dbe-sql-editor[b-q0d2sqb9jk] {
        padding: 8px 12px;
    }

    .dbe-sql-toolbar[b-q0d2sqb9jk] {
        padding: 8px 12px;
    }

    .dbe-filter-panel[b-q0d2sqb9jk] {
        padding: 8px 12px;
    }
}
/* /Features/HangfireMonitoring/Pages/HangfireMonitoringPage.razor.rz.scp.css */
/* Hangfire Monitoring Page Styles */
/* No inline styles - all CSS should be defined here */

.exception-container[b-vlbvhqrdex] {
    padding: 12px;
    background-color: #ffebee;
    border-left: 4px solid #f44336;
    border-radius: 4px;
    margin-top: 8px;
}

.exception-text[b-vlbvhqrdex] {
    font-family: 'Courier New', Courier, monospace;
    white-space: pre-wrap;
    word-break: break-word;
    color: #c62828;
    font-size: 0.875rem;
    line-height: 1.5;
}
/* /Features/Invoices/Pages/ViewInvoice.razor.rz.scp.css */
/* This file is intentionally empty - print styles moved to global CSS */
/* /Features/JwtDecoder/Pages/JwtDecoderPage.razor.rz.scp.css */
/* JwtDecoderPage - Scoped Styles */

/* Page layout */
.jwt-page[b-q4j9v7k3ex] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    max-width: 960px;
    margin: 0 auto;
}

.jwt-page-title[b-q4j9v7k3ex] {
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 16px;
}

/* Section cards */
.jwt-section-card[b-q4j9v7k3ex] {
    padding: 20px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
}

/* Token input */
[b-q4j9v7k3ex] .jwt-token-input textarea {
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 13px;
    line-height: 1.5;
}

.jwt-input-actions[b-q4j9v7k3ex] {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
}

/* Issuer row */
.jwt-issuer-row[b-q4j9v7k3ex] {
    display: flex;
    align-items: center;
    gap: 12px;
}

[b-q4j9v7k3ex] .jwt-issuer-input {
    flex: 1;
}

/* Validation chip */
[b-q4j9v7k3ex] .jwt-validation-chip {
    font-size: 14px;
    font-weight: 500;
    padding: 8px 16px;
    height: auto;
}

.jwt-chip-expiry[b-q4j9v7k3ex] {
    font-weight: 400;
    opacity: 0.85;
}

/* Section header */
.jwt-section-header[b-q4j9v7k3ex] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e2e8f0;
}

.jwt-section-title[b-q4j9v7k3ex] {
    font-weight: 600;
    color: #1e293b;
}

/* Claims container */
.jwt-claims-container[b-q4j9v7k3ex] {
    display: flex;
    flex-direction: column;
}

/* Claim rows */
.claim-row[b-q4j9v7k3ex] {
    display: flex;
    align-items: center;
    padding: 8px 4px;
    border-bottom: 1px solid #f1f5f9;
    gap: 8px;
}

.claim-row:last-child[b-q4j9v7k3ex] {
    border-bottom: none;
}

.claim-row:hover[b-q4j9v7k3ex] {
    background-color: #f8fafc;
    border-radius: 4px;
}

.claim-key[b-q4j9v7k3ex] {
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-weight: 600;
    color: #3b82f6;
    min-width: 180px;
    flex-shrink: 0;
    font-size: 13px;
}

.claim-value[b-q4j9v7k3ex] {
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 13px;
    flex: 1;
    word-break: break-all;
    color: #1e293b;
    min-width: 0;
}

.claim-date[b-q4j9v7k3ex] {
    color: #64748b;
    font-size: 11px;
    margin-left: 8px;
    white-space: nowrap;
}

[b-q4j9v7k3ex] .claim-copy-btn {
    flex-shrink: 0;
    color: #94a3b8;
}

[b-q4j9v7k3ex] .claim-copy-btn:hover {
    color: #3b82f6;
}

/* Signature value */
.sig-value[b-q4j9v7k3ex] {
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    word-break: break-all;
    font-size: 11px;
    color: #64748b;
    padding: 12px;
    background: #f8fafc;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

/* Responsive */
@media (max-width: 640px) {
    .jwt-page[b-q4j9v7k3ex] {
        padding: 16px;
    }

    .claim-key[b-q4j9v7k3ex] {
        min-width: 120px;
        font-size: 12px;
    }

    .claim-value[b-q4j9v7k3ex] {
        font-size: 12px;
    }

    .jwt-issuer-row[b-q4j9v7k3ex] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Features/KeycloakManagement/Components/GroupAttributesDialog.razor.rz.scp.css */
.attribute-row[b-sludx8mn2c] {
    background-color: var(--mud-palette-surface);
    border-left: 3px solid var(--mud-palette-primary);
}

.attribute-row:hover[b-sludx8mn2c] {
    background-color: var(--mud-palette-action-default-hover);
}

.flex-wrap[b-sludx8mn2c] {
    flex-wrap: wrap;
}
/* /Features/KeycloakManagement/Components/UserAttributesDialog.razor.rz.scp.css */
.attribute-row[b-tewmc9w726] {
    background-color: var(--mud-palette-surface);
    border-left: 3px solid var(--mud-palette-primary);
}

.attribute-row:hover[b-tewmc9w726] {
    background-color: var(--mud-palette-action-default-hover);
}

.flex-wrap[b-tewmc9w726] {
    flex-wrap: wrap;
}
/* /Features/KeycloakManagement/Pages/KeycloakManagementIndex.razor.rz.scp.css */
.keycloak-management-container[b-utoqkox0yb] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 120px);
    overflow: hidden;
    background-color: #f8fafc;
    padding: 16px;
}
/* /Features/Notification/Components/EmailBodyViewerDialog.razor.rz.scp.css */
[b-cpz3wgvx6q] .notification-preview-dialog {
    width: min(92vw, 64rem);
    max-width: min(92vw, 64rem);
}

.email-preview-shell[b-cpz3wgvx6q] {
    min-height: 0;
}

.notification-detail-card[b-cpz3wgvx6q] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.92);
    padding: 0.9rem 1rem;
}

.email-preview-container[b-cpz3wgvx6q] {
    overflow: auto;
    max-height: 58vh;
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(241, 245, 249, 1) 0%, rgba(226, 232, 240, 1) 100%);
}

.email-preview-canvas[b-cpz3wgvx6q] {
    display: inline-block;
    min-width: 32rem;
    max-width: none;
}

.email-preview-markup[b-cpz3wgvx6q] {
    min-height: 24rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    background-color: white;
    overflow: auto;
    padding: 16px;
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
}

.notification-text-preview[b-cpz3wgvx6q] {
    white-space: pre-wrap;
    word-break: break-word;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    padding: 16px;
    line-height: 1.6;
    min-height: 16rem;
}

.notification-data-row[b-cpz3wgvx6q] {
    gap: 1rem;
    padding: 0.35rem 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.notification-data-row:last-child[b-cpz3wgvx6q] {
    border-bottom: 0;
}

[b-cpz3wgvx6q] .email-preview-markup img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 960px) {
    [b-cpz3wgvx6q] .notification-preview-dialog {
        width: 95vw;
        max-width: 95vw;
    }

    .email-preview-container[b-cpz3wgvx6q] {
        max-height: 64vh;
    }

    .email-preview-canvas[b-cpz3wgvx6q] {
        min-width: 100%;
        width: 100%;
    }
}
/* /Features/Notification/Pages/NotificationsIndex.razor.rz.scp.css */
.notification-stat-card[b-40xmb73ubs] {
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 250, 252, 1) 100%);
}

.notification-search-field[b-40xmb73ubs] {
    min-width: 18rem;
}

.notification-date-filter[b-40xmb73ubs] {
    min-width: 11rem;
}

.notification-status-filter[b-40xmb73ubs] {
    min-width: 10rem;
}

.notification-type-filter[b-40xmb73ubs] {
    min-width: 10rem;
}

.notification-empty-icon[b-40xmb73ubs] {
    font-size: 4rem;
}

.notification-table-shell[b-40xmb73ubs] {
    overflow: hidden;
}

.notification-cell[b-40xmb73ubs] {
    min-width: 16rem;
}

.notification-subject[b-40xmb73ubs] {
    font-weight: 600;
    line-height: 1.35;
    word-break: break-word;
}

.audience-cell[b-40xmb73ubs] {
    min-width: 13rem;
    max-width: 16rem;
}

.subdomain-cell[b-40xmb73ubs] {
    min-width: 10rem;
    max-width: 13rem;
}

.subdomain-title[b-40xmb73ubs] {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.audience-title[b-40xmb73ubs] {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.audience-meta[b-40xmb73ubs] {
    line-height: 1.3;
}

.created-cell[b-40xmb73ubs] {
    min-width: 8rem;
}

[b-40xmb73ubs] .notification-grid .mud-table-container {
    overflow-x: auto;
}

[b-40xmb73ubs] .notification-grid table {
    min-width: 62rem;
}

[b-40xmb73ubs] .notification-grid .mud-table-cell,
[b-40xmb73ubs] .notification-grid .mud-table-head-cell {
    vertical-align: top;
}

[b-40xmb73ubs] .notification-grid tr.notification-row-success > td {
    background-color: rgba(46, 125, 50, 0.07);
}

[b-40xmb73ubs] .notification-grid tr.notification-row-failed > td {
    background-color: rgba(211, 47, 47, 0.05);
}

[b-40xmb73ubs] .notification-grid tr.notification-row-selected > td {
    box-shadow: inset 4px 0 0 var(--mud-palette-primary);
    background-color: rgba(25, 118, 210, 0.06);
}

[b-40xmb73ubs] .notification-grid tr.notification-row-selected.notification-row-success > td {
    background-color: rgba(46, 125, 50, 0.1);
}

[b-40xmb73ubs] .notification-grid tr.notification-row-selected.notification-row-failed > td {
    background-color: rgba(211, 47, 47, 0.08);
}

[b-40xmb73ubs] .notification-meta-chip .mud-chip-content {
    max-width: 9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .notification-search-field[b-40xmb73ubs] {
        min-width: 100%;
    }
}

@media (max-width: 900px) {
    [b-40xmb73ubs] .notification-grid table {
        min-width: 52rem;
    }
}
/* /Features/PaymentLogs/Pages/PaymentLogsIndex.razor.rz.scp.css */
/* Payment Logs Index Scoped Styles */

.font-weight-bold[b-kahi18oizy] {
    font-weight: 600;
}
/* /Features/Performance/Pages/PerformanceLogsIndex.razor.rz.scp.css */
.cursor-pointer[b-jg6rd6eo7z] {
    cursor: pointer;
}

.cursor-pointer:hover[b-jg6rd6eo7z] {
    background-color: var(--mud-palette-action-default-hover);
}

.text-truncate[b-jg6rd6eo7z] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Make performance detail dialog wider */
[b-jg6rd6eo7z] .mud-dialog-width-xxl {
    max-width: 95vw !important;
    width: 95vw !important;
}

[b-jg6rd6eo7z] .mud-dialog.mud-dialog-width-xxl .mud-dialog-content {
    max-width: 95vw !important;
}
/* /Features/RedisManager/Pages/RedisManagerPage.razor.rz.scp.css */
.stat-card[b-w61lzgathq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px;
    min-height: 90px;
    text-align: center;
}

.stat-label[b-w61lzgathq] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 4px;
}

.stat-value[b-w61lzgathq] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
}

.stat-sub[b-w61lzgathq] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
}

.key-type-chip[b-w61lzgathq] {
    font-family: monospace;
    font-size: 0.7rem;
    padding: 1px 6px;
    border-radius: 4px;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
}

.type-string[b-w61lzgathq]  { background: #dbeafe; color: #1d4ed8; }
.type-hash[b-w61lzgathq]    { background: #d1fae5; color: #065f46; }
.type-list[b-w61lzgathq]    { background: #fef3c7; color: #92400e; }
.type-set[b-w61lzgathq]     { background: #ede9fe; color: #5b21b6; }
.type-zset[b-w61lzgathq]    { background: #fce7f3; color: #9d174d; }
.type-stream[b-w61lzgathq]  { background: #f3f4f6; color: #374151; }

.ttl-badge[b-w61lzgathq] {
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

.ttl-expiring[b-w61lzgathq] {
    color: #ef4444;
    font-weight: 600;
}

.key-cell[b-w61lzgathq] {
    max-width: 340px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: monospace;
    font-size: 0.82rem;
}

.detail-panel[b-w61lzgathq] {
    border-left: 1px solid var(--mud-palette-divider);
    padding-left: 16px;
    min-height: 500px;
}

.detail-header[b-w61lzgathq] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.detail-key[b-w61lzgathq] {
    font-family: monospace;
    font-size: 0.85rem;
    font-weight: 600;
    word-break: break-all;
}

.value-table[b-w61lzgathq] {
    width: 100%;
    font-size: 0.82rem;
    border-collapse: collapse;
}

.value-table th[b-w61lzgathq] {
    text-align: left;
    padding: 6px 10px;
    background: var(--mud-palette-background-grey);
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.value-table td[b-w61lzgathq] {
    padding: 5px 10px;
    border-bottom: 1px solid var(--mud-palette-divider);
    vertical-align: top;
    word-break: break-all;
}

.value-table tr:last-child td[b-w61lzgathq] {
    border-bottom: none;
}

.string-value[b-w61lzgathq] {
    font-family: monospace;
    font-size: 0.82rem;
    white-space: pre-wrap;
    word-break: break-all;
    background: var(--mud-palette-background-grey);
    padding: 12px;
    border-radius: 6px;
    max-height: 400px;
    overflow-y: auto;
}

.empty-state[b-w61lzgathq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: var(--mud-palette-text-secondary);
    gap: 8px;
}

.flush-warning[b-w61lzgathq] {
    border: 2px solid #ef4444;
    border-radius: 8px;
    padding: 16px;
    background: #fef2f2;
}

.db-stat-row[b-w61lzgathq] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 0;
    border-bottom: 1px solid var(--mud-palette-divider);
    font-size: 0.82rem;
}

.db-stat-row:last-child[b-w61lzgathq] {
    border-bottom: none;
}
/* /Features/Search/Components/QuickSearch.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   Quick Search / Command Palette
   Inspired by Linear, Raycast, Vercel
   ═══════════════════════════════════════════════════════════════════ */

/* ── Backdrop ──────────────────────────────────────────────────────── */
.qs-backdrop[b-wdfc2tfs6n] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.42);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    z-index: 1200;
    animation: qs-fade-in-b-wdfc2tfs6n 0.12s ease;
}

/* ── Panel ─────────────────────────────────────────────────────────── */
.qs-panel[b-wdfc2tfs6n] {
    position: fixed;
    top: 11vh;
    left: 50%;
    transform: translateX(-50%);
    width: min(640px, calc(100vw - 32px));
    max-height: 68vh;
    background: var(--mud-palette-surface);
    border-radius: 18px;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.07),
        0 8px 24px rgba(0, 0, 0, 0.10),
        0 24px 64px rgba(0, 0, 0, 0.18);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 1201;
    animation: qs-slide-in-b-wdfc2tfs6n 0.20s cubic-bezier(0.16, 1, 0.3, 1);
}

.mud-theme-dark .qs-panel[b-wdfc2tfs6n] {
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.08),
        0 8px 24px rgba(0, 0, 0, 0.28),
        0 24px 64px rgba(0, 0, 0, 0.50);
}

/* ── Animations ────────────────────────────────────────────────────── */
@keyframes qs-fade-in-b-wdfc2tfs6n {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes qs-slide-in-b-wdfc2tfs6n {
    from { opacity: 0; transform: translateX(-50%) translateY(-10px) scale(0.97); }
    to   { opacity: 1; transform: translateX(-50%) translateY(0)     scale(1);    }
}

/* ── Input row ─────────────────────────────────────────────────────── */
.qs-input-row[b-wdfc2tfs6n] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--mud-palette-divider);
    flex-shrink: 0;
}

.qs-input-icon[b-wdfc2tfs6n] {
    flex-shrink: 0;
    font-size: 1.25rem !important;
    color: var(--mud-palette-text-secondary) !important;
}

.qs-input[b-wdfc2tfs6n] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 1rem;
    font-weight: 400;
    color: var(--mud-palette-text-primary);
    min-width: 0;
    caret-color: var(--mud-palette-primary);
}

.qs-input[b-wdfc2tfs6n]::placeholder {
    color: var(--mud-palette-text-disabled);
}

.qs-clear-btn[b-wdfc2tfs6n] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mud-palette-action-default-hover);
    border: none;
    border-radius: 6px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    color: var(--mud-palette-text-secondary);
    flex-shrink: 0;
    padding: 0;
    transition: background 0.15s ease, color 0.15s ease;
}

.qs-clear-btn:hover[b-wdfc2tfs6n] {
    background: var(--mud-palette-primary);
    color: #fff;
}

.qs-esc-hint[b-wdfc2tfs6n] {
    font-size: 0.68rem;
    font-family: inherit;
    padding: 3px 7px;
    border-radius: 5px;
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
    border: 1px solid var(--mud-palette-divider);
    flex-shrink: 0;
    letter-spacing: 0.03em;
}

/* ── Results ───────────────────────────────────────────────────────── */
.qs-results-wrap[b-wdfc2tfs6n] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 6px 8px;
    scrollbar-width: thin;
    scrollbar-color: var(--mud-palette-divider) transparent;
}

.qs-results-wrap[b-wdfc2tfs6n]::-webkit-scrollbar       { width: 5px; }
.qs-results-wrap[b-wdfc2tfs6n]::-webkit-scrollbar-track { background: transparent; }
.qs-results-wrap[b-wdfc2tfs6n]::-webkit-scrollbar-thumb {
    background: var(--mud-palette-divider);
    border-radius: 3px;
}

/* ── Group label ───────────────────────────────────────────────────── */
.qs-group-label[b-wdfc2tfs6n] {
    font-size: 0.675rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--mud-palette-text-disabled);
    padding: 10px 10px 4px;
}

/* ── Result item ───────────────────────────────────────────────────── */
.qs-item[b-wdfc2tfs6n] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 10px;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.10s ease;
    user-select: none;
}

.qs-item:hover[b-wdfc2tfs6n],
.qs-item--selected[b-wdfc2tfs6n] {
    background: var(--mud-palette-action-default-hover);
}

.qs-item--selected[b-wdfc2tfs6n] {
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent) !important;
}

/* Icon wrapper */
.qs-item-icon-wrap[b-wdfc2tfs6n] {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
    transition: background 0.10s ease, color 0.10s ease;
}

.qs-item-icon-wrap--action[b-wdfc2tfs6n] {
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    color: var(--mud-palette-primary);
}

.qs-item--selected .qs-item-icon-wrap[b-wdfc2tfs6n] {
    background: var(--mud-palette-primary);
    color: #fff;
}

/* Text */
.qs-item-text[b-wdfc2tfs6n] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.qs-item-title[b-wdfc2tfs6n] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qs-item-subtitle[b-wdfc2tfs6n] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Highlight for matched text */
[b-wdfc2tfs6n] .qs-match {
    background: transparent;
    color: var(--mud-palette-primary);
    font-weight: 700;
}

/* Badge */
.qs-badge[b-wdfc2tfs6n] {
    font-size: 0.65rem;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
    flex-shrink: 0;
    letter-spacing: 0.02em;
}

/* Enter ↵ hint on selected row */
.qs-item-enter[b-wdfc2tfs6n] {
    font-size: 0.75rem;
    padding: 3px 7px;
    border-radius: 6px;
    background: var(--mud-palette-primary);
    color: #fff;
    flex-shrink: 0;
    font-family: inherit;
    border: none;
    letter-spacing: 0;
}

/* ── Empty state ───────────────────────────────────────────────────── */
.qs-empty[b-wdfc2tfs6n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 24px;
    gap: 8px;
    text-align: center;
}

.qs-empty-icon[b-wdfc2tfs6n] {
    font-size: 2.5rem !important;
    color: var(--mud-palette-text-disabled) !important;
    margin-bottom: 4px;
}

.qs-empty-title[b-wdfc2tfs6n] {
    font-size: 0.9rem;
    color: var(--mud-palette-text-secondary);
    margin: 0;
}

.qs-empty-hint[b-wdfc2tfs6n] {
    font-size: 0.8rem;
    color: var(--mud-palette-text-disabled);
    margin: 0;
}

/* ── Footer ────────────────────────────────────────────────────────── */
.qs-footer[b-wdfc2tfs6n] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 9px 18px;
    border-top: 1px solid var(--mud-palette-divider);
    flex-shrink: 0;
}

.qs-footer-hint[b-wdfc2tfs6n] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.72rem;
    color: var(--mud-palette-text-disabled);
}

.qs-footer-hint kbd[b-wdfc2tfs6n],
.qs-esc-hint[b-wdfc2tfs6n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-family: inherit;
    padding: 2px 6px;
    border-radius: 5px;
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
    border: 1px solid var(--mud-palette-divider);
    line-height: 1.4;
}
/* /Features/SentryViewer/Pages/SentryViewerPage.razor.rz.scp.css */
/* Styles are applied inline to match the portal's MudBlazor theme (see SeqViewer pattern) */
/* /Features/SqlQuery/Pages/SqlQueryPage.razor.rz.scp.css */
[b-fcymuns6jt] .mud-tabs-panels {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

[b-fcymuns6jt] .mud-tab-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}
/* /Features/SqlScripts/Pages/SqlScriptsIndex.razor.rz.scp.css */
/* Intentionally minimal - using MudBlazor defaults */
/* /Features/SubdomainRequestCounts/Pages/SubdomainRequestCounts.razor.rz.scp.css */
.filter-section[b-eqze4jt738] {
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
}

.stat-card[b-eqze4jt738] {
    border-radius: 12px;
    border: 1px solid var(--mud-palette-lines-default);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    position: relative;
}

.stat-card[b-eqze4jt738]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--mud-palette-primary);
    opacity: 0.8;
}

.stat-card-primary[b-eqze4jt738]::before { background: var(--mud-palette-primary); }
.stat-card-success[b-eqze4jt738]::before { background: var(--mud-palette-success); }
.stat-card-warning[b-eqze4jt738]::before { background: var(--mud-palette-warning); }
.stat-card-error[b-eqze4jt738]::before { background: var(--mud-palette-error); }
.stat-card-info[b-eqze4jt738]::before { background: var(--mud-palette-info); }
.stat-card-secondary[b-eqze4jt738]::before { background: var(--mud-palette-secondary); }

.stat-card:hover[b-eqze4jt738] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.chart-card[b-eqze4jt738] {
    border-radius: 12px;
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
    transition: box-shadow 0.3s ease;
}

.chart-card:hover[b-eqze4jt738] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.table-row-hover:hover[b-eqze4jt738] {
    background: var(--mud-palette-action-hover);
}

.mud-chart[b-eqze4jt738] {
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
}
/* /Features/Subdomains/Pages/SubdomainsIndex.razor.rz.scp.css */
/* Subdomains Index Page Styles */

.subdomains-header[b-f1ggvkr96l] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1rem;
}

.subdomain-card[b-f1ggvkr96l] {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    border-radius: 12px;
}

.subdomain-card:hover[b-f1ggvkr96l] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.subdomain-status-chip[b-f1ggvkr96l] {
    font-weight: 600;
    border-radius: 16px;
}

.connection-indicator[b-f1ggvkr96l] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
}

.connection-indicator.connected[b-f1ggvkr96l] {
    background-color: rgba(34, 197, 94, 0.1);
    color: #16a34a;
}

.connection-indicator.disconnected[b-f1ggvkr96l] {
    background-color: rgba(239, 68, 68, 0.1);
    color: #dc2626;
}

.database-action-button[b-f1ggvkr96l] {
    transition: all 0.3s ease;
    border-radius: 8px;
}

.database-action-button:hover[b-f1ggvkr96l] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.filters-section[b-f1ggvkr96l] {
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.bulk-actions-bar[b-f1ggvkr96l] {
    background: linear-gradient(90deg, #667eea, #764ba2);
    color: white;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.export-button[b-f1ggvkr96l] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    border: none;
    border-radius: 6px;
    padding: 0.5rem 1rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

.export-button:hover[b-f1ggvkr96l] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.subdomain-avatar[b-f1ggvkr96l] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    font-weight: 600;
}

.tenant-chip[b-f1ggvkr96l] {
    background: rgba(102, 126, 234, 0.1);
    color: #667eea;
    border: 1px solid rgba(102, 126, 234, 0.2);
}

.database-health-indicator[b-f1ggvkr96l] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
}

.health-dot[b-f1ggvkr96l] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    animation: pulse-b-f1ggvkr96l 2s infinite;
}

.health-dot.healthy[b-f1ggvkr96l] {
    background-color: #10b981;
}

.health-dot.warning[b-f1ggvkr96l] {
    background-color: #f59e0b;
}

.health-dot.error[b-f1ggvkr96l] {
    background-color: #ef4444;
}

@keyframes pulse-b-f1ggvkr96l {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

/* Quick action animations */
.quick-action-menu[b-f1ggvkr96l] {
    backdrop-filter: blur(10px);
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.action-item[b-f1ggvkr96l] {
    transition: all 0.2s ease;
    border-radius: 4px;
}

.action-item:hover[b-f1ggvkr96l] {
    background-color: rgba(102, 126, 234, 0.1);
    transform: translateX(4px);
}

.danger-action:hover[b-f1ggvkr96l] {
    background-color: rgba(239, 68, 68, 0.1);
    color: #dc2626;
}

/* Loading states */
.loading-overlay[b-f1ggvkr96l] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    z-index: 10;
}

.pulse-loader[b-f1ggvkr96l] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    animation: pulseScale-b-f1ggvkr96l 1.5s ease-in-out infinite;
}

@keyframes pulseScale-b-f1ggvkr96l {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.7;
    }
}

/* Responsive adjustments */
@media (max-width: 1400px) {
    /* Make data grid horizontally scrollable on smaller screens */
    [b-f1ggvkr96l] .mud-table-container {
        overflow-x: auto !important;
    }

    [b-f1ggvkr96l] .mud-table {
        min-width: 1200px !important;
    }
}

@media (max-width: 768px) {
    .subdomains-header[b-f1ggvkr96l] {
        padding: 1rem;
        text-align: center;
    }

    .filters-section[b-f1ggvkr96l] {
        padding: 1rem;
    }

    .database-action-button[b-f1ggvkr96l] {
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .bulk-actions-bar[b-f1ggvkr96l] {
        text-align: center;
        padding: 1rem;
    }

    /* Ensure data grid scrolls horizontally on mobile */
    [b-f1ggvkr96l] .mud-table-container {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    [b-f1ggvkr96l] .mud-table {
        min-width: 1400px !important;
    }

    /* Adjust column widths for better mobile display */
    [b-f1ggvkr96l] .mud-table-cell {
        white-space: nowrap !important;
        max-width: none !important;
    }

    /* Stack header buttons on mobile */
    [b-f1ggvkr96l] .justify-end {
        justify-content: flex-start !important;
    }

    /* Make filters stack vertically on mobile */
    [b-f1ggvkr96l] .mud-grid-item {
        padding: 8px !important;
    }
}

/* Tablet responsive */
@media (max-width: 1024px) and (min-width: 769px) {
    [b-f1ggvkr96l] .mud-table-container {
        overflow-x: auto !important;
    }

    [b-f1ggvkr96l] .mud-table {
        min-width: 1200px !important;
    }
}
/* /Features/TenantStorage/Pages/TenantStorageDetails.razor.rz.scp.css */
.chart-container[b-ogtkir6cq6] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 280px;
    padding: 1rem 0;
}

.usage-indicator[b-ogtkir6cq6] {
    text-align: center;
    padding: 1rem 0;
}

.storage-item[b-ogtkir6cq6] {
    margin-bottom: 1rem;
}
/* /Features/TenantStorage/Pages/TenantStoragesList.razor.rz.scp.css */
/* TenantStoragesList - Scoped Styles */

/* Actions Column */
[b-81exta7yci] .actions-column {
    text-align: center;
    width: 120px;
}

/* Empty State */
.empty-state[b-81exta7yci] {
    padding: 48px;
}

.empty-icon[b-81exta7yci] {
    font-size: 4rem;
}

/* Responsive Styles */
@@media (max-width: 959px) {
    /* Stack header on mobile */
    [b-81exta7yci] .pa-4.mb-4 > div {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px;
    }

    [b-81exta7yci] .pa-4.mb-4 .mud-stack-row:last-child {
        width: 100%;
        justify-content: flex-start;
    }

    /* Actions column */
    [b-81exta7yci] .actions-column {
        width: 100px;
    }

    /* Empty state */
    .empty-state[b-81exta7yci] {
        padding: 24px;
    }

    .empty-icon[b-81exta7yci] {
        font-size: 3rem;
    }
}

@@media (max-width: 599px) {
    /* Smaller table cells */
    [b-81exta7yci] .mud-table-cell {
        padding: 8px 4px !important;
        font-size: 0.875rem;
    }

    [b-81exta7yci] .mud-table-head-cell {
        padding: 12px 4px !important;
        font-size: 0.75rem;
    }

    /* Smaller action buttons */
    [b-81exta7yci] .action-button {
        font-size: 0.75rem;
        padding: 4px 8px;
    }
}
/* /Features/Terminal/Components/Terminal.razor.rz.scp.css */
@keyframes blink-b-rlk18o2uhx {
    0%, 50% {
        opacity: 1;
    }

    51%, 100% {
        opacity: 0;
    }
}

@keyframes typewriter-b-rlk18o2uhx {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

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

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

/* Terminal container enhancements */
.terminal-container[b-rlk18o2uhx] {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.terminal-container:hover[b-rlk18o2uhx] {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}

/* Terminal header improvements */
.terminal-header[b-rlk18o2uhx] {
    background: linear-gradient(135deg, var(--terminal-input-bg) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Terminal output enhancements */
.terminal-output[b-rlk18o2uhx] {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    scrollbar-width: thin;
    scrollbar-color: var(--terminal-prompt) transparent;
}

.terminal-output[b-rlk18o2uhx]::-webkit-scrollbar {
    width: 6px;
}

.terminal-output[b-rlk18o2uhx]::-webkit-scrollbar-track {
    background: transparent;
}

.terminal-output[b-rlk18o2uhx]::-webkit-scrollbar-thumb {
    background: var(--terminal-prompt);
    border-radius: 3px;
    opacity: 0.7;
}

.terminal-output[b-rlk18o2uhx]::-webkit-scrollbar-thumb:hover {
    opacity: 1;
}

/* Terminal line animations */
.terminal-line[b-rlk18o2uhx] {
    animation: fadeIn-b-rlk18o2uhx 0.3s ease-out;
    transition: all 0.2s ease;
}

.terminal-line:hover[b-rlk18o2uhx] {
    background: rgba(255, 255, 255, 0.02);
    border-radius: 4px;
    padding: 2px 4px;
    margin: 0 -4px;
}

.terminal-line.command[b-rlk18o2uhx] {
    border-left: 3px solid var(--terminal-prompt);
    padding-left: 8px;
    margin-left: -8px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 0 4px 4px 0;
}

.terminal-line.error[b-rlk18o2uhx] {
    border-left: 3px solid var(--terminal-error);
    padding-left: 8px;
    margin-left: -8px;
    background: rgba(255, 68, 68, 0.1);
    border-radius: 0 4px 4px 0;
}

.terminal-line.success[b-rlk18o2uhx] {
    border-left: 3px solid var(--terminal-success);
    padding-left: 8px;
    margin-left: -8px;
    background: rgba(0, 255, 0, 0.1);
    border-radius: 0 4px 4px 0;
}

.terminal-line.warning[b-rlk18o2uhx] {
    border-left: 3px solid var(--terminal-warning);
    padding-left: 8px;
    margin-left: -8px;
    background: rgba(255, 170, 0, 0.1);
    border-radius: 0 4px 4px 0;
}

/* Prompt styling */
.prompt[b-rlk18o2uhx] {
    position: relative;
    text-shadow: 0 0 5px currentColor;
}

.prompt[b-rlk18o2uhx]::after {
    content: '';
    position: absolute;
    right: -2px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--terminal-prompt);
    animation: blink-b-rlk18o2uhx 1s infinite;
}

/* Command text enhancements */
.command-text[b-rlk18o2uhx] {
    font-weight: 500;
    letter-spacing: 0.5px;
}

/* Output text styling */
.output-text[b-rlk18o2uhx] {
    line-height: 1.6;
    word-spacing: 1px;
}

/* Input container improvements */
.terminal-input-container[b-rlk18o2uhx] {
    background: linear-gradient(135deg, var(--terminal-input-bg) 0%, rgba(255, 255, 255, 0.05) 100%);
    backdrop-filter: blur(10px);
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
}

/* Input field enhancements */
.terminal-input .mud-input-root input[b-rlk18o2uhx] {
    font-family: inherit !important;
    font-size: inherit !important;
    letter-spacing: 0.5px !important;
    transition: all 0.2s ease !important;
}

.terminal-input .mud-input-root input:focus[b-rlk18o2uhx] {
    box-shadow: 0 0 10px var(--terminal-prompt) !important;
}

/* Suggestions enhancements */
.terminal-suggestions[b-rlk18o2uhx] {
    background: var(--terminal-suggestion-bg);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    animation: fadeIn-b-rlk18o2uhx 0.2s ease-out;
}

.suggestion-item[b-rlk18o2uhx] {
    transition: all 0.2s ease;
    border-radius: 4px;
    margin: 2px 4px;
}

.suggestion-item:hover[b-rlk18o2uhx],
.suggestion-item.selected[b-rlk18o2uhx] {
    background: var(--terminal-suggestion-selected);
    transform: translateX(4px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Executing state */
.terminal-line.executing[b-rlk18o2uhx] {
    animation: pulse-b-rlk18o2uhx 2s infinite;
}

@keyframes pulse-b-rlk18o2uhx {
    0%, 100% {
        opacity: 0.7;
    }

    50% {
        opacity: 1;
    }
}

/* Theme-specific enhancements */
.terminal-container.matrix[b-rlk18o2uhx] {
    background: radial-gradient(ellipse at center, #001100 0%, #000000 70%);
    box-shadow: 0 0 50px #00ff41;
}

.terminal-container.matrix .terminal-line[b-rlk18o2uhx] {
    text-shadow: 0 0 5px currentColor;
}

.terminal-container.matrix .prompt[b-rlk18o2uhx]::after {
    box-shadow: 0 0 5px var(--terminal-prompt);
}

/* Dark theme enhancements */
.terminal-container.dark[b-rlk18o2uhx] {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
}

/* Light theme enhancements */
.terminal-container.light[b-rlk18o2uhx] {
    background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

/* Responsive design */
@media (max-width: 768px) {
    .terminal-container[b-rlk18o2uhx] {
        border-radius: 0;
        height: calc(100vh - 200px) !important;
    }
    
    .terminal-input-container[b-rlk18o2uhx] {
        padding: 8px 12px;
    }
    
    .terminal-output[b-rlk18o2uhx] {
        padding: 12px;
    }
    
    .terminal-suggestions[b-rlk18o2uhx] {
        left: 8px;
        right: 8px;
        bottom: 50px;
    }
}

/* Accessibility improvements */
@media (prefers-reduced-motion: reduce) {
    .terminal-line[b-rlk18o2uhx],
    .suggestion-item[b-rlk18o2uhx],
    .terminal-container[b-rlk18o2uhx] {
        animation: none;
        transition: none;
    }
}

/* High contrast mode */
@media (prefers-contrast: high) {
    .terminal-container[b-rlk18o2uhx] {
        border: 2px solid;
    }
    
    .terminal-line.command[b-rlk18o2uhx],
    .terminal-line.error[b-rlk18o2uhx],
    .terminal-line.success[b-rlk18o2uhx],
    .terminal-line.warning[b-rlk18o2uhx] {
        border-left-width: 4px;
    }
}

/* /Layout/AdminSideNav.razor.rz.scp.css */
/* ── Root panel ──────────────────────────────────────────────────── */
.side-nav[b-lycr4twcfo] {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    padding: 15px 20px;
    overflow: hidden;
    transition: background-color 0.2s ease;
}

.side-nav--light[b-lycr4twcfo] {
    background-color: #FFFFFF;
    box-shadow: 0 2px 12px rgba(16, 86, 106, 0.08);
}
.side-nav--dark[b-lycr4twcfo] {
    background-color: #2C323C;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.30);
}

/* ── Icon-only state (collapsed + not hovering) ──────────────────── */
.side-nav--icon-only[b-lycr4twcfo] {
    padding: 15px 8px;
}

/* ── Hover overlay: floats over content, does not push layout ────── */
.side-nav--hovering[b-lycr4twcfo] {
    position: absolute;
    top: 0;
    width: 250px;
    padding: 15px 20px;
    overflow: hidden;
    border-radius: 16px;
    z-index: 500;
}

.side-nav--hovering:not(.side-nav--rtl)[b-lycr4twcfo] { left: 0; }
.side-nav--hovering.side-nav--rtl[b-lycr4twcfo]       { right: 0; }

.side-nav--light.side-nav--hovering[b-lycr4twcfo] { box-shadow: 0 8px 40px rgba(16, 86, 106, 0.18); }
.side-nav--dark.side-nav--hovering[b-lycr4twcfo]  { box-shadow: 0 8px 40px rgba(0, 0, 0, 0.40);     }

/* ── Header ─────────────────────────────────────────────────────── */
.side-nav__header[b-lycr4twcfo] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 8px 4px 16px;
    flex-shrink: 0;
}

.side-nav--icon-only .side-nav__header[b-lycr4twcfo] {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 0 16px;
}

.side-nav__logo[b-lycr4twcfo] { display: flex; align-items: center; }
.side-nav__logo--icon[b-lycr4twcfo] { justify-content: center; opacity: 0.85; }

.side-nav__toggle-wrap[b-lycr4twcfo] {
    flex-shrink: 0;
    opacity: 0.50;
    transition: opacity 0.15s ease;
}
.side-nav__toggle-wrap:hover[b-lycr4twcfo] { opacity: 1; }
.side-nav--icon-only .side-nav__toggle-wrap[b-lycr4twcfo] { opacity: 0.85; }

/* ── Nav content area — NavMenu handles its own internal scrolling ── */
.side-nav__content[b-lycr4twcfo] {
    flex: 1;
    min-height: 0;
    overflow: hidden; /* NavMenu's .nav-menu scrolls internally */
    display: flex;
    flex-direction: column;
}


/* ── Section group ──────────────────────────────────────────────── */
.side-nav__section[b-lycr4twcfo] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 8px;
}

.side-nav--icon-only .side-nav__section + .side-nav__section[b-lycr4twcfo] {
    margin-top: 4px;
    padding-top: 8px;
}

.side-nav--light.side-nav--icon-only .side-nav__section + .side-nav__section[b-lycr4twcfo] {
    border-top: 1px solid rgba(16, 86, 106, 0.12);
}
.side-nav--dark.side-nav--icon-only .side-nav__section + .side-nav__section[b-lycr4twcfo] {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.side-nav__section-label[b-lycr4twcfo] {
    display: block;
    font-size: 0.67rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    padding: 4px 12px;
    text-transform: uppercase;
}

.side-nav--light .side-nav__section-label[b-lycr4twcfo] { color: #10566AB2; }
.side-nav--dark  .side-nav__section-label[b-lycr4twcfo] { color: #FFFFFFB2; }

/* ── Nav item ────────────────────────────────────────────────────── */
.side-nav__item[b-lycr4twcfo] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none !important;
    font-size: 0.875rem;
    font-weight: 400;
    transition: background-color 0.15s ease, color 0.15s ease;
    user-select: none;
}

.side-nav--light .side-nav__item[b-lycr4twcfo],
.side-nav--dark  .side-nav__item[b-lycr4twcfo] { color: var(--mud-palette-text-secondary); }

.side-nav__item:hover[b-lycr4twcfo],
.side-nav__item--active[b-lycr4twcfo] {
    background-color: var(--mud-palette-primary) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.side-nav--icon-only .side-nav__item[b-lycr4twcfo] { justify-content: center; padding: 12px; gap: 0; }

.side-nav__item-icon[b-lycr4twcfo]  { flex-shrink: 0; font-size: 1.1rem; color: inherit; }
.side-nav__item-label[b-lycr4twcfo] { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


/* ════════════════════════════════════════════════════════════════════
   PROFILE BLOCK  — inline accordion, same width & material as sidebar
   ════════════════════════════════════════════════════════════════════ */

.side-nav__profile-block[b-lycr4twcfo] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    border: 1.5px solid transparent;
    transition: border-color 0.25s ease, background-color 0.25s ease;
    padding: 0 2px;
}

/* When open: primary-tinted border + very faint fill for depth */
.side-nav--light .side-nav__profile-block--open[b-lycr4twcfo] {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 35%, transparent);
    background-color: color-mix(in srgb, var(--mud-palette-primary) 4%, transparent);
}

.side-nav--dark .side-nav__profile-block--open[b-lycr4twcfo] {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 45%, transparent);
    background-color: color-mix(in srgb, var(--mud-palette-primary) 7%, transparent);
}

/* ── Top separator that visually anchors the profile section ──────── */
.side-nav__profile-block-sep[b-lycr4twcfo] {
    height: 1px;
    margin: 0 4px 4px;
    transition: background-color 0.2s ease, opacity 0.2s ease;
}

/* Hide the plain divider when the block already has a border */
.side-nav__profile-block--open .side-nav__profile-block-sep[b-lycr4twcfo] { opacity: 0; }

.side-nav--light .side-nav__profile-block-sep[b-lycr4twcfo] { background: rgba(16, 86, 106, 0.12); }
.side-nav--dark  .side-nav__profile-block-sep[b-lycr4twcfo] { background: rgba(255, 255, 255, 0.08); }

/* ── Accordion expand container ──────────────────────────────────── */
/* Uses the grid-template-rows trick to animate height: 0 → auto.     */
.side-nav__profile-expand[b-lycr4twcfo] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

.side-nav__profile-block--open .side-nav__profile-expand[b-lycr4twcfo] {
    grid-template-rows: 1fr;
}

/* Inner div must have min-height: 0 for 0fr to truly collapse */
.side-nav__profile-expand-inner[b-lycr4twcfo] {
    overflow: hidden;
    min-height: 0;
}

/* Fade the content in/out alongside the height animation */
.side-nav__profile-expand-inner > *[b-lycr4twcfo] {
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.22s ease 0s, transform 0.22s ease 0s;
}

.side-nav__profile-block--open .side-nav__profile-expand-inner > *[b-lycr4twcfo] {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.22s ease 0.08s, transform 0.22s ease 0.08s;
}

/* ── User info card (top of expanded area) ───────────────────────── */
.side-nav__profile-card[b-lycr4twcfo] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 4px 8px;
}

.side-nav--icon-only .side-nav__profile-card[b-lycr4twcfo] { padding: 10px 0 8px; justify-content: center; }

.side-nav__profile-card-avatar[b-lycr4twcfo] {
    position: relative;
    flex-shrink: 0;
}

[b-lycr4twcfo] .side-nav__profile-avatar {
    width: 38px !important;
    height: 38px !important;
    font-size: 0.875rem !important;
}

/* Soft glow ring around avatar */
.side-nav__profile-avatar-glow[b-lycr4twcfo] {
    position: absolute;
    inset: -3px;
    border-radius: 50%;
    border: 2px solid var(--mud-palette-primary);
    opacity: 0.30;
    pointer-events: none;
}

.side-nav__profile-card-text[b-lycr4twcfo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.side-nav__profile-card-name[b-lycr4twcfo] {
    font-size: 0.8375rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.side-nav__profile-card-email[b-lycr4twcfo] {
    font-size: 0.70rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.side-nav__profile-card-role[b-lycr4twcfo] {
    display: inline-flex;
    align-items: center;
    padding: 1px 7px;
    border-radius: 100px;
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    margin-top: 2px;
    width: fit-content;
}

.side-nav--light .side-nav__profile-card-name[b-lycr4twcfo]  { color: var(--mud-palette-text-primary); }
.side-nav--light .side-nav__profile-card-email[b-lycr4twcfo] { color: var(--mud-palette-text-secondary); }
.side-nav--light .side-nav__profile-card-role[b-lycr4twcfo]  {
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    color: var(--mud-palette-primary);
}

.side-nav--dark .side-nav__profile-card-name[b-lycr4twcfo]  { color: rgba(255, 255, 255, 0.90); }
.side-nav--dark .side-nav__profile-card-email[b-lycr4twcfo] { color: rgba(255, 255, 255, 0.42); }
.side-nav--dark .side-nav__profile-card-role[b-lycr4twcfo]  {
    background: color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
    color: color-mix(in srgb, var(--mud-palette-primary) 75%, white);
}

/* ── Separator inside the expanded area ─────────────────────────── */
.side-nav__profile-sep[b-lycr4twcfo] {
    height: 1px;
    margin: 6px 4px;
    transition: background-color 0.2s ease;
}
.side-nav__profile-sep--compact[b-lycr4twcfo] { margin: 4px 4px; }

.side-nav--light .side-nav__profile-sep[b-lycr4twcfo] { background: rgba(16, 86, 106, 0.10); }
.side-nav--dark  .side-nav__profile-sep[b-lycr4twcfo] { background: rgba(255, 255, 255, 0.07); }

/* ── Menu items container ────────────────────────────────────────── */
.side-nav__profile-items[b-lycr4twcfo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-bottom: 8px;
}

/* ── Individual menu item ────────────────────────────────────────── */
.side-nav__profile-item[b-lycr4twcfo] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border-radius: 9px;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: start;
    font-size: 0.8375rem;
    font-weight: 450;
    transition: background-color 0.13s ease, color 0.13s ease;
}

.side-nav--light .side-nav__profile-item[b-lycr4twcfo] { color: var(--mud-palette-text-primary); }
.side-nav--dark  .side-nav__profile-item[b-lycr4twcfo] { color: rgba(255, 255, 255, 0.80); }

.side-nav--light .side-nav__profile-item:hover[b-lycr4twcfo] { background-color: rgba(16, 86, 106, 0.07); }
.side-nav--dark  .side-nav__profile-item:hover[b-lycr4twcfo]  { background-color: rgba(255, 255, 255, 0.06); }

/* Icon box */
.side-nav__profile-item-icon[b-lycr4twcfo] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    flex-shrink: 0;
    transition: background-color 0.13s ease, color 0.13s ease;
}

.side-nav--light .side-nav__profile-item-icon[b-lycr4twcfo] {
    background: rgba(16, 86, 106, 0.07);
    color: var(--mud-palette-primary);
}
.side-nav--dark .side-nav__profile-item-icon[b-lycr4twcfo] {
    background: rgba(255, 255, 255, 0.07);
    color: color-mix(in srgb, var(--mud-palette-primary) 80%, white);
}

.side-nav--light .side-nav__profile-item:hover .side-nav__profile-item-icon[b-lycr4twcfo] {
    background: var(--mud-palette-primary);
    color: #fff;
}
.side-nav--dark .side-nav__profile-item:hover .side-nav__profile-item-icon[b-lycr4twcfo] {
    background: var(--mud-palette-primary);
    color: #fff;
}

/* Label */
.side-nav__profile-item-label[b-lycr4twcfo] { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Trailing chevron */
.side-nav__profile-item-arrow[b-lycr4twcfo] {
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.13s ease;
}
.side-nav__profile-item:hover .side-nav__profile-item-arrow[b-lycr4twcfo] { opacity: 0.40; }

/* ── Danger item (logout) ─────────────────────────────────────────── */
.side-nav__profile-item--danger[b-lycr4twcfo] { color: #e53935 !important; }

.side-nav--light .side-nav__profile-item--danger:hover[b-lycr4twcfo] { background-color: rgba(229, 57, 53, 0.07) !important; }
.side-nav--dark  .side-nav__profile-item--danger:hover[b-lycr4twcfo] { background-color: rgba(229, 57, 53, 0.10) !important; }

.side-nav__profile-item-icon--danger[b-lycr4twcfo],
.side-nav--light .side-nav__profile-item-icon--danger[b-lycr4twcfo],
.side-nav--dark  .side-nav__profile-item-icon--danger[b-lycr4twcfo] {
    background: rgba(229, 57, 53, 0.09) !important;
    color: #e53935 !important;
}

.side-nav--light .side-nav__profile-item--danger:hover .side-nav__profile-item-icon--danger[b-lycr4twcfo],
.side-nav--dark  .side-nav__profile-item--danger:hover .side-nav__profile-item-icon--danger[b-lycr4twcfo] {
    background: #e53935 !important;
    color: #fff !important;
}

/* ── Icon-only strip (collapsed sidebar) ─────────────────────────── */
.side-nav__profile-icon-strip[b-lycr4twcfo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 4px 0 8px;
}

.side-nav__profile-icon-btn[b-lycr4twcfo] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 9px;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: background-color 0.13s ease, color 0.13s ease;
}

.side-nav--light .side-nav__profile-icon-btn[b-lycr4twcfo] {
    color: var(--mud-palette-text-secondary);
}
.side-nav--dark .side-nav__profile-icon-btn[b-lycr4twcfo] {
    color: rgba(255, 255, 255, 0.55);
}

.side-nav--light .side-nav__profile-icon-btn:hover[b-lycr4twcfo] { background: rgba(16, 86, 106, 0.09); color: var(--mud-palette-primary); }
.side-nav--dark  .side-nav__profile-icon-btn:hover[b-lycr4twcfo] { background: rgba(255, 255, 255, 0.08); color: rgba(255,255,255,0.90); }

.side-nav__profile-icon-btn--danger[b-lycr4twcfo] { color: #e53935 !important; }
.side-nav--light .side-nav__profile-icon-btn--danger:hover[b-lycr4twcfo] { background: rgba(229,57,53,0.09) !important; }
.side-nav--dark  .side-nav__profile-icon-btn--danger:hover[b-lycr4twcfo] { background: rgba(229,57,53,0.12) !important; }


/* ── User profile row (trigger) ──────────────────────────────────── */
.side-nav__user[b-lycr4twcfo] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.15s ease;
    margin-top: 2px;
}

.side-nav--icon-only .side-nav__user[b-lycr4twcfo] { justify-content: center; gap: 0; }

.side-nav--light .side-nav__user:hover[b-lycr4twcfo] { background-color: rgba(16, 86, 106, 0.07); }
.side-nav--dark  .side-nav__user:hover[b-lycr4twcfo] { background-color: rgba(255, 255, 255, 0.07); }

.side-nav--light .side-nav__user--active[b-lycr4twcfo] { background-color: rgba(16, 86, 106, 0.10) !important; }
.side-nav--dark  .side-nav__user--active[b-lycr4twcfo] { background-color: rgba(255, 255, 255, 0.10) !important; }

.side-nav__user-text[b-lycr4twcfo] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.side-nav__user-name[b-lycr4twcfo] {
    font-size: 0.8125rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.side-nav__user-sub[b-lycr4twcfo] { font-size: 0.67rem; white-space: nowrap; }

.side-nav--light .side-nav__user-name[b-lycr4twcfo]    { color: var(--mud-palette-text-primary); }
.side-nav--light .side-nav__user-sub[b-lycr4twcfo]     { color: var(--mud-palette-text-secondary); }
.side-nav--light .side-nav__user-chevron[b-lycr4twcfo] { color: var(--mud-palette-text-secondary); }

.side-nav--dark .side-nav__user-name[b-lycr4twcfo]    { color: rgba(255, 255, 255, 0.87); }
.side-nav--dark .side-nav__user-sub[b-lycr4twcfo]     { color: rgba(255, 255, 255, 0.38); }
.side-nav--dark .side-nav__user-chevron[b-lycr4twcfo] { color: rgba(255, 255, 255, 0.35); }

.side-nav__user-chevron[b-lycr4twcfo] {
    flex-shrink: 0;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.side-nav__user-chevron--open[b-lycr4twcfo] {
    transform: rotate(180deg);
}

[b-lycr4twcfo] .side-nav__user .mud-avatar {
    width: 30px;
    height: 30px;
    font-size: 0.75rem;
    flex-shrink: 0;
}
/* /Layout/AuthLayout.razor.rz.scp.css */
.auth-layout[b-aeolg74ot9] {
    font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.auth-form-container[b-aeolg74ot9] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    padding: 2rem;
}

@media (max-width: 960px) {
    .auth-layout .mud-grid .mud-grid-item:first-child[b-aeolg74ot9] {
        min-height: 300px;
    }
}
/* /Layout/BreadcrumbBar.razor.rz.scp.css */
/* BreadcrumbBar layout is defined in app.css (.bb-*) — global, always reliable.
   Only ::deep overrides for MudBlazor internals live here. */

/* Strip underline from MudLink inside the trail */
[b-3s1bagiykw] .bb-trail .mud-link,
[b-3s1bagiykw] .bb-trail .mud-typography {
    text-decoration: none !important;
    font-size: 0.8125rem !important;
}
/* /Layout/CommandPalette.razor.rz.scp.css */
/* ── Backdrop overlay ────────────────────────────────────────────── */
.cmd-overlay[b-e0a9goe0om] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 9999;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 72px;
    padding-left: 16px;
    padding-right: 16px;
}

/* ── Dialog card ──────────────────────────────────────────────────── */
.cmd-dialog[b-e0a9goe0om] {
    background: var(--mud-palette-surface);
    border-radius: 16px;
    box-shadow: 0 32px 64px rgba(0, 0, 0, 0.22), 0 0 0 1px var(--mud-palette-divider);
    width: 100%;
    max-width: 580px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: cmd-enter-b-e0a9goe0om 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes cmd-enter-b-e0a9goe0om {
    from { opacity: 0; transform: translateY(-10px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0)     scale(1);    }
}

/* ── Search row ───────────────────────────────────────────────────── */
.cmd-search[b-e0a9goe0om] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

[b-e0a9goe0om] .cmd-search__icon {
    color: var(--mud-palette-text-secondary);
    flex-shrink: 0;
    font-size: 20px;
}

.cmd-search__input[b-e0a9goe0om] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    color: var(--mud-palette-text-primary);
    font-size: 15px;
    font-family: inherit;
    caret-color: var(--mud-palette-primary);
}

.cmd-search__input[b-e0a9goe0om]::placeholder {
    color: var(--mud-palette-text-disabled);
}

.cmd-search__clear[b-e0a9goe0om] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
    color: var(--mud-palette-text-secondary);
    flex-shrink: 0;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.cmd-search__clear:hover[b-e0a9goe0om] {
    background: rgba(0, 0, 0, 0.06);
    color: var(--mud-palette-text-primary);
}

.cmd-search__hint[b-e0a9goe0om] {
    font-size: 11px;
    padding: 2px 7px;
    border-radius: 5px;
    background: var(--mud-palette-action-disabled-background);
    color: var(--mud-palette-text-disabled);
    font-weight: 500;
    letter-spacing: 0.03em;
    flex-shrink: 0;
    border: 1px solid var(--mud-palette-divider);
}

/* ── Results list ────────────────────────────────────────────────── */
.cmd-results[b-e0a9goe0om] {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
    max-height: 380px;
}

/* ── Individual result item ──────────────────────────────────────── */
.cmd-item[b-e0a9goe0om] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 12px;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.08s ease;
    user-select: none;
}

.cmd-item--active[b-e0a9goe0om] {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

.cmd-item__icon[b-e0a9goe0om] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    flex-shrink: 0;
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    color: var(--mud-palette-primary);
    transition: background-color 0.08s ease, color 0.08s ease;
}

.cmd-item--active .cmd-item__icon[b-e0a9goe0om] {
    background: var(--mud-palette-primary);
    color: #ffffff;
}

.cmd-item__body[b-e0a9goe0om] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.cmd-item__label[b-e0a9goe0om] {
    font-size: 14px;
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmd-item__group[b-e0a9goe0om] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-e0a9goe0om] .cmd-item__arrow {
    flex-shrink: 0;
    opacity: 0;
    color: var(--mud-palette-primary);
    transition: opacity 0.08s ease;
    font-size: 12px;
}

.cmd-item--active[b-e0a9goe0om]  .cmd-item__arrow {
    opacity: 1;
}

/* ── Empty state ─────────────────────────────────────────────────── */
.cmd-empty[b-e0a9goe0om] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 36px 16px;
    color: var(--mud-palette-text-disabled);
    font-size: 14px;
    text-align: center;
}

/* ── Footer ──────────────────────────────────────────────────────── */
.cmd-footer[b-e0a9goe0om] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 8px 16px;
    border-top: 1px solid var(--mud-palette-divider);
    background: color-mix(in srgb, var(--mud-palette-background) 60%, transparent);
}

.cmd-footer__hint[b-e0a9goe0om] {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 11px;
    color: var(--mud-palette-text-disabled);
}

.cmd-footer__hint kbd[b-e0a9goe0om] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1px 5px;
    border-radius: 4px;
    background: var(--mud-palette-action-disabled-background);
    border: 1px solid var(--mud-palette-divider);
    font-size: 10px;
    font-family: inherit;
    color: var(--mud-palette-text-secondary);
    min-width: 18px;
}
/* /Layout/MainLayout.razor.rz.scp.css */
/* ── Main content ───────────────────────────────────────────────── */
.main-content[b-agz2goxm03] {
    margin-top: 0 !important;
}

/* ── Global loading bar (fixed, above all content) ──────────────── */
.loading-indicator[b-agz2goxm03] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1301;
    height: 4px;
    background-color: transparent;
}

.loading-progress[b-agz2goxm03] {
    border-radius: 0 !important;
}

/* ── Loading blur overlay ───────────────────────────────────────── */
.loading-blur[b-agz2goxm03] {
    transition: filter 0.3s ease;
    filter: blur(1px);
    pointer-events: none;
}

.mud-theme-dark .loading-blur[b-agz2goxm03] {
    filter: blur(1px) brightness(0.8);
}

/* ── Two-column layout: sidebar + content ───────────────────────── */
.layout-body[b-agz2goxm03] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    min-height: calc(100vh - 32px);
}

/* Sidebar column */
.layout-sidebar[b-agz2goxm03] {
    flex-shrink: 0;
    width: 250px;
    position: sticky;
    top: 16px;
    height: calc(100vh - 32px);
    overflow: visible;          /* must be visible so hover-expand can float outside the column */
    align-self: flex-start;
    transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 10;                /* establishes stacking context above .layout-content */
}

.layout-sidebar--collapsed[b-agz2goxm03] {
    width: 64px;
}

/* Content column */
.layout-content[b-agz2goxm03] {
    flex: 1;
    min-width: 0;
}

/* ── Mobile: hide sidebar ───────────────────────────────────────── */
@media (max-width: 768px) {
    .layout-sidebar[b-agz2goxm03] {
        display: none;
    }
}
/* /Layout/Navigation/Components/DetachedSideNav.razor.rz.scp.css */
/* ── Root panel ──────────────────────────────────────────────────── */
.side-nav[b-yle2cytn9n] {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    padding: 15px 20px;
    overflow: hidden;
    transition: background-color 0.2s ease;
}

.side-nav--light[b-yle2cytn9n] {
    background-color: #FFFFFF;
}

.side-nav--dark[b-yle2cytn9n] {
    background-color: #2C323C;
}

/* ── Icon-only state (collapsed + not hovering) ──────────────────── */
.side-nav--icon-only[b-yle2cytn9n] {
    padding: 15px 8px;
}

/* ── Hover overlay: floats over content, does not push layout ────── */
.side-nav--hovering[b-yle2cytn9n] {
    position: absolute;
    top: 0;
    width: 250px;
    padding: 15px 20px;
    overflow: hidden;
    border-radius: 16px;
    z-index: 500;
}

.side-nav--hovering[b-yle2cytn9n] {
    left: 0;
}

.side-nav--light.side-nav--hovering[b-yle2cytn9n] {
    box-shadow: 0 8px 40px rgba(16, 86, 106, 0.18);
}

.side-nav--dark.side-nav--hovering[b-yle2cytn9n] {
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.40);
}

/* ── Header ─────────────────────────────────────────────────────── */
.side-nav__header[b-yle2cytn9n] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 8px 4px 16px;
    flex-shrink: 0;
}

.side-nav--icon-only .side-nav__header[b-yle2cytn9n] {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 0 16px;
}

.side-nav__logo[b-yle2cytn9n] {
    display: flex;
    align-items: center;
}

.side-nav__logo--icon[b-yle2cytn9n] {
    justify-content: center;
    opacity: 0.85;
}

.side-nav__toggle-wrap[b-yle2cytn9n] {
    flex-shrink: 0;
    opacity: 0.50;
    transition: opacity 0.15s ease;
}

    .side-nav__toggle-wrap:hover[b-yle2cytn9n] {
        opacity: 1;
    }

.side-nav--icon-only .side-nav__toggle-wrap[b-yle2cytn9n] {
    opacity: 0.85;
}

/* ── Nav content scroll area ────────────────────────────────────── */
.side-nav__content[b-yle2cytn9n] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
}

.side-nav--light .side-nav__content[b-yle2cytn9n] {
    scrollbar-color: rgba(16, 86, 106, 0.15) transparent;
}

.side-nav--dark .side-nav__content[b-yle2cytn9n] {
    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}

.side-nav__content[b-yle2cytn9n]::-webkit-scrollbar {
    width: 4px;
}

.side-nav__content[b-yle2cytn9n]::-webkit-scrollbar-track {
    background: transparent;
}

.side-nav--light .side-nav__content[b-yle2cytn9n]::-webkit-scrollbar-thumb {
    background: rgba(16, 86, 106, 0.15);
    border-radius: 2px;
}

.side-nav--dark .side-nav__content[b-yle2cytn9n]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 2px;
}

/* ── Search field ───────────────────────────────────────────────── */
.side-nav__search[b-yle2cytn9n] {
    padding: 0 4px 14px;
}

.side-nav__search-wrap[b-yle2cytn9n] {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: 1.5px solid transparent;
    transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.side-nav--light .side-nav__search-wrap[b-yle2cytn9n] {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.07);
}

.side-nav--dark .side-nav__search-wrap[b-yle2cytn9n] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.08);
}

.side-nav__search-wrap:focus-within[b-yle2cytn9n] {
    border-color: rgba(26, 144, 176, 0.55);
    box-shadow: 0 0 0 3px rgba(26, 144, 176, 0.12);
}

.side-nav--light .side-nav__search-wrap:focus-within[b-yle2cytn9n] {
    background: #fff;
}

.side-nav--dark .side-nav__search-wrap:focus-within[b-yle2cytn9n] {
    background: rgba(255, 255, 255, 0.07);
}

.side-nav__search-icon[b-yle2cytn9n] {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    margin-left: 10px;
    pointer-events: none;
    transition: color 0.18s ease;
}

.side-nav--light .side-nav__search-icon[b-yle2cytn9n] {
    color: rgba(0, 0, 0, 0.32);
}

.side-nav--dark .side-nav__search-icon[b-yle2cytn9n] {
    color: rgba(255, 255, 255, 0.30);
}

.side-nav__search-wrap:focus-within .side-nav__search-icon[b-yle2cytn9n] {
    color: rgba(26, 144, 176, 0.8);
}

.side-nav__search-input[b-yle2cytn9n] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    padding: 7px 8px;
    font-family: inherit;
    font-size: 0.8375rem;
    line-height: 1.4;
    min-width: 0;
}

.side-nav--light .side-nav__search-input[b-yle2cytn9n] {
    color: #212529;
}

.side-nav--dark .side-nav__search-input[b-yle2cytn9n] {
    color: rgba(255, 255, 255, 0.88);
}

.side-nav__search-input[b-yle2cytn9n]::placeholder {
    transition: color 0.15s ease;
}

.side-nav--light .side-nav__search-input[b-yle2cytn9n]::placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.side-nav--dark .side-nav__search-input[b-yle2cytn9n]::placeholder {
    color: rgba(255, 255, 255, 0.25);
}

.side-nav__search-clear[b-yle2cytn9n] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-right: 6px;
    flex-shrink: 0;
    border: none;
    background: transparent;
    border-radius: 50%;
    cursor: pointer;
    padding: 0;
    transition: background 0.15s ease, color 0.15s ease;
}

    .side-nav__search-clear svg[b-yle2cytn9n] {
        width: 12px;
        height: 12px;
    }

.side-nav--light .side-nav__search-clear[b-yle2cytn9n] {
    color: rgba(0, 0, 0, 0.35);
}

.side-nav--dark .side-nav__search-clear[b-yle2cytn9n] {
    color: rgba(255, 255, 255, 0.30);
}

.side-nav--light .side-nav__search-clear:hover[b-yle2cytn9n] {
    background: rgba(0, 0, 0, 0.07);
    color: rgba(0, 0, 0, 0.65);
}

.side-nav--dark .side-nav__search-clear:hover[b-yle2cytn9n] {
    background: rgba(255, 255, 255, 0.10);
    color: rgba(255, 255, 255, 0.70);
}

/* ── Section group (legacy — kept for compatibility) ──────────────── */
.side-nav__section[b-yle2cytn9n] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 4px;
    padding-top: 8px;
}

.side-nav--icon-only .side-nav__section + .side-nav__section[b-yle2cytn9n] {
    margin-top: 4px;
    padding-top: 8px;
}

.side-nav--light.side-nav--icon-only .side-nav__section + .side-nav__section[b-yle2cytn9n] {
    border-top: 1px solid rgba(16, 86, 106, 0.12);
}

.side-nav--dark.side-nav--icon-only .side-nav__section + .side-nav__section[b-yle2cytn9n] {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.side-nav__section-label[b-yle2cytn9n] {
    display: block;
    font-size: 0.67rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    padding: 4px 12px 6px;
    text-transform: uppercase;
}

.side-nav--light .side-nav__section-label[b-yle2cytn9n] {
    color: #10566AB2;
}

.side-nav--dark .side-nav__section-label[b-yle2cytn9n] {
    color: #FFFFFFB2;
}

/* ── MudTooltip wrapper: must be block + full width so the anchor fills the section ── */
[b-yle2cytn9n] .mud-tooltip-root {
    display: block !important;
    width: 100% !important;
}

/* ── Nav item ────────────────────────────────────────────────────── */
.side-nav__item[b-yle2cytn9n] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 14px;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none !important;
    font-size: 0.875rem;
    font-weight: 400;
    transition: background-color 0.15s ease, color 0.15s ease;
    user-select: none;
    box-sizing: border-box;
}

.side-nav--light .side-nav__item[b-yle2cytn9n],
.side-nav--dark .side-nav__item[b-yle2cytn9n] {
    color: var(--mud-palette-text-secondary);
}

.side-nav__item:hover[b-yle2cytn9n],
.side-nav__item--active[b-yle2cytn9n] {
    background-color: var(--mud-palette-primary) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.side-nav--icon-only .side-nav__item[b-yle2cytn9n] {
    justify-content: center;
    padding: 10px;
    gap: 0;
    width: 100%;
}

.side-nav__item-icon[b-yle2cytn9n] {
    flex-shrink: 0;
    font-size: 1.1rem;
    color: inherit;
}

.side-nav__item-label[b-yle2cytn9n] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* ── Group container ─────────────────────────────────────────────── */
.side-nav__group[b-yle2cytn9n] {
    display: flex;
    flex-direction: column;
    margin-bottom: 2px;
}

/* ── Group header (the clickable row) ───────────────────────────── */
.side-nav__group-header[b-yle2cytn9n] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 7px 10px;
    border-radius: 8px;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    transition: background 0.15s ease, color 0.15s ease;
    box-sizing: border-box;
}
/* colors */
.side-nav--light .side-nav__group-header[b-yle2cytn9n] {
    color: rgba(16,86,106,0.6);
}

.side-nav--dark .side-nav__group-header[b-yle2cytn9n] {
    color: rgba(255,255,255,0.45);
}

.side-nav--light .side-nav__group-header:hover[b-yle2cytn9n] {
    background: rgba(16,86,106,0.06);
    color: rgba(16,86,106,0.85);
}

.side-nav--dark .side-nav__group-header:hover[b-yle2cytn9n] {
    background: rgba(255,255,255,0.05);
    color: rgba(255,255,255,0.75);
}
/* has-active: group is collapsed but contains the active page */
.side-nav--light .side-nav__group-header--has-active[b-yle2cytn9n] {
    color: var(--mud-palette-primary) !important;
}

.side-nav--dark .side-nav__group-header--has-active[b-yle2cytn9n] {
    color: color-mix(in srgb, var(--mud-palette-primary) 80%, white) !important;
}

.side-nav__group-header-icon[b-yle2cytn9n] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.side-nav__group-header-label[b-yle2cytn9n] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Chevron: span wrapper owns the transition — guaranteed animation */
.side-nav__group-chevron[b-yle2cytn9n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    opacity: 0.45;
    transform: rotate(0deg);
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.18s ease;
    will-change: transform;
}

.side-nav__group-chevron--open[b-yle2cytn9n] {
    transform: rotate(90deg);
    opacity: 0.82;
}

/* ── Animated body ───────────────────────────────────────────────── */
.side-nav__group-body[b-yle2cytn9n] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.25s cubic-bezier(0.4,0,0.2,1);
}

.side-nav__group-body--open[b-yle2cytn9n] {
    grid-template-rows: 1fr;
}

.side-nav__group-body-inner[b-yle2cytn9n] {
    overflow: hidden;
    min-height: 0;
}

/* ── Standalone item (not inside a group) ────────────────────────── */
.side-nav__item--standalone[b-yle2cytn9n] {
    margin-bottom: 10px;
}

/* ── Child item (indented) ──────────────────────────────────────── */
.side-nav__item--child[b-yle2cytn9n] {
    padding-left: 32px !important;
    font-size: 0.8375rem;
}

/* ── Icon-only group button ─────────────────────────────────────── */
.side-nav__group-icon-only[b-yle2cytn9n] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    cursor: pointer;
    margin: 0 auto 2px;
    transition: background 0.15s ease, color 0.15s ease;
}

.side-nav--light .side-nav__group-icon-only[b-yle2cytn9n] {
    color: rgba(16,86,106,0.55);
}

.side-nav--dark .side-nav__group-icon-only[b-yle2cytn9n] {
    color: rgba(255,255,255,0.45);
}

.side-nav--light .side-nav__group-icon-only:hover[b-yle2cytn9n] {
    background: rgba(16,86,106,0.08);
    color: rgba(16,86,106,0.85);
}

.side-nav--dark .side-nav__group-icon-only:hover[b-yle2cytn9n] {
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.80);
}

.side-nav__group-icon-only--active[b-yle2cytn9n] {
    background: var(--mud-palette-primary) !important;
    color: #fff !important;
}

/* Dot: shown when group is expanded (open indicator) */
.side-nav__group-dot[b-yle2cytn9n] {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mud-palette-primary);
    box-shadow: 0 0 0 1.5px var(--mud-palette-surface);
    pointer-events: none;
}
/* On active group, dot is white */
.side-nav__group-icon-only--active .side-nav__group-dot[b-yle2cytn9n] {
    background: rgba(255,255,255,0.9);
}


/* ════════════════════════════════════════════════════════════════════
   PROFILE BLOCK  — inline accordion, same width & material as sidebar
   ════════════════════════════════════════════════════════════════════ */

.side-nav__profile-block[b-yle2cytn9n] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    border: 1.5px solid transparent;
    transition: border-color 0.25s ease, background-color 0.25s ease;
    padding: 0 2px;
}

/* When open: primary-tinted border + very faint fill for depth */
.side-nav--light .side-nav__profile-block--open[b-yle2cytn9n] {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 35%, transparent);
    background-color: color-mix(in srgb, var(--mud-palette-primary) 4%, transparent);
}

.side-nav--dark .side-nav__profile-block--open[b-yle2cytn9n] {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 45%, transparent);
    background-color: color-mix(in srgb, var(--mud-palette-primary) 7%, transparent);
}

/* ── Top separator that visually anchors the profile section ──────── */
.side-nav__profile-block-sep[b-yle2cytn9n] {
    height: 1px;
    margin: 0 4px 4px;
    transition: background-color 0.2s ease, opacity 0.2s ease;
}

/* Hide the plain divider when the block already has a border */
.side-nav__profile-block--open .side-nav__profile-block-sep[b-yle2cytn9n] {
    opacity: 0;
}

.side-nav--light .side-nav__profile-block-sep[b-yle2cytn9n] {
    background: rgba(16, 86, 106, 0.12);
}

.side-nav--dark .side-nav__profile-block-sep[b-yle2cytn9n] {
    background: rgba(255, 255, 255, 0.08);
}

/* ── Accordion expand container ──────────────────────────────────── */
/* Uses the grid-template-rows trick to animate height: 0 → auto.     */
.side-nav__profile-expand[b-yle2cytn9n] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

.side-nav__profile-block--open .side-nav__profile-expand[b-yle2cytn9n] {
    grid-template-rows: 1fr;
}

/* Inner div must have min-height: 0 for 0fr to truly collapse */
.side-nav__profile-expand-inner[b-yle2cytn9n] {
    overflow: hidden;
    min-height: 0;
}

    /* Fade the content in/out alongside the height animation */
    .side-nav__profile-expand-inner > *[b-yle2cytn9n] {
        opacity: 0;
        transform: translateY(4px);
        transition: opacity 0.22s ease 0s, transform 0.22s ease 0s;
    }

.side-nav__profile-block--open .side-nav__profile-expand-inner > *[b-yle2cytn9n] {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.22s ease 0.08s, transform 0.22s ease 0.08s;
}

/* ── User info card (top of expanded area) ───────────────────────── */
.side-nav__profile-card[b-yle2cytn9n] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 4px 8px;
}

.side-nav--icon-only .side-nav__profile-card[b-yle2cytn9n] {
    padding: 10px 0 8px;
    justify-content: center;
}

.side-nav__profile-card-avatar[b-yle2cytn9n] {
    position: relative;
    flex-shrink: 0;
}

[b-yle2cytn9n] .side-nav__profile-avatar {
    width: 38px !important;
    height: 38px !important;
    font-size: 0.875rem !important;
}

/* Soft glow ring around avatar */
.side-nav__profile-avatar-glow[b-yle2cytn9n] {
    position: absolute;
    inset: -3px;
    border-radius: 50%;
    border: 2px solid var(--mud-palette-primary);
    opacity: 0.30;
    pointer-events: none;
}

.side-nav__profile-card-text[b-yle2cytn9n] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.side-nav__profile-card-name[b-yle2cytn9n] {
    font-size: 0.8375rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.side-nav__profile-card-email[b-yle2cytn9n] {
    font-size: 0.70rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.side-nav__profile-card-role[b-yle2cytn9n] {
    display: inline-flex;
    align-items: center;
    padding: 1px 7px;
    border-radius: 100px;
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    margin-top: 2px;
    width: fit-content;
}

.side-nav--light .side-nav__profile-card-name[b-yle2cytn9n] {
    color: var(--mud-palette-text-primary);
}

.side-nav--light .side-nav__profile-card-email[b-yle2cytn9n] {
    color: var(--mud-palette-text-secondary);
}

.side-nav--light .side-nav__profile-card-role[b-yle2cytn9n] {
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    color: var(--mud-palette-primary);
}

.side-nav--dark .side-nav__profile-card-name[b-yle2cytn9n] {
    color: rgba(255, 255, 255, 0.90);
}

.side-nav--dark .side-nav__profile-card-email[b-yle2cytn9n] {
    color: rgba(255, 255, 255, 0.42);
}

.side-nav--dark .side-nav__profile-card-role[b-yle2cytn9n] {
    background: color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
    color: color-mix(in srgb, var(--mud-palette-primary) 75%, white);
}

/* ── Separator inside the expanded area ─────────────────────────── */
.side-nav__profile-sep[b-yle2cytn9n] {
    height: 1px;
    margin: 6px 4px;
    transition: background-color 0.2s ease;
}

.side-nav__profile-sep--compact[b-yle2cytn9n] {
    margin: 4px 4px;
}

.side-nav--light .side-nav__profile-sep[b-yle2cytn9n] {
    background: rgba(16, 86, 106, 0.10);
}

.side-nav--dark .side-nav__profile-sep[b-yle2cytn9n] {
    background: rgba(255, 255, 255, 0.07);
}

/* ── Menu items container ────────────────────────────────────────── */
.side-nav__profile-items[b-yle2cytn9n] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-bottom: 8px;
}

/* ── Individual menu item ────────────────────────────────────────── */
.side-nav__profile-item[b-yle2cytn9n] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border-radius: 9px;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: start;
    font-size: 0.8375rem;
    font-weight: 450;
    transition: background-color 0.13s ease, color 0.13s ease;
}

.side-nav--light .side-nav__profile-item[b-yle2cytn9n] {
    color: var(--mud-palette-text-primary);
}

.side-nav--dark .side-nav__profile-item[b-yle2cytn9n] {
    color: rgba(255, 255, 255, 0.80);
}

.side-nav--light .side-nav__profile-item:hover[b-yle2cytn9n] {
    background-color: rgba(16, 86, 106, 0.07);
}

.side-nav--dark .side-nav__profile-item:hover[b-yle2cytn9n] {
    background-color: rgba(255, 255, 255, 0.06);
}

/* Icon box */
.side-nav__profile-item-icon[b-yle2cytn9n] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    flex-shrink: 0;
    transition: background-color 0.13s ease, color 0.13s ease;
}

.side-nav--light .side-nav__profile-item-icon[b-yle2cytn9n] {
    background: rgba(16, 86, 106, 0.07);
    color: var(--mud-palette-primary);
}

.side-nav--dark .side-nav__profile-item-icon[b-yle2cytn9n] {
    background: rgba(255, 255, 255, 0.07);
    color: color-mix(in srgb, var(--mud-palette-primary) 80%, white);
}

.side-nav--light .side-nav__profile-item:hover .side-nav__profile-item-icon[b-yle2cytn9n] {
    background: var(--mud-palette-primary);
    color: #fff;
}

.side-nav--dark .side-nav__profile-item:hover .side-nav__profile-item-icon[b-yle2cytn9n] {
    background: var(--mud-palette-primary);
    color: #fff;
}

/* Label */
.side-nav__profile-item-label[b-yle2cytn9n] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Trailing chevron */
.side-nav__profile-item-arrow[b-yle2cytn9n] {
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.13s ease;
}

.side-nav__profile-item:hover .side-nav__profile-item-arrow[b-yle2cytn9n] {
    opacity: 0.40;
}

/* ── Danger item (logout) ─────────────────────────────────────────── */
.side-nav__profile-item--danger[b-yle2cytn9n] {
    color: #e53935 !important;
}

.side-nav--light .side-nav__profile-item--danger:hover[b-yle2cytn9n] {
    background-color: rgba(229, 57, 53, 0.07) !important;
}

.side-nav--dark .side-nav__profile-item--danger:hover[b-yle2cytn9n] {
    background-color: rgba(229, 57, 53, 0.10) !important;
}

.side-nav__profile-item-icon--danger[b-yle2cytn9n],
.side-nav--light .side-nav__profile-item-icon--danger[b-yle2cytn9n],
.side-nav--dark .side-nav__profile-item-icon--danger[b-yle2cytn9n] {
    background: rgba(229, 57, 53, 0.09) !important;
    color: #e53935 !important;
}

.side-nav--light .side-nav__profile-item--danger:hover .side-nav__profile-item-icon--danger[b-yle2cytn9n],
.side-nav--dark .side-nav__profile-item--danger:hover .side-nav__profile-item-icon--danger[b-yle2cytn9n] {
    background: #e53935 !important;
    color: #fff !important;
}

/* ── Icon-only strip (collapsed sidebar) ─────────────────────────── */
.side-nav__profile-icon-strip[b-yle2cytn9n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 4px 0 8px;
}

.side-nav__profile-icon-btn[b-yle2cytn9n] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 9px;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: background-color 0.13s ease, color 0.13s ease;
}

.side-nav--light .side-nav__profile-icon-btn[b-yle2cytn9n] {
    color: var(--mud-palette-text-secondary);
}

.side-nav--dark .side-nav__profile-icon-btn[b-yle2cytn9n] {
    color: rgba(255, 255, 255, 0.55);
}

.side-nav--light .side-nav__profile-icon-btn:hover[b-yle2cytn9n] {
    background: rgba(16, 86, 106, 0.09);
    color: var(--mud-palette-primary);
}

.side-nav--dark .side-nav__profile-icon-btn:hover[b-yle2cytn9n] {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255,255,255,0.90);
}

.side-nav__profile-icon-btn--danger[b-yle2cytn9n] {
    color: #e53935 !important;
}

.side-nav--light .side-nav__profile-icon-btn--danger:hover[b-yle2cytn9n] {
    background: rgba(229,57,53,0.09) !important;
}

.side-nav--dark .side-nav__profile-icon-btn--danger:hover[b-yle2cytn9n] {
    background: rgba(229,57,53,0.12) !important;
}


/* ── User profile row (trigger) ──────────────────────────────────── */
.side-nav__user[b-yle2cytn9n] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.15s ease;
    margin-top: 2px;
}

.side-nav--icon-only .side-nav__user[b-yle2cytn9n] {
    justify-content: center;
    gap: 0;
}

.side-nav--light .side-nav__user:hover[b-yle2cytn9n] {
    background-color: rgba(16, 86, 106, 0.07);
}

.side-nav--dark .side-nav__user:hover[b-yle2cytn9n] {
    background-color: rgba(255, 255, 255, 0.07);
}

.side-nav--light .side-nav__user--active[b-yle2cytn9n] {
    background-color: rgba(16, 86, 106, 0.10) !important;
}

.side-nav--dark .side-nav__user--active[b-yle2cytn9n] {
    background-color: rgba(255, 255, 255, 0.10) !important;
}

.side-nav__user-text[b-yle2cytn9n] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.side-nav__user-name[b-yle2cytn9n] {
    font-size: 0.8125rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.side-nav__user-sub[b-yle2cytn9n] {
    font-size: 0.67rem;
    white-space: nowrap;
}

.side-nav--light .side-nav__user-name[b-yle2cytn9n] {
    color: var(--mud-palette-text-primary);
}

.side-nav--light .side-nav__user-sub[b-yle2cytn9n] {
    color: var(--mud-palette-text-secondary);
}

.side-nav--light .side-nav__user-chevron[b-yle2cytn9n] {
    color: var(--mud-palette-text-secondary);
}

.side-nav--dark .side-nav__user-name[b-yle2cytn9n] {
    color: rgba(255, 255, 255, 0.87);
}

.side-nav--dark .side-nav__user-sub[b-yle2cytn9n] {
    color: rgba(255, 255, 255, 0.38);
}

.side-nav--dark .side-nav__user-chevron[b-yle2cytn9n] {
    color: rgba(255, 255, 255, 0.35);
}

.side-nav__user-chevron[b-yle2cytn9n] {
    flex-shrink: 0;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.side-nav__user-chevron--open[b-yle2cytn9n] {
    transform: rotate(180deg);
}

[b-yle2cytn9n] .side-nav__user .mud-avatar {
    width: 30px;
    height: 30px;
    font-size: 0.75rem;
    flex-shrink: 0;
}

/* ── Section separators ─────────────────────────────────────────── */

/* Expanded mode: plain left-aligned label */
.side-nav__sep[b-yle2cytn9n] {
    padding: 10px 10px 4px;
}

.side-nav__sep-text[b-yle2cytn9n] {
    font-size: 0.8375rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.side-nav--light .side-nav__sep-text[b-yle2cytn9n] {
    color: rgba(0, 0, 0, 0.28);
}

.side-nav--dark .side-nav__sep-text[b-yle2cytn9n] {
    color: rgba(255, 255, 255, 0.22);
}

/* Collapsed mode: plain thin line */
.side-nav__sep-line[b-yle2cytn9n] {
    height: 1px;
    background: var(--mud-palette-divider);
    opacity: 0.45;
    margin: 6px 8px;
}
/* /Layout/NavMenu.razor.rz.scp.css */
/* Nav Container */
.nav-container[b-qdyh700et0] {
    display: flex;
    flex-direction: column;
    flex: 1;       /* fill .side-nav__content (which is a flex column) */
    min-height: 0;
    padding: 0;
}

/* Search Box */
.nav-search[b-qdyh700et0] {
    padding: 12px;
}

[b-qdyh700et0] .nav-search-field .mud-input-outlined {
    border-radius: 10px;
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

[b-qdyh700et0] .nav-search-field .mud-input-outlined-border {
    border-color: var(--mud-palette-lines-inputs) !important;
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

[b-qdyh700et0] .nav-search-field .mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--mud-palette-text-secondary) !important;
}

[b-qdyh700et0] .nav-search-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--mud-palette-primary) !important;
    border-width: 2px !important;
}

[b-qdyh700et0] .nav-search-field input {
    color: var(--mud-palette-text-primary) !important;
    font-size: 0.8125rem !important;
    caret-color: var(--mud-palette-primary) !important;
}

[b-qdyh700et0] .nav-search-field input::placeholder {
    color: var(--mud-palette-text-secondary) !important;
}

[b-qdyh700et0] .nav-search-field .mud-input-adornment .mud-icon-root {
    color: var(--mud-palette-text-secondary);
    font-size: 1.1rem;
}

/* Clear button styling */
[b-qdyh700et0] .nav-search-field .mud-input-adornment-end .mud-icon-button {
    color: var(--mud-palette-text-secondary) !important;
}

[b-qdyh700et0] .nav-search-field .mud-input-adornment-end .mud-icon-button:hover {
    color: var(--mud-palette-text-primary) !important;
}

/* Nav Menu */
.nav-menu[b-qdyh700et0] {
    flex: 1;
    min-height: 0; /* required for flex-child scrolling */
    overflow-y: auto;
    overflow-x: hidden;
    padding: 4px 8px;
}

/* Nav links — theme-aware, primary fill on hover/active (matches BusinessOwner.Web sidebar) */
[b-qdyh700et0] .mud-nav-link {
    color: var(--mud-palette-text-secondary) !important;
    font-size: 14px !important;
    border-radius: 10px !important;
    margin: 4px 0 !important;
    padding: 10px 14px !important;
    min-height: 44px !important;
    font-weight: 400 !important;
    transition: background-color 150ms ease, color 150ms ease !important;
}

[b-qdyh700et0] .mud-nav-link:hover {
    background-color: var(--mud-palette-primary) !important;
    color: #ffffff !important;
}

[b-qdyh700et0] .mud-nav-link.active {
    background-color: var(--mud-palette-primary) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

[b-qdyh700et0] .mud-nav-link .mud-nav-link-text {
    font-size: 14px !important;
    font-weight: inherit !important;
}

/* Icons inherit link color */
[b-qdyh700et0] .mud-nav-link .mud-icon-root {
    color: inherit !important;
    transition: color 150ms ease !important;
}

/* Nav Groups */
[b-qdyh700et0] .mud-nav-group {
    margin: 8px 0 !important;
}

[b-qdyh700et0] .mud-nav-group .mud-nav-link {
    color: var(--mud-palette-text-secondary) !important;
}

[b-qdyh700et0] .mud-nav-group-title {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.07em !important;
    color: var(--mud-palette-text-secondary) !important;
    margin-top: 16px !important;
    padding: 8px 14px !important;
    opacity: 0.7;
}

/* Expand icon */
[b-qdyh700et0] .mud-nav-group .mud-expand-panel-header .mud-icon-root,
[b-qdyh700et0] .mud-nav-group .mud-nav-link .mud-icon-root:last-child {
    color: var(--mud-palette-text-secondary) !important;
}

/* Nested items */
[b-qdyh700et0] .mud-navmenu-list-padding {
    padding-left: 20px !important;
    margin-top: 4px !important;
}

[b-qdyh700et0] .mud-nav-group .mud-nav-link {
    font-size: 13px !important;
    min-height: 40px !important;
    padding: 8px 12px !important;
    font-weight: 400 !important;
}

/* Scrollbar — thin, theme-aware */
.nav-menu[b-qdyh700et0] {
    scrollbar-width: thin;
    scrollbar-color: var(--mud-palette-action-default) transparent;
}

.nav-menu[b-qdyh700et0]::-webkit-scrollbar { width: 4px; }
.nav-menu[b-qdyh700et0]::-webkit-scrollbar-track { background: transparent; }
.nav-menu[b-qdyh700et0]::-webkit-scrollbar-thumb { background-color: var(--mud-palette-action-default); border-radius: 2px; }
.nav-menu[b-qdyh700et0]::-webkit-scrollbar-thumb:hover { background-color: var(--mud-palette-text-secondary); }

/* Collapsed / icon-only state */
.nav-container--collapsed[b-qdyh700et0]  .mud-nav-link {
    justify-content: center !important;
    padding: 10px !important;
}

.nav-container--collapsed[b-qdyh700et0]  .mud-nav-link .mud-nav-link-text {
    display: none !important;
}

.nav-container--collapsed[b-qdyh700et0]  .mud-nav-group-title {
    display: none !important;
}

.nav-container--collapsed[b-qdyh700et0]  .mud-nav-group .mud-nav-link {
    padding: 10px !important;
    justify-content: center !important;
}

.nav-container--collapsed .nav-search[b-qdyh700et0] {
    display: none;
}
/* /Shared/Components/AccessDeniedPage.razor.rz.scp.css */

.access-denied-container[b-yseb77ktvi] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    padding: 2rem;
}

.access-denied-content[b-yseb77ktvi] {
    text-align: center;
    max-width: 600px;
}

.security-illustration[b-yseb77ktvi] {
    position: relative;
    margin-bottom: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shield-container[b-yseb77ktvi] {
    position: relative;
}

.shield-icon[b-yseb77ktvi] {
    font-size: 6rem !important;
    color: #dc2626;
    animation: pulse-b-yseb77ktvi 2s infinite;
}

.lock-container[b-yseb77ktvi] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lock-icon[b-yseb77ktvi] {
    font-size: 2.5rem !important;
    color: #ffffff;
    background: #dc2626;
    border-radius: 50%;
    padding: 0.5rem;
    animation: lockShake-b-yseb77ktvi 1s ease-in-out 2s;
}

.error-message[b-yseb77ktvi] {
    margin-bottom: 3rem;
}

.error-title[b-yseb77ktvi] {
    color: #dc2626;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.error-subtitle[b-yseb77ktvi] {
    color: #991b1b;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.error-description[b-yseb77ktvi] {
    color: #6b7280;
    font-size: 1.125rem;
    line-height: 1.6;
    max-width: 500px;
    margin: 0 auto;
}

.user-info[b-yseb77ktvi] {
    margin-bottom: 3rem;
}

.user-card[b-yseb77ktvi] {
    max-width: 300px;
    margin: 0 auto;
    border: 1px solid #fecaca;
}

.user-details[b-yseb77ktvi] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.user-avatar[b-yseb77ktvi] {
    font-size: 2.5rem !important;
    color: #dc2626;
    background: #fee2e2;
    border-radius: 50%;
    padding: 0.5rem;
}

.user-name[b-yseb77ktvi] {
    color: #374151;
    font-weight: 600;
}

.user-role[b-yseb77ktvi] {
    color: #6b7280;
}

.access-actions[b-yseb77ktvi] {
    margin-bottom: 3rem;
}

.action-button[b-yseb77ktvi] {
    min-width: 140px;
    border-radius: 8px !important;
    font-weight: 600;
    text-transform: none;
}

.logout-button:hover[b-yseb77ktvi] {
    background-color: #fef2f2 !important;
}

.help-section[b-yseb77ktvi] {
    margin-bottom: 2rem;
}

.help-panel[b-yseb77ktvi] {
    background: white;
    border-radius: 8px;
    border: 1px solid #fecaca;
}

.help-title[b-yseb77ktvi] {
    display: flex;
    align-items: center;
    color: #dc2626;
    font-weight: 600;
}

.help-content[b-yseb77ktvi] {
    padding: 1rem 0;
}

.access-footer[b-yseb77ktvi] {
    padding-top: 2rem;
}

.security-notice[b-yseb77ktvi] {
    margin-bottom: 1rem;
    border-color: #f59e0b !important;
}

.footer-text[b-yseb77ktvi] {
    color: #9ca3af;
    font-family: 'Courier New', monospace;
}

@keyframes pulse-b-yseb77ktvi {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.8;
        transform: scale(1.05);
    }
}

@keyframes lockShake-b-yseb77ktvi {
    0%, 100% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate(-50%, -50%) rotate(-5deg);
    }

    20%, 40%, 60%, 80% {
        transform: translate(-50%, -50%) rotate(5deg);
    }
}

@media (max-width: 768px) {
    .shield-icon[b-yseb77ktvi] {
        font-size: 4rem !important;
    }

    .lock-icon[b-yseb77ktvi] {
        font-size: 2rem !important;
    }

    .access-actions .mud-stack[b-yseb77ktvi] {
        flex-direction: column;
        align-items: center;
    }

    .action-button[b-yseb77ktvi] {
        width: 100%;
        max-width: 200px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shield-icon[b-yseb77ktvi],
    .lock-icon[b-yseb77ktvi] {
        animation: none;
    }
}

/* /Shared/Components/NotFoundPage.razor.rz.scp.css */
.not-found-container[b-wb8raso614] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    padding: 2rem;
}

.not-found-content[b-wb8raso614] {
    text-align: center;
    max-width: 600px;
}

.not-found-illustration[b-wb8raso614] {
    margin-bottom: 3rem;
    position: relative;
}

.error-code[b-wb8raso614] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 800;
}

    .error-code span[b-wb8raso614] {
        font-size: 8rem;
        line-height: 1;
        animation: bounce-b-wb8raso614 2s infinite;
    }

.four[b-wb8raso614] {
    color: #667eea;
    animation-delay: 0s;
}

.zero[b-wb8raso614] {
    color: #764ba2;
    animation-delay: 0.2s;
    margin: 0 1rem;
}

.illustration-graphic[b-wb8raso614] {
    position: relative;
}

.search-icon[b-wb8raso614] {
    font-size: 4rem !important;
    color: #94a3b8;
    animation: float-b-wb8raso614 3s ease-in-out infinite;
}

.error-message[b-wb8raso614] {
    margin-bottom: 3rem;
}

.error-title[b-wb8raso614] {
    color: #1e293b;
    font-weight: 700;
    margin-bottom: 1rem;
}

.error-description[b-wb8raso614] {
    color: #64748b;
    font-size: 1.125rem;
    line-height: 1.6;
    max-width: 500px;
    margin: 0 auto;
}

.error-actions[b-wb8raso614] {
    margin-bottom: 3rem;
}

.action-button[b-wb8raso614] {
    min-width: 140px;
    border-radius: 8px !important;
    font-weight: 600;
    text-transform: none;
}

.additional-help[b-wb8raso614] {
    margin-bottom: 2rem;
}

.help-panel[b-wb8raso614] {
    background: white;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.help-title[b-wb8raso614] {
    display: flex;
    align-items: center;
    color: #475569;
    font-weight: 600;
}

.help-content[b-wb8raso614] {
    padding: 1rem 0;
}

.error-footer[b-wb8raso614] {
    padding-top: 2rem;
    border-top: 1px solid #e2e8f0;
}

.footer-text[b-wb8raso614] {
    color: #94a3b8;
    font-family: 'Courier New', monospace;
}

@keyframes bounce-b-wb8raso614 {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

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

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

@media (max-width: 768px) {
    .error-code span[b-wb8raso614] {
        font-size: 6rem;
    }

    .zero[b-wb8raso614] {
        margin: 0 0.5rem;
    }

    .error-actions .mud-stack[b-wb8raso614] {
        flex-direction: column;
        align-items: center;
    }

    .action-button[b-wb8raso614] {
        width: 100%;
        max-width: 200px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .error-code span[b-wb8raso614],
    .search-icon[b-wb8raso614] {
        animation: none;
    }
}