@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.3eliywa438.bundle.scp.css';
@import 'Wedly.Client.bundle.scp.css';

/* _content/Wedly/Components/Pages/AcceptInvite.razor.rz.scp.css */
/* Accept Invite Page - Component-Specific Styles */

/* Loading State */
.loading-state[b-p65nnysux5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
    color: #6b7280;
}

/* Error State */
.error-state[b-p65nnysux5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
}

.error-state h2[b-p65nnysux5] {
    margin: 1rem 0 0.5rem;
    color: #dc2626;
}

.error-state p[b-p65nnysux5] {
    color: #6b7280;
    margin-bottom: 1rem;
}

/* Success State */
.success-state[b-p65nnysux5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
    gap: 1rem;
}

.success-state h2[b-p65nnysux5] {
    margin: 0;
    color: #059669;
}

.success-state p[b-p65nnysux5] {
    color: #6b7280;
    margin: 0;
}

/* Progress Indicator (matches Signup.razor) */
.progress-wrapper[b-p65nnysux5] {
    margin-bottom: 1rem;
    padding: 0 1rem;
}

.progress-label[b-p65nnysux5] {
    color: #6b7280;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    letter-spacing: 0.05em;
}

.progress-bar[b-p65nnysux5] {
    width: 100%;
    height: 8px;
    background: #e5e7eb !important;
    border-radius: 999px;
    overflow: hidden;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
}

.progress[b-p65nnysux5] {
    height: 8px !important;
    background: linear-gradient(90deg, #d8b04a, #e6c878, #d8b04a) !important;
    border-radius: 999px;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(216, 176, 74, 0.3);
    line-height: 8px !important;
}

/* Responsive */
@media (max-width: 575px) {
    .progress-wrapper[b-p65nnysux5] {
        margin-bottom: 1.5rem;
    }

    .loading-state[b-p65nnysux5],
    .error-state[b-p65nnysux5],
    .success-state[b-p65nnysux5] {
        padding: 1.5rem;
    }
}
/* _content/Wedly/Components/Pages/Signup.razor.rz.scp.css */
/* Signup Page - Component-Specific Styles */
/* Progress Indicator (only on signup page) */

.progress-wrapper[b-wm8u6ug3x1] {
    margin-bottom: 1rem;
    padding: 0 1rem;
}

.progress-label[b-wm8u6ug3x1] {
    color: #6b7280;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    letter-spacing: 0.05em;
}

.progress-bar[b-wm8u6ug3x1] {
    width: 100%;
    height: 8px;
    background: #e5e7eb !important;
    border-radius: 999px;
    overflow: hidden;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
}

.progress[b-wm8u6ug3x1] {
    height: 8px !important;
    background: linear-gradient(90deg, #d8b04a, #e6c878, #d8b04a) !important;
    border-radius: 999px;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(216, 176, 74, 0.3);
    line-height: 8px !important;
}

/* Progress Responsive Adjustments */
@media (max-width: 575px) {
    .progress-wrapper[b-wm8u6ug3x1] {
        margin-bottom: 1.5rem;
    }
}
/* _content/Wedly/Components/Pages/Upgrade.razor.rz.scp.css */
.upgrade-container[b-73o78xmtf8] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: linear-gradient(135deg, #fdf2f4 0%, #fff 100%);
}

.upgrade-box[b-73o78xmtf8] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
    padding: 2.5rem;
    max-width: 900px;
    width: 100%;
}

.upgrade-header[b-73o78xmtf8] {
    text-align: center;
    margin-bottom: 2rem;
}

.upgrade-header h1[b-73o78xmtf8] {
    font-size: 2rem;
    color: var(--wedly-charcoal);
    margin: 0 0 0.5rem 0;
}

.upgrade-subtitle[b-73o78xmtf8] {
    color: #666;
    font-size: 1.1rem;
    margin: 0;
}

.trial-notice[b-73o78xmtf8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin-bottom: 2rem;
    color: #856404;
    font-size: 0.9rem;
}

.features-comparison[b-73o78xmtf8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

@media (max-width: 768px) {
    .features-comparison[b-73o78xmtf8] {
        grid-template-columns: 1fr;
    }
}

.plan-card[b-73o78xmtf8] {
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    padding: 1.5rem;
    position: relative;
}

.plan-card.current[b-73o78xmtf8] {
    background: #f9f9f9;
}

.plan-card.pro[b-73o78xmtf8] {
    border-color: #b76e79;
    background: linear-gradient(135deg, #fdf2f4 0%, #fff 100%);
}

.recommended-badge[b-73o78xmtf8] {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #b76e79, #d4919b);
    color: white;
    padding: 0.25rem 1rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.plan-card h3[b-73o78xmtf8] {
    font-size: 1.25rem;
    margin: 0 0 0.5rem 0;
    color: var(--wedly-charcoal);
}

.plan-price[b-73o78xmtf8] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--wedly-charcoal);
    margin: 0 0 1rem 0;
}

.plan-price span[b-73o78xmtf8] {
    font-size: 1rem;
    font-weight: 400;
    color: #666;
}

.plan-features[b-73o78xmtf8] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.plan-features li[b-73o78xmtf8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
    color: var(--wedly-charcoal);
    font-size: 0.9rem;
}

.plan-features li.disabled[b-73o78xmtf8] {
    color: #999;
    text-decoration: line-through;
}

.checkout-section[b-73o78xmtf8] {
    border-top: 1px solid #eee;
    padding-top: 2rem;
}

.checkout-section h3[b-73o78xmtf8] {
    text-align: center;
    color: var(--wedly-charcoal);
    margin: 0 0 1.5rem 0;
    font-size: 1.1rem;
}

#checkout[b-73o78xmtf8] {
    min-height: 200px;
}

.upgrade-loading[b-73o78xmtf8],
.upgrade-success[b-73o78xmtf8],
.upgrade-error[b-73o78xmtf8] {
    text-align: center;
    padding: 3rem 2rem;
}

.upgrade-loading p[b-73o78xmtf8] {
    margin-top: 1rem;
    color: #666;
}

.success-icon[b-73o78xmtf8],
.error-icon[b-73o78xmtf8] {
    margin-bottom: 1.5rem;
}

.upgrade-success h2[b-73o78xmtf8],
.upgrade-error h2[b-73o78xmtf8] {
    font-size: 1.5rem;
    margin: 0 0 0.5rem 0;
    color: var(--wedly-charcoal);
}

.upgrade-success p[b-73o78xmtf8],
.upgrade-error p[b-73o78xmtf8] {
    color: #666;
    margin: 0 0 1.5rem 0;
}

.primary-button[b-73o78xmtf8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #b76e79, #d4919b);
    color: white;
    padding: 0.875rem 2rem;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease;
}

.primary-button:hover[b-73o78xmtf8] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(183, 110, 121, 0.3);
}
/* _content/Wedly/Components/Shared/AcceptInvite/InviteDetails.razor.rz.scp.css */
/* InviteDetails Component Styles */

