/* _content/PAI.Components/Pai/PaiAvatar/MinAvatarScore.razor.rz.scp.css */
.pai-min-avatar-score-track[b-g5wsctjzor] {
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
}

.pai-min-avatar-score-fill[b-g5wsctjzor] {
    min-width: 200px;
    max-width: 100%;
    transition: width 900ms ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.pai-min-avatar-score-values[b-g5wsctjzor] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    color: #e2e8f0;
    font-size: 0.75rem;
    line-height: 1.1;
}

.pai-min-avatar-score-round[b-g5wsctjzor] {
    font-weight: 700;
    color: #86efac;
}

.pai-min-avatar-score-total[b-g5wsctjzor] {
    font-weight: 600;
    color: #f8fafc;
}
/* _content/PAI.Components/Pai/PaiAvatar/PaiAvatar.razor.rz.scp.css */
.pai-avatar[b-y48suu9s9g] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #0b1120;
    border-radius: 999px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);
    border: 2px solid rgba(15, 23, 42, 0.5);
    text-align: center;
    overflow: hidden;
    padding: 4px;
}

.pai-avatar-small[b-y48suu9s9g] {
    width: 200px;
    height: 40px;
    flex-direction: row;
    justify-content: flex-start;
    gap: 4px;
    padding: 4px 6px;
}

.pai-avatar-medium[b-y48suu9s9g] {
    width: 300px;
    height: 90px;
}

.pai-avatar-large[b-y48suu9s9g] {
    width: 400px;
    height: 140px;
}

.pai-avatar-emoji[b-y48suu9s9g] {
    line-height: 1;
    margin-bottom: 2px;
    animation: playful-wiggle-b-y48suu9s9g 1.4s ease-in-out infinite;
    transform-origin: center bottom;
}

.pai-avatar-small .pai-avatar-emoji[b-y48suu9s9g] {
    font-size: 16px;
    margin-bottom: 0;
}

.pai-avatar-medium .pai-avatar-emoji[b-y48suu9s9g] {
    font-size: 24px;
}

.pai-avatar-large .pai-avatar-emoji[b-y48suu9s9g] {
    font-size: 48px;
}

.pai-avatar:hover .pai-avatar-emoji[b-y48suu9s9g] {
    animation-duration: 0.7s;
}

@keyframes playful-wiggle-b-y48suu9s9g {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    20% {
        transform: translateY(-2px) rotate(-8deg);
    }
    40% {
        transform: translateY(1px) rotate(5deg);
    }
    60% {
        transform: translateY(-1px) rotate(3deg);
    }
    80% {
        transform: translateY(1px) rotate(-4deg);
    }
}

.pai-avatar-name[b-y48suu9s9g] {
    background: #ffffff;
    color: #111827;
    padding: 2px 6px;
    border-radius: 999px;
    font-weight: 700;
    max-width: 100%;
    word-break: break-word;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
    font-size: 0.72rem;
}

.pai-avatar-name-large[b-y48suu9s9g] {
    font-size: 0.82rem;
    padding: 4px 8px;
}