.invite-context[b-tjsb61ugts] {
    background: #f9fafb;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    text-align: left;
}

.invite-from[b-tjsb61ugts],
.invite-event[b-tjsb61ugts],
.invite-role[b-tjsb61ugts],
.invite-business[b-tjsb61ugts] {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.invite-from:last-child[b-tjsb61ugts],
.invite-event:last-child[b-tjsb61ugts],
.invite-role:last-child[b-tjsb61ugts],
.invite-business:last-child[b-tjsb61ugts] {
    margin-bottom: 0;
}

.invite-label[b-tjsb61ugts] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #9ca3af;
    margin-bottom: 0.25rem;
}

.invite-value[b-tjsb61ugts] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1f2937;
}

.invite-date[b-tjsb61ugts] {
    font-size: 0.875rem;
    color: #6b7280;
    margin-top: 0.25rem;
}

/* Benefits List */
.invite-benefits[b-tjsb61ugts] {
    text-align: left;
    margin-bottom: 1.5rem;
}

.invite-benefits h3[b-tjsb61ugts] {
    font-size: 1rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.75rem;
}

.invite-benefits ul[b-tjsb61ugts] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.invite-benefits li[b-tjsb61ugts] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
    color: #4b5563;
    font-size: 0.9375rem;
}

.trial-note[b-tjsb61ugts] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin-top: 1rem;
    font-size: 0.875rem;
    color: #92400e;
}

/* Form Actions */
.form-actions[b-tjsb61ugts] {
    margin-top: 1.5rem;
}

/* Small Print */
.wedly-smallprint[b-tjsb61ugts] {
    margin-top: 1rem;
    font-size: 0.75rem;
    color: #9ca3af;
}