.pai-avatar-status[b-y48suu9s9g] {
    margin-top: 4px;
    background: rgba(15, 23, 42, 0.85);
    color: #f8fafc;
    padding: 2px 8px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 0.68rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.pai-avatar-small .pai-avatar-status[b-y48suu9s9g] {
    margin-top: 0;
    margin-left: 4px;
    font-size: 0.62rem;
    padding: 2px 6px;
}
/* _content/PAI.Components/Pai/PaiAwards/PaiAwardsTopPlayers.razor.rz.scp.css */
.pai-awards-top-players[b-og78h7w9uh] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.pai-awards-grid[b-og78h7w9uh] {
    display: grid;
    gap: var(--spacing-md);
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.pai-awards-player[b-og78h7w9uh] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    align-items: center;
    text-align: center;
}

.pai-awards-medal[b-og78h7w9uh] {
    font-size: 1.75rem;
    line-height: 1;
}
/* _content/PAI.Components/Pai/PaiBadge/PaiBadge.razor.rz.scp.css */
.pai-badge[b-c1g3lhb6hw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--pai-space-xs) var(--pai-space-sm);
    border-radius: var(--pai-radius-full);
    font-size: var(--pai-font-size-xs);
    font-weight: var(--pai-font-weight-semibold);
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.pai-badge[data-variant="primary"][b-c1g3lhb6hw] {
    background: linear-gradient(135deg, var(--pai-color-primary-500), var(--pai-color-primary-600));
    color: white;
    box-shadow: var(--pai-shadow-glow-sm);
}

.pai-badge[data-variant="secondary"][b-c1g3lhb6hw] {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.pai-badge[data-variant="success"][b-c1g3lhb6hw] {
    background: var(--pai-color-success);
    color: white;
}

.pai-badge[data-variant="warning"][b-c1g3lhb6hw] {
    background: var(--pai-color-warning);
    color: white;
}

.pai-badge[data-variant="error"][b-c1g3lhb6hw] {
    background: var(--pai-color-error);
    color: white;
}

.pai-badge[data-variant="info"][b-c1g3lhb6hw] {
    background: var(--pai-color-info);
    color: white;
}
/* _content/PAI.Components/Pai/PaiBody/PaiBody.razor.rz.scp.css */
.pai-body[b-ur6qu7u3x5] {
    margin: 0;
    color: #f9fafb;
}

.pai-body-lg[b-ur6qu7u3x5] {
    font-size: 1.02rem;
    line-height: 1.6;
}

.pai-body-md[b-ur6qu7u3x5] {
    font-size: 0.95rem;
    line-height: 1.6;
}

.pai-body-sm[b-ur6qu7u3x5] {
    font-size: 0.85rem;
    line-height: 1.5;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .pai-body-lg[b-ur6qu7u3x5] {
        font-size: 0.98rem;\n    }\n\n    .pai-body-md[b-ur6qu7u3x5] {
        font-size: 0.9rem;
    }

    .pai-body-sm[b-ur6qu7u3x5] {
        font-size: 0.82rem;
    }
}
/* _content/PAI.Components/Pai/PaiBubbleBackground/PaiBubbleBackground.razor.rz.scp.css */
.pai-bubble-background[b-khbmyk550x] {
    position: relative;
    width: 100%;
    min-height: 400px;
    overflow: hidden;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
}

.pai-bubble[b-khbmyk550x] {
    position: absolute;
    bottom: -150px;
    border-radius: var(--pai-radius-full);
    pointer-events: none;
    animation: pai-bubble-float-b-khbmyk550x linear infinite;
    filter: blur(2px);
}

@keyframes pai-bubble-float-b-khbmyk550x {
    0% {
        transform: translateY(0) translateX(0) rotate(0deg);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        transform: translateY(-100vh) translateX(100px) rotate(360deg);
        opacity: 0;
    }
}

.pai-bubble-content[b-khbmyk550x] {
    position: relative;
    z-index: 1;
    padding: var(--pai-space-2xl);
}

/* Density variants affect bubble count, handled in code */
.pai-bubble-background[data-density="low"] .pai-bubble[b-khbmyk550x] {
    animation-duration: 25s;
}

.pai-bubble-background[data-density="medium"] .pai-bubble[b-khbmyk550x] {
    animation-duration: 20s;
}

.pai-bubble-background[data-density="high"] .pai-bubble[b-khbmyk550x] {
    animation-duration: 15s;
}
/* _content/PAI.Components/Pai/PaiButton/PaiButton.razor.rz.scp.css */
.pai-button[b-wgl1enml5e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 4px;
    gap: var(--pai-space-xs);
    border: none;
    border-radius: var(--pai-radius-lg);
    font-weight: var(--pai-font-weight-semibold);
    cursor: pointer;
    transition: all var(--pai-transition-fast) var(--pai-ease-out);
    font-family: inherit;
    text-decoration: none;
    white-space: nowrap;
    user-select: none;
    position: relative;
}

.pai-button:focus-visible[b-wgl1enml5e] {
    outline: 2px solid var(--pai-color-primary-400);
    outline-offset: 2px;
}

.pai-button:disabled[b-wgl1enml5e] {
    opacity: var(--pai-opacity-disabled);
    cursor: not-allowed;
}

/* Sizes */
.pai-button[data-size="small"][b-wgl1enml5e] {
    padding: var(--pai-space-xs) var(--pai-space-sm);
    font-size: var(--pai-font-size-sm);
    min-height: 32px;
}

.pai-button[data-size="medium"][b-wgl1enml5e] {
    padding: var(--pai-space-sm) var(--pai-space-md);
    font-size: var(--pai-font-size-base);
    min-height: 40px;
}

.pai-button[data-size="large"][b-wgl1enml5e] {
    padding: var(--pai-space-md) var(--pai-space-lg);
    font-size: var(--pai-font-size-lg);
    min-height: 48px;
}

/* Primary variant */
.pai-button[data-variant="primary"][b-wgl1enml5e] {
    background: linear-gradient(135deg, var(--pai-color-primary-500), var(--pai-color-primary-600));
    color: white;
    box-shadow: var(--pai-shadow-md);
}

.pai-button[data-variant="primary"]:hover:not(:disabled)[b-wgl1enml5e] {
    background: linear-gradient(135deg, var(--pai-color-primary-400), var(--pai-color-primary-500));
    box-shadow: var(--pai-shadow-lg);
    transform: translateY(-1px);
}

.pai-button[data-variant="primary"]:active:not(:disabled)[b-wgl1enml5e] {
    transform: translateY(0);
    box-shadow: var(--pai-shadow-sm);
}

/* Secondary variant */
.pai-button[data-variant="secondary"][b-wgl1enml5e] {
    background: linear-gradient(135deg, var(--pai-color-secondary-600), var(--pai-color-secondary-700));
    color: white;
    box-shadow: var(--pai-shadow-md);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.pai-button[data-variant="secondary"]:hover:not(:disabled)[b-wgl1enml5e] {
    background: linear-gradient(135deg, var(--pai-color-secondary-500), var(--pai-color-secondary-600));
    box-shadow: var(--pai-shadow-lg);
    transform: translateY(-1px);
}

.pai-button[data-variant="secondary"]:active:not(:disabled)[b-wgl1enml5e] {
    transform: translateY(0);
    box-shadow: var(--pai-shadow-sm);
}

/* Success variant */
.pai-button[data-variant="success"][b-wgl1enml5e] {
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
    box-shadow: var(--pai-shadow-md);
}

.pai-button[data-variant="success"]:hover:not(:disabled)[b-wgl1enml5e] {
    background: linear-gradient(135deg, #34d399, #10b981);
    box-shadow: var(--pai-shadow-lg);
    transform: translateY(-1px);
}

.pai-button[data-variant="success"]:active:not(:disabled)[b-wgl1enml5e] {
    transform: translateY(0);
    box-shadow: var(--pai-shadow-sm);
}

/* Danger variant */
.pai-button[data-variant="danger"][b-wgl1enml5e] {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: white;
    box-shadow: var(--pai-shadow-md);
}

.pai-button[data-variant="danger"]:hover:not(:disabled)[b-wgl1enml5e] {
    background: linear-gradient(135deg, #f87171, #ef4444);
    box-shadow: var(--pai-shadow-lg);
    transform: translateY(-1px);
}

.pai-button[data-variant="danger"]:active:not(:disabled)[b-wgl1enml5e] {
    transform: translateY(0);
    box-shadow: var(--pai-shadow-sm);
}

/* Ghost variant */
.pai-button[data-variant="ghost"][b-wgl1enml5e] {
    background: transparent;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.pai-button[data-variant="ghost"]:hover:not(:disabled)[b-wgl1enml5e] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.3);
}

.pai-button[data-variant="ghost"]:active:not(:disabled)[b-wgl1enml5e] {
    background: rgba(255, 255, 255, 0.05);
}

.pai-button-icon[b-wgl1enml5e] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pai-button-text[b-wgl1enml5e] {
    line-height: 1;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .pai-button[b-wgl1enml5e] {
        /* Ensure touch-friendly sizes on mobile */
        min-height: 44px;
    }

    .pai-button[data-size="small"][b-wgl1enml5e] {
        padding: var(--pai-space-sm) var(--pai-space-md);
        min-height: 40px;
    }

    .pai-button[data-size="medium"][b-wgl1enml5e] {
        padding: var(--pai-space-sm) var(--pai-space-lg);
        min-height: 44px;
    }

    .pai-button[data-size="large"][b-wgl1enml5e] {
        padding: var(--pai-space-md) var(--pai-space-xl);
        min-height: 52px;
    }

    /* Full-width buttons on mobile when appropriate */
    .pai-button[data-full-width="true"][b-wgl1enml5e] {
        width: 100%;
    }
}
/* _content/PAI.Components/Pai/PaiCard/PaiCard.razor.rz.scp.css */
.pai-card[b-dabhu5htuw] {
    background: radial-gradient(circle at 0 0, rgba(148, 163, 184, 0.3), transparent 55%), rgba(15, 23, 42, 0.96);
    border-radius: 18px;
    padding: 16px;
    border: 1px solid rgba(55, 65, 81, 0.9);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.6);
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.pai-card-clickable[b-dabhu5htuw] {
    cursor: pointer;
}

.pai-card-clickable:hover[b-dabhu5htuw] {
    transform: translateY(-3px) scale(1.01);
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.8);
    border-color: rgba(251, 191, 36, 0.7);
}

.pai-card-clickable:active[b-dabhu5htuw] {
    transform: translateY(-1px) scale(0.99);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .pai-card[b-dabhu5htuw] {
        padding: 10px;
        border-radius: 14px;
    }

    .pai-card-clickable:hover[b-dabhu5htuw] {
        /* Reduce hover lift on mobile for stability */
        transform: translateY(-2px) scale(1.005);
    }
}

@media (max-width: 640px) {
    .pai-card[b-dabhu5htuw] {
        padding: 4px;
        border-radius: 12px;
    }
}
/* _content/PAI.Components/Pai/PaiCategorySelection/PaiCategorySelection.razor.rz.scp.css */
.pai-category-selection[b-9mvz52a6ci] {
    display: grid;
    gap: 8px;
}

.pai-category-selection-grid[b-9mvz52a6ci] {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pai-category-selection-option[b-9mvz52a6ci] {
    border-radius: 12px;
}

.pai-category-selection-option[b-9mvz52a6ci] (.pai-button) {
    width: 100%;
    margin: 0;
    justify-content: flex-start;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 12px;
    padding: 9px 10px;
    font-weight: 650;
    font-size: 0.88rem;
    line-height: 1.2;
    white-space: normal;
    text-align: left;
    transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.pai-category-selection-option.selected[b-9mvz52a6ci] (.pai-button) {
    border-color: #0ea5e9;
    background: #e0f2fe;
    box-shadow: 0 10px 18px rgba(14, 165, 233, 0.2);
    transform: translateY(-1px);
}

.pai-category-selection-empty[b-9mvz52a6ci] {
    color: #475569;
    font-size: 0.92rem;
}

@media (max-width: 640px) {
    .pai-category-selection-option[b-9mvz52a6ci] (.pai-button) {
        padding: 8px 8px;
        font-size: 0.82rem;
    }
}

@media (min-width: 768px) {
    .pai-category-selection-grid[b-9mvz52a6ci] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* _content/PAI.Components/Pai/PaiCheckbox/PaiCheckbox.razor.rz.scp.css */
.pai-checkbox[b-lk9wil4irk] {
    display: inline-flex;
    align-items: center;
    gap: var(--pai-space-sm);
    cursor: pointer;
    user-select: none;
    position: relative;
}

.pai-checkbox[data-disabled="true"][b-lk9wil4irk] {
    opacity: var(--pai-opacity-disabled);
    cursor: not-allowed;
}

.pai-checkbox-input[b-lk9wil4irk] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.pai-checkbox-box[b-lk9wil4irk] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: var(--pai-radius-sm);
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--pai-transition-fast) var(--pai-ease-out);
    flex-shrink: 0;
}

.pai-checkbox-input:checked + .pai-checkbox-box[b-lk9wil4irk] {
    background: linear-gradient(135deg, var(--pai-color-primary-500), var(--pai-color-primary-600));
    border-color: var(--pai-color-primary-400);
    box-shadow: var(--pai-shadow-glow-sm);
}

.pai-checkbox-input:focus-visible + .pai-checkbox-box[b-lk9wil4irk] {
    outline: 2px solid var(--pai-color-primary-400);
    outline-offset: 2px;
}

.pai-checkbox:hover:not([data-disabled="true"]) .pai-checkbox-box[b-lk9wil4irk] {
    border-color: rgba(255, 255, 255, 0.5);
}

.pai-checkbox:hover:not([data-disabled="true"]) .pai-checkbox-input:checked + .pai-checkbox-box[b-lk9wil4irk] {
    background: linear-gradient(135deg, var(--pai-color-primary-400), var(--pai-color-primary-500));
}

.pai-checkbox-check[b-lk9wil4irk] {
    color: white;
    font-size: 14px;
    font-weight: var(--pai-font-weight-bold);
    line-height: 1;
    animation: pai-checkbox-pop-b-lk9wil4irk var(--pai-transition-fast) var(--pai-ease-out);
}

@keyframes pai-checkbox-pop-b-lk9wil4irk {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.pai-checkbox-label[b-lk9wil4irk] {
    color: white;
    font-size: var(--pai-font-size-base);
    line-height: var(--pai-line-height-normal);
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .pai-checkbox-box[b-lk9wil4irk] {
        width: 24px;
        height: 24px;
    }

    .pai-checkbox[b-lk9wil4irk] {
        gap: var(--pai-space-md);
        /* Larger touch target */
        min-height: 44px;
    }

    .pai-checkbox-check[b-lk9wil4irk] {
        font-size: 16px;
    }
}
/* _content/PAI.Components/Pai/PaiChip/PaiChip.razor.rz.scp.css */
.pai-chip[b-xlacy7tbge] {
    display: inline-flex;
    align-items: center;
    gap: var(--pai-space-xs);
    padding: var(--pai-space-xs) var(--pai-space-sm);
    border-radius: var(--pai-radius-full);
    font-size: var(--pai-font-size-sm);
    font-weight: var(--pai-font-weight-medium);
    line-height: var(--pai-line-height-tight);
    transition: all var(--pai-transition-fast) var(--pai-ease-out);
}

.pai-chip[data-variant="default"][b-xlacy7tbge] {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.pai-chip[data-variant="default"]:hover[b-xlacy7tbge] {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.3);
}

.pai-chip[data-variant="primary"][b-xlacy7tbge] {
    background: linear-gradient(135deg, var(--pai-color-primary-500), var(--pai-color-primary-600));
    color: white;
    border: none;
    box-shadow: var(--pai-shadow-glow-sm);
}

.pai-chip[data-variant="primary"]:hover[b-xlacy7tbge] {
    background: linear-gradient(135deg, var(--pai-color-primary-400), var(--pai-color-primary-500));
}

.pai-chip[data-variant="success"][b-xlacy7tbge] {
    background: rgba(34, 197, 94, 0.2);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.4);
}

.pai-chip[data-variant="success"]:hover[b-xlacy7tbge] {
    background: rgba(34, 197, 94, 0.3);
}

.pai-chip[data-variant="warning"][b-xlacy7tbge] {
    background: rgba(251, 191, 36, 0.2);
    color: #fbbf24;
    border: 1px solid rgba(251, 191, 36, 0.4);
}

.pai-chip[data-variant="warning"]:hover[b-xlacy7tbge] {
    background: rgba(251, 191, 36, 0.3);
}

.pai-chip[data-variant="error"][b-xlacy7tbge] {
    background: rgba(239, 68, 68, 0.2);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.4);
}

.pai-chip[data-variant="error"]:hover[b-xlacy7tbge] {
    background: rgba(239, 68, 68, 0.3);
}

.pai-chip-text[b-xlacy7tbge] {
    line-height: 1;
}

.pai-chip-remove[b-xlacy7tbge] {
    background: none;
    border: none;
    color: currentColor;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
    transition: opacity var(--pai-transition-fast) var(--pai-ease-out);
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .pai-chip[b-xlacy7tbge] {
        padding: var(--pai-space-sm) var(--pai-space-md);
        font-size: var(--pai-font-size-xs);
    }

    .pai-chip-remove[b-xlacy7tbge] {
        width: 20px;
        height: 20px;
        font-size: 1.4rem;
    }
}
    justify-content: center;
    border-radius: var(--pai-radius-full);
    transition: background var(--pai-transition-fast) var(--pai-ease-out);
    margin-right: -2px;[b-xlacy7tbge]
}

.pai-chip-remove:hover[b-xlacy7tbge] {
    background: rgba(0, 0, 0, 0.2);
}

.pai-chip-remove:focus-visible[b-xlacy7tbge] {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
/* _content/PAI.Components/Pai/PaiColorPicker/PaiColorPicker.razor.rz.scp.css */
.pai-color-picker[b-au2hjg6cie] {
    display: grid;
    gap: 0.5rem;
}

.pai-color-picker-label[b-au2hjg6cie] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #f8fafc;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.pai-color-picker-grid[b-au2hjg6cie] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(36px, 1fr));
    gap: 0.5rem;
}

.pai-color-swatch[b-au2hjg6cie] {
    position: relative;
    height: 36px;
    width: 36px;
    border-radius: 12px;
    border: 2px solid transparent;
    padding: 0;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.pai-color-swatch-ring[b-au2hjg6cie] {
    position: absolute;
    inset: 4px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.45);
    opacity: 0.2;
}

.pai-color-swatch:hover[b-au2hjg6cie] {
    transform: translateY(-1px) scale(1.02);
    border-color: rgba(251, 191, 36, 0.7);
}

.pai-color-swatch.selected[b-au2hjg6cie] {
    border-color: rgba(251, 191, 36, 0.9);
    box-shadow: 0 0 0 2px rgba(251, 191, 36, 0.35);
}

.pai-color-swatch:focus-visible[b-au2hjg6cie] {
    outline: 2px solid rgba(251, 191, 36, 0.9);
    outline-offset: 2px;
}

.pai-color-swatch:disabled[b-au2hjg6cie] {
    opacity: 0.4;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.pai-color-picker-helper[b-au2hjg6cie] {
    color: rgba(226, 232, 240, 0.8);
    font-size: 0.85rem;
}

@media (max-width: 640px) {
    .pai-color-picker-grid[b-au2hjg6cie] {
        grid-template-columns: repeat(auto-fit, minmax(32px, 1fr));
        gap: 0.4rem;
    }

    .pai-color-swatch[b-au2hjg6cie] {
        height: 32px;
        width: 32px;
        border-radius: 10px;
    }
}
/* _content/PAI.Components/Pai/PaiCountdown/PaiCountdown.razor.rz.scp.css */
.pai-countdown-value[b-2zx1gckmwg] {
    font-size: 5rem;
    font-weight: 800;
    animation: pai-countdown-pulse-b-2zx1gckmwg 1s ease-in-out infinite;
}

@keyframes pai-countdown-pulse-b-2zx1gckmwg {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.08); opacity: 0.85; }
    100% { transform: scale(1); opacity: 1; }
}
/* _content/PAI.Components/Pai/PaiDanger/PaiDanger.razor.rz.scp.css */
.pai-danger[b-cmdkkpcqb2] {
    border-radius: 999px;
    border: none;
    padding: 11px 20px;
    font-size: 0.98rem;
    font-weight: 700;
    cursor: pointer;
    background: linear-gradient(135deg, #f87171, #dc2626);
    color: #ffffff;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.6);
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.pai-danger:hover:not(:disabled)[b-cmdkkpcqb2] {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 14px 34px rgba(220, 38, 38, 0.5);
    filter: brightness(1.1);
}

.pai-danger:active:not(:disabled)[b-cmdkkpcqb2] {
    transform: translateY(0) scale(0.97);
    box-shadow: 0 6px 18px rgba(220, 38, 38, 0.6);
}

.pai-danger:focus-visible[b-cmdkkpcqb2] {
    outline: 2px solid #f87171;
    outline-offset: 2px;
}

.pai-danger:disabled[b-cmdkkpcqb2] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.pai-danger:disabled:hover[b-cmdkkpcqb2] {
    transform: none;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.6);
    filter: none;
}
/* _content/PAI.Components/Pai/PaiDivider/PaiDivider.razor.rz.scp.css */
.pai-divider[b-1g3kiv927v] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pai-divider[data-orientation="horizontal"][b-1g3kiv927v] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: var(--pai-space-md) 0;
}

.pai-divider[data-orientation="vertical"][b-1g3kiv927v] {
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    margin: 0 var(--pai-space-md);
}

.pai-divider-text[b-1g3kiv927v] {
    position: absolute;
    padding: 0 var(--pai-space-md);
    background: var(--pai-color-secondary-900);
    color: rgba(255, 255, 255, 0.6);
    font-size: var(--pai-font-size-sm);
    font-weight: var(--pai-font-weight-medium);
    white-space: nowrap;
}

.pai-divider[data-orientation="vertical"] .pai-divider-text[b-1g3kiv927v] {
    writing-mode: vertical-rl;
    padding: var(--pai-space-md) 0;
}
/* _content/PAI.Components/Pai/PaiEmojiPicker/PaiEmojiPicker.razor.rz.scp.css */
.pai-emoji-picker[b-8peo1hea0f] {
    display: grid;
    gap: 0.5rem;
}

.pai-emoji-picker-label[b-8peo1hea0f] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #f8fafc;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.pai-emoji-categories[b-8peo1hea0f] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.pai-emoji-category[b-8peo1hea0f] {
    border: 1px solid rgba(148, 163, 184, 0.5);
    border-radius: 999px;
    padding: 0.3rem 0.7rem;
    font-size: 0.8rem;
    background: rgba(15, 23, 42, 0.7);
    color: #f9fafb;
    cursor: pointer;
}

.pai-emoji-category.active[b-8peo1hea0f] {
    border-color: rgba(251, 191, 36, 0.9);
    background: #fbbf24;
    color: #0b1120;
}

.pai-emoji-grid[b-8peo1hea0f] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(36px, 1fr));
    gap: 0.5rem;
    max-height: min(40vh, 260px);
    overflow-y: auto;
    padding-right: 0.25rem;
}

.pai-emoji-swatch[b-8peo1hea0f] {
    border: 1px solid rgba(148, 163, 184, 0.4);
    background: rgba(15, 23, 42, 0.85);
    border-radius: 12px;
    height: 36px;
    width: 36px;
    display: grid;
    place-items: center;
    padding: 0;
    cursor: pointer;
    font-size: 1.1rem;
    color: #f9fafb;
    transition: transform 0.15s ease, border-color 0.15s ease;
}

.pai-emoji-swatch:hover[b-8peo1hea0f] {
    border-color: rgba(251, 191, 36, 0.7);
    transform: translateY(-1px);
}

.pai-emoji-swatch.selected[b-8peo1hea0f] {
    border-color: rgba(251, 191, 36, 0.9);
    background: rgba(251, 191, 36, 0.2);
    color: #fbbf24;
}

.pai-emoji-swatch:focus-visible[b-8peo1hea0f] {
    outline: 2px solid rgba(251, 191, 36, 0.9);
    outline-offset: 2px;
}

.pai-emoji-swatch:disabled[b-8peo1hea0f] {
    opacity: 0.4;
    cursor: not-allowed;
    transform: none;
}

.pai-emoji-picker-helper[b-8peo1hea0f] {
    color: rgba(226, 232, 240, 0.8);
    font-size: 0.85rem;
}

@media (max-width: 640px) {
    .pai-emoji-grid[b-8peo1hea0f] {
        grid-template-columns: repeat(auto-fit, minmax(32px, 1fr));
        gap: 0.4rem;
    }

    .pai-emoji-swatch[b-8peo1hea0f] {
        height: 32px;
        width: 32px;
        border-radius: 10px;
        font-size: 1rem;
    }
}
/* _content/PAI.Components/Pai/PaiError/PaiError.razor.rz.scp.css */
.pai-error[b-n1eejrwfm4] {
    font-size: 0.8rem;
    color: #fecaca;
}
/* _content/PAI.Components/Pai/PaiFileUpload/PaiFileUpload.razor.rz.scp.css */
.pai-file-upload[b-fnb4dj9ohv] {
    display: flex;
    flex-direction: column;
    gap: var(--pai-space-md);
    width: 100%;
}

.pai-file-upload-input[b-fnb4dj9ohv] {
    display: none;
}

.pai-file-upload-dropzone[b-fnb4dj9ohv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--pai-space-md);
    padding: var(--pai-space-2xl);
    border: 2px dashed rgba(255, 255, 255, 0.3);
    border-radius: var(--pai-radius-lg);
    background: rgba(255, 255, 255, 0.05);
    cursor: pointer;
    transition: all var(--pai-transition-fast) var(--pai-ease-out);
    min-height: 200px;
}

.pai-file-upload-dropzone:hover[b-fnb4dj9ohv] {
    border-color: var(--pai-color-primary-400);
    background: rgba(255, 255, 255, 0.08);
}

.pai-file-upload[data-dragging="true"] .pai-file-upload-dropzone[b-fnb4dj9ohv] {
    border-color: var(--pai-color-primary-400);
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.1), rgba(236, 72, 153, 0.1));
    transform: scale(1.02);
}

.pai-file-upload[data-has-files="true"] .pai-file-upload-dropzone[b-fnb4dj9ohv] {
    border-style: solid;
    border-color: var(--pai-color-success);
    background: rgba(34, 197, 94, 0.1);
}

.pai-file-upload-icon[b-fnb4dj9ohv] {
    font-size: 48px;
    line-height: 1;
}

.pai-file-upload-text[b-fnb4dj9ohv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--pai-space-xs);
    text-align: center;
}

.pai-file-upload-primary[b-fnb4dj9ohv] {
    color: white;
    font-size: var(--pai-font-size-base);
    font-weight: var(--pai-font-weight-semibold);
}

.pai-file-upload-hint[b-fnb4dj9ohv] {
    color: rgba(255, 255, 255, 0.6);
    font-size: var(--pai-font-size-sm);
}

.pai-file-upload-list[b-fnb4dj9ohv] {
    display: flex;
    flex-direction: column;
    gap: var(--pai-space-xs);
}

.pai-file-upload-item[b-fnb4dj9ohv] {
    display: flex;
    align-items: center;
    gap: var(--pai-space-sm);
    padding: var(--pai-space-sm) var(--pai-space-md);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--pai-radius-md);
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .pai-file-upload-dropzone[b-fnb4dj9ohv] {
        padding: var(--pai-space-xl) var(--pai-space-lg);
        min-height: 160px;
    }

    .pai-file-upload-icon[b-fnb4dj9ohv] {
        font-size: 36px;
    }

    .pai-file-upload-primary[b-fnb4dj9ohv] {
        font-size: var(--pai-font-size-sm);
    }

    .pai-file-upload-hint[b-fnb4dj9ohv] {
        font-size: var(--pai-font-size-xs);
    }
}
    border-radius: var(--pai-radius-md);
    transition: background var(--pai-transition-fast) var(--pai-ease-out);[b-fnb4dj9ohv]
}

.pai-file-upload-item:hover[b-fnb4dj9ohv] {
    background: rgba(255, 255, 255, 0.08);
}

.pai-file-upload-filename[b-fnb4dj9ohv] {
    flex: 1;
    color: white;
    font-size: var(--pai-font-size-sm);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pai-file-upload-filesize[b-fnb4dj9ohv] {
    color: rgba(255, 255, 255, 0.6);
    font-size: var(--pai-font-size-xs);
    flex-shrink: 0;
}

.pai-file-upload-remove[b-fnb4dj9ohv] {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--pai-radius-sm);
    transition: all var(--pai-transition-fast) var(--pai-ease-out);
    flex-shrink: 0;
}

.pai-file-upload-remove:hover[b-fnb4dj9ohv] {
    background: rgba(239, 68, 68, 0.2);
    color: #ef4444;
}

.pai-file-upload-remove:focus-visible[b-fnb4dj9ohv] {
    outline: 2px solid var(--pai-color-primary-400);
    outline-offset: 2px;
}

/* Disabled state */
.pai-file-upload-input:disabled + .pai-file-upload-dropzone[b-fnb4dj9ohv] {
    opacity: var(--pai-opacity-disabled);
    cursor: not-allowed;
}

.pai-file-upload-input:disabled + .pai-file-upload-dropzone:hover[b-fnb4dj9ohv] {
    border-color: rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.05);
    transform: none;
}
/* _content/PAI.Components/Pai/PaiGhost/PaiGhost.razor.rz.scp.css */
.pai-ghost[b-2ksj0js5tj] {
    font-family: inherit;
    padding: 12px 24px;
    border-radius: 999px;
    font-size: 0.98rem;
    font-weight: 700;
    cursor: pointer;
    background: transparent;
    color: #e5e7eb;
    border: 2px solid rgba(255, 255, 255, 0.25);
    transition: all 0.18s ease;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    outline: none;
}

.pai-ghost:hover:not(:disabled)[b-2ksj0js5tj] {
    border-color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    transform: translateY(-2px);
}

.pai-ghost:active:not(:disabled)[b-2ksj0js5tj] {
    transform: scale(0.96);
}

.pai-ghost:focus-visible[b-2ksj0js5tj] {
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.8);
}

.pai-ghost:disabled[b-2ksj0js5tj] {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
    filter: none;
}
/* _content/PAI.Components/Pai/PaiGradientBackground/PaiGradientBackground.razor.rz.scp.css */
.pai-gradient-background[b-jc2l1e95yh] {
    position: relative;
    width: 100%;
    min-height: 100dvh;
    overflow: hidden;
}

.pai-gradient-background[data-animated="true"][b-jc2l1e95yh] {
    background-size: 400% 400%;
    animation: pai-gradient-shift-b-jc2l1e95yh 15s ease infinite;
}