.wedly-smallprint a[b-tjsb61ugts] {
    color: #6b7280;
    text-decoration: underline;
}

.wedly-smallprint a:hover[b-tjsb61ugts] {
    color: #374151;
}
/* _content/Wedly/Components/Shared/Signup/SignupAccount.razor.rz.scp.css */
.signup-provisioning[b-2f1oo5mfti] {
    width: 100%;
    margin-top: 0.5rem;
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid color-mix(in srgb, var(--wedlypeach), transparent 55%);
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--wedly-cream), var(--wedly-blush) 28%) 0%,
        color-mix(in srgb, var(--wedly-cream), var(--wedlypeach) 14%) 100%);
}

.signup-provisioning-bar[b-2f1oo5mfti] {
    height: 10px;
    border-radius: 999px;
    overflow: hidden;
    position: relative;
    background-color: color-mix(in srgb, var(--wedly-blush), var(--wedly-cream) 50%);
    border: 1px solid color-mix(in srgb, var(--wedlypeach), transparent 60%);
}

.signup-provisioning-bar-inner[b-2f1oo5mfti] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 40%;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--wedly-dusty-rose) 0%, var(--wedly-gold) 50%, var(--wedlypeach) 100%);
    animation: ai-progress-indeterminate 1.5s ease-in-out infinite;
}

.signup-provisioning-text[b-2f1oo5mfti] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.75rem;
    text-align: center;
}

.signup-provisioning-stage[b-2f1oo5mfti] {
    font-weight: 700;
    color: var(--wedly-charcoal);
}

.signup-provisioning-subtext[b-2f1oo5mfti] {
    font-size: 0.95rem;
    color: color-mix(in srgb, var(--wedly-charcoal), transparent 35%);
    line-height: 1.4;
}

.signup-provisioning-tip[b-2f1oo5mfti] {
    margin-top: 0.25rem;
    padding: 0.75rem 0.9rem;
    border-radius: 12px;
    background-color: color-mix(in srgb, var(--wedly-blush), var(--wedly-cream) 40%);
    border: 1px solid color-mix(in srgb, var(--wedlypeach), transparent 60%);
    font-size: 0.95rem;
    line-height: 1.4;
    color: var(--wedly-charcoal);
}

.signup-provisioning-tip-label[b-2f1oo5mfti] {
    font-weight: 700;
}

.signup-provisioning-email[b-2f1oo5mfti] {
    font-size: 0.95rem;
    color: color-mix(in srgb, var(--wedly-charcoal), transparent 35%);
    line-height: 1.4;
}

@media (max-width: 575px) {
    .signup-provisioning[b-2f1oo5mfti] {
        padding: 0.85rem;
    }

    .signup-provisioning-subtext[b-2f1oo5mfti],
    .signup-provisioning-tip[b-2f1oo5mfti],
    .signup-provisioning-email[b-2f1oo5mfti] {
        font-size: 0.9rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .signup-provisioning-bar-inner[b-2f1oo5mfti] {
        animation: none;
        width: 100%;
    }
}
/* _content/Wedly/Components/Shared/Signup/SignupTextInput.razor.rz.scp.css */
/* Signup Text Input Component */

.signup-input-wrapper[b-7nza4h8gsc] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

.signup-input[b-7nza4h8gsc] {
    width: 100%;
    padding: 0.875rem 1.25rem;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    font-size: 1rem;
    font-family: 'Montserrat', sans-serif;
    color: #111827;
    background: #ffffff;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.signup-input[b-7nza4h8gsc]::placeholder {
    color: #9ca3af;
}

.signup-input:hover[b-7nza4h8gsc] {
    border-color: #d1d5db;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);
}

.signup-input:focus[b-7nza4h8gsc] {
    outline: none;
    border-color: #d8b04a;
    box-shadow: 0 0 0 3px rgba(216, 176, 74, 0.1), 0 4px 8px rgba(0, 0, 0, 0.06);
}

.signup-input:read-only[b-7nza4h8gsc] {
    background: #f9fafb;
    color: #6b7280;
    cursor: not-allowed;
    border-color: #e5e7eb;
}

.signup-input-error[b-7nza4h8gsc] {
    color: #dc2626;
    font-size: 0.875rem;
    text-align: center;
}