@keyframes pai-gradient-shift-b-jc2l1e95yh {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Purple variant - default primary colors */
.pai-gradient-background[data-variant="purple"][b-jc2l1e95yh] {
    background: linear-gradient(
        135deg,
        var(--pai-color-primary-600),
        var(--pai-color-primary-400),
        var(--pai-color-secondary-500),
        var(--pai-color-primary-500)
    );
}

/* Blue variant - cool tones */
.pai-gradient-background[data-variant="blue"][b-jc2l1e95yh] {
    background: linear-gradient(
        135deg,
        #1e3a8a,
        #3b82f6,
        #06b6d4,
        #0ea5e9
    );
}

/* Pink variant - warm vibrant */
.pai-gradient-background[data-variant="pink"][b-jc2l1e95yh] {
    background: linear-gradient(
        135deg,
        #be185d,
        #ec4899,
        #f472b6,
        #db2777
    );
}

/* Green variant - nature tones */
.pai-gradient-background[data-variant="green"][b-jc2l1e95yh] {
    background: linear-gradient(
        135deg,
        #065f46,
        #10b981,
        #34d399,
        #059669
    );
}

/* Orange variant - sunset */
.pai-gradient-background[data-variant="orange"][b-jc2l1e95yh] {
    background: linear-gradient(
        135deg,
        #c2410c,
        #f97316,
        #fb923c,
        #ea580c
    );
}

/* Dark variant - subtle dark gradient */
.pai-gradient-background[data-variant="dark"][b-jc2l1e95yh] {
    background: linear-gradient(
        135deg,
        #0f172a,
        #1e293b,
        #334155,
        #1e293b
    );
}

.pai-gradient-content[b-jc2l1e95yh] {
    position: relative;
    z-index: 1;
    padding: 16px;
    box-sizing: border-box;
}

@media (max-width: 640px) {
    .pai-gradient-content[b-jc2l1e95yh] {
        padding: 4px;
    }
}
/* _content/PAI.Components/Pai/PaiH1/PaiH1.razor.rz.scp.css */
.pai-h1[b-jbi89cjixd] {
    font-size: clamp(2.2rem, 4vw, 3rem);
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-shadow: 0 12px 36px rgba(0, 0, 0, 0.9);
    margin: 0;
    color: #f9fafb;
}

/* Mobile: 20% smaller */
@media (max-width: 768px) {
    .pai-h1[b-jbi89cjixd] {
        font-size: clamp(1.7rem, 3.2vw, 2.4rem);
        letter-spacing: 0.1em;
    }
}
/* _content/PAI.Components/Pai/PaiH2/PaiH2.razor.rz.scp.css */
.pai-h2[b-47z90jctoy] {
    font-size: clamp(1.6rem, 2.4vw, 1.9rem);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin: 0;
    color: #f9fafb;
}

/* Mobile: 20% smaller */
@media (max-width: 768px) {
    .pai-h2[b-47z90jctoy] {
        font-size: clamp(1.2rem, 1.9vw, 1.5rem);
        letter-spacing: 0.06em;
    }
}
/* _content/PAI.Components/Pai/PaiH3/PaiH3.razor.rz.scp.css */
.pai-h3[b-tn6wx1k3nw] {
    font-size: clamp(1.1rem, 2vw, 1.25rem);
    font-weight: 700;
    margin: 0;
    color: #f9fafb;
}

/* Mobile: 20% smaller */
@media (max-width: 768px) {
    .pai-h3[b-tn6wx1k3nw] {
        font-size: clamp(0.8rem, 1.6vw, 1rem);
    }
}
/* _content/PAI.Components/Pai/PaiH4/PaiH4.razor.rz.scp.css */
.pai-h4[b-ep3e6btiqt] {
    font-size: clamp(0.9rem, 1.5vw, 0.96rem);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin: 0;
    color: #f9fafb;
}

/* Mobile: 20% smaller */
@media (max-width: 768px) {
    .pai-h4[b-ep3e6btiqt] {
        font-size: clamp(0.7rem, 1.2vw, 0.7rem);
        letter-spacing: 0.09em;
    }
}
/* _content/PAI.Components/Pai/PaiHelper/PaiHelper.razor.rz.scp.css */
.pai-helper[b-b7xddee3q9] {
    font-size: 0.78rem;
    color: rgba(148, 163, 184, 0.95);
}
/* _content/PAI.Components/Pai/PaiImagePreview/PaiImagePreview.razor.rz.scp.css */
.pai-image-preview[b-4bhyjis5mz] {
    display: flex;
    flex-direction: column;
    gap: var(--pai-space-sm);
    border-radius: var(--pai-radius-md);
    overflow: hidden;
    background: var(--pai-gray-50);
    border: 1px solid var(--pai-gray-200);
}

.pai-image-preview-img[b-4bhyjis5mz] {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

.pai-image-preview[data-size="small"] .pai-image-preview-img[b-4bhyjis5mz] {
    max-height: 150px;
}

.pai-image-preview[data-size="medium"] .pai-image-preview-img[b-4bhyjis5mz] {
    max-height: 300px;
}

.pai-image-preview[data-size="large"] .pai-image-preview-img[b-4bhyjis5mz] {
    max-height: 500px;
}

.pai-image-preview[data-size="full"] .pai-image-preview-img[b-4bhyjis5mz] {
    max-height: none;
}

.pai-image-preview-caption[b-4bhyjis5mz] {
    padding: var(--pai-space-sm) var(--pai-space-md);
    background: white;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .pai-image-preview-caption[b-4bhyjis5mz] {
        font-size: var(--pai-font-size-sm);
        padding: var(--pai-space-xs) var(--pai-space-sm);
    }

    .pai-image-preview-img[b-4bhyjis5mz] {
        /* Ensure images don't overflow on small screens */
        max-width: 100%;
        height: auto;
    }

    .pai-image-preview[data-size="large"] .pai-image-preview-img[b-4bhyjis5mz] {
        max-height: 400px;
    }
}
/* _content/PAI.Components/Pai/PaiInput/PaiInput.razor.rz.scp.css */
.pai-input-wrapper[b-oyftrss6et] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pai-input-label[b-oyftrss6et] {
    font-size: 0.85rem;
    opacity: 0.9;
    color: #f9fafb;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pai-input-hint[b-oyftrss6et] {
    font-size: 0.75rem;
    opacity: 0.7;
}

.pai-input[b-oyftrss6et] {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.8);
    background: rgba(15, 23, 42, 0.9);
    color: #f9fafb;
    font-size: 0.95rem;
    padding: 9px 11px;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, transform 0.15s ease;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.pai-input[b-oyftrss6et]::placeholder {
    color: rgba(148, 163, 184, 0.9);
}

.pai-input:hover:not(:disabled)[b-oyftrss6et] {
    border-color: rgba(248, 250, 252, 0.8);
    background: rgba(15, 23, 42, 0.98);
}

.pai-input:focus[b-oyftrss6et] {
    border-color: #38bdf8;
    box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.5);
    transform: translateY(-1px);
}

.pai-input:disabled[b-oyftrss6et] {
    opacity: 0.5;
    cursor: not-allowed;
    background: rgba(15, 23, 42, 0.8);
}

.pai-input-error[b-oyftrss6et] {
    border-color: #f97373;
    box-shadow: 0 0 0 2px rgba(248, 113, 113, 0.5);
}

.pai-input-helper[b-oyftrss6et] {
    font-size: 0.75rem;
    opacity: 0.75;
    color: rgba(148, 163, 184, 0.95);
}

.pai-input-error-text[b-oyftrss6et] {
    font-size: 0.76rem;
    color: #fecaca;
}

.pai-input-success-text[b-oyftrss6et] {
    font-size: 0.76rem;
    color: #bbf7d0;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .pai-input[b-oyftrss6et] {
        font-size: 16px; /* Prevent iOS zoom on focus */
        padding: 12px 14px;
        min-height: 44px;
    }

    .pai-input-label[b-oyftrss6et] {
        font-size: 0.9rem;
    }
}
/* _content/PAI.Components/Pai/PaiLeaderboard/PaiLeaderboard.razor.rz.scp.css */
.pai-leaderboard[b-axorygvt1h] {
    display: grid;
    gap: 0.75rem;
}

.pai-leaderboard-table[b-axorygvt1h] {
    display: grid;
    gap: 0.6rem;
}

.pai-leaderboard-row[b-axorygvt1h] {
    display: grid;
    grid-template-columns: 72px 1fr 140px;
    align-items: center;
    background: #f8fafc;
    border-radius: 0.9rem;
    padding: 0.7rem 0.9rem;
}

.pai-leaderboard-row.rank-gold[b-axorygvt1h] {
    background: linear-gradient(90deg, #fef3c7, #fff7ed);
    border: 1px solid #facc15;
}

.pai-leaderboard-row.rank-silver[b-axorygvt1h] {
    background: linear-gradient(90deg, #e2e8f0, #f8fafc);
    border: 1px solid #94a3b8;
}

.pai-leaderboard-row.rank-bronze[b-axorygvt1h] {
    background: linear-gradient(90deg, #fde68a, #fef3c7);
    border: 1px solid #f59e0b;
}

.pai-leaderboard-rank[b-axorygvt1h] {
    font-weight: 700;
}

.pai-leaderboard-name[b-axorygvt1h] {
    font-weight: 600;
}

.pai-leaderboard-points[b-axorygvt1h] {
    text-align: right;
}

.pai-leaderboard-total[b-axorygvt1h] {
    font-size: 1.1rem;
    font-weight: 800;
}

.pai-leaderboard-breakdown[b-axorygvt1h] {
    font-size: 0.85rem;
    color: #64748b;
}

.pai-leaderboard-separator[b-axorygvt1h] {
    margin: 0 0.3rem;
}

@media (max-width: 640px) {
    .pai-leaderboard-row[b-axorygvt1h] {
        grid-template-columns: 58px 1fr 104px;
    }
}
/* _content/PAI.Components/Pai/PaiList/PaiList.razor.rz.scp.css */
.pai-list[b-4mm0ty8nh6] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--pai-space-xs);
}

.pai-list-item[b-4mm0ty8nh6] {
    padding: var(--pai-space-md);
    color: white;
    font-size: var(--pai-font-size-base);
    line-height: var(--pai-line-height-normal);
    cursor: pointer;
    border-radius: var(--pai-radius-md);
    transition: all var(--pai-transition-fast) var(--pai-ease-out);
}

.pai-list-item:hover[b-4mm0ty8nh6] {
    background: rgba(255, 255, 255, 0.05);
    transform: translateX(4px);
}

/* Bordered variant */
.pai-list[data-variant="bordered"][b-4mm0ty8nh6] {
    gap: var(--pai-space-sm);
}

.pai-list[data-variant="bordered"] .pai-list-item[b-4mm0ty8nh6] {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

.pai-list[data-variant="bordered"] .pai-list-item:hover[b-4mm0ty8nh6] {
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.08);
}

/* Divided variant */
.pai-list[data-variant="divided"][b-4mm0ty8nh6] {
    gap: 0;
}

.pai-list[data-variant="divided"] .pai-list-item[b-4mm0ty8nh6] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
}

.pai-list[data-variant="divided"] .pai-list-item:last-child[b-4mm0ty8nh6] {
    border-bottom: none;
}

.pai-list[data-variant="divided"] .pai-list-item:hover[b-4mm0ty8nh6] {
    background: rgba(255, 255, 255, 0.05);
    transform: none;
}

.pai-list-empty[b-4mm0ty8nh6] {
    padding: var(--pai-space-xl);
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: var(--pai-font-size-base);
}
/* _content/PAI.Components/Pai/PaiModal/PaiModal.razor.rz.scp.css */
.pai-modal-overlay[b-4ydhr56a0j] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: var(--pai-z-modal);
    animation: pai-modal-fade-in-b-4ydhr56a0j var(--pai-transition-normal) var(--pai-ease-out);
    padding: var(--pai-space-lg);
    overflow-y: auto;
}

.pai-modal-overlay[data-align="top"][b-4ydhr56a0j] {
    align-items: flex-start;
}

.pai-modal-overlay[data-align="bottom"][b-4ydhr56a0j] {
    align-items: flex-end;
}

@keyframes pai-modal-fade-in-b-4ydhr56a0j {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.pai-modal-container[b-4ydhr56a0j] {
    background: linear-gradient(135deg, var(--pai-color-secondary-800) 0%, var(--pai-color-secondary-900) 100%);
    border-radius: var(--pai-radius-xl);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: var(--pai-shadow-2xl);
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: pai-modal-slide-up-b-4ydhr56a0j var(--pai-transition-normal) var(--pai-ease-out);
    position: relative;
}

@keyframes pai-modal-slide-up-b-4ydhr56a0j {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.pai-modal-container[data-size="small"][b-4ydhr56a0j] {
    width: 100%;
    max-width: 400px;
}

.pai-modal-container[data-size="medium"][b-4ydhr56a0j] {
    width: 100%;
    max-width: 600px;
}

.pai-modal-container[data-size="large"][b-4ydhr56a0j] {
    width: 100%;
    max-width: 800px;
}

.pai-modal-container[data-size="xlarge"][b-4ydhr56a0j] {
    width: 100%;
    max-width: 1200px;
}

.pai-modal-container[data-size="full"][b-4ydhr56a0j] {
    width: 100%;
    max-width: none;
    max-height: 100vh;
    border-radius: 0;
    height: 100vh;
}

.pai-modal-header[b-4ydhr56a0j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--pai-space-lg) var(--pai-space-xl);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    flex-shrink: 0;
}

.pai-modal-close[b-4ydhr56a0j] {
    background: none;
    border: none;
    color: white;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--pai-radius-sm);
    transition: background var(--pai-transition-fast) var(--pai-ease-out);
    flex-shrink: 0;
}

.pai-modal-close:hover[b-4ydhr56a0j] {
    background: rgba(255, 255, 255, 0.1);
}

.pai-modal-close:focus-visible[b-4ydhr56a0j] {
    outline: 2px solid var(--pai-color-primary-400);
    outline-offset: 2px;
}

.pai-modal-body[b-4ydhr56a0j] {
    padding: var(--pai-space-xl);
    overflow-y: auto;
    flex: 1;
    color: white;
}

.pai-modal-footer[b-4ydhr56a0j] {
    padding: var(--pai-space-lg) var(--pai-space-xl);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    gap: var(--pai-space-sm);
    justify-content: flex-end;
    flex-shrink: 0;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .pai-modal-overlay[b-4ydhr56a0j] {
        padding: 0;
        align-items: flex-end;
    }

    .pai-modal-overlay[data-align="top"][b-4ydhr56a0j] {
        align-items: flex-start;
    }

    .pai-modal-overlay[data-align="center"][b-4ydhr56a0j] {
        align-items: center;
    }
    
    .pai-modal-container[b-4ydhr56a0j] {
        width: 100%;
        max-width: none;
        max-height: 90vh;
        border-radius: var(--pai-radius-xl) var(--pai-radius-xl) 0 0;
        animation: pai-modal-slide-up-mobile-b-4ydhr56a0j var(--pai-transition-normal) var(--pai-ease-out);
    }
    
    @keyframes pai-modal-slide-up-mobile-b-4ydhr56a0j {
        from {
            transform: translateY(100%);
        }
        to {
            transform: translateY(0);
        }
    }
    
    .pai-modal-header[b-4ydhr56a0j] {
        padding: var(--pai-space-md) var(--pai-space-lg);
    }
    
    .pai-modal-body[b-4ydhr56a0j] {
        padding: var(--pai-space-lg);
    }
    
    .pai-modal-footer[b-4ydhr56a0j] {
        padding: var(--pai-space-md) var(--pai-space-lg);
        flex-direction: column;
    }
    
    .pai-modal-footer > *[b-4ydhr56a0j] {
        width: 100%;
    }
}
/* _content/PAI.Components/Pai/PaiMultipleChoice/PaiMultipleChoice.razor.rz.scp.css */
.pai-multiple-choice[b-0mi8k1eofd] {
    display: grid;
    gap: 0.75rem;
}

.pai-multiple-choice-option[b-0mi8k1eofd] {
    width: 100%;
    display: block;
    border: 2px solid #d1d5db;
    border-radius: 14px;
    padding: 0.85rem 1rem;
    background: #ffffff;
    color: #111827;
    text-align: left;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.pai-multiple-choice-option:hover:not(:disabled)[b-0mi8k1eofd],
.pai-multiple-choice-option:focus-visible:not(:disabled)[b-0mi8k1eofd] {
    border-color: #2563eb;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.16);
    transform: translateY(-1px);
}

.pai-multiple-choice-option:disabled[b-0mi8k1eofd] {
    cursor: not-allowed;
}

.pai-multiple-choice-option-text[b-0mi8k1eofd] {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
}

.pai-multiple-choice-option.is-wrong[b-0mi8k1eofd] {
    border-color: #dc2626;
    background: #fef2f2;
    box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.12);
}

.pai-multiple-choice-option.is-correct[b-0mi8k1eofd] {
    border-color: #059669;
    background: #ecfdf5;
    box-shadow: 0 0 0 4px rgba(5, 150, 105, 0.12);
}

.pai-multiple-choice-option.is-dimmed[b-0mi8k1eofd] {
    opacity: 0.65;
}

@media (max-width: 640px) {
    .pai-multiple-choice-option[b-0mi8k1eofd] {
        padding: 0.8rem 0.85rem;
        border-radius: 12px;
    }

    .pai-multiple-choice-option-text[b-0mi8k1eofd] {
        font-size: 0.95rem;
    }
}
/* _content/PAI.Components/Pai/PaiMuted/PaiMuted.razor.rz.scp.css */
.pai-muted[b-0avlq65ihi] {
    color: rgba(148, 163, 184, 0.95);
}
/* _content/PAI.Components/Pai/PaiOption/PaiOption.razor.rz.scp.css */
.pai-option[b-m4wvb8zbrj] {
    display: flex;
    align-items: center;
    gap: var(--pai-space-md);
    width: 100%;
    padding: var(--pai-space-md) var(--pai-space-lg);
    background: rgba(255, 255, 255, 0.05);
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--pai-radius-lg);
    color: white;
    font-size: var(--pai-font-size-md);
    font-family: var(--pai-font-family-base);
    cursor: pointer;
    transition: all var(--pai-transition-normal) var(--pai-ease-out);
    text-align: left;
}

.pai-option:hover:not(:disabled)[b-m4wvb8zbrj] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
    box-shadow: var(--pai-shadow-md);
}

.pai-option:active:not(:disabled)[b-m4wvb8zbrj] {
    transform: translateY(0);
}

.pai-option:focus-visible[b-m4wvb8zbrj] {
    outline: 2px solid var(--pai-color-primary-400);
    outline-offset: 2px;
}

.pai-option:disabled[b-m4wvb8zbrj] {
    opacity: var(--pai-opacity-50);
    cursor: not-allowed;
}

.pai-option[data-selected="true"][b-m4wvb8zbrj] {
    background: linear-gradient(135deg, var(--pai-color-primary-400), var(--pai-color-primary-500));
    border-color: var(--pai-color-primary-500);
    font-weight: var(--pai-font-weight-semibold);
    box-shadow: var(--pai-shadow-glow-sm);
}

.pai-option[data-show-correct="true"][data-is-correct="true"][b-m4wvb8zbrj] {
    background: linear-gradient(135deg, var(--pai-color-success-light), var(--pai-color-success));
    border-color: var(--pai-color-success);
}

.pai-option[data-show-correct="true"][data-is-correct="false"][b-m4wvb8zbrj] {
    background: linear-gradient(135deg, var(--pai-color-error-light), var(--pai-color-error));
    border-color: var(--pai-color-error);
}

.pai-option-letter[b-m4wvb8zbrj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: var(--pai-radius-full);
    font-weight: var(--pai-font-weight-bold);
    font-size: var(--pai-font-size-sm);
    flex-shrink: 0;
}

.pai-option-text[b-m4wvb8zbrj] {
    flex: 1;
    line-height: var(--pai-line-height-normal);
}

.pai-option-icon[b-m4wvb8zbrj] {
    font-size: var(--pai-font-size-xl);
    font-weight: var(--pai-font-weight-bold);
    flex-shrink: 0;
    line-height: 1;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .pai-option[b-m4wvb8zbrj] {
        padding: var(--pai-space-sm) var(--pai-space-md);
        font-size: var(--pai-font-size-sm);
    }
    
    .pai-option-letter[b-m4wvb8zbrj] {
        width: 28px;
        height: 28px;
        font-size: var(--pai-font-size-xs);
    }
}
/* _content/PAI.Components/Pai/PaiOptions/PaiOptions.razor.rz.scp.css */
.pai-options[b-kftfwzyxzb] {
    display: flex;
    flex-direction: column;
    gap: var(--pai-space-sm);
    width: 100%;
}
/* _content/PAI.Components/Pai/PaiPanel/PaiPanel.razor.rz.scp.css */
.pai-panel[b-22l4h0sxp7] {
    background: rgba(15, 23, 42, 1);
    border-radius: 18px;
    padding: 16px 14px 18px;
    border: 1px solid rgba(148, 163, 184, 0.6);
}

.pai-panel-title[b-22l4h0sxp7] {
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    opacity: 0.8;
    margin: 0 0 8px 0;
    color: #f9fafb;
}

.pai-panel-description[b-22l4h0sxp7] {
    font-size: 0.85rem;
    opacity: 0.78;
    margin: 0 0 14px 0;
    color: #f9fafb;
}

.pai-panel-content[b-22l4h0sxp7] {
    color: #f9fafb;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .pai-panel[b-22l4h0sxp7] {
        padding: 12px 10px 14px;
    }

    .pai-panel-title[b-22l4h0sxp7] {
        font-size: 0.85rem;
    }

    .pai-panel-description[b-22l4h0sxp7] {
        font-size: 0.8rem;
    }
}
/* _content/PAI.Components/Pai/PaiPill/PaiPill.razor.rz.scp.css */
.pai-pill[b-vli4rwyjn6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.9);
    border: 1px solid rgba(148, 163, 184, 0.7);
    font-size: 0.75rem;
    color: #f9fafb;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.pai-pill-dot[b-vli4rwyjn6] {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 8px #22c55e;
}
/* _content/PAI.Components/Pai/PaiPrimary/PaiPrimary.razor.rz.scp.css */
.pai-primary[b-53jh8aiab3] {
    font-family: inherit;
    padding: 12px 24px;
    border-radius: 999px;
    font-size: 0.98rem;
    font-weight: 700;
    cursor: pointer;
    background: linear-gradient(135deg, #facc15, #f97316);
    color: #111827;
    border: none;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
    transition: all 0.18s ease;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    outline: none;
}

.pai-primary:hover:not(:disabled)[b-53jh8aiab3] {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
    filter: brightness(1.05);
}

.pai-primary:active:not(:disabled)[b-53jh8aiab3] {
    transform: translateY(0) scale(0.97);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
}

.pai-primary:focus-visible[b-53jh8aiab3] {
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.8);
}

.pai-primary:disabled[b-53jh8aiab3] {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
    filter: none;
}
/* _content/PAI.Components/Pai/PaiProgress/PaiProgress.razor.rz.scp.css */
.pai-progress[b-n37mz8r65j] {
    display: flex;
    align-items: center;
    gap: var(--pai-space-sm);
    width: 100%;
}

.pai-progress-track[b-n37mz8r65j] {
    flex: 1;
    height: 8px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: var(--pai-radius-full);
    overflow: hidden;
    position: relative;
}

.pai-progress-fill[b-n37mz8r65j] {
    height: 100%;
    background: linear-gradient(90deg, var(--pai-color-primary-400), var(--pai-color-primary-500));
    border-radius: var(--pai-radius-full);
    transition: width var(--pai-transition-normal) var(--pai-ease-out);
    box-shadow: var(--pai-shadow-glow-sm);
}

.pai-progress[data-type="indeterminate"] .pai-progress-fill[b-n37mz8r65j] {
    width: 30% !important;
    animation: pai-progress-indeterminate-b-n37mz8r65j 1.5s ease-in-out infinite;
}

@keyframes pai-progress-indeterminate-b-n37mz8r65j {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(333%);
    }
}

.pai-progress-label[b-n37mz8r65j] {
    color: rgba(255, 255, 255, 0.9);
    font-size: var(--pai-font-size-sm);
    font-weight: var(--pai-font-weight-semibold);
    min-width: 40px;
    text-align: right;
}
/* _content/PAI.Components/Pai/PaiQuestionGeneration/PaiQuestionGeneration.razor.rz.scp.css */
.pai-question-generation[b-0zscu7lyjj] {
    display: grid;
    place-items: center;
    padding: 40px 20px;
}

.pai-question-generation-actions[b-0zscu7lyjj] {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}
/* _content/PAI.Components/Pai/PaiRadio/PaiRadio.razor.rz.scp.css */
.pai-radio-group[b-u7dg8aye6u] {
    display: flex;
    flex-direction: column;
    gap: var(--pai-space-sm);
}

.pai-radio-group-label[b-u7dg8aye6u] {
    color: white;
    font-size: var(--pai-font-size-base);
    font-weight: var(--pai-font-weight-semibold);
    line-height: var(--pai-line-height-normal);
}

.pai-radio-options[b-u7dg8aye6u] {
    display: flex;
    flex-direction: column;
    gap: var(--pai-space-xs);
}

.pai-radio[b-u7dg8aye6u] {
    display: inline-flex;
    align-items: center;
    gap: var(--pai-space-sm);
    cursor: pointer;
    user-select: none;
    position: relative;
    padding: var(--pai-space-xs);
    border-radius: var(--pai-radius-md);
    transition: background var(--pai-transition-fast) var(--pai-ease-out);
}

.pai-radio:hover:not([data-disabled="true"])[b-u7dg8aye6u] {
    background: rgba(255, 255, 255, 0.05);
}

.pai-radio[data-disabled="true"][b-u7dg8aye6u] {
    opacity: var(--pai-opacity-disabled);
    cursor: not-allowed;
}

.pai-radio-input[b-u7dg8aye6u] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.pai-radio-circle[b-u7dg8aye6u] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: var(--pai-radius-full);
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--pai-transition-fast) var(--pai-ease-out);
    flex-shrink: 0;
}

.pai-radio-input:checked + .pai-radio-circle[b-u7dg8aye6u] {
    border-color: var(--pai-color-primary-400);
    background: rgba(255, 255, 255, 0.1);
}

.pai-radio-input:focus-visible + .pai-radio-circle[b-u7dg8aye6u] {
    outline: 2px solid var(--pai-color-primary-400);
    outline-offset: 2px;
}

.pai-radio:hover:not([data-disabled="true"]) .pai-radio-circle[b-u7dg8aye6u] {
    border-color: rgba(255, 255, 255, 0.5);
}

.pai-radio-dot[b-u7dg8aye6u] {
    width: 8px;
    height: 8px;
    border-radius: var(--pai-radius-full);
    background: var(--pai-color-primary-400);
    transform: scale(0);
    transition: transform var(--pai-transition-fast) var(--pai-ease-out);
}

.pai-radio-input:checked + .pai-radio-circle .pai-radio-dot[b-u7dg8aye6u] {
    transform: scale(1);
    animation: pai-radio-pop-b-u7dg8aye6u var(--pai-transition-fast) var(--pai-ease-out);
}

@keyframes pai-radio-pop-b-u7dg8aye6u {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}

.pai-radio-label[b-u7dg8aye6u] {
    color: white;
    font-size: var(--pai-font-size-base);
    line-height: var(--pai-line-height-normal);
}
/* _content/PAI.Components/Pai/PaiRainbowBackground/PaiRainbowBackground.razor.rz.scp.css */
.pai-rainbow-background[b-ui02zodenr] {
    position: relative;
    width: 100%;
    min-height: 400px;
    overflow: hidden;
    background: #000;
}

.pai-rainbow-gradient[b-ui02zodenr] {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        124deg,
        #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840,
        #1ddde8, #2b1de8, #dd00f3, #dd00f3
    );
    background-size: 1800% 1800%;
    animation: pai-rainbow-shift-b-ui02zodenr linear infinite;
}

@keyframes pai-rainbow-shift-b-ui02zodenr {
    0% {
        background-position: 0% 82%;
    }
    50% {
        background-position: 100% 19%;
    }
    100% {
        background-position: 0% 82%;
    }
}

.pai-rainbow-background[data-speed="slow"] .pai-rainbow-gradient[b-ui02zodenr] {
    animation-duration: 30s;
}

.pai-rainbow-background[data-speed="medium"] .pai-rainbow-gradient[b-ui02zodenr] {
    animation-duration: 18s;
}

.pai-rainbow-background[data-speed="fast"] .pai-rainbow-gradient[b-ui02zodenr] {
    animation-duration: 8s;
}

.pai-rainbow-content[b-ui02zodenr] {
    position: relative;
    z-index: 1;
    padding: var(--pai-space-2xl);
}
/* _content/PAI.Components/Pai/PaiRoom/PaiRoomAvatar.razor.rz.scp.css */
[b-oyo1bfh6i9] .pai-card {
    display: grid;
    gap: 1.25rem;
    width: 100%;
    max-width: 720px;
    margin: 16px auto;
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    box-sizing: border-box;
}

[b-oyo1bfh6i9] .pai-muted {
    font-size: 0.95rem;
    color: rgba(248, 250, 252, 0.92);
    font-weight: 500;
}

@media (max-width: 640px) {
    [b-oyo1bfh6i9] .pai-card {
        margin: 0;
        max-height: calc(100dvh - 8px);
    }

    [b-oyo1bfh6i9] .pai-stack[data-direction="horizontal"] {
        flex-direction: column;
        width: 100%;
        align-items: stretch;
    }

    [b-oyo1bfh6i9] .pai-button {
        width: 100%;
        justify-content: center;
    }
}
/* _content/PAI.Components/Pai/PaiRoom/PaiRoomJoin.razor.rz.scp.css */
[b-zlygqk8b8k] .pai-card {
    display: grid;
    gap: 1rem;
    width: 100%;
    max-width: 720px;
    margin: 16px auto;
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    box-sizing: border-box;
}

@media (max-width: 640px) {
    [b-zlygqk8b8k] .pai-card {
        margin: 0;
        max-height: calc(100dvh - 8px);
    }

    [b-zlygqk8b8k] .pai-stack[data-direction="horizontal"] {
        flex-direction: column;
        width: 100%;
        align-items: stretch;
    }

    [b-zlygqk8b8k] .pai-button {
        width: 100%;
        justify-content: center;
    }
}
/* _content/PAI.Components/Pai/PaiRoom/PaiRoomRole.razor.rz.scp.css */
/* _content/PAI.Components/Pai/PaiRoom/PaiRoomStart.razor.rz.scp.css */
[b-wt5b5ahxcj] .pai-card {
    display: grid;
    gap: 1rem;
    width: 100%;
    max-width: 720px;
    margin: 16px auto;
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    box-sizing: border-box;
}

[b-wt5b5ahxcj] .pai-muted {
    font-size: 0.95rem;
    color: rgba(248, 250, 252, 0.92);
    font-weight: 500;
}

@media (max-width: 640px) {
    [b-wt5b5ahxcj] .pai-card {
        margin: 0;
        max-height: calc(100dvh - 8px);
    }

    [b-wt5b5ahxcj] .pai-stack[data-direction="horizontal"] {
        flex-direction: column;
        width: 100%;
        align-items: stretch;
    }

    [b-wt5b5ahxcj] .pai-button {
        width: 100%;
        justify-content: center;
    }
}
/* _content/PAI.Components/Pai/PaiRoom/PaiRoomView.razor.rz.scp.css */
[b-ifpb2igst7] .pai-card {
    display: grid;
    gap: 1.25rem;
    width: 100%;
    max-width: 720px;
    margin: 16px auto;
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    box-sizing: border-box;
}

[b-ifpb2igst7] .pai-muted {
    font-size: 0.95rem;
    color: rgba(248, 250, 252, 0.92);
    font-weight: 500;
}

.pai-room-view__header-row[b-ifpb2igst7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
}

.pai-room-view__header-row[b-ifpb2igst7] (h1) {
    margin: 0;
    text-align: left;
    margin-right: auto;
}

.pai-room-view__header-actions[b-ifpb2igst7] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-left: auto;
}

.pai-room-view__header-actions[b-ifpb2igst7] (.pai-button) {
    width: auto;
}

@media (max-width: 640px) {
    [b-ifpb2igst7] .pai-card {
        margin: 0;
        max-height: calc(100dvh - 8px);
    }

    [b-ifpb2igst7] .pai-stack[data-direction="horizontal"] {
        flex-direction: column;
        width: 100%;
        align-items: stretch;
    }

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

    .pai-room-view__header-row[b-ifpb2igst7] {
        align-items: flex-start;
    }

    .pai-room-view__header-actions[b-ifpb2igst7] {
        flex-shrink: 0;
    }

    .pai-room-view__header-actions[b-ifpb2igst7] (.pai-button) {
        width: auto;
        justify-content: center;
    }
}
/* _content/PAI.Components/Pai/PaiSecondary/PaiSecondary.razor.rz.scp.css */
.pai-secondary[b-pbs3dwtz8u] {
    font-family: inherit;
    padding: 12px 24px;
    border-radius: 999px;
    font-size: 0.98rem;
    font-weight: 700;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.15);
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: #f9fafb;
    backdrop-filter: blur(6px);
    transition: all 0.18s ease;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    outline: none;
}

.pai-secondary:hover:not(:disabled)[b-pbs3dwtz8u] {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-2px);
}

.pai-secondary:active:not(:disabled)[b-pbs3dwtz8u] {
    transform: scale(0.97);
}

.pai-secondary:focus-visible[b-pbs3dwtz8u] {
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.8);
}

.pai-secondary:disabled[b-pbs3dwtz8u] {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
    filter: none;
}
/* _content/PAI.Components/Pai/PaiSelect/PaiSelect.razor.rz.scp.css */
.pai-select-wrapper[b-yig57t5v5m] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pai-select-label[b-yig57t5v5m] {
    font-size: 0.85rem;
    opacity: 0.9;
    color: #f9fafb;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pai-select-hint[b-yig57t5v5m] {
    font-size: 0.75rem;
    opacity: 0.7;
}

.pai-select[b-yig57t5v5m] {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.8);
    background: rgba(15, 23, 42, 0.9);
    color: #f9fafb;
    font-size: 0.95rem;
    padding: 9px 11px;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, transform 0.15s ease;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    cursor: pointer;
}

.pai-select:hover:not(:disabled)[b-yig57t5v5m] {
    border-color: rgba(248, 250, 252, 0.8);
    background: rgba(15, 23, 42, 0.98);
}

.pai-select:focus[b-yig57t5v5m] {
    border-color: #38bdf8;
    box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.5);
    transform: translateY(-1px);
}

.pai-select:disabled[b-yig57t5v5m] {
    opacity: 0.5;
    cursor: not-allowed;
    background: rgba(15, 23, 42, 0.8);
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .pai-select[b-yig57t5v5m] {
        font-size: 16px; /* Prevent iOS zoom */
        padding: 12px 14px;
        min-height: 44px;
    }
}

.pai-select-error[b-yig57t5v5m] {
    border-color: #f97373;
    box-shadow: 0 0 0 2px rgba(248, 113, 113, 0.5);
}

.pai-select-helper[b-yig57t5v5m] {
    font-size: 0.75rem;
    opacity: 0.75;
    color: rgba(148, 163, 184, 0.95);
}

.pai-select-error-text[b-yig57t5v5m] {
    font-size: 0.76rem;
    color: #fecaca;
}
/* _content/PAI.Components/Pai/PaiSkeleton/PaiSkeleton.razor.rz.scp.css */
.pai-skeleton[b-fhuw90qmvs] {
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.05) 0%,
        rgba(255, 255, 255, 0.1) 50%,
        rgba(255, 255, 255, 0.05) 100%
    );
    background-size: 200% 100%;
    animation: pai-skeleton-pulse-b-fhuw90qmvs 1.5s ease-in-out infinite;
    border-radius: var(--pai-radius-md);
}

@keyframes pai-skeleton-pulse-b-fhuw90qmvs {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

.pai-skeleton[data-variant="text"][b-fhuw90qmvs] {
    height: 1em;
    width: 100%;
    border-radius: var(--pai-radius-sm);
}

.pai-skeleton[data-variant="circle"][b-fhuw90qmvs] {
    border-radius: var(--pai-radius-full);
    aspect-ratio: 1;
}

.pai-skeleton[data-variant="rectangle"][b-fhuw90qmvs] {
    width: 100%;
    height: 100px;
}
/* _content/PAI.Components/Pai/PaiSlider/PaiSlider.razor.rz.scp.css */
.pai-slider-container[b-gn2lna4uo8] {
    display: flex;
    flex-direction: column;
    gap: var(--pai-space-sm);
    width: 100%;
}

.pai-slider-label[b-gn2lna4uo8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    font-size: var(--pai-font-size-base);
    font-weight: var(--pai-font-weight-semibold);
    line-height: var(--pai-line-height-normal);
}

.pai-slider-value[b-gn2lna4uo8] {
    color: var(--pai-color-primary-400);
    font-weight: var(--pai-font-weight-bold);
}

.pai-slider-wrapper[b-gn2lna4uo8] {
    position: relative;
    width: 100%;
}

.pai-slider-input[b-gn2lna4uo8] {
    width: 100%;
    height: 8px;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.pai-slider-input:disabled[b-gn2lna4uo8] {
    opacity: var(--pai-opacity-disabled);
    cursor: not-allowed;
}

/* WebKit browsers (Chrome, Safari) */
.pai-slider-input[b-gn2lna4uo8]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: white;
    border: 3px solid var(--pai-color-primary-400);
    border-radius: var(--pai-radius-full);
    cursor: pointer;
    box-shadow: var(--pai-shadow-md);
    transition: all var(--pai-transition-fast) var(--pai-ease-out);
}

.pai-slider-input[b-gn2lna4uo8]::-webkit-slider-thumb:hover {
    transform: scale(1.1);
    box-shadow: var(--pai-shadow-lg);
}

.pai-slider-input[b-gn2lna4uo8]::-webkit-slider-thumb:active {
    transform: scale(1.05);
}

.pai-slider-input:focus-visible[b-gn2lna4uo8]::-webkit-slider-thumb {
    outline: 2px solid var(--pai-color-primary-400);
    outline-offset: 2px;
}

/* Firefox */
.pai-slider-input[b-gn2lna4uo8]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: white;
    border: 3px solid var(--pai-color-primary-400);
    border-radius: var(--pai-radius-full);
    cursor: pointer;
    box-shadow: var(--pai-shadow-md);
    transition: all var(--pai-transition-fast) var(--pai-ease-out);
}

.pai-slider-input[b-gn2lna4uo8]::-moz-range-thumb:hover {
    transform: scale(1.1);
    box-shadow: var(--pai-shadow-lg);
}

.pai-slider-input[b-gn2lna4uo8]::-moz-range-thumb:active {
    transform: scale(1.05);
}

.pai-slider-input:focus-visible[b-gn2lna4uo8]::-moz-range-thumb {
    outline: 2px solid var(--pai-color-primary-400);
    outline-offset: 2px;
}

.pai-slider-track[b-gn2lna4uo8] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 8px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: var(--pai-radius-full);
    pointer-events: none;
    z-index: 0;
}

.pai-slider-fill[b-gn2lna4uo8] {
    height: 100%;
    background: linear-gradient(90deg, var(--pai-color-primary-400), var(--pai-color-primary-500));
    border-radius: var(--pai-radius-full);
    transition: width var(--pai-transition-fast) var(--pai-ease-out);
    box-shadow: var(--pai-shadow-glow-sm);
}
/* _content/PAI.Components/Pai/PaiSpacer/PaiSpacer.razor.rz.scp.css */
.pai-spacer[b-g0es8w4h2g] {
    flex-shrink: 0;
}

.pai-spacer[data-vertical="false"][b-g0es8w4h2g] {
    width: 100%;
}

.pai-spacer[data-vertical="true"][b-g0es8w4h2g] {
    height: 100%;
}
/* _content/PAI.Components/Pai/PaiSpinner/PaiSpinner.razor.rz.scp.css */
.pai-spinner[b-5pbqreydf8] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: var(--pai-space-sm);
}

.pai-spinner-circle[b-5pbqreydf8] {
    border: 3px solid rgba(255, 255, 255, 0.2);
    border-top-color: var(--pai-color-primary-400);
    border-radius: var(--pai-radius-full);
    animation: pai-spinner-spin-b-5pbqreydf8 0.8s linear infinite;
}

.pai-spinner[data-size="small"] .pai-spinner-circle[b-5pbqreydf8] {
    width: 20px;
    height: 20px;
    border-width: 2px;
}

.pai-spinner[data-size="medium"] .pai-spinner-circle[b-5pbqreydf8] {
    width: 32px;
    height: 32px;
    border-width: 3px;
}

.pai-spinner[data-size="large"] .pai-spinner-circle[b-5pbqreydf8] {
    width: 48px;
    height: 48px;
    border-width: 4px;
}

@keyframes pai-spinner-spin-b-5pbqreydf8 {
    to {
        transform: rotate(360deg);
    }
}

.pai-spinner-label[b-5pbqreydf8] {
    color: rgba(255, 255, 255, 0.9);
    font-size: var(--pai-font-size-sm);
    font-weight: var(--pai-font-weight-medium);
}
/* _content/PAI.Components/Pai/PaiStack/PaiStack.razor.rz.scp.css */
.pai-stack[b-fmqmk1q57k] {
    display: flex;
    gap: var(--stack-gap, var(--pai-space-md));
}

.pai-stack[data-direction="vertical"][b-fmqmk1q57k] {
    flex-direction: column;
}

.pai-stack[data-direction="horizontal"][b-fmqmk1q57k] {
    flex-direction: row;
}

.pai-stack[data-align="start"][b-fmqmk1q57k] {
    align-items: flex-start;
}

.pai-stack[data-align="center"][b-fmqmk1q57k] {
    align-items: center;
}

.pai-stack[data-align="end"][b-fmqmk1q57k] {
    align-items: flex-end;
}

.pai-stack[data-align="stretch"][b-fmqmk1q57k] {
    align-items: stretch;
}

.pai-stack[data-justify="start"][b-fmqmk1q57k] {
    justify-content: flex-start;
}

.pai-stack[data-justify="center"][b-fmqmk1q57k] {
    justify-content: center;
}

.pai-stack[data-justify="end"][b-fmqmk1q57k] {
    justify-content: flex-end;
}

.pai-stack[data-justify="spacebetween"][b-fmqmk1q57k] {
    justify-content: space-between;
}

.pai-stack[data-justify="spacearound"][b-fmqmk1q57k] {
    justify-content: space-around;
}

.pai-stack[data-justify="spaceevenly"][b-fmqmk1q57k] {
    justify-content: space-evenly;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    /* Auto-stack horizontal stacks on mobile if wrap is enabled */
    .pai-stack[data-direction="horizontal"][data-wrap="true"][b-fmqmk1q57k] {
        flex-wrap: wrap;
    }

    /* Option to force vertical stacking on mobile */
    .pai-stack[data-mobile-stack="true"][b-fmqmk1q57k] {
        flex-direction: column;
    }

    /* Reduce gap spacing on mobile */
    .pai-stack[b-fmqmk1q57k] {
        gap: var(--stack-gap-mobile, var(--stack-gap, var(--pai-space-sm)));
    }
}
/* _content/PAI.Components/Pai/PaiStatBadge/PaiStatBadge.razor.rz.scp.css */
.pai-stat-badge[b-5zcahtbup4] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-md) var(--spacing-lg);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    min-width: 120px;
    transition: all 0.3s ease;
}

.pai-stat-badge.highlight[b-5zcahtbup4] {
    background: var(--color-primary-bg);
    border-color: var(--color-primary);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.pai-stat-badge-icon[b-5zcahtbup4] {
    font-size: 2rem;
    flex-shrink: 0;
}

.pai-stat-badge-content[b-5zcahtbup4] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xs);
    min-width: 0;
}

.pai-stat-badge-label[b-5zcahtbup4] {
    font-size: 0.75rem;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.pai-stat-badge-value[b-5zcahtbup4] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-text);
    word-break: break-word;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .pai-stat-badge[b-5zcahtbup4] {
        width: 100%;
        justify-content: flex-start;
        padding: var(--spacing-sm) var(--spacing-md);
    }
    
    .pai-stat-badge-icon[b-5zcahtbup4] {
        font-size: 1.75rem;
    }
    
    .pai-stat-badge-value[b-5zcahtbup4] {
        font-size: 1.25rem;
    }
    
    .pai-stat-badge-label[b-5zcahtbup4] {
        font-size: 0.7rem;
    }
}

@media (max-width: 480px) {
    .pai-stat-badge[b-5zcahtbup4] {
        gap: var(--spacing-xs);
        padding: var(--spacing-sm);
    }
    
    .pai-stat-badge-icon[b-5zcahtbup4] {
        font-size: 1.5rem;
    }
}
/* _content/PAI.Components/Pai/PaiSuccess/PaiSuccess.razor.rz.scp.css */
.pai-success[b-wumoas4nug] {
    font-size: 0.8rem;
    color: #bbf7d0;
}
/* _content/PAI.Components/Pai/PaiSwitch/PaiSwitch.razor.rz.scp.css */
.pai-switch[b-03h885wimx] {
    display: inline-flex;
    align-items: center;
    gap: var(--pai-space-sm);
    cursor: pointer;
    user-select: none;
    position: relative;
}

.pai-switch[data-disabled="true"][b-03h885wimx] {
    opacity: var(--pai-opacity-disabled);
    cursor: not-allowed;
}

.pai-switch-input[b-03h885wimx] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.pai-switch-track[b-03h885wimx] {
    width: 44px;
    height: 24px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: var(--pai-radius-full);
    position: relative;
    transition: background var(--pai-transition-normal) var(--pai-ease-out);
    flex-shrink: 0;
}

.pai-switch-input:checked + .pai-switch-track[b-03h885wimx] {
    background: linear-gradient(135deg, var(--pai-color-primary-500), var(--pai-color-primary-600));
    box-shadow: var(--pai-shadow-glow-sm);
}

.pai-switch-input:focus-visible + .pai-switch-track[b-03h885wimx] {
    outline: 2px solid var(--pai-color-primary-400);
    outline-offset: 2px;
}

.pai-switch:hover:not([data-disabled="true"]) .pai-switch-track[b-03h885wimx] {
    background: rgba(255, 255, 255, 0.25);
}

.pai-switch:hover:not([data-disabled="true"]) .pai-switch-input:checked + .pai-switch-track[b-03h885wimx] {
    background: linear-gradient(135deg, var(--pai-color-primary-400), var(--pai-color-primary-500));
}

.pai-switch-thumb[b-03h885wimx] {
    width: 18px;
    height: 18px;
    background: white;
    border-radius: var(--pai-radius-full);
    position: absolute;
    top: 3px;
    left: 3px;
    transition: transform var(--pai-transition-normal) var(--pai-ease-out);
    box-shadow: var(--pai-shadow-sm);
}

.pai-switch-input:checked + .pai-switch-track .pai-switch-thumb[b-03h885wimx] {
    transform: translateX(20px);
}

.pai-switch-label[b-03h885wimx] {
    color: white;
    font-size: var(--pai-font-size-base);
    line-height: var(--pai-line-height-normal);
}
/* _content/PAI.Components/Pai/PaiTable/PaiTable.razor.rz.scp.css */
.pai-table-container[b-9tkn426yik] {
    width: 100%;
    overflow-x: auto;
    border-radius: var(--pai-radius-lg);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.pai-table[b-9tkn426yik] {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.pai-table-head[b-9tkn426yik] {
    background: rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.pai-table-header[b-9tkn426yik] {
    padding: var(--pai-space-md) var(--pai-space-lg);
    text-align: left;
    color: white;
    font-size: var(--pai-font-size-sm);
    font-weight: var(--pai-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.pai-table-header[data-sortable="true"][b-9tkn426yik] {
    cursor: pointer;
    user-select: none;
    transition: background var(--pai-transition-fast) var(--pai-ease-out);
}

.pai-table-header[data-sortable="true"]:hover[b-9tkn426yik] {
    background: rgba(255, 255, 255, 0.12);
}

.pai-table-header-content[b-9tkn426yik] {
    display: flex;
    align-items: center;
    gap: var(--pai-space-xs);
}

.pai-table-sort-icon[b-9tkn426yik] {
    color: var(--pai-color-primary-400);
    font-size: var(--pai-font-size-base);
    line-height: 1;
}

.pai-table-body[b-9tkn426yik] {
    background: transparent;
}

.pai-table-row[b-9tkn426yik] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    transition: background var(--pai-transition-fast) var(--pai-ease-out);
}

.pai-table-row:hover[b-9tkn426yik] {
    background: rgba(255, 255, 255, 0.05);
}

.pai-table-row:last-child[b-9tkn426yik] {
    border-bottom: none;
}

.pai-table-cell[b-9tkn426yik] {
    padding: var(--pai-space-md) var(--pai-space-lg);
    color: rgba(255, 255, 255, 0.9);
    font-size: var(--pai-font-size-base);
    line-height: var(--pai-line-height-normal);
}

.pai-table-row-empty[b-9tkn426yik] {
    border-bottom: none;
}

.pai-table-cell-empty[b-9tkn426yik] {
    padding: var(--pai-space-2xl);
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: var(--pai-font-size-base);
}

/* Mobile responsive */
@media (max-width: 768px) {
    .pai-table-header[b-9tkn426yik],
    .pai-table-cell[b-9tkn426yik] {
        padding: var(--pai-space-sm) var(--pai-space-md);
        font-size: var(--pai-font-size-sm);
    }
}
/* _content/PAI.Components/Pai/PaiTabPanel/PaiTabPanel.razor.rz.scp.css */
/* Tab Panel Component */

.pai-tab-panel[b-cl57ip8jpd] {
    display: none;
}

.pai-tab-panel-active[b-cl57ip8jpd] {
    display: block;
    animation: phTabPanelFadeIn-b-cl57ip8jpd 0.25s ease-out;
}

@keyframes phTabPanelFadeIn-b-cl57ip8jpd {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/PAI.Components/Pai/PaiTabs/PaiTabs.razor.rz.scp.css */
/* Tabs Component - Following 1_0_2 Prototype */

.pai-tabs[b-2jcdhzu43z] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.pai-tabs-navigation[b-2jcdhzu43z] {
    display: flex;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
    scroll-behavior: smooth; /* Smooth scrolling on mobile */
    -webkit-overflow-scrolling: touch; /* iOS momentum scrolling */
}

.pai-tabs-navigation[b-2jcdhzu43z]::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

.pai-tab[b-2jcdhzu43z] {
    flex: 1;
    text-align: center;
    padding: 14px 12px;
    font-weight: 600;
    cursor: pointer;
    letter-spacing: 0.05em;
    font-size: 0.95rem;
    transition: background 0.15s ease, color 0.15s ease;
    user-select: none;
    position: relative;
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.8);
    white-space: nowrap;
    min-width: fit-content;
}

.pai-tab:hover:not(.pai-tab-active)[b-2jcdhzu43z] {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.95);
}

.pai-tab-active[b-2jcdhzu43z] {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    box-shadow: inset 0 -3px 0 #fbbf24;
}

.pai-tab:focus-visible[b-2jcdhzu43z] {
    outline: 2px solid #fbbf24;
    outline-offset: -2px;
    z-index: 1;
}

.pai-tabs-content[b-2jcdhzu43z] {
    position: relative;
    min-height: 200px;
}

/* Fade-in animation for content */
@keyframes phTabFadeIn-b-2jcdhzu43z {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .pai-tab[b-2jcdhzu43z] {
        font-size: 0.9rem;
        padding: 14px 16px;
        letter-spacing: 0.02em; /* Reduced for better readability */
        min-height: 44px; /* Touch-friendly height */
    }

    .pai-tabs-navigation[b-2jcdhzu43z] {
        /* Allow horizontal scrolling on mobile */
        justify-content: flex-start;
    }

    .pai-tab[b-2jcdhzu43z] {
        flex: 0 0 auto;
        min-width: 90px; /* Slightly wider for better touch targets */
    }

    .pai-tab-active[b-2jcdhzu43z] {
        box-shadow: inset 0 -4px 0 #fbbf24; /* More visible active indicator */
    }
}

@media (max-width: 480px) {
    .pai-tab[b-2jcdhzu43z] {
        font-size: 0.85rem;
        padding: 12px 14px;
        min-width: 80px;
        letter-spacing: 0.01em; /* Even less letter spacing on very small screens */
    }

    .pai-tab-active[b-2jcdhzu43z] {
        box-shadow: inset 0 -5px 0 #fbbf24; /* Even more visible on small screens */
    }
}
/* _content/PAI.Components/Pai/PaiTag/PaiTag.razor.rz.scp.css */
.pai-tag[b-7s9gc36vwe] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.9);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    opacity: 0.9;
    color: #f9fafb;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.pai-tag-dot[b-7s9gc36vwe] {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 8px #22c55e;
}
/* _content/PAI.Components/Pai/PaiText/PaiText.razor.rz.scp.css */
.pai-text[b-xjv4x43qt7] {
    color: rgba(255, 255, 255, 0.9);
    line-height: var(--pai-line-height-normal);
    margin: 0;
}

.pai-text[data-size="small"][b-xjv4x43qt7] {
    font-size: var(--pai-font-size-sm);
}

.pai-text[data-size="medium"][b-xjv4x43qt7] {
    font-size: var(--pai-font-size-base);
}

.pai-text[data-size="large"][b-xjv4x43qt7] {
    font-size: var(--pai-font-size-lg);
}
/* _content/PAI.Components/Pai/PaiTextarea/PaiTextarea.razor.rz.scp.css */
.pai-textarea-wrapper[b-6n9g28stac] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pai-textarea-label[b-6n9g28stac] {
    font-size: 0.85rem;
    opacity: 0.9;
    color: #f9fafb;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pai-textarea-hint[b-6n9g28stac] {
    font-size: 0.75rem;
    opacity: 0.7;
}

.pai-textarea[b-6n9g28stac] {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.8);
    background: rgba(15, 23, 42, 0.9);
    color: #f9fafb;
    font-size: 0.95rem;
    padding: 9px 11px;
    outline: none;
    min-height: 80px;
    resize: vertical;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, transform 0.15s ease;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.pai-textarea[b-6n9g28stac]::placeholder {
    color: rgba(148, 163, 184, 0.9);
}

.pai-textarea:hover:not(:disabled)[b-6n9g28stac] {
    border-color: rgba(248, 250, 252, 0.8);
    background: rgba(15, 23, 42, 0.98);
}

.pai-textarea:focus[b-6n9g28stac] {
    border-color: #38bdf8;
    box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.5);
    transform: translateY(-1px);
}

.pai-textarea:disabled[b-6n9g28stac] {
    opacity: 0.5;
    cursor: not-allowed;
    background: rgba(15, 23, 42, 0.8);
}

.pai-textarea-error[b-6n9g28stac] {
    border-color: #f97373;
    box-shadow: 0 0 0 2px rgba(248, 113, 113, 0.5);
}

.pai-textarea-helper[b-6n9g28stac] {
    font-size: 0.75rem;
    opacity: 0.75;
    color: rgba(148, 163, 184, 0.95);
}

.pai-textarea-error-text[b-6n9g28stac] {
    font-size: 0.76rem;
    color: #fecaca;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .pai-textarea[b-6n9g28stac] {
        font-size: 16px; /* Prevent iOS zoom */
        padding: 12px 14px;
    }
}
/* _content/PAI.Components/Pai/PaiToast/PaiToast.razor.rz.scp.css */
.pai-toast[b-ynl0tca1zs] {
    display: flex;
    align-items: flex-start;
    gap: var(--pai-space-md);
    background: linear-gradient(135deg, var(--pai-color-secondary-800) 0%, var(--pai-color-secondary-900) 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--pai-radius-lg);
    padding: var(--pai-space-md) var(--pai-space-lg);
    box-shadow: var(--pai-shadow-xl);
    color: white;
    min-width: 300px;
    max-width: 500px;
    animation: pai-toast-slide-in-b-ynl0tca1zs var(--pai-transition-normal) var(--pai-ease-out);
    position: relative;
}

@keyframes pai-toast-slide-in-b-ynl0tca1zs {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.pai-toast[data-position*="left"][b-ynl0tca1zs] {
    animation: pai-toast-slide-in-left-b-ynl0tca1zs var(--pai-transition-normal) var(--pai-ease-out);
}

@keyframes pai-toast-slide-in-left-b-ynl0tca1zs {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.pai-toast[data-position*="center"][b-ynl0tca1zs] {
    animation: pai-toast-slide-in-center-b-ynl0tca1zs var(--pai-transition-normal) var(--pai-ease-out);
}

@keyframes pai-toast-slide-in-center-b-ynl0tca1zs {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.pai-toast[data-type="success"][b-ynl0tca1zs] {
    border-left: 4px solid var(--pai-color-success);
}

.pai-toast[data-type="error"][b-ynl0tca1zs] {
    border-left: 4px solid var(--pai-color-error);
}

.pai-toast[data-type="warning"][b-ynl0tca1zs] {
    border-left: 4px solid var(--pai-color-warning);
}

.pai-toast[data-type="info"][b-ynl0tca1zs] {
    border-left: 4px solid var(--pai-color-info);
}

.pai-toast-icon[b-ynl0tca1zs] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: var(--pai-radius-full);
    font-size: var(--pai-font-size-md);
    font-weight: var(--pai-font-weight-bold);
    flex-shrink: 0;
}

.pai-toast[data-type="success"] .pai-toast-icon[b-ynl0tca1zs] {
    background: var(--pai-color-success);
    color: white;
}

.pai-toast[data-type="error"] .pai-toast-icon[b-ynl0tca1zs] {
    background: var(--pai-color-error);
    color: white;
}

.pai-toast[data-type="warning"] .pai-toast-icon[b-ynl0tca1zs] {
    background: var(--pai-color-warning);
    color: white;
}

.pai-toast[data-type="info"] .pai-toast-icon[b-ynl0tca1zs] {
    background: var(--pai-color-info);
    color: white;
}

.pai-toast-content[b-ynl0tca1zs] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--pai-space-xs);
}

.pai-toast-title[b-ynl0tca1zs] {
    font-weight: var(--pai-font-weight-semibold);
    font-size: var(--pai-font-size-md);
    line-height: var(--pai-line-height-tight);
}

.pai-toast-message[b-ynl0tca1zs] {
    font-size: var(--pai-font-size-sm);
    line-height: var(--pai-line-height-normal);
    color: rgba(255, 255, 255, 0.9);
}

.pai-toast-close[b-ynl0tca1zs] {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--pai-radius-sm);
    transition: all var(--pai-transition-fast) var(--pai-ease-out);
    flex-shrink: 0;
}

.pai-toast-close:hover[b-ynl0tca1zs] {
    background: rgba(255, 255, 255, 0.1);
    color: white;
}

.pai-toast-close:focus-visible[b-ynl0tca1zs] {
    outline: 2px solid var(--pai-color-primary-400);
    outline-offset: 2px;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .pai-toast[b-ynl0tca1zs] {
        min-width: unset;
        max-width: calc(100vw - var(--pai-space-lg) * 2);
    }
}
/* _content/PAI.Components/Pai/PaiTooltip/PaiTooltip.razor.rz.scp.css */
.pai-tooltip-wrapper[b-wswvjcxone] {
    position: relative;
    display: inline-block;
}

.pai-tooltip[b-wswvjcxone] {
    position: absolute;
    background: linear-gradient(135deg, var(--pai-color-secondary-700) 0%, var(--pai-color-secondary-800) 100%);
    color: white;
    padding: var(--pai-space-xs) var(--pai-space-sm);
    border-radius: var(--pai-radius-md);
    font-size: var(--pai-font-size-sm);
    line-height: var(--pai-line-height-normal);
    white-space: nowrap;
    z-index: var(--pai-z-tooltip);
    box-shadow: var(--pai-shadow-lg);
    border: 1px solid rgba(255, 255, 255, 0.1);
    animation: pai-tooltip-fade-in-b-wswvjcxone var(--pai-transition-fast) var(--pai-ease-out);
    pointer-events: none;
}

@keyframes pai-tooltip-fade-in-b-wswvjcxone {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.pai-tooltip[data-position="top"][b-wswvjcxone] {
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
}

.pai-tooltip[data-position="bottom"][b-wswvjcxone] {
    top: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
}

.pai-tooltip[data-position="left"][b-wswvjcxone] {
    right: calc(100% + 8px);
    top: 50%;
    transform: translateY(-50%);
}

.pai-tooltip[data-position="right"][b-wswvjcxone] {
    left: calc(100% + 8px);
    top: 50%;
    transform: translateY(-50%);
}

/* Arrow indicators */
.pai-tooltip[b-wswvjcxone]::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
}

.pai-tooltip[data-position="top"][b-wswvjcxone]::before {
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top-color: var(--pai-color-secondary-800);
}

.pai-tooltip[data-position="bottom"][b-wswvjcxone]::before {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-bottom-color: var(--pai-color-secondary-800);
}

.pai-tooltip[data-position="left"][b-wswvjcxone]::before {
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    border-left-color: var(--pai-color-secondary-800);
}

.pai-tooltip[data-position="right"][b-wswvjcxone]::before {
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    border-right-color: var(--pai-color-secondary-800);
}