@import '_content/LeafletForBlazor/LeafletForBlazor.037l07h7lk.bundle.scp.css';
@import '_content/ReactorBlazorQRCodeScanner/ReactorBlazorQRCodeScanner.boasv5qmh0.bundle.scp.css';

/* /Components/Account/Pages/AccessDenied.razor.rz.scp.css */
.access-denied-container[b-s6x39k9231] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    padding: 2rem;
}

.denied-content[b-s6x39k9231] {
    text-align: center;
    max-width: 600px;
    animation: slideIn-b-s6x39k9231 0.5s ease-out;
}

.denied-icon[b-s6x39k9231] {
    font-size: 4rem;
    color: #dc3545;
    display: block;
    margin-bottom: 1rem;
    animation: shake-b-s6x39k9231 0.5s;
}

.denied-message[b-s6x39k9231] {
    font-size: 1.1rem;
    line-height: 1.6;
    margin: 1.5rem 0;
}

.suggestions[b-s6x39k9231] {
    background: rgba(220, 53, 69, 0.1);
    border-left: 4px solid #dc3545;
    padding: 1.5rem;
    margin: 2rem 0;
    border-radius: 4px;
    text-align: left;
}

.suggestions ul[b-s6x39k9231] {
    list-style: none;
    padding-left: 0;
}

.suggestions li[b-s6x39k9231] {
    margin: 0.5rem 0;
    padding-left: 1.5rem;
    position: relative;
}

.suggestions li[b-s6x39k9231]:before {
    content: "?";
    position: absolute;
    left: 0;
}

.btn[b-s6x39k9231] {
    transition: all 0.3s ease;
}

.btn:hover[b-s6x39k9231] {
    transform: translateY(-2px);
}

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

@keyframes shake-b-s6x39k9231 {
    0%, 100% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-5deg);
    }
    75% {
        transform: rotate(5deg);
    }
}
/* /Components/Account/Pages/Login.razor.rz.scp.css */
.login-wrapper[b-tjxocaj7on] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 80vh;
    padding: 2rem 1rem;
}

.login-card[b-tjxocaj7on] {
    width: 100%;
    max-width: 420px;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 1rem;
    padding: 2rem;
}

.login-title[b-tjxocaj7on] {
    text-align: center;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.login-title i[b-tjxocaj7on] {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
}

.login-divider[b-tjxocaj7on] {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 1rem 0;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.8rem;
    letter-spacing: 0.05em;
}

.login-divider[b-tjxocaj7on]::before,
.login-divider[b-tjxocaj7on]::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.login-divider span[b-tjxocaj7on] {
    padding: 0 0.75rem;
}

.login-link[b-tjxocaj7on] {
    font-size: 0.875rem;
}

.passkey-icon[b-tjxocaj7on] {
    width: 32px;
    height: 32px;
}

.darker-border-checkbox[b-tjxocaj7on] {
    appearance: none;
    width: 48px;
    height: 26px;
    background-color: rgba(255, 255, 255, 0.15);
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 26px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-right: 0.5rem;
}

.darker-border-checkbox[b-tjxocaj7on]::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #fff;
    top: 2px;
    left: 2px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.darker-border-checkbox:checked[b-tjxocaj7on] {
    background-color: var(--rz-primary, #0d6efd);
    border-color: var(--rz-primary, #0d6efd);
}

.darker-border-checkbox:checked[b-tjxocaj7on]::before {
    transform: translateX(22px);
}

.darker-border-checkbox:focus[b-tjxocaj7on] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.25);
}
/* /Components/Account/Pages/LoginWith2fa.razor.rz.scp.css */
.login-wrapper[b-0fbyik9m5s] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 80vh;
    padding: 2rem 1rem;
}

.login-card[b-0fbyik9m5s] {
    width: 100%;
    max-width: 420px;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 1rem;
    padding: 2rem;
}

.login-title[b-0fbyik9m5s] {
    text-align: center;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.login-title i[b-0fbyik9m5s] {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
}

.login-divider[b-0fbyik9m5s] {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 1rem 0;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.8rem;
    letter-spacing: 0.05em;
}

.login-divider[b-0fbyik9m5s]::before,
.login-divider[b-0fbyik9m5s]::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.login-divider span[b-0fbyik9m5s] {
    padding: 0 0.75rem;
}

.login-link[b-0fbyik9m5s] {
    font-size: 0.875rem;
}
/* /Components/Account/Pages/Manager/Passkeys.razor.rz.scp.css */
:root[b-o02mhye0cw] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --danger-color: #ff6b5b;
    --success-color: #4caf50;
    --text-light: #999;
    --bg-dark: #0a0e27;
    --bg-darker: #1e1e2e;
    --card-bg: rgba(45, 45, 65, 0.8);
}

.account-container[b-o02mhye0cw] {
    min-height: 100vh;
    background: linear-gradient(180deg, #0a0e27 0%, #1a1a2e 50%, #16213e 100%);
    padding: 2rem 1rem;
}

.account-header[b-o02mhye0cw] {
    text-align: center;
    color: white;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(102, 126, 234, 0.2);
}

.account-header h1[b-o02mhye0cw],
.account-header h2[b-o02mhye0cw] {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    color: white;
}

.account-header p[b-o02mhye0cw] {
    font-size: 1rem;
    opacity: 0.8;
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
}

.account-panel[b-o02mhye0cw] {
    background: var(--card-bg);
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    color: white;
    backdrop-filter: blur(10px);
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.panel-header[b-o02mhye0cw] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-header i[b-o02mhye0cw] {
    font-size: 1.5rem;
    color: #667eea;
}

.panel-header h2[b-o02mhye0cw],
.panel-header h3[b-o02mhye0cw] {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
    color: white;
}

.panel-description[b-o02mhye0cw] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

.panel-description a[b-o02mhye0cw] {
    color: #667eea;
    text-decoration: none;
}

.panel-description a:hover[b-o02mhye0cw] {
    text-decoration: underline;
}

/* Form Styles */
.form-group[b-o02mhye0cw] {
    margin-bottom: 1.5rem;
}

.form-group label[b-o02mhye0cw] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.9rem;
}

.form-control[b-o02mhye0cw] {
    width: 100%;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 8px;
    color: white;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.form-control:focus[b-o02mhye0cw] {
    outline: none;
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(102, 126, 234, 0.6);
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.form-control:read-only[b-o02mhye0cw] {
    background: rgba(0, 0, 0, 0.2);
    cursor: not-allowed;
    opacity: 0.7;
}

.form-control[b-o02mhye0cw]::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

/* Validation Messages */
.text-danger[b-o02mhye0cw] {
    color: var(--danger-color) !important;
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

/* Table */
.table-responsive[b-o02mhye0cw] {
    overflow-x: auto;
}

.table[b-o02mhye0cw] {
    width: 100%;
    margin-bottom: 0;
    color: white;
}

.table thead th[b-o02mhye0cw] {
    border-bottom: 2px solid rgba(102, 126, 234, 0.3);
    padding: 0.75rem 1rem;
    font-weight: 600;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.9);
}

.table tbody td[b-o02mhye0cw] {
    padding: 1rem;
    border-bottom: 1px solid rgba(102, 126, 234, 0.15);
    vertical-align: middle;
}

.table tbody tr:hover[b-o02mhye0cw] {
    background: rgba(102, 126, 234, 0.05);
}

/* Alert */
.alert[b-o02mhye0cw] {
    padding: 1rem 1.25rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.alert i[b-o02mhye0cw] {
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.alert-info[b-o02mhye0cw] {
    background: rgba(13, 202, 240, 0.15);
    border: 1px solid rgba(13, 202, 240, 0.3);
    color: #6dd5ed;
}

.alert-secondary[b-o02mhye0cw] {
    background: rgba(108, 117, 125, 0.15);
    border: 1px solid rgba(108, 117, 125, 0.3);
    color: #adb5bd;
}

.alert-warning[b-o02mhye0cw] {
    background: rgba(255, 193, 7, 0.15);
    border: 1px solid rgba(255, 193, 7, 0.3);
    color: #ffd54f;
}

/* Buttons */
.btn[b-o02mhye0cw] {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
}

.btn:hover:not(:disabled)[b-o02mhye0cw] {
    transform: translateY(-2px);
}

.btn:active:not(:disabled)[b-o02mhye0cw] {
    transform: translateY(0);
}

.btn:disabled[b-o02mhye0cw] {
    opacity: 0.6;
    cursor: not-allowed;
}

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

.btn-primary:hover:not(:disabled)[b-o02mhye0cw] {
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

.btn-secondary[b-o02mhye0cw] {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    color: #0a0e27;
    box-shadow: 0 4px 15px rgba(79, 172, 254, 0.3);
}

.btn-secondary:hover:not(:disabled)[b-o02mhye0cw] {
    box-shadow: 0 6px 20px rgba(79, 172, 254, 0.4);
}

.btn-outline-primary[b-o02mhye0cw] {
    background: transparent;
    color: #667eea;
    border: 2px solid rgba(102, 126, 234, 0.5);
}

.btn-outline-primary:hover:not(:disabled)[b-o02mhye0cw] {
    background: rgba(102, 126, 234, 0.1);
    border-color: rgba(102, 126, 234, 0.8);
}

.btn-outline-secondary[b-o02mhye0cw] {
    background: transparent;
    color: #4facfe;
    border: 2px solid rgba(79, 172, 254, 0.5);
}

.btn-outline-secondary:hover:not(:disabled)[b-o02mhye0cw] {
    background: rgba(79, 172, 254, 0.1);
    border-color: rgba(79, 172, 254, 0.8);
}

.btn-outline-danger[b-o02mhye0cw] {
    background: transparent;
    color: var(--danger-color);
    border: 2px solid rgba(255, 107, 91, 0.5);
}

.btn-outline-danger:hover:not(:disabled)[b-o02mhye0cw] {
    background: rgba(255, 107, 91, 0.1);
    border-color: rgba(255, 107, 91, 0.8);
}

.btn-danger[b-o02mhye0cw] {
    background: linear-gradient(135deg, #ff6b5b 0%, #ff5847 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(255, 107, 91, 0.3);
}

.btn-danger:hover:not(:disabled)[b-o02mhye0cw] {
    box-shadow: 0 6px 20px rgba(255, 107, 91, 0.4);
}

.btn-sm[b-o02mhye0cw] {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
}

.btn-lg[b-o02mhye0cw] {
    padding: 1rem 2rem;
    font-size: 1rem;
}

.btn-link[b-o02mhye0cw] {
    background: transparent;
    border: none;
    padding: 0.5rem 1rem;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}

.btn-link:hover[b-o02mhye0cw] {
    color: #667eea;
    text-decoration: none;
}

/* Empty State */
.empty-state[b-o02mhye0cw] {
    text-align: center;
    padding: 2rem 1rem;
    border: 2px dashed rgba(102, 126, 234, 0.3);
    border-radius: 8px;
    background: rgba(102, 126, 234, 0.05);
}

.empty-state i[b-o02mhye0cw] {
    font-size: 2.5rem;
    color: rgba(102, 126, 234, 0.5);
    margin-bottom: 1rem;
    display: block;
}

.empty-state p[b-o02mhye0cw] {
    color: rgba(255, 255, 255, 0.6);
    margin: 0 0 1rem 0;
    font-size: 0.95rem;
}

/* Passkey specific icon */
.passkeys-tip-icon[b-o02mhye0cw] {
    font-size: 1.25rem;
    line-height: 1.2;
}

/* Loading State */
.loading-state[b-o02mhye0cw] {
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    padding: 3rem 1rem;
    font-size: 1rem;
}

.loading-state a[b-o02mhye0cw] {
    color: #667eea;
}

/* Spinner */
.spinner-border[b-o02mhye0cw] {
    width: 2rem;
    height: 2rem;
    border: 0.25rem solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border-b-o02mhye0cw 0.75s linear infinite;
}

.spinner-border-sm[b-o02mhye0cw] {
    width: 1rem;
    height: 1rem;
    border-width: 0.2rem;
}

@keyframes spinner-border-b-o02mhye0cw {
    to {
        transform: rotate(360deg);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .account-container[b-o02mhye0cw] {
        padding: 1rem 0.75rem;
    }

    .account-header[b-o02mhye0cw] {
        margin-bottom: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .account-header h1[b-o02mhye0cw],
    .account-header h2[b-o02mhye0cw] {
        font-size: 1.5rem;
    }

    .account-panel[b-o02mhye0cw] {
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .table[b-o02mhye0cw] {
        font-size: 0.85rem;
    }

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

    .d-inline-flex[b-o02mhye0cw] {
        display: flex !important;
        flex-direction: column;
        width: 100%;
    }

    .d-inline-flex .btn[b-o02mhye0cw] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .account-container[b-o02mhye0cw] {
        padding: 1rem 0.5rem;
    }

    .account-header h1[b-o02mhye0cw],
    .account-header h2[b-o02mhye0cw] {
        font-size: 1.3rem;
    }

    .account-panel[b-o02mhye0cw] {
        padding: 1rem;
    }

    .panel-header[b-o02mhye0cw] {
        gap: 0.75rem;
    }

    .panel-header i[b-o02mhye0cw] {
        font-size: 1.3rem;
    }

    .panel-header h2[b-o02mhye0cw],
    .panel-header h3[b-o02mhye0cw] {
        font-size: 1.1rem;
    }

    .form-control[b-o02mhye0cw] {
        font-size: 16px;
    }
}
/* /Components/Account/Pages/Manager/RenamePasskey.razor.rz.scp.css */
:root[b-s35e0ugzod] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --danger-color: #ff6b5b;
    --success-color: #4caf50;
    --text-light: #999;
    --bg-dark: #0a0e27;
    --bg-darker: #1e1e2e;
    --card-bg: rgba(45, 45, 65, 0.8);
}

.account-container[b-s35e0ugzod] {
    min-height: 100vh;
    background: linear-gradient(180deg, #0a0e27 0%, #1a1a2e 50%, #16213e 100%);
    padding: 2rem 1rem;
}

.account-header[b-s35e0ugzod] {
    text-align: center;
    color: white;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(102, 126, 234, 0.2);
}

.account-header h2[b-s35e0ugzod] {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    color: white;
}

.account-header p[b-s35e0ugzod] {
    font-size: 1rem;
    opacity: 0.8;
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
}

.account-panel[b-s35e0ugzod] {
    background: var(--card-bg);
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    color: white;
    backdrop-filter: blur(10px);
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.panel-header[b-s35e0ugzod] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-header i[b-s35e0ugzod] {
    font-size: 1.5rem;
    color: #667eea;
}

.panel-header h3[b-s35e0ugzod] {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
    color: white;
}

.panel-description[b-s35e0ugzod] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

/* Form Styles */
.form-group[b-s35e0ugzod] {
    margin-bottom: 1.5rem;
}

.form-group label[b-s35e0ugzod] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.9rem;
}

.form-control[b-s35e0ugzod] {
    width: 100%;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 8px;
    color: white;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.form-control:focus[b-s35e0ugzod] {
    outline: none;
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(102, 126, 234, 0.6);
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.form-control[b-s35e0ugzod]::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

/* Validation Messages */
.text-danger[b-s35e0ugzod] {
    color: var(--danger-color) !important;
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

/* Alert */
.alert[b-s35e0ugzod] {
    padding: 1rem 1.25rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.alert i[b-s35e0ugzod] {
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.alert-info[b-s35e0ugzod] {
    background: rgba(13, 202, 240, 0.15);
    border: 1px solid rgba(13, 202, 240, 0.3);
    color: #6dd5ed;
}

/* Buttons */
.btn[b-s35e0ugzod] {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
}

.btn:hover:not(:disabled)[b-s35e0ugzod] {
    transform: translateY(-2px);
}

.btn:active:not(:disabled)[b-s35e0ugzod] {
    transform: translateY(0);
}

.btn:disabled[b-s35e0ugzod] {
    opacity: 0.6;
    cursor: not-allowed;
}

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

.btn-primary:hover:not(:disabled)[b-s35e0ugzod] {
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

.btn-outline-secondary[b-s35e0ugzod] {
    background: transparent;
    color: #4facfe;
    border: 2px solid rgba(79, 172, 254, 0.5);
}

.btn-outline-secondary:hover:not(:disabled)[b-s35e0ugzod] {
    background: rgba(79, 172, 254, 0.1);
    border-color: rgba(79, 172, 254, 0.8);
}

.btn-link[b-s35e0ugzod] {
    background: transparent;
    border: none;
    padding: 0.5rem 1rem;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}

.btn-link:hover[b-s35e0ugzod] {
    color: #667eea;
    text-decoration: none;
}

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

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

.flex-fill[b-s35e0ugzod] {
    flex: 1 1 auto;
}

/* Responsive */
@media (max-width: 768px) {
    .account-container[b-s35e0ugzod] {
        padding: 1rem 0.75rem;
    }

    .account-header[b-s35e0ugzod] {
        margin-bottom: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .account-header h2[b-s35e0ugzod] {
        font-size: 1.5rem;
    }

    .account-panel[b-s35e0ugzod] {
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .d-flex[b-s35e0ugzod] {
        flex-direction: column;
    }

    .btn[b-s35e0ugzod] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .account-container[b-s35e0ugzod] {
        padding: 1rem 0.5rem;
    }

    .account-header h2[b-s35e0ugzod] {
        font-size: 1.3rem;
    }

    .account-panel[b-s35e0ugzod] {
        padding: 1rem;
    }

    .panel-header[b-s35e0ugzod] {
        gap: 0.75rem;
    }

    .panel-header i[b-s35e0ugzod] {
        font-size: 1.3rem;
    }

    .panel-header h3[b-s35e0ugzod] {
        font-size: 1.1rem;
    }

    .form-control[b-s35e0ugzod] {
        font-size: 16px; /* Evita zoom su iOS */
    }
}
/* /Components/Account/Pages/RegisterConfirmation.razor.rz.scp.css */
.register-confirmation-container[b-ewv3rh07rh] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    background: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 100%);
}

.confirmation-card[b-ewv3rh07rh] {
    background: linear-gradient(135deg, #1e1e2e 0%, #2d2d44 100%);
    border-radius: 16px;
    padding: 3rem 2rem;
    max-width: 700px;
    width: 100%;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 107, 91, 0.15);
    animation: slideUp-b-ewv3rh07rh 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.confirmation-card.error-card[b-ewv3rh07rh] {
    border-color: rgba(244, 67, 54, 0.3);
}

@keyframes slideUp-b-ewv3rh07rh {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.confirmation-header[b-ewv3rh07rh] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.confirmation-icon[b-ewv3rh07rh] {
    width: 80px;
    height: 80px;
    margin: 0 auto 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    color: white;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    animation: pulse-b-ewv3rh07rh 2s ease-in-out infinite;
}

.confirmation-icon.success[b-ewv3rh07rh] {
    background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
}

.confirmation-icon.error[b-ewv3rh07rh] {
    background: linear-gradient(135deg, #f44336 0%, #d32f2f 100%);
    animation: shake-b-ewv3rh07rh 0.6s ease-in-out;
}

@keyframes pulse-b-ewv3rh07rh {
    0%, 100% {
        box-shadow: 0 10px 30px rgba(76, 175, 80, 0.3);
    }
    50% {
        box-shadow: 0 10px 50px rgba(76, 175, 80, 0.6);
    }
}

@keyframes shake-b-ewv3rh07rh {
    0%, 100% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-5px);
    }
    75% {
        transform: translateX(5px);
    }
}

.confirmation-header h1[b-ewv3rh07rh] {
    color: white;
    font-size: 2rem;
    font-weight: 700;
    margin: 0;
    background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.confirmation-card.error-card .confirmation-header h1[b-ewv3rh07rh] {
    background: linear-gradient(135deg, #f44336 0%, #d32f2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.confirmation-content[b-ewv3rh07rh] {
    color: white;
}

.intro-text[b-ewv3rh07rh] {
    font-size: 1.1rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 2rem;
}

.intro-text strong[b-ewv3rh07rh] {
    color: #4caf50;
    font-weight: 600;
}

/* Alert Banner */
.alert-banner[b-ewv3rh07rh] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    padding: 1.5rem;
    border-radius: 12px;
    margin-bottom: 2.5rem;
    border-left: 4px solid;
    animation: fadeInDown-b-ewv3rh07rh 0.6s ease-out 0.2s both;
}

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

.alert-banner.info-banner[b-ewv3rh07rh] {
    background: rgba(33, 150, 243, 0.1);
    border-color: #2196f3;
    border-left-color: #2196f3;
}

.alert-banner.warning-banner[b-ewv3rh07rh] {
    background: rgba(255, 193, 7, 0.1);
    border-color: #ffc107;
    border-left-color: #ffc107;
}

.alert-icon[b-ewv3rh07rh] {
    font-size: 1.8rem;
    color: #2196f3;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-top: 0.2rem;
}

.alert-banner.warning-banner .alert-icon[b-ewv3rh07rh] {
    color: #ffc107;
}

.alert-content h3[b-ewv3rh07rh] {
    color: white;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
}

.alert-content h4[b-ewv3rh07rh] {
    color: white;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
}

.alert-content p[b-ewv3rh07rh] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.95rem;
    margin: 0;
    line-height: 1.5;
}

/* Steps Section */
.steps-section[b-ewv3rh07rh] {
    margin-bottom: 2.5rem;
    animation: fadeInDown-b-ewv3rh07rh 0.6s ease-out 0.3s both;
}

.steps-section h2[b-ewv3rh07rh] {
    color: white;
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0 0 1.5rem 0;
    padding-bottom: 1rem;
    border-bottom: 2px solid rgba(102, 126, 234, 0.3);
}

.steps-list[b-ewv3rh07rh] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.step[b-ewv3rh07rh] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.step-number[b-ewv3rh07rh] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.step-content h4[b-ewv3rh07rh] {
    color: white;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.3rem 0;
}

.step-content p[b-ewv3rh07rh] {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    margin: 0;
    line-height: 1.4;
}

/* Tips Section */
.tips-section[b-ewv3rh07rh] {
    background: rgba(102, 126, 234, 0.1);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    animation: fadeInDown-b-ewv3rh07rh 0.6s ease-out 0.4s both;
}

.tips-section h3[b-ewv3rh07rh] {
    color: white;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
}

.tips-list[b-ewv3rh07rh] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tips-list li[b-ewv3rh07rh] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.95rem;
    padding: 0.5rem 0;
    padding-left: 1.75rem;
    position: relative;
    line-height: 1.4;
}

.tips-list li[b-ewv3rh07rh]:before {
    content: "?";
    position: absolute;
    left: 0;
    color: #4caf50;
    font-weight: 700;
    font-size: 1.1rem;
}

.tips-list li strong[b-ewv3rh07rh] {
    color: white;
}

/* Action Buttons */
.action-buttons[b-ewv3rh07rh] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 2.5rem;
    animation: fadeInUp-b-ewv3rh07rh 0.6s ease-out 0.5s both;
}

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

.btn[b-ewv3rh07rh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 0.85rem 1.8rem;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    text-decoration: none;
}

.btn-primary[b-ewv3rh07rh] {
    background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);
    flex: 1;
    min-width: 200px;
}

.btn-primary:hover[b-ewv3rh07rh] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(76, 175, 80, 0.5);
}

.btn-primary:active[b-ewv3rh07rh] {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
}

.btn-secondary[b-ewv3rh07rh] {
    background: rgba(255, 255, 255, 0.15);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    flex: 1;
    min-width: 200px;
}

.btn-secondary:hover[b-ewv3rh07rh] {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

.btn-secondary:active[b-ewv3rh07rh] {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.btn-dev-confirm[b-ewv3rh07rh] {
    background: linear-gradient(135deg, #ffc107 0%, #ffb300 100%);
    color: #333;
    margin-top: 1rem;
    min-width: auto;
}

.btn-dev-confirm:hover[b-ewv3rh07rh] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(255, 193, 7, 0.4);
}

/* Error Message */
.error-message[b-ewv3rh07rh] {
    color: #ff7675;
    font-size: 1.05rem;
    text-align: center;
    margin: 1rem 0 2rem 0;
    line-height: 1.5;
}

/* Responsive */
@media (max-width: 768px) {
    .register-confirmation-container[b-ewv3rh07rh] {
        padding: 1rem;
    }

    .confirmation-card[b-ewv3rh07rh] {
        padding: 2rem 1.5rem;
        border-radius: 12px;
    }

    .confirmation-header h1[b-ewv3rh07rh] {
        font-size: 1.6rem;
    }

    .confirmation-icon[b-ewv3rh07rh] {
        width: 70px;
        height: 70px;
        font-size: 2rem;
    }

    .alert-banner[b-ewv3rh07rh] {
        gap: 1rem;
        padding: 1.2rem;
    }

    .alert-icon[b-ewv3rh07rh] {
        font-size: 1.5rem;
    }

    .steps-section h2[b-ewv3rh07rh] {
        font-size: 1.1rem;
    }

    .step[b-ewv3rh07rh] {
        gap: 1rem;
    }

    .step-number[b-ewv3rh07rh] {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }

    .action-buttons[b-ewv3rh07rh] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .btn[b-ewv3rh07rh] {
        width: 100%;
        min-width: auto;
    }

    .btn-dev-confirm[b-ewv3rh07rh] {
        width: 100%;
    }

    .tips-section[b-ewv3rh07rh] {
        padding: 1.2rem;
    }

    .tips-list li[b-ewv3rh07rh] {
        font-size: 0.9rem;
        padding-left: 1.5rem;
    }
}

@media (max-width: 480px) {
    .confirmation-card[b-ewv3rh07rh] {
        padding: 1.5rem 1rem;
    }

    .confirmation-header h1[b-ewv3rh07rh] {
        font-size: 1.4rem;
    }

    .steps-section h2[b-ewv3rh07rh] {
        font-size: 1rem;
    }

    .alert-content h3[b-ewv3rh07rh] {
        font-size: 1rem;
    }

    .intro-text[b-ewv3rh07rh] {
        font-size: 1rem;
    }
}
/* /Components/Account/Pages/UserTypeInfoSection.razor.rz.scp.css */
.user-type-info-card[b-8wy8mp7dvz] {
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 25px;
    border-left: 5px solid;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

.user-type-info-card:hover[b-8wy8mp7dvz] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.user-type-info-card.business-user[b-8wy8mp7dvz] {
    border-left-color: #4f46e5;
}

.user-type-info-card.business-user .info-header[b-8wy8mp7dvz] {
    color: #818cf8;
}

.user-type-info-card.staff-user[b-8wy8mp7dvz] {
    border-left-color: #8b5cf6;
}

.user-type-info-card.staff-user .info-header[b-8wy8mp7dvz] {
    color: #c4b5fd;
}

.user-type-info-card.regular-user[b-8wy8mp7dvz] {
    border-left-color: #06b6d4;
}

.user-type-info-card.regular-user .info-header[b-8wy8mp7dvz] {
    color: #22d3ee;
}

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

.info-header i[b-8wy8mp7dvz] {
    font-size: 24px;
    flex-shrink: 0;
}

.info-header h4[b-8wy8mp7dvz] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.info-subtitle[b-8wy8mp7dvz] {
    margin: 0 0 16px 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.5;
}

.features-list[b-8wy8mp7dvz] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 10px;
}

.features-list li[b-8wy8mp7dvz] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.4;
}

.features-list i[b-8wy8mp7dvz] {
    flex-shrink: 0;
    font-size: 16px;
    opacity: 0.9;
}

@media (max-width: 768px) {
    .user-type-info-card[b-8wy8mp7dvz] {
        padding: 16px;
        margin-bottom: 20px;
    }

    .info-header i[b-8wy8mp7dvz] {
        font-size: 20px;
    }

    .info-header h4[b-8wy8mp7dvz] {
        font-size: 16px;
    }

    .info-subtitle[b-8wy8mp7dvz] {
        font-size: 13px;
        margin-bottom: 12px;
    }

    .features-list[b-8wy8mp7dvz] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .features-list li[b-8wy8mp7dvz] {
        font-size: 13px;
    }

    .features-list i[b-8wy8mp7dvz] {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .user-type-info-card[b-8wy8mp7dvz] {
        padding: 12px;
        margin-bottom: 16px;
        border-left-width: 4px;
    }

    .info-header[b-8wy8mp7dvz] {
        gap: 10px;
        margin-bottom: 10px;
    }

    .info-header i[b-8wy8mp7dvz] {
        font-size: 18px;
    }

    .info-header h4[b-8wy8mp7dvz] {
        font-size: 15px;
    }

    .info-subtitle[b-8wy8mp7dvz] {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .features-list[b-8wy8mp7dvz] {
        gap: 6px;
    }

    .features-list li[b-8wy8mp7dvz] {
        font-size: 12px;
        gap: 6px;
    }
}
/* /Components/Layout/HomeLayout.razor.rz.scp.css */
.page[b-has5yqmesd] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-has5yqmesd] {
    flex: 1;
}

.sidebar[b-has5yqmesd] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-has5yqmesd] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-has5yqmesd]  a, .top-row[b-has5yqmesd]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

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

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

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

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

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

    .sidebar[b-has5yqmesd] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

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

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

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


.error-modal-overlay[b-has5yqmesd] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    backdrop-filter: blur(5px);
}

.error-modal-container[b-has5yqmesd] {
    background-color: #1e1e2e;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    width: 100%;
    max-width: 900px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    border: 1px solid #444;
    color: #e0e0e0;
}

.error-modal-header[b-has5yqmesd] {
    padding: 20px;
    border-bottom: 1px solid #444;
    background-color: #252535;
    border-radius: 12px 12px 0 0;
}

    .error-modal-header h3[b-has5yqmesd] {
        margin: 0;
        font-size: 1.5rem;
        display: flex;
        align-items: center;
        gap: 10px;
    }

.error-modal-body[b-has5yqmesd] {
    padding: 20px;
    overflow-y: auto;
    flex: 1;
}

.error-modal-footer[b-has5yqmesd] {
    padding: 20px;
    border-top: 1px solid #444;
    background-color: #252535;
    border-radius: 0 0 12px 12px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.exception-details[b-has5yqmesd] {
    margin-top: 20px;
    background-color: #111;
    border-radius: 8px;
    padding: 15px;
    border: 1px solid #333;
}

.detail-group[b-has5yqmesd] {
    margin-bottom: 15px;
}

    .detail-group label[b-has5yqmesd] {
        font-weight: bold;
        color: #888;
        font-size: 0.9rem;
        display: block;
        margin-bottom: 5px;
        text-transform: uppercase;
    }

.detail-content[b-has5yqmesd] {
    color: #ddd;
    font-family: 'Consolas', 'Monaco', monospace;
    word-wrap: break-word;
    font-size: 0.95rem;
}

.stack-trace[b-has5yqmesd] {
    background-color: #0a0a0a;
    padding: 10px;
    border-radius: 4px;
    color: #ff6b6b;
    overflow-x: auto;
    white-space: pre-wrap;
    font-size: 0.85rem;
    border: 1px solid #333;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-xgek5aid5e] {

    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-xgek5aid5e] {
    flex: 1;
}

.sidebar[b-xgek5aid5e] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-xgek5aid5e] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-xgek5aid5e]  a, .top-row[b-xgek5aid5e]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

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

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

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

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

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

    .sidebar[b-xgek5aid5e] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

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

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

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

.layout-container[b-xgek5aid5e] {
    display: flex;
    padding-top: 90px;
    min-height: 100vh;
    position: relative;
}

:deep .rz-sidebar[b-xgek5aid5e] {
    width: 250px;
    background-color: #1a1a1a;
    border-right: 1px solid #333;
    overflow-y: auto;
    transition: all 0.3s ease;
}

    :deep .rz-sidebar.rz-sidebar-collapsed[b-xgek5aid5e] {
        width: 60px;
    }

        :deep .rz-sidebar.rz-sidebar-collapsed .rz-panel-menu[b-xgek5aid5e] {
            padding: 10px 0;
        }

:deep .rz-panel-menu[b-xgek5aid5e] {
    padding: 0;
}

:deep .rz-panel-header[b-xgek5aid5e] {
    padding: 15px 10px;
    text-align: center;
    background: rgba(255, 255, 255, 0.05);
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    cursor: pointer;
    transition: background-color 0.2s ease;
    white-space: nowrap;
    overflow: hidden;
}

:deep .rz-sidebar.rz-sidebar-collapsed .rz-panel-header[b-xgek5aid5e] {
    padding: 15px 8px;
}

:deep .rz-panel-header:hover[b-xgek5aid5e] {
    background: rgba(255, 255, 255, 0.1);
}

:deep .rz-panel-header[aria-expanded="true"][b-xgek5aid5e] {
    background: rgba(255, 255, 255, 0.15);
}

:deep .rz-panel-header-icon[b-xgek5aid5e] {
    font-size: 20px;
    margin: 0 8px 0 0;
    display: inline-block;
}

:deep .rz-sidebar.rz-sidebar-collapsed .rz-panel-header-icon[b-xgek5aid5e] {
    margin: 0;
}

:deep .rz-panel-header-title[b-xgek5aid5e] {
    display: inline;
    font-size: 13px;
    font-weight: 500;
    color: #adb5bd;
}

:deep .rz-sidebar.rz-sidebar-collapsed .rz-panel-header-title[b-xgek5aid5e] {
    display: none;
}

:deep .rz-panel-content[b-xgek5aid5e] {
    padding: 0;
    background: rgba(30, 30, 30, 0.8);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

:deep .rz-panel-item[b-xgek5aid5e] {
    padding: 10px 15px;
    border-left: 3px solid transparent;
    transition: all 0.2s ease;
}

:deep .rz-sidebar.rz-sidebar-collapsed .rz-panel-item[b-xgek5aid5e] {
    display: none;
}

:deep .rz-panel-item:hover[b-xgek5aid5e] {
    background: rgba(255, 255, 255, 0.1);
    border-left-color: #0d6efd;
}

:deep .rz-panel-item a[b-xgek5aid5e] {
    color: #adb5bd;
    text-decoration: none;
    font-size: 13px;
}

    :deep .rz-panel-item a:hover[b-xgek5aid5e] {
        color: #fff;
    }

.business-content[b-xgek5aid5e] {
    flex: 1;
    padding: 5px;
    overflow-y: auto;
    background: #0f0f0f;
}

.business-layout[b-xgek5aid5e] {
    width: 100%;
}
/* /Components/Layout/MainSidebar.razor.rz.scp.css */
/* Indentation for child menu items */
:deep(.rz-panel-menu .rz-panel-menu-item-child)[b-rrnv6tdi5s] {
    padding-left: 4rem !important;
}

:deep(.rz-panel-menu .rz-panel-menu-item-child .rz-menuitem)[b-rrnv6tdi5s] {
    position: relative;
}

:deep(.rz-panel-menu .rz-panel-menu-item-child .rz-menuitem::before)[b-rrnv6tdi5s] {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: rgba(255, 107, 91, 0.2);
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-3gjh1z0nop] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

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

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

.navbar-brand[b-3gjh1z0nop] {
    font-size: 1.1rem;
}

/* NOTE: Bootstrap Icons uses `.bi` as a font icon class.
   This file previously redefined `.bi` globally for the sidebar's SVG background icons,
   which could leak into the rest of the app and cause random icon sizing issues.
   Scope it to the nav menu instead. */
.nav-scrollable .bi[b-3gjh1z0nop] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

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

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

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

.bi-lock-nav-menu[b-3gjh1z0nop] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-3gjh1z0nop] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-3gjh1z0nop] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-3gjh1z0nop] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-3gjh1z0nop] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

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

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

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

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

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

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

.nav-scrollable[b-3gjh1z0nop] {
    display: none;
}

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

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

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

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-njphu0wmt4],
.components-reconnect-repeated-attempt-visible[b-njphu0wmt4],
.components-reconnect-failed-visible[b-njphu0wmt4],
.components-pause-visible[b-njphu0wmt4],
.components-resume-failed-visible[b-njphu0wmt4],
.components-rejoining-animation[b-njphu0wmt4] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-njphu0wmt4],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-njphu0wmt4],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-njphu0wmt4],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-njphu0wmt4],
#components-reconnect-modal.components-reconnect-retrying[b-njphu0wmt4],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-njphu0wmt4],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-njphu0wmt4],
#components-reconnect-modal.components-reconnect-failed[b-njphu0wmt4],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-njphu0wmt4] {
    display: block;
}


#components-reconnect-modal[b-njphu0wmt4] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-njphu0wmt4 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-njphu0wmt4 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-njphu0wmt4 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-njphu0wmt4]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-njphu0wmt4 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-njphu0wmt4 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-njphu0wmt4 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-njphu0wmt4 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-njphu0wmt4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-njphu0wmt4] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-njphu0wmt4] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-njphu0wmt4] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-njphu0wmt4] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-njphu0wmt4] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-njphu0wmt4] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-njphu0wmt4 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-njphu0wmt4] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-njphu0wmt4 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admins/AuditLoginList.razor.rz.scp.css */
.audit-title[b-rz3biml72m] {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.audit-subtitle[b-rz3biml72m] {
    color: #999;
    margin-bottom: 2rem;
    font-size: 0.95rem;
}

.audit-filters[b-rz3biml72m] {
    background: var(--secondary-bg, #1e1e1e);
    padding: 1.5rem;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
    border: 1px solid var(--border-color, #333);
}

.audit-summary[b-rz3biml72m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: var(--secondary-bg, #1e1e1e);
    border-radius: 0.5rem;
    border: 1px solid var(--border-color, #333);
}

.audit-grid[b-rz3biml72m] {
    margin-bottom: 2rem;
}

.audit-empty[b-rz3biml72m] {
    text-align: center;
    padding: 3rem 1rem;
    background: var(--secondary-bg, #1e1e1e);
    border-radius: 0.5rem;
    border: 1px solid var(--border-color, #333);
    color: #999;
}

.audit-empty i[b-rz3biml72m] {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 1rem;
}

.text-warning[b-rz3biml72m] {
    color: #ffc107;
}

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

@media (max-width: 768px) {
    .audit-title[b-rz3biml72m] {
        font-size: 1.5rem;
    }

    .audit-filters[b-rz3biml72m] {
        padding: 1rem;
    }

    .audit-summary[b-rz3biml72m] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
}
/* /Components/Pages/Admins/PaymentTransactions.razor.rz.scp.css */
.transactions-title[b-d6mnt4xvw0] {
    color: #f8f9fa;
    font-weight: 700;
}

.transactions-subtitle[b-d6mnt4xvw0] {
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 1.5rem;
}

.transactions-filters[b-d6mnt4xvw0] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1.25rem;
}

.transactions-summary[b-d6mnt4xvw0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
}

.transactions-grid[b-d6mnt4xvw0] {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.transactions-empty[b-d6mnt4xvw0] {
    text-align: center;
    padding: 3rem 1rem;
    color: rgba(255, 255, 255, 0.6);
}

.transactions-empty i[b-d6mnt4xvw0] {
    font-size: 2rem;
    margin-bottom: 0.5rem;
}
/* /Components/Pages/Admins/SearchAnalytics.razor.rz.scp.css */
.analytics-container[b-hy3ja2nxp5] {
    background: #0f0f0f;
    border-radius: 8px;
    padding: 24px;
}

.analytics-header[b-hy3ja2nxp5] {
    margin-bottom: 30px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 20px;
}

.analytics-title[b-hy3ja2nxp5] {
    font-size: 28px;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
}

.analytics-subtitle[b-hy3ja2nxp5] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 8px;
}

.metrics-grid[b-hy3ja2nxp5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
}

.metric-card[b-hy3ja2nxp5] {
    background: linear-gradient(135deg, #1e1e2e 0%, #2d2d44 100%);
    border: 1px solid rgba(255, 107, 91, 0.2);
    border-radius: 12px;
    padding: 24px;
    transition: all 0.3s ease;
}

    .metric-card:hover[b-hy3ja2nxp5] {
        border-color: rgba(255, 107, 91, 0.5);
        box-shadow: 0 8px 24px rgba(255, 107, 91, 0.15);
    }

.metric-icon[b-hy3ja2nxp5] {
    font-size: 28px;
    margin-bottom: 12px;
    color: #ff6b5b;
}

.metric-label[b-hy3ja2nxp5] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.metric-value[b-hy3ja2nxp5] {
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
}

.section-title[b-hy3ja2nxp5] {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    margin: 40px 0 20px 0;
    padding-bottom: 15px;
    border-bottom: 2px solid rgba(255, 107, 91, 0.3);
}

.filters-row[b-hy3ja2nxp5] {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    align-items: center;
}

.filter-control[b-hy3ja2nxp5] {
    flex: 1;
    min-width: 200px;
}

.filter-label[b-hy3ja2nxp5] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 8px;
    display: block;
}
/*
:deep(.rz-textbox) {
    background-color: #1e1e2e !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

:deep(.rz-textbox:focus) {
    border-color: #ff6b5b !important;
    box-shadow: 0 0 0 3px rgba(255, 107, 91, 0.1) !important;
}
*/
.table-container[b-hy3ja2nxp5] {
    overflow-x: auto;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/*:deep(.rz-datatable) {
    background-color: #1a1a1a !important;
}

:deep(.rz-datatable-scrollable-header) {
    background-color: #0f0f0f !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

:deep(.rz-datatable table) {
    background-color: #1a1a1a !important;
}

:deep(.rz-datatable table th) {
    background-color: #0f0f0f !important;
    color: #adb5bd !important;
    padding: 12px 15px !important;
    font-weight: 600 !important;
    border-bottom: 2px solid rgba(255, 107, 91, 0.2) !important;
}

:deep(.rz-datatable table td) {
    background-color: #1a1a1a !important;
    color: #e9ecef !important;
    padding: 12px 15px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

:deep(.rz-datatable table tbody tr:hover td) {
    background-color: rgba(255, 107, 91, 0.1) !important;
}
*/
.badge[b-hy3ja2nxp5] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.badge-activity[b-hy3ja2nxp5] {
    background: rgba(79, 172, 254, 0.2);
    color: #7fc4fe;
}

.badge-structure[b-hy3ja2nxp5] {
    background: rgba(255, 107, 91, 0.2);
    color: #ff9080;
}

.ip-cell[b-hy3ja2nxp5] {
    font-family: 'Courier New', monospace;
    font-size: 12px;
    color: rgba(255, 200, 124, 0.9);
}

.no-data[b-hy3ja2nxp5] {
    text-align: center;
    padding: 40px 20px;
    color: rgba(255, 255, 255, 0.6);
}

.no-data-icon[b-hy3ja2nxp5] {
    font-size: 48px;
    margin-bottom: 15px;
    opacity: 0.5;
}

.loading[b-hy3ja2nxp5] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    gap: 15px;
    color: rgba(255, 255, 255, 0.6);
}

.spinner[b-hy3ja2nxp5] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 107, 91, 0.3);
    border-top-color: #ff6b5b;
    border-radius: 50%;
    animation: spin-b-hy3ja2nxp5 0.6s linear infinite;
}

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

.top-searches-container[b-hy3ja2nxp5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
}

.top-search-item[b-hy3ja2nxp5] {
    background: linear-gradient(135deg, #1e1e2e 0%, #2d2d44 100%);
    border: 1px solid rgba(255, 107, 91, 0.2);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.search-rank[b-hy3ja2nxp5] {
    font-size: 24px;
    font-weight: 700;
    color: #ff6b5b;
    min-width: 40px;
}

.search-details[b-hy3ja2nxp5] {
    flex: 1;
}

.search-text[b-hy3ja2nxp5] {
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 5px;
    word-break: break-word;
}

.search-count[b-hy3ja2nxp5] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}

.maps-button[b-hy3ja2nxp5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
}

    .maps-button:hover[b-hy3ja2nxp5] {
        transform: scale(1.05);
        box-shadow: 0 4px 12px rgba(79, 172, 254, 0.3);
    }

.coordinates-cell[b-hy3ja2nxp5] {
    font-family: 'Courier New', monospace;
    font-size: 11px;
    color: rgba(255, 200, 124, 0.85);
}
/* /Components/Pages/Admins/StripeBrowser.razor.rz.scp.css */
/* JSON Viewer Styling */
.json-container[b-ir8cs6v02s] {
    width: 100%;
    max-height: 500px;
    overflow: auto;
    border: 1px solid #333;
    border-radius: 4px;
    background-color: #0d1117;
}

.json-viewer[b-ir8cs6v02s] {
    margin: 0;
    padding: 15px;
    font-family: 'Courier New', 'Courier', monospace;
    font-size: 13px;
    line-height: 1.5;
    color: #e9ecef;
    background-color: #0d1117;
    border: none;
    border-radius: 0;
    overflow-x: auto;
    white-space: pre;
    word-wrap: normal;
}

/* JSON Syntax Highlighting Colors */
.json-key[b-ir8cs6v02s] {
    color: #79c0ff;
    font-weight: 500;
}

.json-string[b-ir8cs6v02s] {
    color: #a5d6ff;
}

.json-number[b-ir8cs6v02s] {
    color: #79f0ca;
}

.json-boolean[b-ir8cs6v02s] {
    color: #ff7b72;
    font-weight: bold;
}

.json-null[b-ir8cs6v02s] {
    color: #ff7b72;
    font-style: italic;
}

.json-error[b-ir8cs6v02s] {
    color: #f85149;
    padding: 15px;
    font-family: 'Courier New', 'Courier', monospace;
    background-color: rgba(248, 81, 73, 0.1);
    border: 1px solid #f85149;
    border-radius: 4px;
}

/* Webhook Item Styling */
.webhook-item[b-ir8cs6v02s] {
    transition: all 0.2s ease;
}

.webhook-item:hover[b-ir8cs6v02s] {
    background: #2a2a2a !important;
    transform: translateX(2px);
}

.webhook-item.selected[b-ir8cs6v02s] {
    box-shadow: 0 0 10px rgba(13, 202, 240, 0.3);
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .json-viewer[b-ir8cs6v02s] {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .json-container[b-ir8cs6v02s] {
        max-height: 300px;
    }
    
    .json-viewer[b-ir8cs6v02s] {
        font-size: 11px;
        padding: 10px;
    }
}
/* /Components/Pages/Admins/Users.razor.rz.scp.css */
.password-dialog-content[b-cdfg37ygit] {
    padding: 1rem;
}

.password-container[b-cdfg37ygit] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: #2a2a2a;
    border: 1px solid #444;
    border-radius: 0.25rem;
    padding: 0.75rem;
    margin: 1rem 0;
}

.password-text[b-cdfg37ygit] {
    flex: 1;
    color: #0dcaf0;
    font-size: 0.95rem;
    word-break: break-all;
    margin: 0;
}

.copy-btn[b-cdfg37ygit] {
    flex-shrink: 0;
    cursor: pointer;
}
/* /Components/Pages/AssetDetailsDialog.razor.rz.scp.css */
.asset-dialog-container[b-mdfjhvzx3m] {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 80vh;
    padding: 0;
    /* Bordo gradiente con effetto luminoso */
    border: 3px solid transparent;
    border-radius: 12px;
    background: linear-gradient(135deg, #1e1e2e 0%, #2d2d44 100%) padding-box,
                linear-gradient(135deg, #ff6b5b 0%, #ff8e53 25%, #ffba08 50%, #ff6b5b 75%, #ff8e53 100%) border-box;
    box-shadow: 0 0 20px rgba(255, 107, 91, 0.4),
                0 0 40px rgba(255, 107, 91, 0.2),
                inset 0 0 60px rgba(255, 107, 91, 0.05);
    animation: borderGlow-b-mdfjhvzx3m 3s ease-in-out infinite;
}

@keyframes borderGlow-b-mdfjhvzx3m {
    0%, 100% {
        box-shadow: 0 0 20px rgba(255, 107, 91, 0.4),
                    0 0 40px rgba(255, 107, 91, 0.2),
                    inset 0 0 60px rgba(255, 107, 91, 0.05);
    }
    50% {
        box-shadow: 0 0 30px rgba(255, 107, 91, 0.6),
                    0 0 60px rgba(255, 107, 91, 0.3),
                    inset 0 0 80px rgba(255, 107, 91, 0.08);
    }
}

.asset-content[b-mdfjhvzx3m] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
}

    .asset-content[b-mdfjhvzx3m]::-webkit-scrollbar {
        width: 6px;
    }

    .asset-content[b-mdfjhvzx3m]::-webkit-scrollbar-track {
        background: rgba(255, 107, 91, 0.1);
        border-radius: 3px;
    }

    .asset-content[b-mdfjhvzx3m]::-webkit-scrollbar-thumb {
        background: rgba(255, 107, 91, 0.4);
        border-radius: 3px;
    }

        .asset-content[b-mdfjhvzx3m]::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 107, 91, 0.6);
        }

/* Hero Section - Compact */
.asset-hero[b-mdfjhvzx3m] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    background: linear-gradient(135deg, #1e1e2e 0%, #2d2d44 100%);
    border-bottom: 1px solid rgba(255, 107, 91, 0.2);
    align-items: flex-start;
}

.asset-photo-wrapper[b-mdfjhvzx3m] {
    flex-shrink: 0;
    width: 120px;
    height: 90px;
    border-radius: 8px;
    overflow: hidden;
    background: #1a1a1a;
}

.asset-photo[b-mdfjhvzx3m] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.asset-info[b-mdfjhvzx3m] {
    flex: 1;
    min-width: 0;
}

    .asset-info h2[b-mdfjhvzx3m] {
        margin: 0 0 0.5rem 0;
        color: #ffffff;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.2;
    }

.asset-description[b-mdfjhvzx3m] {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.85rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Schedule Block */
.schedule-block[b-mdfjhvzx3m] {
    margin: 0.75rem;
    padding: 0.75rem;
    background: rgba(255, 107, 91, 0.06);
    border: 1px solid rgba(255, 107, 91, 0.2);
    border-radius: 10px;
}

    .schedule-block.inactive[b-mdfjhvzx3m] {
        opacity: 0.6;
        background: rgba(100, 100, 100, 0.1);
        border-color: rgba(100, 100, 100, 0.3);
    }

.schedule-title[b-mdfjhvzx3m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(255, 107, 91, 0.15);
}

.schedule-name[b-mdfjhvzx3m] {
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 600;
}

/* Info Grid - Responsive Multi-Column */
.info-grid[b-mdfjhvzx3m] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}

@media (min-width: 500px) {
    .info-grid[b-mdfjhvzx3m] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 700px) {
    .info-grid[b-mdfjhvzx3m] {
        grid-template-columns: repeat(4, 1fr);
    }
}

.info-cell[b-mdfjhvzx3m] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.5rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    min-width: 0;
}

    .info-cell.highlight-price[b-mdfjhvzx3m] {
        background: rgba(40, 167, 69, 0.15);
        border: 1px solid rgba(40, 167, 69, 0.3);
    }

    .info-cell.warning[b-mdfjhvzx3m] {
        background: rgba(255, 193, 7, 0.12);
        border: 1px solid rgba(255, 193, 7, 0.25);
    }

.info-icon[b-mdfjhvzx3m] {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 107, 91, 0.15);
    border-radius: 5px;
    font-size: 0.8rem;
}

    .info-icon i[b-mdfjhvzx3m] {
        color: rgba(255, 107, 91, 0.85);
    }

.info-cell.highlight-price .info-icon[b-mdfjhvzx3m] {
    background: rgba(40, 167, 69, 0.2);
}

    .info-cell.highlight-price .info-icon i[b-mdfjhvzx3m] {
        color: #28a745;
    }

.info-cell.warning .info-icon[b-mdfjhvzx3m] {
    background: rgba(255, 193, 7, 0.2);
}

    .info-cell.warning .info-icon i[b-mdfjhvzx3m] {
        color: #ffc107;
    }

.info-data[b-mdfjhvzx3m] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.info-label[b-mdfjhvzx3m] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1.2;
}

.info-value[b-mdfjhvzx3m] {
    font-size: 0.8rem;
    color: #ffffff;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .info-value.price[b-mdfjhvzx3m] {
        color: #28a745;
        font-size: 0.9rem;
    }

    .info-value.price.reserved[b-mdfjhvzx3m] {
        color: #b794f6;
        font-size: 0.75rem;
    }

    .info-value.price.reserved i[b-mdfjhvzx3m] {
        margin-right: 0.25rem;
    }

    .info-value.days[b-mdfjhvzx3m] {
        white-space: normal;
        font-size: 0.75rem;
    }

/* No Schedules */
.no-schedules[b-mdfjhvzx3m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: rgba(255, 255, 255, 0.5);
    gap: 0.5rem;
}

    .no-schedules i[b-mdfjhvzx3m] {
        font-size: 2rem;
        opacity: 0.5;
    }

/* Sticky Footer */
.asset-footer[b-mdfjhvzx3m] {
    flex-shrink: 0;
    padding: 0.75rem 1rem;
    background: linear-gradient(135deg, #1e1e2e 0%, #2d2d44 100%);
    border-top: 1px solid rgba(255, 107, 91, 0.3);
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.3);
}

.btn-prenota-dialog[b-mdfjhvzx3m] {
    width: 100%;
    font-weight: 600;
}

/* Mobile Adjustments */
@media (max-width: 400px) {
    .asset-hero[b-mdfjhvzx3m] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .asset-photo-wrapper[b-mdfjhvzx3m] {
        width: 100%;
        height: 120px;
    }

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

    .info-value[b-mdfjhvzx3m] {
        font-size: 0.75rem;
    }
}
/* /Components/Pages/Business/ActiveSubscriptions.razor.rz.scp.css */
.custom-datagrid[b-phx6zrfvr1] {
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
    border-radius: 8px;
}

:deep(.rz-datatable-data td)[b-phx6zrfvr1] {
    border-bottom: 1px solid #2d2d2d !important;
}

:deep(.rz-datatable-even)[b-phx6zrfvr1] {
    background-color: #1e1e1e !important;
}

:deep(.rz-datatable-odd)[b-phx6zrfvr1] {
    background-color: #1a1a1a !important;
}

:deep(.rz-state-highlight)[b-phx6zrfvr1] {
    background-color: rgba(13, 110, 253, 0.2) !important;
}

:deep(.rz-cell-data)[b-phx6zrfvr1] {
    color: #e9ecef !important;
}

:deep(.rz-paginator)[b-phx6zrfvr1] {
    background-color: #1a1a1a !important;
    border-top: 1px solid #333 !important;
    color: #adb5bd !important;
}

.text-muted[b-phx6zrfvr1] {
    color: #6c757d !important;
}

.stacked-cell[b-phx6zrfvr1] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.stacked-cell-center[b-phx6zrfvr1] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: center;
}

.primary-text[b-phx6zrfvr1] {
    font-size: 0.95rem;
    font-weight: 500;
    color: #e9ecef;
}

.secondary-text[b-phx6zrfvr1] {
    font-size: 0.85rem;
    color: #adb5bd;
}

    .secondary-text i[b-phx6zrfvr1] {
        font-size: 0.8rem;
    }
/* /Components/Pages/Business/ActivitiesScheduler.razor.rz.scp.css */
.custom-datagrid[b-d9qw7ibrid] {
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
    border-radius: 8px;
}

.detail-section[b-d9qw7ibrid] {
    padding: 0.75rem;
    background-color: rgba(255, 255, 255, 0.02);
    border-radius: 6px;
    border-left: 2px solid #495057;
}

.detail-content[b-d9qw7ibrid] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.detail-row[b-d9qw7ibrid] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.detail-label[b-d9qw7ibrid] {
    color: #adb5bd;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

    .detail-label i[b-d9qw7ibrid] {
        color: #6c757d;
        font-size: 0.75rem;
    }

.detail-value[b-d9qw7ibrid] {
    color: #e9ecef;
    font-weight: 600;
    font-size: 0.9rem;
}

    .detail-value.penalty[b-d9qw7ibrid] {
        color: #dc3545;
    }

.notes-content[b-d9qw7ibrid] {
    color: #ced4da;
    font-size: 0.85rem;
    line-height: 1.5;
    padding: 0.75rem;
    background-color: rgba(255, 255, 255, 0.03);
    border-radius: 4px;
    border-left: 2px solid #495057;
}

.missing-config-card[b-d9qw7ibrid] {
    border-radius: 8px !important;
    transition: all 0.3s ease;
}

.missing-config-header[b-d9qw7ibrid] {
    user-select: none;
    transition: opacity 0.2s ease;
}

    .missing-config-header:hover[b-d9qw7ibrid] {
        opacity: 0.85;
    }

.missing-items-grid[b-d9qw7ibrid] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 0.75rem;
}

.missing-item[b-d9qw7ibrid] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid #333;
    border-radius: 6px;
    transition: all 0.2s ease;
}

    .missing-item:hover[b-d9qw7ibrid] {
        background-color: rgba(0, 0, 0, 0.5);
        border-color: #ffc107;
    }

.missing-item-content[b-d9qw7ibrid] {
    flex: 1;
}
/* /Components/Pages/Business/Analytics/OverallIncome.razor.rz.scp.css */
.income-title[b-jde2p5e2dw] {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.income-subtitle[b-jde2p5e2dw] {
    color: #999;
    margin-bottom: 2rem;
    font-size: 0.95rem;
}

.income-header[b-jde2p5e2dw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: var(--secondary-bg, #1e1e1e);
    border-radius: 0.5rem;
    border: 1px solid var(--border-color, #333);
    flex-wrap: wrap;
    gap: 1rem;
}

.income-controls[b-jde2p5e2dw] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.period-display[b-jde2p5e2dw] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 250px;
}

.period-label[b-jde2p5e2dw] {
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    flex: 1;
    text-align: center;
}

.view-toggle[b-jde2p5e2dw] {
    display: flex;
    gap: 0.5rem;
}

.income-summary[b-jde2p5e2dw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.summary-card[b-jde2p5e2dw] {
    background: var(--secondary-bg, #1e1e1e);
    padding: 1.5rem;
    border-radius: 0.5rem;
    border: 1px solid var(--border-color, #333);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.summary-label[b-jde2p5e2dw] {
    color: #999;
    font-size: 0.9rem;
    text-transform: uppercase;
}

.summary-amount[b-jde2p5e2dw] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #28a745;
}

.chart-container[b-jde2p5e2dw] {
    background: var(--secondary-bg, #1e1e1e);
    padding: 2rem;
    border-radius: 0.5rem;
    border: 1px solid var(--border-color, #333);
    margin-bottom: 2rem;
}

.weekly-details[b-jde2p5e2dw],
.monthly-details[b-jde2p5e2dw] {
    margin-top: 2rem;
}

.weekly-details h4[b-jde2p5e2dw],
.monthly-details h4[b-jde2p5e2dw] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: #fff;
}

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

.day-card[b-jde2p5e2dw],
.week-card[b-jde2p5e2dw] {
    background: var(--secondary-bg, #1e1e1e);
    padding: 1.5rem;
    border-radius: 0.5rem;
    border: 1px solid var(--border-color, #333);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.day-header[b-jde2p5e2dw],
.week-header[b-jde2p5e2dw] {
    font-weight: 500;
    color: #bbb;
    font-size: 0.9rem;
}

.day-amount[b-jde2p5e2dw],
.week-amount[b-jde2p5e2dw] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #28a745;
}

.day-breakdown[b-jde2p5e2dw],
.week-breakdown[b-jde2p5e2dw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border-top: 1px solid var(--border-color, #333);
    padding-top: 0.75rem;
}

.breakdown-item[b-jde2p5e2dw] {
    font-size: 0.85rem;
    color: #999;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 768px) {
    .income-header[b-jde2p5e2dw] {
        flex-direction: column;
        align-items: stretch;
    }

    .income-controls[b-jde2p5e2dw],
    .view-toggle[b-jde2p5e2dw] {
        width: 100%;
    }

    .period-display[b-jde2p5e2dw] {
        min-width: auto;
        width: 100%;
    }

    .details-grid[b-jde2p5e2dw] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Business/Analytics/PaymentTransactions.razor.rz.scp.css */
.transactions-title[b-ua4f3bytyg] {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.transactions-subtitle[b-ua4f3bytyg] {
    color: #999;
    margin-bottom: 2rem;
    font-size: 0.95rem;
}

.transactions-filters[b-ua4f3bytyg] {
    background: var(--secondary-bg, #1e1e1e);
    padding: 1.5rem;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
    border: 1px solid var(--border-color, #333);
}

.transactions-summary[b-ua4f3bytyg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: var(--secondary-bg, #1e1e1e);
    border-radius: 0.5rem;
    border: 1px solid var(--border-color, #333);
}

.transactions-grid[b-ua4f3bytyg] {
    margin-bottom: 2rem;
}

.transactions-empty[b-ua4f3bytyg] {
    text-align: center;
    padding: 3rem 1rem;
    background: var(--secondary-bg, #1e1e1e);
    border-radius: 0.5rem;
    border: 1px solid var(--border-color, #333);
    color: #999;
}

.transactions-empty i[b-ua4f3bytyg] {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 1rem;
}
/* /Components/Pages/Business/Analytics/PaymentTransactionsReports.razor.rz.scp.css */
.reports-title[b-qvz2jq0jhs] {
    font-size: 1.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.reports-subtitle[b-qvz2jq0jhs] {
    color: #999;
    margin-bottom: 2rem;
    font-size: 0.95rem;
}

.reports-container[b-qvz2jq0jhs] {
    max-width: 1000px;
}

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

    .loading-spinner p[b-qvz2jq0jhs] {
        color: #999;
        margin: 0;
    }

.reports-form[b-qvz2jq0jhs] {
    background: var(--secondary-bg, #1e1e1e);
    padding: 2rem;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
    border: 1px solid var(--border-color, #333);
}

.section-title[b-qvz2jq0jhs] {
    font-size: 1.35rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--primary-color, #0d6efd);
}

.report-separator[b-qvz2jq0jhs] {
    border: none;
    border-top: 2px solid var(--border-color, #333);
    margin: 3rem 0;
}

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

.form-label[b-qvz2jq0jhs] {
    display: block;
    font-weight: 500;
    margin-bottom: 0.75rem;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.month-dropdown[b-qvz2jq0jhs] {
    font-size: 1rem;
}

.loading-text[b-qvz2jq0jhs] {
    display: block;
    color: #999;
    font-style: italic;
    margin-top: 0.5rem;
}

.info-text[b-qvz2jq0jhs] {
    display: block;
    color: #ccc;
    margin-top: 0.5rem;
}

.form-actions[b-qvz2jq0jhs] {
    display: flex;
    justify-content: flex-start;
}

.download-button[b-qvz2jq0jhs] {
    min-width: 220px;
    height: 50px;
    font-size: 1.1rem;
}

.report-success[b-qvz2jq0jhs] {
    background: rgba(40, 167, 69, 0.15);
    border: 1px solid rgba(40, 167, 69, 0.4);
    color: #28a745;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

    .report-success i[b-qvz2jq0jhs] {
        font-size: 1.25rem;
    }

.reports-info[b-qvz2jq0jhs] {
    background: var(--secondary-bg, #1e1e1e);
    padding: 2rem;
    border-radius: 0.5rem;
    border: 1px solid var(--border-color, #333);
    margin-bottom: 1rem;
    margin-top: 1rem;
}

    .reports-info h4[b-qvz2jq0jhs] {
        font-size: 1.25rem;
        font-weight: 600;
        margin-bottom: 1.5rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

.info-grid[b-qvz2jq0jhs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
}

.info-item[b-qvz2jq0jhs] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

    .info-item i[b-qvz2jq0jhs] {
        font-size: 1.75rem;
        color: var(--primary-color, #0d6efd);
        flex-shrink: 0;
        margin-top: 0.25rem;
    }

    .info-item strong[b-qvz2jq0jhs] {
        display: block;
        font-size: 1rem;
        margin-bottom: 0.25rem;
        color: #fff;
    }

    .info-item p[b-qvz2jq0jhs] {
        font-size: 0.9rem;
        color: #999;
        margin: 0;
        line-height: 1.5;
    }

.alert[b-qvz2jq0jhs] {
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.alert-warning[b-qvz2jq0jhs] {
    background: rgba(255, 193, 7, 0.15);
    border: 1px solid rgba(255, 193, 7, 0.4);
    color: #ffc107;
}

    .alert-warning i[b-qvz2jq0jhs] {
        font-size: 1.25rem;
    }

/* Responsive adjustments */
@media (max-width: 768px) {
    .reports-title[b-qvz2jq0jhs] {
        font-size: 1.5rem;
    }

    .reports-form[b-qvz2jq0jhs] {
        padding: 1.5rem;
    }

    .download-button[b-qvz2jq0jhs] {
        width: 100%;
    }

    .info-grid[b-qvz2jq0jhs] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Business/Bookings/BookingDetailsDialog.razor.rz.scp.css */
.payment-status-toggle[b-gyzbve1kjo] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.toggle-track[b-gyzbve1kjo] {
    width: 50px;
    height: 28px;
    border-radius: 14px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 2px;
    box-sizing: border-box;
}

.toggle-thumb[b-gyzbve1kjo] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 2px;
}

.toggle-label[b-gyzbve1kjo] {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    user-select: none;
}

.payment-status-toggle:hover[b-gyzbve1kjo] {
    opacity: 0.9;
}

.payment-status-toggle:active[b-gyzbve1kjo] {
    opacity: 0.8;
}
/* /Components/Pages/Business/Bookings/CancelAllBookingsDialog.razor.rz.scp.css */
/* Stile per la dialog di cancellazione totale */
.cancel-all-warning[b-kttoikyvqv] {
    background: rgba(220, 53, 69, 0.1);
    border-left: 4px solid #dc3545;
    padding: 1rem;
    border-radius: 4px;
}

.cancel-all-warning i[b-kttoikyvqv] {
    font-size: 1.25rem;
}

/* Stile per il box del motivo */
.reason-box[b-kttoikyvqv] {
    background: #1a1a1a;
    border: 2px solid #ffc107;
    border-radius: 8px;
    padding: 0.75rem;
}

.reason-box:focus-within[b-kttoikyvqv] {
    border-color: #ffcd39;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
}

/* Contatore caratteri */
.char-counter[b-kttoikyvqv] {
    font-size: 0.875rem;
    color: #888;
    text-align: right;
}

.char-counter.success[b-kttoikyvqv] {
    color: #20c997;
}

/* Stile per l'info sui rimborsi */
.refund-info-card[b-kttoikyvqv] {
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid #ffc107;
    border-radius: 8px;
    padding: 1rem;
}

.refund-info-card i[b-kttoikyvqv] {
    font-size: 1.1rem;
}
/* /Components/Pages/Business/OnBoarding/RegisterBusinessStepTwo.razor.rz.scp.css */
.predictions-popup[b-1uc1y3462i] {
    max-height: 400px;
    overflow-y: auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    position: relative;
}

.prediction-item[b-1uc1y3462i] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e9ecef;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

    .prediction-item:hover[b-1uc1y3462i] {
        background-color: #f8f9fa;
    }

    .prediction-item:last-child[b-1uc1y3462i] {
        border-bottom: none;
    }

.prediction-main[b-1uc1y3462i] {
    font-weight: 500;
    color: #212529;
    margin-bottom: 0.25rem;
}

.prediction-secondary[b-1uc1y3462i] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.25rem;
}

.prediction-description[b-1uc1y3462i] {
    font-size: 0.875rem;
    color: #495057;
    margin-bottom: 0.25rem;
    font-style: italic;
}

.address-details-section[b-1uc1y3462i] {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
}

.address-detail-item[b-1uc1y3462i] {
    background-color: #ffffff;
    padding: 0.75rem;
    border-radius: 0.25rem;
    border-left: 3px solid #28a745;
}

.address-detail-label[b-1uc1y3462i] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #495057;
    display: block;
    margin-bottom: 0.25rem;
}

.address-detail-value[b-1uc1y3462i] {
    color: #212529;
    font-size: 1rem;
    word-break: break-word;
}
/* /Components/Pages/Business/QRCodeReader.razor.rz.scp.css */
.scanner-layout[b-oiobp2ln8m] {
    background: linear-gradient(135deg, #0f172a 0%, #111827 50%, #0b1220 100%);
    border-radius: 16px;
    padding: 1.5rem;
    color: #e5e7eb;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}

.card-dark[b-oiobp2ln8m] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 1rem;
    height: 100%;
}

.stat-badge[b-oiobp2ln8m] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: rgba(102, 126, 234, 0.15);
    color: #a5b4fc;
    font-weight: 600;
    font-size: 0.85rem;
}

.list-dark[b-oiobp2ln8m] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    overflow: hidden;
}

    .list-dark .list-group-item[b-oiobp2ln8m] {
        background: rgba(255, 255, 255, 0.02);
        color: #e5e7eb;
        border-color: rgba(255, 255, 255, 0.06);
    }

.muted[b-oiobp2ln8m] {
    color: #9ca3af;
}

.user-avatar-container[b-oiobp2ln8m] {
    position: relative;
    width: 180px;
    height: 180px;
    border-radius: 12px;
    overflow: hidden;
    background: rgba(102, 126, 234, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid rgba(102, 126, 234, 0.4);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.user-avatar-image[b-oiobp2ln8m] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-avatar-fallback[b-oiobp2ln8m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    font-size: 4rem;
}

.countdown-badge[b-oiobp2ln8m] {
    position: absolute;
    top: -12px;
    right: -12px;
    background: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);
    color: white;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.1rem;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.scanner-container[b-oiobp2ln8m] {
    position: relative;
    width: 100%;
}

.laser-scanner[b-oiobp2ln8m] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
    overflow: hidden;
}

.laser-line[b-oiobp2ln8m] {
    position: absolute;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, rgba(16, 185, 129, 0.3) 20%, rgba(16, 185, 129, 0.9) 50%, rgba(16, 185, 129, 0.3) 80%, transparent 100%);
    box-shadow: 0 0 10px rgba(16, 185, 129, 0.8), 0 0 20px rgba(16, 185, 129, 0.6), 0 0 30px rgba(16, 185, 129, 0.4);
    animation: scan-b-oiobp2ln8m 2.5s linear infinite;
}

@keyframes scan-b-oiobp2ln8m {
    0% {
        top: 0;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        top: 100%;
        opacity: 0;
    }
}
/* /Components/Pages/Business/Staff/InstructorsAvailability.razor.rz.scp.css */
.timeline-container[b-kqcwpnc4ed] {
    background-color: #1a1a1a;
    border: 1px solid #333;
    border-radius: 8px;
    padding: 0;
}

.timeline-table[b-kqcwpnc4ed] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

    .timeline-table th[b-kqcwpnc4ed],
    .timeline-table td[b-kqcwpnc4ed] {
        border: 1px solid #333;
        padding: 4px;
        text-align: center;
        color: #ffffff;
    }

.staff-header[b-kqcwpnc4ed] {
    background: #1a1a1a;
    font-weight: 700;
    padding: 12px 8px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}

.day-header[b-kqcwpnc4ed] {
    background: #252525;
    font-weight: 700;
    padding: 8px 4px;
    border-bottom: 2px solid #0dcaf0;
    color: #ffffff;
}

    .day-header.today[b-kqcwpnc4ed] {
        background: #1a3a1a;
        border-bottom-color: #5eff5e;
        color: #5eff5e;
    }

    .day-header div[b-kqcwpnc4ed] {
        color: #ffffff;
        font-weight: 700;
        font-size: 0.95rem;
    }

    .day-header small[b-kqcwpnc4ed] {
        color: #90ee90;
        font-weight: 600;
        display: block;
        font-size: 0.85rem;
    }

    .day-header.today small[b-kqcwpnc4ed] {
        color: #5eff5e;
    }

.hour-row th[b-kqcwpnc4ed] {
    background: #1a1a1a;
    font-size: 0.8rem;
    padding: 6px 2px;
    color: #ffffff;
    font-weight: 700;
    border-color: #444;
    letter-spacing: 0.3px;
}

.hour-cell[b-kqcwpnc4ed] {
    min-width: 50px;
    color: #ffffff;
    font-weight: 600;
    font-size: 0.8rem;
}

    .hour-cell.today[b-kqcwpnc4ed] {
        background: #1a2a1a;
        color: #5eff5e;
        border-color: #5eff5e;
    }

.staff-name[b-kqcwpnc4ed] {
    text-align: left;
    padding: 8px 12px;
    background: #1e1e1e;
    color: #ffffff;
}

    .staff-name strong[b-kqcwpnc4ed] {
        color: #ffffff;
        display: block;
        margin-bottom: 4px;
        font-weight: 700;
        font-size: 0.95rem;
    }

.staff-info[b-kqcwpnc4ed] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.staff-details[b-kqcwpnc4ed] {
    display: flex;
    gap: 8px;
    font-size: 0.75rem;
    font-weight: 700;
}

.slot-cell[b-kqcwpnc4ed] {
    min-width: 50px;
    height: 40px;
    padding: 2px;
    vertical-align: middle;
    transition: background-color 0.2s;
}

    .slot-cell.today[b-kqcwpnc4ed] {
        border-left-color: #28a745;
        border-right-color: #28a745;
    }

    .slot-cell.available[b-kqcwpnc4ed] {
        background: linear-gradient(135deg, #1988542222 0%, #1988544444 100%);
    }

    .slot-cell.unavailable[b-kqcwpnc4ed] {
        background: linear-gradient(135deg, #88282822 0%, #88282844 100%);
    }

.slot-content[b-kqcwpnc4ed] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-radius: 4px;
    font-size: 0.9rem;
    font-weight: 700;
}

    .slot-content.available[b-kqcwpnc4ed] {
        background: rgba(25, 135, 84, 0.4);
        border: 1.5px solid #5eff5e;
        color: #5eff5e;
        text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
    }

    .slot-content.unavailable[b-kqcwpnc4ed] {
        background: rgba(136, 40, 40, 0.3);
        border: 1.5px solid #ff6b6b;
        color: #ff6b6b;
        text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
    }

.legend-item[b-kqcwpnc4ed] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .legend-item span:last-child[b-kqcwpnc4ed] {
        color: #ffffff;
        font-weight: 600;
        font-size: 0.9rem;
    }

.legend-box[b-kqcwpnc4ed] {
    width: 24px;
    height: 16px;
    border-radius: 3px;
    border: 1.5px solid #555;
}

    .legend-box.available[b-kqcwpnc4ed] {
        background: rgba(25, 135, 84, 0.4);
        border-color: #5eff5e;
    }

    .legend-box.unavailable[b-kqcwpnc4ed] {
        background: rgba(136, 40, 40, 0.3);
        border-color: #ff6b6b;
    }

    .legend-box.constraint[b-kqcwpnc4ed] {
        background: rgba(255, 193, 7, 0.3);
        border-color: #ffc107;
    }
/* /Components/Pages/Business/Staff/InstructorsManager.razor.rz.scp.css */
.custom-datagrid[b-8o7fqxtf3g] {
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
    border-radius: 8px;
}

.rz-datatable-data td[b-8o7fqxtf3g] {
    border-bottom: 1px solid #2d2d2d !important;
}

.rz-datatable-even[b-8o7fqxtf3g] {
    background-color: #1e1e1e !important;
}

.rz-datatable-odd[b-8o7fqxtf3g] {
    background-color: #1a1a1a !important;
}

.rz-state-highlight[b-8o7fqxtf3g] {
    background-color: rgba(13, 110, 253, 0.2) !important;
}

.rz-cell-data[b-8o7fqxtf3g] {
    color: #e9ecef !important;
}

.rz-paginator[b-8o7fqxtf3g] {
    background-color: #1a1a1a !important;
    border-top: 1px solid #333 !important;
    color: #adb5bd !important;
}

.text-muted[b-8o7fqxtf3g] {
    color: #6c757d !important;
}
/* /Components/Pages/Business/Staff/InstructorsReports.razor.rz.scp.css */
.reports-container[b-hnbxrpyv46] {
    padding: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.reports-title[b-hnbxrpyv46] {
    font-size: 28px;
    font-weight: 600;
    color: #e9ecef;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.reports-title i[b-hnbxrpyv46] {
    color: #0d6efd;
}

.reports-subtitle[b-hnbxrpyv46] {
    font-size: 14px;
    color: #adb5bd;
    margin-bottom: 24px;
}

.loading-spinner[b-hnbxrpyv46] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner p[b-hnbxrpyv46] {
    font-size: 14px;
    color: #adb5bd;
}

/* Month Navigation */
.month-navigation[b-hnbxrpyv46] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
    padding: 20px;
    background: #1e1e1e;
    border: 1px solid #333;
    border-radius: 12px;
}

.nav-button[b-hnbxrpyv46] {
    min-width: 44px;
}

.current-month[b-hnbxrpyv46] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    min-width: 200px;
    justify-content: center;
}

.current-month i[b-hnbxrpyv46] {
    color: #0d6efd;
    font-size: 24px;
}

.month-display[b-hnbxrpyv46] {
    text-transform: capitalize;
}

/* General Summary */
.general-summary[b-hnbxrpyv46] {
    margin-bottom: 30px;
    padding: 24px;
    background: #1e1e1e;
    border: 1px solid #333;
    border-radius: 12px;
}

.general-summary h4[b-hnbxrpyv46] {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffffff;
}

.general-summary h4 i[b-hnbxrpyv46] {
    color: #0d6efd;
}

.summary-cards[b-hnbxrpyv46] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

.summary-card[b-hnbxrpyv46] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    background: #1a1a1a;
    border-radius: 10px;
    border: 1px solid #333;
    transition: transform 0.2s, box-shadow 0.2s;
}

.summary-card:hover[b-hnbxrpyv46] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.card-icon[b-hnbxrpyv46] {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0d6efd;
    border-radius: 10px;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
}

.card-content[b-hnbxrpyv46] {
    flex: 1;
}

.card-label[b-hnbxrpyv46] {
    font-size: 13px;
    color: #adb5bd;
    margin-bottom: 4px;
}

.card-value[b-hnbxrpyv46] {
    font-size: 26px;
    font-weight: 700;
    color: #ffffff;
}

/* Instructors Section */
.instructors-section[b-hnbxrpyv46] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 30px;
}

.instructor-card[b-hnbxrpyv46] {
    background: #1e1e1e;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #333;
}

.instructor-header[b-hnbxrpyv46] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
    color: white;
    flex-wrap: wrap;
    gap: 16px;
}

.instructor-info[b-hnbxrpyv46] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.instructor-info i[b-hnbxrpyv46] {
    font-size: 28px;
}

.instructor-info h5[b-hnbxrpyv46] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.role-badge[b-hnbxrpyv46] {
    padding: 4px 12px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

.instructor-totals[b-hnbxrpyv46] {
    display: flex;
    gap: 24px;
}

.total-item[b-hnbxrpyv46] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.total-label[b-hnbxrpyv46] {
    font-size: 12px;
    opacity: 0.9;
    margin-bottom: 2px;
}

.total-value[b-hnbxrpyv46] {
    font-size: 24px;
    font-weight: 700;
}

/* Activity Summary */
.activity-summary[b-hnbxrpyv46] {
    padding: 20px 24px;
    background: #1a1a1a;
}

.activity-summary h6[b-hnbxrpyv46] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
}

.activity-summary h6 i[b-hnbxrpyv46] {
    color: #0d6efd;
}

.activity-grid[b-hnbxrpyv46] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 12px;
}

.activity-item[b-hnbxrpyv46] {
    padding: 12px 16px;
    background: #252525;
    border-radius: 8px;
    border-left: 4px solid #0d6efd;
}

.activity-name[b-hnbxrpyv46] {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 6px;
}

.activity-stats[b-hnbxrpyv46] {
    display: flex;
    gap: 16px;
}

.activity-stats .stat[b-hnbxrpyv46] {
    font-size: 12px;
    color: #adb5bd;
}

/* Lessons Detail */
.lessons-detail[b-hnbxrpyv46] {
    padding: 20px 24px;
    background: #1e1e1e;
    border-top: 1px solid #333;
}

.lessons-detail h6[b-hnbxrpyv46] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
}

.lessons-detail h6 i[b-hnbxrpyv46] {
    color: #0d6efd;
}

.lessons-table-container[b-hnbxrpyv46] {
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 8px;
    overflow: hidden;
}

.lessons-grid[b-hnbxrpyv46] {
    width: 100%;
}

.status-badge[b-hnbxrpyv46] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-confirmed[b-hnbxrpyv46] {
    background: rgba(25, 135, 84, 0.2);
    color: #5eff5e;
}

.status-completed[b-hnbxrpyv46] {
    background: rgba(13, 110, 253, 0.2);
    color: #6ea8fe;
}

.status-pending[b-hnbxrpyv46] {
    background: rgba(255, 193, 7, 0.2);
    color: #ffc107;
}

.status-cancelled[b-hnbxrpyv46] {
    background: rgba(220, 53, 69, 0.2);
    color: #ff6b6b;
}

.status-noshow[b-hnbxrpyv46] {
    background: rgba(136, 40, 40, 0.2);
    color: #ff6b6b;
}

/* Download Section */
.download-section[b-hnbxrpyv46] {
    display: flex;
    justify-content: center;
    padding: 30px 20px;
}

.download-button[b-hnbxrpyv46] {
    min-width: 250px;
}

/* Info Box */
.info-box[b-hnbxrpyv46] {
    margin-top: 30px;
    padding: 20px 24px;
    background: #1e1e1e;
    border-radius: 12px;
    border-left: 4px solid #0dcaf0;
    border: 1px solid #333;
}

.info-box h5[b-hnbxrpyv46] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
}

.info-box h5 i[b-hnbxrpyv46] {
    color: #0dcaf0;
}

.info-box ul[b-hnbxrpyv46] {
    margin: 0;
    padding-left: 24px;
}

.info-box li[b-hnbxrpyv46] {
    font-size: 13px;
    color: #adb5bd;
    line-height: 1.6;
    margin-bottom: 6px;
}

/* Alert styles */
.alert[b-hnbxrpyv46] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    border-radius: 8px;
    font-size: 14px;
}

.alert-warning[b-hnbxrpyv46] {
    background: rgba(255, 193, 7, 0.15);
    border: 1px solid rgba(255, 193, 7, 0.3);
    color: #ffc107;
}

.alert-info[b-hnbxrpyv46] {
    background: rgba(13, 202, 240, 0.15);
    border: 1px solid rgba(13, 202, 240, 0.3);
    color: #0dcaf0;
}

/* Responsive */
@media (max-width: 768px) {
    .reports-container[b-hnbxrpyv46] {
        padding: 16px;
    }

    .reports-title[b-hnbxrpyv46] {
        font-size: 22px;
    }

    .month-navigation[b-hnbxrpyv46] {
        gap: 12px;
        padding: 16px;
    }

    .current-month[b-hnbxrpyv46] {
        font-size: 16px;
        min-width: 160px;
    }

    .summary-cards[b-hnbxrpyv46] {
        grid-template-columns: 1fr;
    }

    .instructor-header[b-hnbxrpyv46] {
        flex-direction: column;
        align-items: flex-start;
    }

    .instructor-totals[b-hnbxrpyv46] {
        width: 100%;
        justify-content: space-around;
    }

    .activity-grid[b-hnbxrpyv46] {
        grid-template-columns: 1fr;
    }

    .lessons-table-container[b-hnbxrpyv46] {
        overflow-x: auto;
    }

    .download-button[b-hnbxrpyv46] {
        width: 100%;
    }
}
/* /Components/Pages/Business/StripePages/AccountStatus.razor.rz.scp.css */
#container[b-3n7hc2q0gf] {
    background: linear-gradient(180deg, #0a0a0f 0%, #1a1a2e 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 0;
}

.content[b-3n7hc2q0gf] {
    background: linear-gradient(135deg, #1e1e2e 0%, #2d2d44 100%) !important;
    border: 1px solid rgba(255, 107, 91, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    max-width: 900px;
    width: 100%;
}

.content-title[b-3n7hc2q0gf] {
    font-size: 1.8rem;
    font-weight: 700;
    color: white;
    text-align: center;
}

.content-text[b-3n7hc2q0gf] {
    color: rgba(255, 255, 255, 0.7) !important;
    text-align: center;
}

.spinner-border[b-3n7hc2q0gf] {
    color: #667eea;
}

.btn-primary[b-3n7hc2q0gf] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
    font-weight: 600;
    padding: 0.75rem 1.5rem;
}

    .btn-primary:hover:not(:disabled)[b-3n7hc2q0gf] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.5);
        transform: translateY(-2px);
    }

.alert-success[b-3n7hc2q0gf] {
    background: linear-gradient(135deg, rgba(76, 175, 80, 0.1) 0%, rgba(46, 125, 50, 0.05) 100%) !important;
    border: 1px solid rgba(76, 175, 80, 0.3) !important;
    color: rgba(165, 214, 167, 0.95) !important;
}

.alert-warning[b-3n7hc2q0gf] {
    background: linear-gradient(135deg, rgba(255, 193, 7, 0.1) 0%, rgba(230, 124, 115, 0.05) 100%) !important;
    border: 1px solid rgba(255, 193, 7, 0.3) !important;
    color: rgba(255, 241, 118, 0.95) !important;
}

.alert-danger[b-3n7hc2q0gf] {
    background: linear-gradient(135deg, rgba(244, 67, 54, 0.1) 0%, rgba(198, 40, 40, 0.05) 100%) !important;
    border: 1px solid rgba(244, 67, 54, 0.3) !important;
    color: rgba(255, 200, 124, 0.95) !important;
}

.status-icon[b-3n7hc2q0gf] {
    font-size: 3rem;
    margin: 1rem 0;
}

.btn-close[b-3n7hc2q0gf] {
    filter: invert(1) grayscale(100%) brightness(200%);
}

@media (max-width: 768px) {
    .content-title[b-3n7hc2q0gf] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/Business/StripePages/StripeAgreement.razor.rz.scp.css */
.stripe-agreement-container[b-7t42fajy58] {
    margin-bottom: 1.5rem;
}

.scrollable-terms[b-7t42fajy58] {
    max-height: 400px;
    overflow-y: auto;
    padding: 1.5rem;
    border: 1px solid var(--rz-border-color, #dee2e6);
    border-radius: 0.375rem;
    background-color: var(--rz-base-background-color, #1a1a1a);
}

.scrollable-terms h5[b-7t42fajy58] {
    color: var(--rz-text-color, #e0e0e0);
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-size: 1.1rem;
    font-weight: 600;
}

.scrollable-terms h5:first-child[b-7t42fajy58] {
    margin-top: 0;
}

.scrollable-terms p[b-7t42fajy58] {
    margin-bottom: 1rem;
    line-height: 1.6;
    color: var(--rz-text-secondary-color, #b0b0b0);
}

.scrollable-terms ul[b-7t42fajy58] {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

.scrollable-terms li[b-7t42fajy58] {
    margin-bottom: 0.5rem;
    line-height: 1.5;
    color: var(--rz-text-secondary-color, #b0b0b0);
}

.scrollable-terms a[b-7t42fajy58] {
    color: var(--rz-primary, #635bff);
    text-decoration: none;
}

.scrollable-terms a:hover[b-7t42fajy58] {
    text-decoration: underline;
}

/* Scrollbar styling per dark mode */
.scrollable-terms[b-7t42fajy58]::-webkit-scrollbar {
    width: 8px;
}

.scrollable-terms[b-7t42fajy58]::-webkit-scrollbar-track {
    background: var(--rz-base-200, #2a2a2a);
    border-radius: 4px;
}

.scrollable-terms[b-7t42fajy58]::-webkit-scrollbar-thumb {
    background: var(--rz-base-400, #4a4a4a);
    border-radius: 4px;
}

.scrollable-terms[b-7t42fajy58]::-webkit-scrollbar-thumb:hover {
    background: var(--rz-base-500, #5a5a5a);
}
/* /Components/Pages/Business/StructureManager.razor.rz.scp.css */
    :deep .rz-card[b-dhzwmbtglj] {
        background-color: #1a1a1a;
        border: 1px solid #333;
        border-radius: 8px;
        padding: 1rem;
    }

    .structure-data-card[b-dhzwmbtglj] {
        border-left: 4px solid #0d6efd !important;
    }

    .section-header[b-dhzwmbtglj] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: 0.75rem;
    }

    .section-title[b-dhzwmbtglj] {
        margin: 0 !important;
        font-weight: 600;
        color: white;
        flex: 1;
    }

    .section-title-compact[b-dhzwmbtglj] {
        font-size: 0.85rem;
        font-weight: 600;
        color: #adb5bd;
        text-transform: uppercase;
        letter-spacing: 0.35px;
        margin-bottom: 0.5rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .badge-count[b-dhzwmbtglj] {
        display: inline-block;
        background: linear-gradient(135deg, #0d6efd 0%, #0c63e4 100%);
        color: white;
        padding: 0.25rem 0.75rem;
        border-radius: 12px;
        font-size: 0.75rem;
        font-weight: 600;
        margin-left: 0.75rem;
    }

    /* Main Structure Layout */
    .structure-main-layout[b-dhzwmbtglj] {
        display: grid;
        grid-template-columns: 140px 1fr;
        gap: 1.2rem;
        align-items: start;
    }

    .structure-photo-section[b-dhzwmbtglj] {
        flex-shrink: 0;
    }

    .structure-info-section[b-dhzwmbtglj] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .info-row[b-dhzwmbtglj] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.8rem;
    }

    .info-row.full-width[b-dhzwmbtglj] {
        grid-template-columns: repeat(4, 1fr);
    }

    .info-item[b-dhzwmbtglj] {
        display: flex;
        flex-direction: column;
        gap: 0.15rem;
        padding: 0.5rem;
        background: linear-gradient(135deg, rgba(13, 110, 253, 0.05) 0%, rgba(13, 110, 253, 0.02) 100%);
        border: 1px solid rgba(13, 110, 253, 0.1);
        border-radius: 6px;
        transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    }

    .info-item:hover[b-dhzwmbtglj] {
        background: linear-gradient(135deg, rgba(13, 110, 253, 0.1) 0%, rgba(13, 110, 253, 0.05) 100%);
        border-color: rgba(13, 110, 253, 0.3);
    }

    .activities-section[b-dhzwmbtglj] {
        padding-top: 0.4rem;
        border-top: 1px solid rgba(13, 110, 253, 0.2);
    }

    .item-label[b-dhzwmbtglj] {
        font-size: 0.6rem;
        text-transform: uppercase;
        letter-spacing: 0.2px;
        color: #adb5bd;
        font-weight: 600;
    }

    .item-value[b-dhzwmbtglj] {
        font-size: 0.85rem;
        font-weight: 600;
        color: white;
        word-break: break-word;
        line-height: 1.15;
    }

    .item-value.stat-value[b-dhzwmbtglj] {
        font-size: 1.2rem;
        background: linear-gradient(135deg, #0d6efd 0%, #0c63e4 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .phone-link[b-dhzwmbtglj],
    .email-link[b-dhzwmbtglj],
    .maps-link[b-dhzwmbtglj] {
        color: #0d6efd;
        text-decoration: none;
        transition: all 0.2s ease;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
    }

    .phone-link:hover[b-dhzwmbtglj],
    .email-link:hover[b-dhzwmbtglj],
    .maps-link:hover[b-dhzwmbtglj] {
        color: #0c63e4;
        text-decoration: underline;
    }

    .maps-link[b-dhzwmbtglj] {
        background: linear-gradient(135deg, rgba(13, 110, 253, 0.1) 0%, rgba(13, 110, 253, 0.05) 100%);
        padding: 0.35rem 0.85rem;
        border-radius: 6px;
        border: 1px solid rgba(13, 110, 253, 0.2);
        font-size: 0.92rem;
    }

    .maps-link:hover[b-dhzwmbtglj] {
        background: linear-gradient(135deg, rgba(13, 110, 253, 0.15) 0%, rgba(13, 110, 253, 0.1) 100%);
        border-color: rgba(13, 110, 253, 0.3);
    }

    .maps-link-compact[b-dhzwmbtglj] {
        color: #0d6efd;
        text-decoration: none;
        transition: all 0.2s ease;
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        font-size: 0.85rem;
        padding: 0.25rem 0.5rem;
        border-radius: 4px;
        background: linear-gradient(135deg, rgba(13, 110, 253, 0.08) 0%, rgba(13, 110, 253, 0.03) 100%);
        border: 1px solid rgba(13, 110, 253, 0.15);
    }

    .maps-link-compact:hover[b-dhzwmbtglj] {
        background: linear-gradient(135deg, rgba(13, 110, 253, 0.15) 0%, rgba(13, 110, 253, 0.08) 100%);
        border-color: rgba(13, 110, 253, 0.3);
        color: #0c63e4;
    }

    .structure-photo[b-dhzwmbtglj] {
        width: 100%;
        height: 140px;
        object-fit: cover;
        border-radius: 8px;
        background: #111;
        border: 1px solid #333;
    }

    .predictions-popup[b-dhzwmbtglj] {
        max-height: 400px;
        overflow-y: auto;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        position: relative;
    }

    /* Stats Cards */
    .stats-card[b-dhzwmbtglj] {
        transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    }

    .stats-card:hover[b-dhzwmbtglj] {
        border-color: #0d6efd !important;
        box-shadow: 0 4px 12px rgba(13, 110, 253, 0.2);
        transform: translateY(-4px);
    }

    .stats-icon[b-dhzwmbtglj] {
        font-size: 1.8rem;
        color: #0d6efd;
    }

    .stats-value[b-dhzwmbtglj] {
        font-size: 1.8rem;
        background: linear-gradient(135deg, #0d6efd 0%, #0c63e4 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .text-muted.small[b-dhzwmbtglj] {
        color: #adb5bd !important;
    }

@media (max-width: 768px) {
    .structure-main-layout[b-dhzwmbtglj] {
        grid-template-columns: 1fr;
        gap: 0.8rem;
    }

    .structure-photo-section[b-dhzwmbtglj] {
        max-width: 180px;
        margin: 0 auto;
    }

    .info-row[b-dhzwmbtglj] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.6rem;
    }

    .info-row.full-width[b-dhzwmbtglj] {
        grid-template-columns: repeat(2, 1fr);
    }

    .info-item[b-dhzwmbtglj] {
        padding: 0.4rem;
    }

    .structure-info-section[b-dhzwmbtglj] {
        gap: 0.4rem;
    }

    .section-header[b-dhzwmbtglj] {
        flex-direction: column;
        align-items: flex-start;
    }

    .item-label[b-dhzwmbtglj] {
        font-size: 0.55rem;
    }

    .item-value[b-dhzwmbtglj] {
        font-size: 0.8rem;
    }

    .item-label[b-dhzwmbtglj] {
        font-size: 0.6rem;
    }

    .item-value[b-dhzwmbtglj] {
        font-size: 0.85rem;
    }

    .badge-count[b-dhzwmbtglj] {
        font-size: 0.7rem;
        padding: 0.2rem 0.65rem;
    }

    .stats-value[b-dhzwmbtglj] {
        font-size: 1.5rem;
    }

    .stats-icon[b-dhzwmbtglj] {
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    .structure-main-layout[b-dhzwmbtglj] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .info-row[b-dhzwmbtglj] {
        grid-template-columns: 1fr;
        gap: 0.65rem;
    }

    .info-item[b-dhzwmbtglj] {
        padding: 0.45rem;
    }

    .item-label[b-dhzwmbtglj] {
        font-size: 0.55rem;
    }

    .item-value[b-dhzwmbtglj] {
        font-size: 0.8rem;
    }

    .structure-photo[b-dhzwmbtglj] {
        height: 120px;
    }

    .section-title[b-dhzwmbtglj] {
        font-size: 1rem;
    }

    .badge-count[b-dhzwmbtglj] {
        font-size: 0.65rem;
        padding: 0.15rem 0.6rem;
        margin-left: 0.5rem;
    }

    .maps-link-compact[b-dhzwmbtglj] {
        width: 24px;
        height: 24px;
        font-size: 0.8rem;
    }

    .stats-value[b-dhzwmbtglj] {
        font-size: 1.3rem;
    }

    .stats-icon[b-dhzwmbtglj] {
        font-size: 1.3rem;
    }
}

@media (max-width: 360px) {
    .structure-main-layout[b-dhzwmbtglj] {
        gap: 0.5rem;
    }

    .info-row[b-dhzwmbtglj] {
        gap: 0.5rem;
    }

    .info-item[b-dhzwmbtglj] {
        padding: 0.4rem;
    }

    .item-label[b-dhzwmbtglj] {
        font-size: 0.52rem;
    }

    .item-value[b-dhzwmbtglj] {
        font-size: 0.75rem;
    }

    .structure-photo[b-dhzwmbtglj] {
        height: 100px;
    }

    .section-header[b-dhzwmbtglj] {
        flex-direction: column;
        align-items: flex-start;
    }

    .badge-count[b-dhzwmbtglj] {
        margin-left: 0;
        margin-top: 0.5rem;
    }

    .maps-link-compact[b-dhzwmbtglj] {
        width: 22px;
        height: 22px;
        font-size: 0.7rem;
    }
}
/* /Components/Pages/DettaglioStruttura.razor.rz.scp.css */
.affiliation-banner[b-lik6h6y6vf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: linear-gradient(135deg, rgba(111, 66, 193, 0.15), rgba(111, 66, 193, 0.08));
    border: 1px solid rgba(111, 66, 193, 0.3);
    border-radius: 12px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
}

.affiliation-info[b-lik6h6y6vf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #b794f6;
    font-weight: 500;
}

.affiliation-info i[b-lik6h6y6vf] {
    font-size: 1.25rem;
}

.affiliation-pending-badge[b-lik6h6y6vf] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(255, 193, 7, 0.2);
    color: #ffd54f;
    border: 1px solid rgba(255, 193, 7, 0.4);
    border-radius: 20px;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-weight: 600;
}

.affiliation-pending-badge i[b-lik6h6y6vf] {
    font-size: 0.9rem;
}

@media (max-width: 576px) {
    .affiliation-banner[b-lik6h6y6vf] {
        flex-direction: column;
        text-align: center;
    }
    
    .affiliation-info[b-lik6h6y6vf] {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .affiliation-info span[b-lik6h6y6vf] {
        font-size: 0.9rem;
    }
}
/* /Components/Pages/FAQ/Overview-Structures.razor.rz.scp.css */
.faq-page[b-zigywia4l5] {
    min-height: 100vh;
    background: linear-gradient(135deg, rgba(20, 20, 30, 0.95) 0%, rgba(40, 30, 60, 0.9) 100%);
    padding: 0;
}

.faq-section[b-zigywia4l5] {
    padding: 0;
    background: transparent;
}

/* Header Section */
.faq-header[b-zigywia4l5] {
    text-align: center;
    padding: 4rem 2rem;
    background: linear-gradient(135deg, rgba(255, 107, 91, 0.1) 0%, rgba(255, 200, 124, 0.08) 100%);
    border-bottom: 1px solid rgba(255, 107, 91, 0.2);
}

.faq-title[b-zigywia4l5] {
    font-size: 3rem;
    font-weight: 900;
    color: white;
    margin: 0 0 1rem 0;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

    .faq-title i[b-zigywia4l5] {
        margin-right: 0.8rem;
    }

.faq-subtitle[b-zigywia4l5] {
    font-size: 1.3rem;
    color: rgba(255, 200, 124, 0.85);
    margin: 0;
    line-height: 1.6;
}

/* Content Sections */
.faq-content[b-zigywia4l5] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 4rem 2rem;
}

.showcase-section[b-zigywia4l5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
    margin-bottom: 6rem;
    animation: fadeInUp-b-zigywia4l5 0.8s ease-out forwards;
    opacity: 0;
}

    .showcase-section:nth-child(odd)[b-zigywia4l5] {
        animation-delay: 0.1s;
    }

    .showcase-section:nth-child(even)[b-zigywia4l5] {
        animation-delay: 0.2s;
        direction: rtl;
    }

        .showcase-section:nth-child(even) > *[b-zigywia4l5] {
            direction: ltr;
        }

.showcase-content[b-zigywia4l5] {
    padding: 2rem;
}

.showcase-title[b-zigywia4l5] {
    font-size: 2rem;
    font-weight: 800;
    color: white;
    margin: 0 0 1.5rem 0;
    background: linear-gradient(135deg, rgba(255, 200, 124, 0.95), rgba(255, 107, 91, 0.85));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.showcase-text[b-zigywia4l5] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.05rem;
    line-height: 1.8;
    margin: 1.5rem 0;
}

    .showcase-text p[b-zigywia4l5] {
        margin: 0 0 1rem 0;
    }

    .showcase-text ul[b-zigywia4l5] {
        list-style: none;
        padding: 0;
        margin: 1.5rem 0;
    }

        .showcase-text ul li[b-zigywia4l5] {
            padding: 0.6rem 0 0.6rem 1.8rem;
            position: relative;
            margin-bottom: 0.8rem;
        }

            .showcase-text ul li[b-zigywia4l5]:before {
                content: '✓';
                position: absolute;
                left: 0;
                color: rgba(255, 200, 124, 0.95);
                font-weight: 800;
                font-size: 1.2rem;
            }

.showcase-image[b-zigywia4l5] {
    background: linear-gradient(135deg, rgba(255, 107, 91, 0.15) 0%, rgba(255, 200, 124, 0.1) 100%);
    border: 2px solid rgba(255, 107, 91, 0.3);
    border-radius: 12px;
    aspect-ratio: 16/10;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.5rem;
    color: rgba(255, 200, 124, 0.4);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
    overflow: hidden;
}

    .showcase-image[b-zigywia4l5]::before {
        content: '';
        position: absolute;
        inset: 0;
        background: radial-gradient(600px at 50% 50%, rgba(255, 255, 255, 0.1), transparent);
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .showcase-image:hover[b-zigywia4l5] {
        border-color: rgba(255, 107, 91, 0.6);
        background: linear-gradient(135deg, rgba(255, 107, 91, 0.2) 0%, rgba(255, 200, 124, 0.15) 100%);
        transform: translateY(-4px);
        box-shadow: 0 15px 40px rgba(255, 107, 91, 0.2);
    }

        .showcase-image:hover[b-zigywia4l5]::before {
            opacity: 1;
        }

/* CTA Section */
.cta-section[b-zigywia4l5] {
    text-align: center;
    padding: 4rem 2rem;
    margin-top: 4rem;
    background: linear-gradient(135deg, rgba(255, 107, 91, 0.1) 0%, rgba(255, 200, 124, 0.08) 100%);
    border-radius: 12px;
    border: 1px solid rgba(255, 107, 91, 0.2);
}

.cta-title[b-zigywia4l5] {
    font-size: 2rem;
    font-weight: 800;
    color: white;
    margin-bottom: 1rem;
}

.cta-description[b-zigywia4l5] {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 2rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

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

.btn-cta[b-zigywia4l5] {
    padding: 0.9rem 2.2rem;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.btn-cta-primary[b-zigywia4l5] {
    background: linear-gradient(135deg, #ff6b5b 0%, #ff5847 100%);
    color: white;
    box-shadow: 0 8px 20px rgba(255, 107, 91, 0.3);
}

    .btn-cta-primary:hover[b-zigywia4l5] {
        transform: translateY(-3px);
        box-shadow: 0 12px 35px rgba(255, 107, 91, 0.5);
    }

.btn-cta-secondary[b-zigywia4l5] {
    background: transparent;
    color: rgba(255, 200, 124, 0.95);
    border: 2px solid rgba(255, 200, 124, 0.6);
}

    .btn-cta-secondary:hover[b-zigywia4l5] {
        background: rgba(255, 200, 124, 0.1);
        border-color: rgba(255, 200, 124, 0.95);
    }

/* Animations */
@keyframes fadeInUp-b-zigywia4l5 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design */
@media (max-width: 1024px) {
    .faq-title[b-zigywia4l5] {
        font-size: 2.2rem;
    }

    .faq-subtitle[b-zigywia4l5] {
        font-size: 1.1rem;
    }

    .showcase-section[b-zigywia4l5] {
        grid-template-columns: 1fr;
        gap: 2rem;
        margin-bottom: 4rem;
    }

    .showcase-section:nth-child(even)[b-zigywia4l5] {
        direction: ltr;
    }

    .showcase-content[b-zigywia4l5] {
        padding: 1.5rem;
    }

    .showcase-title[b-zigywia4l5] {
        font-size: 1.7rem;
    }

    .showcase-image[b-zigywia4l5] {
        aspect-ratio: 16/12;
    }
}

@media (max-width: 768px) {
    .faq-header[b-zigywia4l5] {
        padding: 2.5rem 1.5rem;
    }

    .faq-title[b-zigywia4l5] {
        font-size: 1.8rem;
    }

    .faq-subtitle[b-zigywia4l5] {
        font-size: 1rem;
    }

    .faq-content[b-zigywia4l5] {
        padding: 2.5rem 1.5rem;
    }

    .showcase-section[b-zigywia4l5] {
        margin-bottom: 3rem;
    }

    .showcase-content[b-zigywia4l5] {
        padding: 1rem;
    }

    .showcase-title[b-zigywia4l5] {
        font-size: 1.4rem;
    }

    .showcase-text[b-zigywia4l5] {
        font-size: 0.95rem;
        line-height: 1.6;
    }

    .showcase-image[b-zigywia4l5] {
        aspect-ratio: 16/14;
        font-size: 2.5rem;
    }

    .cta-section[b-zigywia4l5] {
        padding: 2.5rem 1.5rem;
        margin-top: 3rem;
    }

    .cta-title[b-zigywia4l5] {
        font-size: 1.6rem;
    }

    .cta-description[b-zigywia4l5] {
        font-size: 1rem;
    }

    .cta-buttons[b-zigywia4l5] {
        flex-direction: column;
    }

    .btn-cta[b-zigywia4l5] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .faq-header[b-zigywia4l5] {
        padding: 2rem 1rem;
    }

    .faq-title[b-zigywia4l5] {
        font-size: 1.5rem;
    }

    .faq-subtitle[b-zigywia4l5] {
        font-size: 0.9rem;
    }

    .faq-content[b-zigywia4l5] {
        padding: 1.5rem 1rem;
    }

    .showcase-section[b-zigywia4l5] {
        margin-bottom: 2rem;
    }

    .showcase-title[b-zigywia4l5] {
        font-size: 1.2rem;
    }

    .showcase-text[b-zigywia4l5] {
        font-size: 0.9rem;
        margin: 1rem 0;
    }

    .cta-section[b-zigywia4l5] {
        padding: 2rem 1rem;
    }

    .cta-title[b-zigywia4l5] {
        font-size: 1.3rem;
    }
}
/* /Components/Pages/FAQ/Overview-Users.razor.rz.scp.css */
.faq-page[b-funkjri0ul] {
    min-height: 100vh;
    background: linear-gradient(135deg, rgba(20, 20, 30, 0.95) 0%, rgba(40, 30, 60, 0.9) 100%);
    padding: 0;
}

.faq-section[b-funkjri0ul] {
    padding: 0;
    background: transparent;
}

/* Header Section */
.faq-header[b-funkjri0ul] {
    text-align: center;
    padding: 4rem 2rem;
    background: linear-gradient(135deg, rgba(255, 107, 91, 0.1) 0%, rgba(255, 200, 124, 0.08) 100%);
    border-bottom: 1px solid rgba(255, 107, 91, 0.2);
}

.faq-title[b-funkjri0ul] {
    font-size: 3rem;
    font-weight: 900;
    color: white;
    margin: 0 0 1rem 0;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

    .faq-title i[b-funkjri0ul] {
        margin-right: 0.8rem;
    }

.faq-subtitle[b-funkjri0ul] {
    font-size: 1.3rem;
    color: rgba(255, 200, 124, 0.85);
    margin: 0;
    line-height: 1.6;
}

/* Content Sections */
.faq-content[b-funkjri0ul] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 4rem 2rem;
}

.showcase-section[b-funkjri0ul] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
    margin-bottom: 6rem;
    animation: fadeInUp-b-funkjri0ul 0.8s ease-out forwards;
    opacity: 0;
}

    .showcase-section:nth-child(odd)[b-funkjri0ul] {
        animation-delay: 0.1s;
    }

    .showcase-section:nth-child(even)[b-funkjri0ul] {
        animation-delay: 0.2s;
        direction: rtl;
    }

        .showcase-section:nth-child(even) > *[b-funkjri0ul] {
            direction: ltr;
        }

.showcase-content[b-funkjri0ul] {
    padding: 2rem;
}

.showcase-title[b-funkjri0ul] {
    font-size: 2rem;
    font-weight: 800;
    color: white;
    margin: 0 0 1.5rem 0;
    background: linear-gradient(135deg, rgba(255, 200, 124, 0.95), rgba(255, 107, 91, 0.85));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.showcase-text[b-funkjri0ul] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.05rem;
    line-height: 1.8;
    margin: 1.5rem 0;
}

    .showcase-text p[b-funkjri0ul] {
        margin: 0 0 1rem 0;
    }

    .showcase-text ul[b-funkjri0ul] {
        list-style: none;
        padding: 0;
        margin: 1.5rem 0;
    }

        .showcase-text ul li[b-funkjri0ul] {
            padding: 0.6rem 0 0.6rem 1.8rem;
            position: relative;
            margin-bottom: 0.8rem;
        }

            .showcase-text ul li[b-funkjri0ul]:before {
                content: '✓';
                position: absolute;
                left: 0;
                color: rgba(255, 200, 124, 0.95);
                font-weight: 800;
                font-size: 1.2rem;
            }

.showcase-image[b-funkjri0ul] {
    background: linear-gradient(135deg, rgba(255, 107, 91, 0.15) 0%, rgba(255, 200, 124, 0.1) 100%);
    border: 2px solid rgba(255, 107, 91, 0.3);
    border-radius: 12px;
    aspect-ratio: 16/10;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.5rem;
    color: rgba(255, 200, 124, 0.4);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
    overflow: hidden;
}

    .showcase-image[b-funkjri0ul]::before {
        content: '';
        position: absolute;
        inset: 0;
        background: radial-gradient(600px at 50% 50%, rgba(255, 255, 255, 0.1), transparent);
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .showcase-image:hover[b-funkjri0ul] {
        border-color: rgba(255, 107, 91, 0.6);
        background: linear-gradient(135deg, rgba(255, 107, 91, 0.2) 0%, rgba(255, 200, 124, 0.15) 100%);
        transform: translateY(-4px);
        box-shadow: 0 15px 40px rgba(255, 107, 91, 0.2);
    }

        .showcase-image:hover[b-funkjri0ul]::before {
            opacity: 1;
        }

/* CTA Section */
.cta-section[b-funkjri0ul] {
    text-align: center;
    padding: 4rem 2rem;
    margin-top: 4rem;
    background: linear-gradient(135deg, rgba(255, 107, 91, 0.1) 0%, rgba(255, 200, 124, 0.08) 100%);
    border-radius: 12px;
    border: 1px solid rgba(255, 107, 91, 0.2);
}

.cta-title[b-funkjri0ul] {
    font-size: 2rem;
    font-weight: 800;
    color: white;
    margin-bottom: 1rem;
}

.cta-description[b-funkjri0ul] {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 2rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

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

.btn-cta[b-funkjri0ul] {
    padding: 0.9rem 2.2rem;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.btn-cta-primary[b-funkjri0ul] {
    background: linear-gradient(135deg, #ff6b5b 0%, #ff5847 100%);
    color: white;
    box-shadow: 0 8px 20px rgba(255, 107, 91, 0.3);
}

    .btn-cta-primary:hover[b-funkjri0ul] {
        transform: translateY(-3px);
        box-shadow: 0 12px 35px rgba(255, 107, 91, 0.5);
    }

.btn-cta-secondary[b-funkjri0ul] {
    background: transparent;
    color: rgba(255, 200, 124, 0.95);
    border: 2px solid rgba(255, 200, 124, 0.6);
}

    .btn-cta-secondary:hover[b-funkjri0ul] {
        background: rgba(255, 200, 124, 0.1);
        border-color: rgba(255, 200, 124, 0.95);
    }

/* Animations */
@keyframes fadeInUp-b-funkjri0ul {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design */
@media (max-width: 1024px) {
    .faq-title[b-funkjri0ul] {
        font-size: 2.2rem;
    }

    .faq-subtitle[b-funkjri0ul] {
        font-size: 1.1rem;
    }

    .showcase-section[b-funkjri0ul] {
        grid-template-columns: 1fr;
        gap: 2rem;
        margin-bottom: 4rem;
    }

    .showcase-section:nth-child(even)[b-funkjri0ul] {
        direction: ltr;
    }

    .showcase-content[b-funkjri0ul] {
        padding: 1.5rem;
    }

    .showcase-title[b-funkjri0ul] {
        font-size: 1.7rem;
    }

    .showcase-image[b-funkjri0ul] {
        aspect-ratio: 16/12;
    }
}

@media (max-width: 768px) {
    .faq-header[b-funkjri0ul] {
        padding: 2.5rem 1.5rem;
    }

    .faq-title[b-funkjri0ul] {
        font-size: 1.8rem;
    }

    .faq-subtitle[b-funkjri0ul] {
        font-size: 1rem;
    }

    .faq-content[b-funkjri0ul] {
        padding: 2.5rem 1.5rem;
    }

    .showcase-section[b-funkjri0ul] {
        margin-bottom: 3rem;
    }

    .showcase-content[b-funkjri0ul] {
        padding: 1rem;
    }

    .showcase-title[b-funkjri0ul] {
        font-size: 1.4rem;
    }

    .showcase-text[b-funkjri0ul] {
        font-size: 0.95rem;
        line-height: 1.6;
    }

    .showcase-image[b-funkjri0ul] {
        aspect-ratio: 16/14;
        font-size: 2.5rem;
    }

    .cta-section[b-funkjri0ul] {
        padding: 2.5rem 1.5rem;
        margin-top: 3rem;
    }

    .cta-title[b-funkjri0ul] {
        font-size: 1.6rem;
    }

    .cta-description[b-funkjri0ul] {
        font-size: 1rem;
    }

    .cta-buttons[b-funkjri0ul] {
        flex-direction: column;
    }

    .btn-cta[b-funkjri0ul] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .faq-header[b-funkjri0ul] {
        padding: 2rem 1rem;
    }

    .faq-title[b-funkjri0ul] {
        font-size: 1.5rem;
    }

    .faq-subtitle[b-funkjri0ul] {
        font-size: 0.9rem;
    }

    .faq-content[b-funkjri0ul] {
        padding: 1.5rem 1rem;
    }

    .showcase-section[b-funkjri0ul] {
        margin-bottom: 2rem;
    }

    .showcase-title[b-funkjri0ul] {
        font-size: 1.2rem;
    }

    .showcase-text[b-funkjri0ul] {
        font-size: 0.9rem;
        margin: 1rem 0;
    }

    .cta-section[b-funkjri0ul] {
        padding: 2rem 1rem;
    }

    .cta-title[b-funkjri0ul] {
        font-size: 1.3rem;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/*:global(:root) {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    --accent-gradient: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}
*/
.col-lg-8[b-kvte7tj3a8] {
    overflow: visible !important;
}

/* Sposta il contenuto della hero verso l'alto */
:deep(.hero)[b-kvte7tj3a8] {
    align-items: flex-start;
}

:deep(.hero .container)[b-kvte7tj3a8] {
    padding-top: 40px;
}

/* Root animations */
.search-container[b-kvte7tj3a8] {
    position: relative;
    transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    will-change: transform;
}

    .search-container.centered[b-kvte7tj3a8] {
        transform: translateY(0) scale(1);
    }

    .search-container.compact[b-kvte7tj3a8] {
        transform: translateY(-8vh) scale(1);
    }

.hero-title[b-kvte7tj3a8] {
    transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform-origin: center;
    will-change: font-size, opacity;
}

    .hero-title.hidden[b-kvte7tj3a8] {
        opacity: 0;
        transform: scale(0.8);
        pointer-events: none;
    }

    .hero-title.visible[b-kvte7tj3a8] {
        opacity: 1;
        transform: scale(1);
    }

.search-wrapper[b-kvte7tj3a8] {
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform-origin: center;
    will-change: transform;
}

    .search-wrapper.large[b-kvte7tj3a8] {
        transform: scale(1);
        opacity: 1;
    }

    .search-wrapper.small[b-kvte7tj3a8] {
        transform: scale(0.7);
        opacity: 0.95;
    }

/* Results Section */
.results-section[b-kvte7tj3a8] {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    z-index: 100;
}

    .results-section.visible[b-kvte7tj3a8] {
        opacity: 1;
        transform: translateY(0);
        max-height: none;
        overflow: visible;
        pointer-events: all;
    }

/* Results Header Animation */
.results-header[b-kvte7tj3a8] {
    text-align: center;
    margin-bottom: 0.8rem;
    margin-top: 0.3rem;
    background: linear-gradient(135deg, rgba(255, 200, 124, 0.15), rgba(255, 152, 0, 0.12));
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 8px;
    padding: 0.8rem 1rem;
    color: white;
    opacity: 0;
    animation: slideDown-b-kvte7tj3a8 0.6s ease-out 0.2s forwards;
}

.results-header-title[b-kvte7tj3a8] {
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffc800;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 0.2rem;
}

.results-header-subtitle[b-kvte7tj3a8] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
}

.search-match-info[b-kvte7tj3a8] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 0.3rem;
}

.search-match-badge[b-kvte7tj3a8] {
    display: inline-block;
    background: rgba(255, 107, 91, 0.3);
    color: #ffffff;
    padding: 0.2rem 0.6rem;
    border-radius: 12px;
    font-size: 0.7rem;
    margin-left: 0.5rem;
}

@keyframes slideDown-b-kvte7tj3a8 {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }

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

/* Structure Cards */
.results-grid[b-kvte7tj3a8] {
    display: grid;
    gap: 1.5rem;
    animation: gridAppear-b-kvte7tj3a8 0.5s ease-out 0.3s forwards;
    opacity: 0;
}

@keyframes gridAppear-b-kvte7tj3a8 {
    to {
        opacity: 1;
    }
}

.structure-card[b-kvte7tj3a8] {
    background: linear-gradient(135deg, #1e1e2e 0%, #2d2d44 100%);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: translateY(40px);
    cursor: pointer;
    border: 1px solid rgba(255, 107, 91, 0.2);
}

    .structure-card[b-kvte7tj3a8]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: radial-gradient(600px at 50% 50%, rgba(255, 255, 255, 0.1), transparent);
        opacity: 0;
        transition: opacity 0.5s ease;
        pointer-events: none;
    }

    .structure-card[b-kvte7tj3a8]::after {
        content: '';
        position: absolute;
        top: -100%;
        left: -100%;
        width: 300%;
        height: 300%;
        background: linear-gradient( 45deg, transparent 0%, rgba(255, 255, 255, 0.1) 50%, transparent 100% );
        animation: shine-b-kvte7tj3a8 3s infinite;
    }

@keyframes shine-b-kvte7tj3a8 {
    0% {
        transform: translate(-100%, -100%) rotate(45deg);
    }

    100% {
        transform: translate(100%, 100%) rotate(45deg);
    }
}

.structure-card:nth-child(1)[b-kvte7tj3a8] {
    animation: cardSlideIn-b-kvte7tj3a8 0.6s ease-out 0.4s forwards;
}

.structure-card:nth-child(2)[b-kvte7tj3a8] {
    animation: cardSlideIn-b-kvte7tj3a8 0.6s ease-out 0.5s forwards;
}

.structure-card:nth-child(3)[b-kvte7tj3a8] {
    animation: cardSlideIn-b-kvte7tj3a8 0.6s ease-out 0.6s forwards;
}

.structure-card:nth-child(4)[b-kvte7tj3a8] {
    animation: cardSlideIn-b-kvte7tj3a8 0.6s ease-out 0.7s forwards;
}

.structure-card:nth-child(5)[b-kvte7tj3a8] {
    animation: cardSlideIn-b-kvte7tj3a8 0.6s ease-out 0.8s forwards;
}

.structure-card:nth-child(n+6)[b-kvte7tj3a8] {
    animation: cardSlideIn-b-kvte7tj3a8 0.6s ease-out 0.9s forwards;
}

@keyframes cardSlideIn-b-kvte7tj3a8 {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

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

.structure-card:hover[b-kvte7tj3a8] {
    transform: translateY(-8px);
    box-shadow: 0 15px 50px rgba(255, 107, 91, 0.25);
    border-color: rgba(255, 107, 91, 0.5);
}

/* Card Content */
.structure-name[b-kvte7tj3a8] {
    color: #ffffff;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    text-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2);
}

    .structure-name i[b-kvte7tj3a8] {
        font-size: 1.5rem;
        opacity: 0.95;
    }

.structure-info[b-kvte7tj3a8] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.85rem;
    margin-bottom: 0.6rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

    .structure-info i[b-kvte7tj3a8] {
        font-size: 1rem;
        min-width: 20px;
        color: rgba(255, 107, 91, 0.8);
    }

.assets-header[b-kvte7tj3a8] {
    margin-top: 1.2rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 107, 91, 0.2);
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.8rem;
}

.assets-container[b-kvte7tj3a8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.2rem;
}

.asset-tag[b-kvte7tj3a8] {
    background: rgba(255, 107, 91, 0.15);
    backdrop-filter: blur(10px);
    color: #ffffff;
    padding: 0.4rem 0.9rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
    border: 1px solid rgba(255, 107, 91, 0.3);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

    .asset-tag[b-kvte7tj3a8]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: rgba(255, 107, 91, 0.2);
        transition: left 0.3s ease;
    }

    .asset-tag:hover[b-kvte7tj3a8]::before {
        left: 100%;
    }

    .asset-tag:hover[b-kvte7tj3a8] {
        background: rgba(255, 107, 91, 0.25);
        transform: translateY(-2px) scale(1.05);
        border-color: rgba(255, 107, 91, 0.6);
        box-shadow: 0 6px 16px rgba(255, 107, 91, 0.2);
    }

    .asset-tag i[b-kvte7tj3a8] {
        animation: pulse 2s ease-in-out infinite;
        color: rgba(255, 107, 91, 0.9);
    }

/* Prenota Ora Button */
.btn-prenota[b-kvte7tj3a8] {
    background: linear-gradient(135deg, #ff6b5b 0%, #ff5847 100%);
    color: white;
    border: none;
    padding: 0.6rem 1.4rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 0.8rem;
    box-shadow: 0 4px 15px rgba(255, 107, 91, 0.3);
}

    .btn-prenota:hover[b-kvte7tj3a8] {
        transform: translateY(-3px);
        box-shadow: 0 8px 25px rgba(255, 107, 91, 0.5);
        background: linear-gradient(135deg, #ff7b6b 0%, #ff6b57 100%);
    }

    .btn-prenota:active[b-kvte7tj3a8] {
        transform: translateY(-1px);
    }

.btn-visualizza[b-kvte7tj3a8] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    padding: 0.6rem 1.4rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 0.5rem;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

    .btn-visualizza:hover[b-kvte7tj3a8] {
        transform: translateY(-3px);
        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.5);
        background: linear-gradient(135deg, #7b8eef 0%, #8b5cb5 100%);
    }

    .btn-visualizza:active[b-kvte7tj3a8] {
        transform: translateY(-1px);
    }

/* Stili per differenziare i risultati dell'autocomplete */
.search-result-item[b-kvte7tj3a8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.search-result-icon[b-kvte7tj3a8] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    flex-shrink: 0;
}

    .search-result-icon.activity-icon[b-kvte7tj3a8] {
        background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
        color: white;
    }

    .search-result-icon.structure-icon[b-kvte7tj3a8] {
        background: linear-gradient(135deg, #ff6b5b 0%, #ff5847 100%);
        color: white;
    }

.search-result-content[b-kvte7tj3a8] {
    flex: 1;
    min-width: 0;
}

.search-result-name[b-kvte7tj3a8] {
    font-weight: 600;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-result-subtitle[b-kvte7tj3a8] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-result-distance[b-kvte7tj3a8] {
    font-size: 0.7rem;
    color: rgba(255, 200, 124, 0.95);
    font-weight: 500;
}

.search-result-badge[b-kvte7tj3a8] {
    font-size: 0.65rem;
    padding: 0.2rem 0.5rem;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    flex-shrink: 0;
}

    .search-result-badge.activity-badge[b-kvte7tj3a8] {
        background: rgba(79, 172, 254, 0.25);
        color: #7fc4fe;
    }

    .search-result-badge.structure-badge[b-kvte7tj3a8] {
        background: rgba(255, 107, 91, 0.25);
        color: #ff9080;
    }

/* Info Panels Section */
.info-panels-wrapper[b-kvte7tj3a8] {
    animation: fadeInDown-b-kvte7tj3a8 0.6s ease-out;
    margin-bottom: 2rem;
    margin-top: -1rem;
}

.info-panels-container[b-kvte7tj3a8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    max-width: 100%;
    margin: 0 auto;
}

.info-panel[b-kvte7tj3a8] {
    background: linear-gradient(135deg, rgba(255, 107, 91, 0.12) 0%, rgba(255, 200, 124, 0.08) 100%);
    border: 1px solid rgba(255, 107, 91, 0.25);
    border-radius: 8px;
    padding: 0.9rem 1.2rem;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
    user-select: none;
}

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

    .info-panel:hover[b-kvte7tj3a8]::before {
        left: 100%;
    }

    .info-panel:hover[b-kvte7tj3a8] {
        transform: translateY(-2px);
        border-color: rgba(255, 107, 91, 0.5);
        background: linear-gradient(135deg, rgba(255, 107, 91, 0.18) 0%, rgba(255, 200, 124, 0.12) 100%);
        box-shadow: 0 8px 20px rgba(255, 107, 91, 0.15);
    }

.panel-icon[b-kvte7tj3a8] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: rgba(255, 107, 91, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    color: rgba(255, 200, 124, 0.9);
    margin-right: 0.8rem;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

    .info-panel:hover .panel-icon[b-kvte7tj3a8] {
        transform: scale(1.1);
        background: rgba(255, 107, 91, 0.25);
    }

.panel-content[b-kvte7tj3a8] {
    flex: 1;
    min-width: 0;
}

.panel-title[b-kvte7tj3a8] {
    font-size: 0.95rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.95);
    margin: 0;
    transition: color 0.3s ease;
}

    .info-panel:hover .panel-title[b-kvte7tj3a8] {
        color: rgba(255, 200, 124, 0.95);
    }

.panel-subtitle[b-kvte7tj3a8] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.65);
    margin: 0.2rem 0 0 0;
    line-height: 1.3;
}

.panel-cta[b-kvte7tj3a8] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.8rem;
    flex-shrink: 0;
}

    .panel-cta i[b-kvte7tj3a8] {
        color: rgba(255, 200, 124, 0.8);
        font-size: 0.9rem;
        transition: all 0.3s ease;
    }

    .info-panel:hover .panel-cta i[b-kvte7tj3a8] {
        transform: translateX(3px);
        color: rgba(255, 200, 124, 0.95);
    }

@keyframes fadeInDown-b-kvte7tj3a8 {
    from {
        opacity: 0;
        transform: translateY(-15px);
    }

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

@media (max-width: 768px) {
    .info-panels-container[b-kvte7tj3a8] {
        grid-template-columns: 1fr;
        gap: 0.8rem;
    }

    .info-panel[b-kvte7tj3a8] {
        padding: 0.75rem 1rem;
    }

    .panel-icon[b-kvte7tj3a8] {
        width: 35px;
        height: 35px;
        font-size: 1.1rem;
        margin-right: 0.6rem;
    }

    .panel-title[b-kvte7tj3a8] {
        font-size: 0.9rem;
    }

    .panel-subtitle[b-kvte7tj3a8] {
        font-size: 0.7rem;
    }
}

/* Message for no search results in autocomplete */
.search-no-results-message[b-kvte7tj3a8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    background: rgba(255, 107, 91, 0.1);
    border-left: 3px solid rgba(255, 107, 91, 0.5);
    border-radius: 4px;
    text-align: center;
    pointer-events: none;
    user-select: none;
}

    .search-no-results-message i[b-kvte7tj3a8] {
        color: rgba(255, 107, 91, 0.8);
        font-size: 1.2rem;
        flex-shrink: 0;
    }

    .search-no-results-message span[b-kvte7tj3a8] {
        flex: 1;
    }

/* No Results Section */
.no-results[b-kvte7tj3a8] {
    text-align: center;
    padding: 3rem 1.5rem;
    color: rgba(255, 255, 255, 0.8);
    animation: fadeInUp-b-kvte7tj3a8 0.6s ease-out;
}

.no-results-icon[b-kvte7tj3a8] {
    font-size: 3rem;
    color: rgba(255, 107, 91, 0.5);
    margin-bottom: 1rem;
    opacity: 0.8;
}

.no-results-title[b-kvte7tj3a8] {
    font-size: 1.3rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0.5rem;
}

.no-results-subtitle[b-kvte7tj3a8] {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 1rem;
}

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

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Pages/HomeFastSearch.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   HomeFastSearch.razor.css — Ricerca Veloce Wizard
   Dark Mode First · Coerente con il tema SportPal
   ═══════════════════════════════════════════════════════════════ */

/* ── Contenitore principale ── */
.fast-search-container[b-iwbos24lma] {
    max-width: 900px;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
    min-height: 60vh;
}

/* ══════════════════════════════
   STEP INDICATOR
   ══════════════════════════════ */
.fs-wizard-steps[b-iwbos24lma] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2.5rem;
    gap: 0;
    flex-wrap: nowrap;
}

.fs-step[b-iwbos24lma] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    opacity: 0.4;
    transition: opacity 0.3s ease;
}

.fs-step.active[b-iwbos24lma],
.fs-step.done[b-iwbos24lma] {
    opacity: 1;
}

.fs-step-circle[b-iwbos24lma] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #2d2d3a;
    border: 2px solid #555;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: #888;
    transition: all 0.3s ease;
}

.fs-step.active .fs-step-circle[b-iwbos24lma] {
    background: #667eea;
    border-color: #667eea;
    color: #fff;
    box-shadow: 0 0 16px rgba(102, 126, 234, 0.4);
}

.fs-step.done .fs-step-circle[b-iwbos24lma] {
    background: #4caf50;
    border-color: #4caf50;
    color: #fff;
}

.fs-step-label[b-iwbos24lma] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #888;
}

.fs-step.active .fs-step-label[b-iwbos24lma],
.fs-step.done .fs-step-label[b-iwbos24lma] {
    color: #e0e0e0;
}

.fs-step-connector[b-iwbos24lma] {
    flex: 1;
    height: 2px;
    background: #444;
    min-width: 24px;
    max-width: 60px;
    margin-bottom: 1.5rem;
    transition: background 0.3s ease;
}

.fs-step-connector.done[b-iwbos24lma] {
    background: #4caf50;
}

/* ══════════════════════════════
   LOADING
   ══════════════════════════════ */
.fs-loading[b-iwbos24lma] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    padding: 4rem 0;
    color: #bbb;
    font-size: 1rem;
}

/* ══════════════════════════════
   STEP CONTENT
   ══════════════════════════════ */
.fs-step-content[b-iwbos24lma] {
    animation: fsSlideIn-b-iwbos24lma 0.3s ease;
}

@keyframes fsSlideIn-b-iwbos24lma {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Header step ── */
.fs-step-header[b-iwbos24lma] {
    margin-bottom: 2rem;
}

.fs-step-header h2[b-iwbos24lma] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #667eea;
    margin: 0.5rem 0 0.4rem;
}

.fs-step-header p[b-iwbos24lma] {
    color: #adb5bd;
    margin: 0;
    font-size: 0.95rem;
}

.fs-step-header-row[b-iwbos24lma] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

.fs-selected-info[b-iwbos24lma] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    color: #ccc;
}

.fs-selected-info i[b-iwbos24lma] {
    color: #667eea;
}

.fs-badge[b-iwbos24lma] {
    background: rgba(102, 126, 234, 0.15);
    color: #667eea;
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 20px;
    padding: 0.15rem 0.65rem;
    font-size: 0.78rem;
    font-weight: 600;
}

/* ══════════════════════════════
   SEARCH BOX (step 1)
   ══════════════════════════════ */
.fs-search-box[b-iwbos24lma] {
    position: relative;
    margin-bottom: 1.75rem;
}

.fs-search-icon[b-iwbos24lma] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
    font-size: 0.95rem;
    pointer-events: none;
}

.fs-search-input[b-iwbos24lma] {
    width: 100%;
    padding: 0.85rem 3rem 0.85rem 2.75rem;
    background: #1e1e2e;
    border: 1px solid #3a3a4e;
    border-radius: 12px;
    color: #e0e0e0;
    font-size: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.fs-search-input:focus[b-iwbos24lma] {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
}

.fs-search-input[b-iwbos24lma]::placeholder {
    color: #666;
}

.fs-search-clear[b-iwbos24lma] {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #888;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    transition: color 0.2s ease;
}

.fs-search-clear:hover[b-iwbos24lma] {
    color: #e0e0e0;
}

/* ══════════════════════════════
   SPORT GRID (step 1)
   ══════════════════════════════ */
.fs-sport-grid[b-iwbos24lma] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}

/* Griglia recenti: stessa larghezza base ma con sfondo evidenziato sui bottoni */
.fs-sport-grid-recent[b-iwbos24lma] {
    gap: 0.6rem;
    margin-bottom: 0.25rem;
}

.fs-sport-btn-recent[b-iwbos24lma] {
    border-color: #667eea;
    background: linear-gradient(135deg, #1e1e38, #252545);
    color: #c8c8ff;
}

.fs-sport-btn-recent:hover[b-iwbos24lma] {
    background: linear-gradient(135deg, #2a2a50, #333365);
    border-color: #a78bfa;
    color: #ffffff;
}

.fs-recent-label[b-iwbos24lma] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #888;
    margin: 0.5rem 0 0.4rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.fs-all-label[b-iwbos24lma] {
    margin-top: 1rem;
}

.fs-sport-btn[b-iwbos24lma] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.85rem 1rem;
    background: #1e1e2e;
    border: 1px solid #3a3a4e;
    border-radius: 12px;
    color: #d0d0e0;
    font-size: 0.92rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    text-align: left;
    width: 100%;
}

.fs-sport-btn:hover[b-iwbos24lma] {
    background: #262638;
    border-color: #667eea;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(102, 126, 234, 0.2);
}

.fs-sport-icon[b-iwbos24lma] {
    font-size: 1.15rem;
    color: #667eea;
    min-width: 1.4rem;
    text-align: center;
    flex-shrink: 0;
}

.fs-sport-name[b-iwbos24lma] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ══════════════════════════════
   FASCE ORARIE (step 3)
   ══════════════════════════════ */
.fs-timebands[b-iwbos24lma] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.fs-timeband-card[b-iwbos24lma] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.2rem 1.5rem;
    border-radius: 14px;
    border: 2px solid transparent;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
}

.fs-timeband-card:hover:not(.disabled)[b-iwbos24lma] {
    transform: translateX(6px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.fs-timeband-card.selected[b-iwbos24lma] {
    border-color: #667eea;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.15);
}

.fs-timeband-card.disabled[b-iwbos24lma] {
    opacity: 0.45;
    cursor: not-allowed;
}

.fs-timeband-hours[b-iwbos24lma] {
    font-size: 1.1rem;
    font-weight: 700;
    min-width: 160px;
}

.fs-timeband-info[b-iwbos24lma] {
    flex: 1;
}

.fs-timeband-slots[b-iwbos24lma] {
    font-size: 0.9rem;
    font-weight: 500;
}

.fs-timeband-empty[b-iwbos24lma] {
    font-size: 0.88rem;
    opacity: 0.7;
}

.fs-timeband-arrow[b-iwbos24lma] {
    font-size: 1.1rem;
    opacity: 0.7;
}

/* ══════════════════════════════
   LISTA SLOT (step 4)
   ══════════════════════════════ */
.fs-slots-list[b-iwbos24lma] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.fs-slot-card[b-iwbos24lma] {
    background: #1e1e2e;
    border: 1px solid #3a3a4e;
    border-radius: 14px;
    padding: 1.25rem 1.5rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.fs-slot-card:hover[b-iwbos24lma] {
    border-color: #667eea;
    box-shadow: 0 4px 20px rgba(102, 126, 234, 0.1);
}

.fs-slot-header[b-iwbos24lma] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    gap: 1rem;
}

.fs-slot-names[b-iwbos24lma] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.fs-slot-structure[b-iwbos24lma] {
    font-size: 0.82rem;
    font-weight: 500;
    color: #adb5bd;
}

.fs-slot-structure i[b-iwbos24lma] {
    color: #667eea;
    margin-right: 0.25rem;
}

.fs-slot-asset[b-iwbos24lma] {
    font-size: 0.88rem;
    color: #adb5bd;
    padding-left: 1.2rem;
}

.fs-slot-distance[b-iwbos24lma] {
    font-size: 0.8rem;
    color: #888;
    white-space: nowrap;
    background: #262638;
    border-radius: 20px;
    padding: 0.15rem 0.6rem;
}

.fs-slot-custom-address[b-iwbos24lma] {
    font-size: 0.82rem;
    color: #ffca28;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.75rem;
    background: rgba(255, 202, 40, 0.08);
    border-radius: 8px;
    border-left: 3px solid #ffca28;
}

.fs-custom-address-label[b-iwbos24lma] {
    font-weight: 600;
}

.fs-slot-city[b-iwbos24lma] {
    font-size: 0.82rem;
    color: #888;
    margin-bottom: 0.5rem;
}

.fs-slot-city i[b-iwbos24lma] {
    margin-right: 0.3rem;
    color: #667eea;
}

.fs-slot-details[b-iwbos24lma] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 0.65rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid #2d2d3a;
    flex-wrap: wrap;
}

.fs-slot-time[b-iwbos24lma] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 1.15rem;
    font-weight: 700;
    color: #e0e0e0;
}

.fs-slot-time i[b-iwbos24lma] {
    color: #667eea;
}

.fs-slot-duration[b-iwbos24lma] {
    font-size: 0.85rem;
    color: #adb5bd;
}

.fs-slot-availability[b-iwbos24lma] {
    font-size: 0.85rem;
}

.fs-spots-ok[b-iwbos24lma] {
    color: #4caf50;
}

.fs-spots-queue[b-iwbos24lma] {
    color: #ffc107;
}

.fs-slot-footer[b-iwbos24lma] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.875rem;
    padding-top: 0.875rem;
    border-top: 1px solid #2d2d3a;
    gap: 1rem;
}

.fs-price[b-iwbos24lma] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #e0e0e0;
}

.fs-price-restricted[b-iwbos24lma] {
    font-size: 0.88rem;
    color: #888;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.fs-price-restricted i[b-iwbos24lma] {
    color: #adb5bd;
}

/* ── Bottoni azione slot ── */
.fs-btn-buy[b-iwbos24lma],
.fs-btn-book[b-iwbos24lma] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.4rem;
    border: none;
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.fs-btn-buy[b-iwbos24lma] {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
}

.fs-btn-buy:hover[b-iwbos24lma] {
    background: linear-gradient(135deg, #5c72d8, #6a4294);
    box-shadow: 0 4px 16px rgba(102, 126, 234, 0.35);
    transform: translateY(-1px);
}

.fs-btn-book[b-iwbos24lma] {
    background: linear-gradient(135deg, #4caf50, #388e3c);
    color: #fff;
}

.fs-btn-book:hover[b-iwbos24lma] {
    background: linear-gradient(135deg, #43a047, #2e7d32);
    box-shadow: 0 4px 16px rgba(76, 175, 80, 0.35);
    transform: translateY(-1px);
}

.fs-btn-affiliate[b-iwbos24lma] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.4rem;
    background: linear-gradient(135deg, #ff6b35, #e84393);
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.fs-btn-affiliate:hover[b-iwbos24lma] {
    background: linear-gradient(135deg, #e55e2a, #d03a83);
    box-shadow: 0 4px 16px rgba(232, 67, 147, 0.3);
    transform: translateY(-1px);
}

.fs-btn-login[b-iwbos24lma] {
    background: #262638 !important;
    border: 1px solid #667eea !important;
    color: #667eea !important;
    font-weight: 600;
}

.fs-btn-login:hover[b-iwbos24lma] {
    background: rgba(102, 126, 234, 0.12) !important;
    color: #e0e0e0 !important;
}
.fs-btn-back[b-iwbos24lma] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 1rem;
    background: #262638;
    border: 1px solid #3a3a4e;
    border-radius: 8px;
    color: #adb5bd;
    font-size: 0.88rem;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.fs-btn-back:hover[b-iwbos24lma] {
    background: #2d2d45;
    border-color: #667eea;
    color: #e0e0e0;
}

.fs-btn-secondary[b-iwbos24lma] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.25rem;
    background: #1e1e2e;
    border: 1px solid #667eea;
    border-radius: 10px;
    color: #667eea;
    font-size: 0.95rem;
    cursor: pointer;
    margin-top: 1rem;
    transition: all 0.2s ease;
}

.fs-btn-secondary:hover[b-iwbos24lma] {
    background: rgba(102, 126, 234, 0.1);
}

/* ══════════════════════════════
   EMPTY STATE
   ══════════════════════════════ */
.fs-empty-state[b-iwbos24lma] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 3rem 1rem;
    text-align: center;
    color: #888;
}

.fs-empty-state i[b-iwbos24lma] {
    font-size: 2.5rem;
    color: #555;
}

.fs-empty-state p[b-iwbos24lma] {
    font-size: 1rem;
    margin: 0;
    color: #adb5bd;
}

/* ══════════════════════════════
   RESPONSIVE
   ══════════════════════════════ */
@media (max-width: 768px) {
    .fs-sport-grid[b-iwbos24lma] {
        grid-template-columns: repeat(2, 1fr);
    }

    .fs-step-header h2[b-iwbos24lma] {
        font-size: 1.35rem;
    }

    .fs-slot-header[b-iwbos24lma] {
        flex-direction: column;
        gap: 0.4rem;
    }

    .fs-slot-footer[b-iwbos24lma] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .fs-btn-buy[b-iwbos24lma],
    .fs-btn-book[b-iwbos24lma] {
        width: 100%;
        justify-content: center;
    }

    .fs-timeband-card[b-iwbos24lma] {
        flex-wrap: wrap;
    }

    .fs-timeband-hours[b-iwbos24lma] {
        min-width: unset;
    }

    .fs-step-header-row[b-iwbos24lma] {
        flex-direction: column;
        align-items: flex-start;
    }

    .week-navigation[b-iwbos24lma] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }
}

@media (max-width: 480px) {
    .fs-sport-grid[b-iwbos24lma] {
        grid-template-columns: repeat(2, 1fr);
    }

    .fs-wizard-steps[b-iwbos24lma] {
        gap: 0;
    }

    .fs-step-label[b-iwbos24lma] {
        font-size: 0.65rem;
    }

    .fs-step-connector[b-iwbos24lma] {
        min-width: 12px;
    }
}
/* /Components/Pages/Instructors/Lessons.razor.rz.scp.css */
.staff-lessons-card[b-qwwmkvka60] {
    background-color: #1a1a1a;
    border: 1px solid #333;
}

.staff-lessons-month[b-qwwmkvka60] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.75rem;
    border: 1px solid #333;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.25);
    color: #e9ecef;
    font-weight: 600;
}

.staff-lessons-summary[b-qwwmkvka60] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
}

.staff-lessons-summary-item[b-qwwmkvka60] {
    border: 1px solid #333;
    border-radius: 10px;
    padding: 0.75rem;
    background-color: rgba(0, 0, 0, 0.25);
}

.staff-lessons-summary-item .label[b-qwwmkvka60] {
    color: #adb5bd;
    font-size: 0.85rem;
}

.staff-lessons-summary-item .value[b-qwwmkvka60] {
    color: #0dcaf0;
    font-weight: 700;
    font-size: 1.2rem;
}

.staff-lessons-grid :deep(.rz-datatable)[b-qwwmkvka60] {
    background-color: transparent;
}

.staff-lessons-items[b-qwwmkvka60] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.staff-lessons-item[b-qwwmkvka60] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: baseline;
}

.staff-lessons-item .structure[b-qwwmkvka60] {
    color: #e9ecef;
    font-weight: 600;
}

.staff-lessons-item .separator[b-qwwmkvka60] {
    color: #6c757d;
}

.staff-lessons-item .activity[b-qwwmkvka60] {
    color: #adb5bd;
}

.staff-lessons-item .hours[b-qwwmkvka60] {
    margin-left: auto;
    color: #20c997;
    font-weight: 700;
}

.staff-lessons-day-total[b-qwwmkvka60] {
    color: #20c997;
    font-weight: 700;
}

.staff-lessons-monthly-totals[b-qwwmkvka60] {
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #333;
}

.staff-lessons-totals-grid :deep(.rz-datatable)[b-qwwmkvka60] {
    background-color: transparent;
}
/* /Components/Pages/MyAccount.razor.rz.scp.css */
:root[b-v92crn6qhk] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --danger-color: #ff6b5b;
    --success-color: #4caf50;
    --text-light: #999;
    --bg-dark: #0a0e27;
    --bg-darker: #1e1e2e;
    --card-bg: rgba(45, 45, 65, 0.8);
}

.account-container[b-v92crn6qhk] {
    min-height: 100vh;
    background: linear-gradient(180deg, #0a0e27 0%, #1a1a2e 50%, #16213e 100%);
    padding: 2rem 1rem;
}

.account-header[b-v92crn6qhk] {
    text-align: center;
    color: white;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(102, 126, 234, 0.2);
}

.account-header h1[b-v92crn6qhk] {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.account-header p[b-v92crn6qhk] {
    font-size: 1rem;
    opacity: 0.8;
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
}

.account-panel[b-v92crn6qhk] {
    background: var(--card-bg);
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    color: white;
    backdrop-filter: blur(10px);
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.panel-header[b-v92crn6qhk] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-header i[b-v92crn6qhk] {
    font-size: 1.5rem;
    color: #667eea;
}

.panel-header h2[b-v92crn6qhk] {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
    color: white;
}

.panel-description[b-v92crn6qhk] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

.panel-description a[b-v92crn6qhk] {
    color: #667eea;
    text-decoration: none;
}

.panel-description a:hover[b-v92crn6qhk] {
    text-decoration: underline;
}

/* Form Styles */
.form-group[b-v92crn6qhk] {
    margin-bottom: 1.5rem;
}

.form-group label[b-v92crn6qhk] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.9rem;
}

.form-control[b-v92crn6qhk] {
    width: 100%;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 8px;
    color: white;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.form-control:focus[b-v92crn6qhk] {
    outline: none;
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(102, 126, 234, 0.6);
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.form-control:read-only[b-v92crn6qhk] {
    background: rgba(0, 0, 0, 0.2);
    cursor: not-allowed;
    opacity: 0.7;
}

.form-control[b-v92crn6qhk]::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

/* Validation Messages */
.text-danger[b-v92crn6qhk] {
    color: var(--danger-color) !important;
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

/* Buttons */
.btn[b-v92crn6qhk] {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
}

.btn:hover:not(:disabled)[b-v92crn6qhk] {
    transform: translateY(-2px);
}

.btn:active:not(:disabled)[b-v92crn6qhk] {
    transform: translateY(0);
}

.btn:disabled[b-v92crn6qhk] {
    opacity: 0.6;
    cursor: not-allowed;
}

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

.btn-primary:hover:not(:disabled)[b-v92crn6qhk] {
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

.btn-secondary[b-v92crn6qhk] {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    color: #0a0e27;
    box-shadow: 0 4px 15px rgba(79, 172, 254, 0.3);
}

.btn-secondary:hover:not(:disabled)[b-v92crn6qhk] {
    box-shadow: 0 6px 20px rgba(79, 172, 254, 0.4);
}

.btn-outline-secondary[b-v92crn6qhk] {
    background: transparent;
    color: #4facfe;
    border: 2px solid rgba(79, 172, 254, 0.5);
}

.btn-outline-secondary:hover:not(:disabled)[b-v92crn6qhk] {
    background: rgba(79, 172, 254, 0.1);
    border-color: rgba(79, 172, 254, 0.8);
}

.btn-outline-danger[b-v92crn6qhk] {
    background: transparent;
    color: var(--danger-color);
    border: 2px solid rgba(255, 107, 91, 0.5);
}

.btn-outline-danger:hover:not(:disabled)[b-v92crn6qhk] {
    background: rgba(255, 107, 91, 0.1);
    border-color: rgba(255, 107, 91, 0.8);
}

.btn-danger[b-v92crn6qhk] {
    background: linear-gradient(135deg, #ff6b5b 0%, #ff5847 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(255, 107, 91, 0.3);
}

.btn-danger:hover:not(:disabled)[b-v92crn6qhk] {
    box-shadow: 0 6px 20px rgba(255, 107, 91, 0.4);
}

.btn-sm[b-v92crn6qhk] {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
}

/* Empty State */
.empty-state[b-v92crn6qhk] {
    text-align: center;
    padding: 2rem 1rem;
    border: 2px dashed rgba(102, 126, 234, 0.3);
    border-radius: 8px;
    background: rgba(102, 126, 234, 0.05);
}

.empty-state i[b-v92crn6qhk] {
    font-size: 2.5rem;
    color: rgba(102, 126, 234, 0.5);
    margin-bottom: 1rem;
    display: block;
}

.empty-state p[b-v92crn6qhk] {
    color: rgba(255, 255, 255, 0.6);
    margin: 0 0 1rem 0;
    font-size: 0.95rem;
}

/* Passkeys List */
.passkeys-list[b-v92crn6qhk] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.passkey-item[b-v92crn6qhk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 8px;
    transition: all 0.3s ease;
}

.passkey-item:hover[b-v92crn6qhk] {
    background: rgba(0, 0, 0, 0.3);
    border-color: rgba(102, 126, 234, 0.4);
}

.passkey-info[b-v92crn6qhk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.passkey-info i[b-v92crn6qhk] {
    font-size: 1.5rem;
    color: #667eea;
}

.passkey-info span[b-v92crn6qhk] {
    font-weight: 500;
    color: white;
}

/* Social Logins */
.social-logins[b-v92crn6qhk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.social-login-item[b-v92crn6qhk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 8px;
    transition: all 0.3s ease;
}

.social-login-item:hover[b-v92crn6qhk] {
    background: rgba(0, 0, 0, 0.3);
    border-color: rgba(102, 126, 234, 0.4);
}

.social-info[b-v92crn6qhk] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.social-info i[b-v92crn6qhk] {
    font-size: 1.8rem;
    color: #667eea;
}

.social-info h3[b-v92crn6qhk] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: white;
}

.social-info p[b-v92crn6qhk] {
    margin: 0.25rem 0 0 0;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
}

/* Personal Data Actions */
.personal-data-actions[b-v92crn6qhk] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.action-item[b-v92crn6qhk] {
    padding: 1.5rem;
    background: rgba(0, 0, 0, 0.2);
    border-left: 4px solid rgba(102, 126, 234, 0.5);
    border-radius: 8px;
}

.action-item.danger[b-v92crn6qhk] {
    border-left-color: rgba(255, 107, 91, 0.5);
}

.action-item h3[b-v92crn6qhk] {
    margin: 0 0 0.5rem 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: white;
}

.action-item p[b-v92crn6qhk] {
    margin: 0 0 1rem 0;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.4;
}

.divider[b-v92crn6qhk] {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.2), transparent);
    margin: 0;
}

/* Loading State */
.loading-state[b-v92crn6qhk] {
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    padding: 3rem 1rem;
    font-size: 1rem;
}

.loading-state a[b-v92crn6qhk] {
    color: #667eea;
}

/* Alert Styles */
.alert[b-v92crn6qhk] {
    padding: 1rem 1.25rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.alert i[b-v92crn6qhk] {
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.alert-success[b-v92crn6qhk] {
    background: rgba(76, 175, 80, 0.15);
    border: 1px solid rgba(76, 175, 80, 0.3);
    color: #81c784;
}

.alert-danger[b-v92crn6qhk] {
    background: rgba(255, 107, 91, 0.15);
    border: 1px solid rgba(255, 107, 91, 0.3);
    color: #ff8a80;
}

.alert-warning[b-v92crn6qhk] {
    background: rgba(255, 193, 7, 0.15);
    border: 1px solid rgba(255, 193, 7, 0.3);
    color: #ffd54f;
}

.alert-dismissible[b-v92crn6qhk] {
    position: relative;
    padding-right: 3rem;
}

.alert-dismissible .btn-close[b-v92crn6qhk] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: currentColor;
    opacity: 0.7;
    cursor: pointer;
    font-size: 1.25rem;
    line-height: 1;
    padding: 0;
}

.alert-dismissible .btn-close:hover[b-v92crn6qhk] {
    opacity: 1;
}

/* Modal Styles */
.modal-backdrop[b-v92crn6qhk] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1040;
}

.modal[b-v92crn6qhk] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    overflow-y: auto;
}

.modal-dialog[b-v92crn6qhk] {
    margin: 1.75rem auto;
    max-width: 500px;
    padding: 0 1rem;
}

.modal-dialog-centered[b-v92crn6qhk] {
    display: flex;
    align-items: center;
    min-height: calc(100% - 3.5rem);
}

.modal-content[b-v92crn6qhk] {
    border-radius: 12px;
    overflow: hidden;
}

.modal-header[b-v92crn6qhk] {
    padding: 1rem 1.5rem;
}

.modal-title[b-v92crn6qhk] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

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

.modal-footer[b-v92crn6qhk] {
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.btn-close-white[b-v92crn6qhk] {
    filter: invert(1);
}

/* Spinner */
.spinner-border[b-v92crn6qhk] {
    width: 2rem;
    height: 2rem;
    border: 0.25rem solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border-b-v92crn6qhk 0.75s linear infinite;
}

.spinner-border-sm[b-v92crn6qhk] {
    width: 1rem;
    height: 1rem;
    border-width: 0.2rem;
}

@keyframes spinner-border-b-v92crn6qhk {
    to {
        transform: rotate(360deg);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .account-container[b-v92crn6qhk] {
        padding: 1rem 0.75rem;
    }

    .account-header[b-v92crn6qhk] {
        margin-bottom: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .account-header h1[b-v92crn6qhk] {
        font-size: 1.5rem;
    }

    .account-panel[b-v92crn6qhk] {
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .social-login-item[b-v92crn6qhk] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .social-login-item button[b-v92crn6qhk],
    .social-login-item .btn[b-v92crn6qhk] {
        width: 100%;
        justify-content: center;
    }

    .passkey-item[b-v92crn6qhk] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .passkey-item button[b-v92crn6qhk] {
        width: 100%;
        justify-content: center;
    }

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

@media (max-width: 480px) {
    .account-container[b-v92crn6qhk] {
        padding: 1rem 0.5rem;
    }

    .account-header h1[b-v92crn6qhk] {
        font-size: 1.3rem;
    }

    .account-panel[b-v92crn6qhk] {
        padding: 1rem;
    }

    .panel-header[b-v92crn6qhk] {
        gap: 0.75rem;
    }

    .panel-header i[b-v92crn6qhk] {
        font-size: 1.3rem;
    }

    .panel-header h2[b-v92crn6qhk] {
        font-size: 1.1rem;
    }

    .form-control[b-v92crn6qhk] {
        font-size: 16px;
    }
}
/* /Components/Pages/PrivacyPolicy.razor.rz.scp.css */
.privacy-policy-container[b-5twboh2jxb] {
    min-height: 100vh;
    background: var(--rz-base-background-color, #121212);
    color: var(--rz-text-color, #e0e0e0);
}

.header-section[b-5twboh2jxb] {
    padding: 2rem 0;
    border-bottom: 2px solid var(--rz-primary, #635bff);
}

.header-icon[b-5twboh2jxb] {
    font-size: 4rem;
    color: var(--rz-primary, #635bff);
    margin-bottom: 1rem;
}

.scrollable-content[b-5twboh2jxb] {
    background: var(--rz-base-100, #1a1a1a);
    border-radius: 0.5rem;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.policy-section[b-5twboh2jxb] {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--rz-border-color, #333);
}

.policy-section:last-of-type[b-5twboh2jxb] {
    border-bottom: none;
}

.policy-section h2[b-5twboh2jxb] {
    color: var(--rz-primary, #635bff);
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--rz-primary-lighter, #7c75ff);
}

.policy-section h2 i[b-5twboh2jxb] {
    margin-right: 0.5rem;
}

.policy-section h5[b-5twboh2jxb] {
    color: var(--rz-text-color, #e0e0e0);
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.policy-section p[b-5twboh2jxb] {
    line-height: 1.8;
    margin-bottom: 1rem;
    color: var(--rz-text-secondary-color, #b0b0b0);
}

.policy-section ul[b-5twboh2jxb] {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}

.policy-section li[b-5twboh2jxb] {
    margin-bottom: 0.75rem;
    line-height: 1.7;
    color: var(--rz-text-secondary-color, #b0b0b0);
}

.policy-section a[b-5twboh2jxb] {
    color: var(--rz-primary, #635bff);
    text-decoration: none;
    font-weight: 500;
}

.policy-section a:hover[b-5twboh2jxb] {
    text-decoration: underline;
    color: var(--rz-primary-lighter, #7c75ff);
}

/* Rights Grid */
.rights-grid[b-5twboh2jxb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.right-item[b-5twboh2jxb] {
    background: var(--rz-base-200, #252525);
    border: 1px solid var(--rz-border-color, #333);
    border-radius: 0.5rem;
    padding: 1.5rem;
    transition: transform 0.2s, box-shadow 0.2s;
}

.right-item:hover[b-5twboh2jxb] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(99, 91, 255, 0.2);
    border-color: var(--rz-primary, #635bff);
}

.right-item i[b-5twboh2jxb] {
    font-size: 2rem;
    color: var(--rz-primary, #635bff);
    display: block;
    margin-bottom: 1rem;
}

.right-item h6[b-5twboh2jxb] {
    color: var(--rz-text-color, #e0e0e0);
    font-weight: 600;
    margin-bottom: 0.75rem;
    font-size: 1.1rem;
}

.right-item p[b-5twboh2jxb] {
    color: var(--rz-text-secondary-color, #b0b0b0);
    font-size: 0.9rem;
    margin-bottom: 0;
    line-height: 1.5;
}

/* Alert Customization */
.alert[b-5twboh2jxb] {
    border-radius: 0.375rem;
    padding: 1rem 1.25rem;
}

.alert i[b-5twboh2jxb] {
    font-size: 1.25rem;
    vertical-align: middle;
}

.alert-info[b-5twboh2jxb] {
    background-color: rgba(99, 91, 255, 0.1);
    border-color: rgba(99, 91, 255, 0.3);
    color: var(--rz-text-color, #e0e0e0);
}

.alert-warning[b-5twboh2jxb] {
    background-color: rgba(255, 152, 0, 0.1);
    border-color: rgba(255, 152, 0, 0.3);
    color: var(--rz-text-color, #e0e0e0);
}

.alert-success[b-5twboh2jxb] {
    background-color: rgba(76, 175, 80, 0.1);
    border-color: rgba(76, 175, 80, 0.3);
    color: var(--rz-text-color, #e0e0e0);
}

.alert-primary[b-5twboh2jxb] {
    background-color: rgba(99, 91, 255, 0.15);
    border-color: rgba(99, 91, 255, 0.4);
    color: var(--rz-text-color, #e0e0e0);
}

.alert-light[b-5twboh2jxb] {
    background-color: var(--rz-base-200, #252525);
    border-color: var(--rz-border-color, #333);
    color: var(--rz-text-secondary-color, #b0b0b0);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .header-icon[b-5twboh2jxb] {
        font-size: 3rem;
    }

    .header-section h1[b-5twboh2jxb] {
        font-size: 2rem;
    }

    .scrollable-content[b-5twboh2jxb] {
        padding: 1.5rem;
    }

    .policy-section h2[b-5twboh2jxb] {
        font-size: 1.5rem;
    }

    .rights-grid[b-5twboh2jxb] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/TermsOfService.razor.rz.scp.css */
.terms-container[b-oqnocwor3f] {
    min-height: 100vh;
    background: var(--rz-base-background-color, #121212);
    color: var(--rz-text-color, #e0e0e0);
}

.header-section[b-oqnocwor3f] {
    padding: 2rem 0;
    border-bottom: 2px solid var(--rz-primary, #635bff);
}

.header-icon[b-oqnocwor3f] {
    font-size: 4rem;
    color: var(--rz-primary, #635bff);
    margin-bottom: 1rem;
}

.scrollable-content[b-oqnocwor3f] {
    background: var(--rz-base-100, #1a1a1a);
    border-radius: 0.5rem;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.terms-section[b-oqnocwor3f] {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--rz-border-color, #333);
}

.terms-section:last-of-type[b-oqnocwor3f] {
    border-bottom: none;
}

.terms-section h2[b-oqnocwor3f] {
    color: var(--rz-primary, #635bff);
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--rz-primary-lighter, #7c75ff);
}

.terms-section h2 i[b-oqnocwor3f] {
    margin-right: 0.5rem;
}

.terms-section h5[b-oqnocwor3f] {
    color: var(--rz-text-color, #e0e0e0);
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.terms-section p[b-oqnocwor3f] {
    line-height: 1.8;
    margin-bottom: 1rem;
    color: var(--rz-text-secondary-color, #b0b0b0);
}

.terms-section ul[b-oqnocwor3f] {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}

.terms-section li[b-oqnocwor3f] {
    margin-bottom: 0.75rem;
    line-height: 1.7;
    color: var(--rz-text-secondary-color, #b0b0b0);
}

.terms-section a[b-oqnocwor3f] {
    color: var(--rz-primary, #635bff);
    text-decoration: none;
    font-weight: 500;
}

.terms-section a:hover[b-oqnocwor3f] {
    text-decoration: underline;
    color: var(--rz-primary-lighter, #7c75ff);
}

/* Alert Customization */
.alert[b-oqnocwor3f] {
    border-radius: 0.375rem;
    padding: 1rem 1.25rem;
}

.alert i[b-oqnocwor3f] {
    font-size: 1.25rem;
    vertical-align: middle;
}

.alert ul[b-oqnocwor3f] {
    padding-left: 1.5rem;
}

.alert-info[b-oqnocwor3f] {
    background-color: rgba(99, 91, 255, 0.1);
    border-color: rgba(99, 91, 255, 0.3);
    color: var(--rz-text-color, #e0e0e0);
}

.alert-warning[b-oqnocwor3f] {
    background-color: rgba(255, 152, 0, 0.1);
    border-color: rgba(255, 152, 0, 0.3);
    color: var(--rz-text-color, #e0e0e0);
}

.alert-danger[b-oqnocwor3f] {
    background-color: rgba(244, 67, 54, 0.1);
    border-color: rgba(244, 67, 54, 0.3);
    color: var(--rz-text-color, #e0e0e0);
}

.alert-success[b-oqnocwor3f] {
    background-color: rgba(76, 175, 80, 0.1);
    border-color: rgba(76, 175, 80, 0.3);
    color: var(--rz-text-color, #e0e0e0);
}

.alert-primary[b-oqnocwor3f] {
    background-color: rgba(99, 91, 255, 0.15);
    border-color: rgba(99, 91, 255, 0.4);
    color: var(--rz-text-color, #e0e0e0);
}

.alert-light[b-oqnocwor3f] {
    background-color: var(--rz-base-200, #252525);
    border-color: var(--rz-border-color, #333);
    color: var(--rz-text-secondary-color, #b0b0b0);
}

/* Strong emphasis within alerts */
.alert strong[b-oqnocwor3f] {
    color: var(--rz-text-color, #ffffff);
    font-weight: 600;
}

/* Links within alerts */
.alert a[b-oqnocwor3f] {
    color: var(--rz-primary-lighter, #7c75ff);
    font-weight: 600;
    text-decoration: underline;
}

.alert a:hover[b-oqnocwor3f] {
    color: var(--rz-primary, #635bff);
}

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

    .header-section h1[b-oqnocwor3f] {
        font-size: 2rem;
    }

    .scrollable-content[b-oqnocwor3f] {
        padding: 1.5rem;
    }

    .terms-section h2[b-oqnocwor3f] {
        font-size: 1.5rem;
    }

    .alert[b-oqnocwor3f] {
        padding: 0.875rem 1rem;
    }
}
/* /Components/Pages/TermsOfServiceBusiness.razor.rz.scp.css */
.terms-business-container[b-edaek395af] {
    min-height: 100vh;
    background: var(--rz-base-background-color, #121212);
    color: var(--rz-text-color, #e0e0e0);
}

.header-section[b-edaek395af] {
    padding: 2rem 0;
    border-bottom: 2px solid var(--rz-primary, #635bff);
}

.header-icon[b-edaek395af] {
    font-size: 4rem;
    color: var(--rz-primary, #635bff);
    margin-bottom: 1rem;
}

.scrollable-content[b-edaek395af] {
    background: var(--rz-base-100, #1a1a1a);
    border-radius: 0.5rem;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.terms-section[b-edaek395af] {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--rz-border-color, #333);
}

.terms-section:last-of-type[b-edaek395af] {
    border-bottom: none;
}

.terms-section h2[b-edaek395af] {
    color: var(--rz-primary, #635bff);
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--rz-primary-lighter, #7c75ff);
}

.terms-section h2 i[b-edaek395af] {
    margin-right: 0.5rem;
}

.terms-section h5[b-edaek395af] {
    color: var(--rz-text-color, #e0e0e0);
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.terms-section p[b-edaek395af] {
    line-height: 1.8;
    margin-bottom: 1rem;
    color: var(--rz-text-secondary-color, #b0b0b0);
}

.terms-section ul[b-edaek395af] {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}

.terms-section li[b-edaek395af] {
    margin-bottom: 0.75rem;
    line-height: 1.7;
    color: var(--rz-text-secondary-color, #b0b0b0);
}

.terms-section a[b-edaek395af] {
    color: var(--rz-primary, #635bff);
    text-decoration: none;
    font-weight: 500;
}

.terms-section a:hover[b-edaek395af] {
    text-decoration: underline;
    color: var(--rz-primary-lighter, #7c75ff);
}

/* Alert Customization */
.alert[b-edaek395af] {
    border-radius: 0.375rem;
    padding: 1rem 1.25rem;
}

.alert i[b-edaek395af] {
    font-size: 1.25rem;
    vertical-align: middle;
}

.alert ul[b-edaek395af] {
    padding-left: 1.5rem;
}

.alert-info[b-edaek395af] {
    background-color: rgba(99, 91, 255, 0.1);
    border-color: rgba(99, 91, 255, 0.3);
    color: var(--rz-text-color, #e0e0e0);
}

.alert-warning[b-edaek395af] {
    background-color: rgba(255, 152, 0, 0.1);
    border-color: rgba(255, 152, 0, 0.3);
    color: var(--rz-text-color, #e0e0e0);
}

.alert-danger[b-edaek395af] {
    background-color: rgba(244, 67, 54, 0.1);
    border-color: rgba(244, 67, 54, 0.3);
    color: var(--rz-text-color, #e0e0e0);
}

.alert-success[b-edaek395af] {
    background-color: rgba(76, 175, 80, 0.1);
    border-color: rgba(76, 175, 80, 0.3);
    color: var(--rz-text-color, #e0e0e0);
}

.alert-primary[b-edaek395af] {
    background-color: rgba(99, 91, 255, 0.15);
    border-color: rgba(99, 91, 255, 0.4);
    color: var(--rz-text-color, #e0e0e0);
}

.alert-light[b-edaek395af] {
    background-color: var(--rz-base-200, #252525);
    border-color: var(--rz-border-color, #333);
    color: var(--rz-text-secondary-color, #b0b0b0);
}

/* Strong emphasis within alerts */
.alert strong[b-edaek395af] {
    color: var(--rz-text-color, #ffffff);
    font-weight: 600;
}

/* Links within alerts */
.alert a[b-edaek395af] {
    color: var(--rz-primary-lighter, #7c75ff);
    font-weight: 600;
    text-decoration: underline;
}

.alert a:hover[b-edaek395af] {
    color: var(--rz-primary, #635bff);
}

/* Special styling for Stripe branding */
.bi-stripe[b-edaek395af] {
    color: #635bff;
}

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

    .header-section h1[b-edaek395af] {
        font-size: 2rem;
    }

    .scrollable-content[b-edaek395af] {
        padding: 1.5rem;
    }

    .terms-section h2[b-edaek395af] {
        font-size: 1.5rem;
    }

    .alert[b-edaek395af] {
        padding: 0.875rem 1rem;
    }
}
/* /Components/Pages/Users/BookingFlow/BookingAssetInfoBanner.razor.rz.scp.css */
/* Contenitore badges */
.asset-info-badges[b-culvsaorws] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.75rem;
    align-items: center;
}

/* Badge base */
.asset-info-badges span[b-culvsaorws] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border-radius: 20px;
    padding: 0.45rem 1rem;
    font-size: 0.8rem;
    font-weight: 600;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    white-space: nowrap;
    height: 32px;
}

/* Badge Campo Selezionato */
.asset-selection-badge[b-culvsaorws] {
    background: rgba(255, 255, 255, 0.25);
    border: 2px solid white;
    color: white;
    padding: 0.45rem 1.1rem;
    height: 32px;
}

/* Badge Payment Mode - Molto Visibile */
.payment-mode-badge[b-culvsaorws] {
    background: rgba(76, 175, 80, 0.3);
    border: 2px solid rgba(76, 175, 80, 0.8);
    color: #a5d6a7;
    font-size: 0.85rem;
    padding: 0.45rem 1.1rem;
    box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
    height: 32px;
}

.payment-mode-badge i[b-culvsaorws] {
    font-size: 0.95rem;
    flex-shrink: 0;
}

/* Badge Schedule Type - Mediamente Visibile */
.schedule-type-badge[b-culvsaorws] {
    background: rgba(255, 193, 7, 0.25);
    border: 1px solid rgba(255, 193, 7, 0.6);
    color: #ffd54f;
    font-size: 0.8rem;
    padding: 0.45rem 1rem;
    height: 32px;
}

.schedule-type-badge i[b-culvsaorws] {
    font-size: 0.9rem;
    flex-shrink: 0;
}

/* Badge Cancellation Penalty - Meno Visibile */
.cancellation-penalty-badge[b-culvsaorws] {
    background: rgba(244, 67, 54, 0.2);
    border: 1px solid rgba(244, 67, 54, 0.4);
    color: #ef9a9a;
    font-size: 0.8rem;
    padding: 0.45rem 1rem;
    opacity: 0.9;
    height: 32px;
}

.cancellation-penalty-badge i[b-culvsaorws] {
    font-size: 0.85rem;
    flex-shrink: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .asset-info-badges[b-culvsaorws] {
        justify-content: flex-start;
        gap: 0.5rem;
    }

    .asset-info-badges span[b-culvsaorws] {
        height: auto;
        padding: 0.4rem 0.9rem;
        font-size: 0.75rem;
    }

    .payment-mode-badge[b-culvsaorws] {
        font-size: 0.8rem;
        padding: 0.4rem 0.95rem;
        height: auto;
    }

    .schedule-type-badge[b-culvsaorws] {
        font-size: 0.75rem;
        padding: 0.4rem 0.9rem;
        height: auto;
    }

    .cancellation-penalty-badge[b-culvsaorws] {
        font-size: 0.75rem;
        padding: 0.4rem 0.9rem;
        height: auto;
    }
}
/* /Components/Pages/Users/BookingFlow/BookingStepConfirm.razor.rz.scp.css */
.booking-confirmation-overlay[b-ahs52hkt86] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.success-card[b-ahs52hkt86] {
    background: linear-gradient(180deg, rgba(20, 24, 38, 0.95), rgba(17, 20, 32, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 2.25rem;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.45);
    color: #f5f7ff;
    max-width: 500px;
    width: 90%;
}

    .success-card.status-pending[b-ahs52hkt86] {
        border-color: rgba(255, 193, 7, 0.2);
        box-shadow: 0 20px 45px rgba(255, 193, 7, 0.1), 0 0 0 1px rgba(255, 193, 7, 0.1);
    }

.status-icon[b-ahs52hkt86] {
    font-size: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

    .status-icon.warning[b-ahs52hkt86] {
        color: #ffc107;
        background: rgba(255, 193, 7, 0.1);
        animation: pulse-b-ahs52hkt86 2s ease-in-out infinite;
    }

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

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

@keyframes pulse-b-ahs52hkt86 {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.7;
    }
}

/* Verification Progress Section */
.verification-progress[b-ahs52hkt86] {
    background: rgba(255, 193, 7, 0.05);
    border: 1px solid rgba(255, 193, 7, 0.2);
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    margin: 1.5rem 0;
}

.progress-dots[b-ahs52hkt86] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.dot[b-ahs52hkt86] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 193, 7, 0.3);
    animation: pulse-b-ahs52hkt86 1s ease-in-out infinite;
}

.dot-active[b-ahs52hkt86] {
    background: #ffc107;
    animation: pulse-b-ahs52hkt86 0.6s ease-in-out infinite;
}

.dot:nth-child(2)[b-ahs52hkt86] {
    animation-delay: 0.2s;
}

.dot:nth-child(3)[b-ahs52hkt86] {
    animation-delay: 0.4s;
}

.progress-message[b-ahs52hkt86] {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
    font-weight: 500;
}

.success-card h2[b-ahs52hkt86] {
    text-align: center;
    margin: 0 0 0.5rem 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: #ffffff;
}

.success-card > p[b-ahs52hkt86] {
    text-align: center;
    margin: 0 0 2rem 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 1rem;
}

.success-section[b-ahs52hkt86] {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

    .success-section:last-of-type[b-ahs52hkt86] {
        border-bottom: none;
        margin-bottom: 1.5rem;
        padding-bottom: 0;
    }

/* Responsive */
@media (max-width: 768px) {
    .booking-confirmation-overlay[b-ahs52hkt86] {
        padding: 1rem;
    }

    .success-card[b-ahs52hkt86] {
        padding: 1.5rem;
        width: 100%;
    }

    .status-icon[b-ahs52hkt86] {
        font-size: 2.5rem;
        width: 70px;
        height: 70px;
    }

    .success-card h2[b-ahs52hkt86] {
        font-size: 1.4rem;
    }
}

@media (max-width: 480px) {
    .success-card[b-ahs52hkt86] {
        padding: 1rem;
    }

    .status-icon[b-ahs52hkt86] {
        font-size: 2rem;
        width: 60px;
        height: 60px;
    }

    .success-card h2[b-ahs52hkt86] {
        font-size: 1.2rem;
    }
}
/* /Components/Pages/Users/BookingFlow/BookingStepIndicator.razor.rz.scp.css */
.step-indicator[b-g90jamo4ni] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin: 0 0 2rem 0; /* Rimosso margin-top */
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(118, 75, 162, 0.08) 100%);
    border-radius: 12px;
    border: 1px solid rgba(102, 126, 234, 0.2);
}

.step-indicator-item[b-g90jamo4ni] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    gap: 0.75rem;
}

.step-indicator-item:not(:last-child)[b-g90jamo4ni]::after {
    content: '';
    position: absolute;
    top: 20px;
    left: 60%;
    right: -50%;
    height: 2px;
    background: rgba(102, 126, 234, 0.2);
    z-index: 0;
}

.step-indicator-item.completed:not(:last-child)[b-g90jamo4ni]::after {
    background: linear-gradient(90deg, rgba(76, 175, 80, 0.8), rgba(76, 175, 80, 0.3));
}

.step-indicator-circle[b-g90jamo4ni] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
    color: white;
    flex-shrink: 0;
}

.step-indicator-item.pending .step-indicator-circle[b-g90jamo4ni] {
    background: rgba(102, 126, 234, 0.3);
    border: 2px solid rgba(102, 126, 234, 0.5);
    color: rgba(255, 255, 255, 0.6);
}

.step-indicator-item.active .step-indicator-circle[b-g90jamo4ni] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: 2px solid rgba(102, 126, 234, 0.8);
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.2);
    color: white;
    font-size: 1.2rem;
}

.step-indicator-item.completed .step-indicator-circle[b-g90jamo4ni] {
    background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
    border: 2px solid rgba(76, 175, 80, 0.8);
    color: white;
}

.step-indicator-item.completed .step-indicator-circle:hover[b-g90jamo4ni] {
    box-shadow: 0 0 0 4px rgba(76, 175, 80, 0.2);
}

.step-indicator-label[b-g90jamo4ni] {
    text-align: center;
    font-size: 0.85rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    transition: color 0.3s ease;
}

.step-indicator-item.active .step-indicator-label[b-g90jamo4ni] {
    color: rgba(255, 255, 255, 0.95);
    font-weight: 600;
}

.step-indicator-item.completed .step-indicator-label[b-g90jamo4ni] {
    color: rgba(76, 175, 80, 0.9);
    font-weight: 600;
}

/* Responsive Design */
@media (max-width: 768px) {
    .step-indicator[b-g90jamo4ni] {
        padding: 1rem;
        gap: 0.5rem;
    }

    .step-indicator-circle[b-g90jamo4ni] {
        width: 36px;
        height: 36px;
        font-size: 0.9rem;
    }

    .step-indicator-label[b-g90jamo4ni] {
        font-size: 0.75rem;
    }

    .step-indicator-item:not(:last-child)[b-g90jamo4ni]::after {
        top: 18px;
    }
}

@media (max-width: 480px) {
    .step-indicator[b-g90jamo4ni] {
        padding: 0.75rem;
        gap: 0.25rem;
    }

    .step-indicator-circle[b-g90jamo4ni] {
        width: 32px;
        height: 32px;
        font-size: 0.8rem;
    }

    .step-indicator-label[b-g90jamo4ni] {
        font-size: 0.7rem;
        word-break: break-word;
        max-width: 70px;
    }

    .step-indicator-item:not(:last-child)[b-g90jamo4ni]::after {
        left: 55%;
        right: -45%;
        top: 16px;
    }
}
/* /Components/Pages/Users/Bookings.razor.rz.scp.css */
:root[b-krzo7tkqo2] {
    --primary-color: #667eea;
    --primary-dark: #5568d3;
    --success-color: #4ade80;
    --warning-color: #fbbf24;
    --danger-color: #ff6b5b;
    --bg-dark: #0a0e27;
    --bg-darker: #1e1e2e;
    --card-bg: rgba(45, 45, 65, 0.8);
}

.mobile-container[b-krzo7tkqo2] {
    min-height: 100vh;
    background: linear-gradient(180deg, #0a0e27 0%, #1a1a2e 50%, #16213e 100%);
    padding: 0;
    display: flex;
    flex-direction: column;
}

.mobile-header[b-krzo7tkqo2] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(20, 20, 40, 0.8) 100%);
    text-align: center;
    color: white;
    padding: 1.5rem 1rem;
    border-bottom: 1px solid rgba(102, 126, 234, 0.2);
}

.mobile-header h1[b-krzo7tkqo2] {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
}

.mobile-header p[b-krzo7tkqo2] {
    font-size: 0.9rem;
    opacity: 0.8;
    margin: 0;
}

.back-button[b-krzo7tkqo2] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.2rem;
    background: rgba(102, 126, 234, 0.15);
    color: #667eea;
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 8px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 1rem;
    text-decoration: none;
}

.back-button:hover[b-krzo7tkqo2] {
    background: rgba(102, 126, 234, 0.25);
    border-color: rgba(102, 126, 234, 0.5);
    transform: translateX(-2px);
}

.content-section[b-krzo7tkqo2] {
    flex: 1;
    padding: 1.5rem 1rem;
    overflow-y: auto;
}

/* Tab Navigation */
.tab-navigation[b-krzo7tkqo2] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    background: rgba(30, 30, 46, 0.6);
    padding: 0.5rem;
    border-radius: 12px;
    flex-wrap: wrap;
}

.tab-button[b-krzo7tkqo2] {
    flex: 1;
    min-width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
    border: none;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tab-button:hover[b-krzo7tkqo2] {
    color: rgba(255, 255, 255, 0.8);
    background: rgba(102, 126, 234, 0.1);
}

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

/* Empty State */
.empty-state[b-krzo7tkqo2] {
    text-align: center;
    color: white;
    padding: 3rem 1rem;
}

.empty-state-icon[b-krzo7tkqo2] {
    font-size: 3.5rem;
    margin-bottom: 1rem;
    color: rgba(102, 126, 234, 0.5);
}

.empty-state-icon i[b-krzo7tkqo2] {
    display: block;
}

.empty-state-text[b-krzo7tkqo2] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
    font-weight: 500;
}

.empty-state-subtext[b-krzo7tkqo2] {
    font-size: 0.9rem;
    opacity: 0.6;
    max-width: 280px;
    margin: 0 auto;
}

/* Loading State */
.loading-state[b-krzo7tkqo2] {
    text-align: center;
    color: white;
    padding: 3rem 1rem;
}

.spinner[b-krzo7tkqo2] {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 4px solid rgba(102, 126, 234, 0.2);
    border-top: 4px solid #667eea;
    border-radius: 50%;
    animation: spin-b-krzo7tkqo2 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-krzo7tkqo2 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Responsive */
@media (max-width: 480px) {
    .content-section[b-krzo7tkqo2] {
        padding: 1rem 0.75rem;
    }

    .tab-button[b-krzo7tkqo2] {
        font-size: 0.8rem;
        padding: 0.6rem 0.75rem;
        min-width: 100px;
    }

    .tab-navigation[b-krzo7tkqo2] {
        gap: 0.3rem;
        padding: 0.3rem;
    }
}
/* /Components/Pages/Users/CertificatoMedico.razor.rz.scp.css */
/* ========================================
   CERTIFICATO MEDICO STYLES
   ======================================== */

.certificate-container[b-fvnatstbop] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: start;
}

.certificate-steps[b-fvnatstbop] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.certificate-step[b-fvnatstbop] {
    background: linear-gradient(135deg, #1e1e2e 0%, #2d2d44 100%);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(102, 126, 234, 0.2);
    transition: all 0.3s ease;
}

.certificate-step:hover[b-fvnatstbop] {
    border-color: rgba(102, 126, 234, 0.5);
    box-shadow: 0 12px 40px rgba(102, 126, 234, 0.15);
}

.step-header[b-fvnatstbop] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 107, 91, 0.2);
}

.step-number[b-fvnatstbop] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    font-weight: 700;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.step-title[b-fvnatstbop] {
    font-size: 1.1rem;
    font-weight: 600;
    color: white;
    margin: 0;
}

.step-content[b-fvnatstbop] {
    color: rgba(255, 255, 255, 0.85);
}

.file-input-wrapper[b-fvnatstbop] {
    margin: 1rem 0 0 0;
}

.file-input-label[b-fvnatstbop] {
    display: block;
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
}

.file-input-group[b-fvnatstbop] {
    position: relative;
    overflow: hidden;
    border: 2px dashed rgba(102, 126, 234, 0.3);
    border-radius: 8px;
    background: rgba(102, 126, 234, 0.05);
    padding: 1.5rem;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

.file-input-group:hover[b-fvnatstbop] {
    border-color: rgba(102, 126, 234, 0.6);
    background: rgba(102, 126, 234, 0.1);
}

.file-input-group input[type="file"][b-fvnatstbop] {
    display: none;
}

.file-input-icon[b-fvnatstbop] {
    font-size: 2rem;
    margin-bottom: 0.75rem;
    color: rgba(102, 126, 234, 0.7);
}

.file-input-text[b-fvnatstbop] {
    margin: 0;
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.75);
}

.progress-section[b-fvnatstbop] {
    margin-top: 1rem;
}

.date-picker-section[b-fvnatstbop] {
    margin-top: 1rem;
}

.date-picker-label[b-fvnatstbop] {
    display: block;
    margin-bottom: 0.75rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
}

::ng-deep .rz-datepicker[b-fvnatstbop] {
    background: rgba(0, 0, 0, 0.3) !important;
    border-color: rgba(102, 126, 234, 0.3) !important;
}

::ng-deep .rz-datepicker input[b-fvnatstbop] {
    background: rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(102, 126, 234, 0.3) !important;
}

.submit-section[b-fvnatstbop] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 107, 91, 0.2);
}

.submit-info[b-fvnatstbop] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 1rem;
    line-height: 1.5;
}

.submit-button[b-fvnatstbop] {
    width: 100%;
    padding: 0.85rem 1.5rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.submit-button:hover:not(:disabled)[b-fvnatstbop] {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
}

.submit-button:disabled[b-fvnatstbop] {
    background: #808080;
    cursor: not-allowed;
    opacity: 0.6;
}

.submit-button:active:not(:disabled)[b-fvnatstbop] {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(102, 126, 234, 0.3);
}

.qr-section[b-fvnatstbop] {
    background: linear-gradient(135deg, #1e1e2e 0%, #2d2d44 100%);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(102, 126, 234, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.qr-code-container[b-fvnatstbop] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    border: 1px solid rgba(102, 126, 234, 0.2);
}

::ng-deep .qr-code-container .rz-qr-code[b-fvnatstbop] {
    background: white !important;
    padding: 0.5rem !important;
    border-radius: 8px !important;
}

.qr-text[b-fvnatstbop] {
    color: white;
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

.qr-title[b-fvnatstbop] {
    font-size: 1.1rem;
    font-weight: 600;
    color: white;
    margin-bottom: 0.5rem;
}

.qr-description[b-fvnatstbop] {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.85rem;
}

.records-section[b-fvnatstbop] {
    margin-top: 2rem;
}

.records-header[b-fvnatstbop] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid rgba(102, 126, 234, 0.3);
}

.records-header h2[b-fvnatstbop] {
    font-size: 1.3rem;
    font-weight: 700;
    color: white;
    margin: 0;
}

.records-header i[b-fvnatstbop] {
    font-size: 1.3rem;
    color: rgba(102, 126, 234, 0.9);
}

.records-table[b-fvnatstbop] {
    width: 100%;
    border-collapse: collapse;
    background: linear-gradient(135deg, #1e1e2e 0%, #2d2d44 100%);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(102, 126, 234, 0.2);
}

.records-table thead[b-fvnatstbop] {
    background: rgba(102, 126, 234, 0.1);
    border-bottom: 1px solid rgba(102, 126, 234, 0.2);
}

.records-table th[b-fvnatstbop] {
    padding: 1rem 1.5rem;
    text-align: left;
    font-weight: 600;
    color: rgba(102, 126, 234, 0.95);
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.records-table tbody tr[b-fvnatstbop] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.3s ease;
}

.records-table tbody tr:hover[b-fvnatstbop] {
    background: rgba(102, 126, 234, 0.05);
}

.records-table tbody tr:last-child[b-fvnatstbop] {
    border-bottom: none;
}

.records-table td[b-fvnatstbop] {
    padding: 1rem 1.5rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.95rem;
}

.empty-records[b-fvnatstbop] {
    text-align: center;
    padding: 3rem 1rem;
    color: rgba(255, 255, 255, 0.6);
}

.empty-records-icon[b-fvnatstbop] {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: rgba(102, 126, 234, 0.5);
}

.empty-records-text[b-fvnatstbop] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.empty-records-subtext[b-fvnatstbop] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.5);
}

.download-button[b-fvnatstbop] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 0.75rem 1.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.download-button:hover[b-fvnatstbop] {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
}

.download-button:disabled[b-fvnatstbop] {
    background: #808080;
    cursor: not-allowed;
    opacity: 0.6;
}

.download-button:active:not(:disabled)[b-fvnatstbop] {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(102, 126, 234, 0.3);
}

.download-btn[b-fvnatstbop] {
    background: none;
    border: none;
    color: rgba(102, 126, 234, 0.9);
    font-size: 1.1rem;
    cursor: pointer;
    padding: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border-radius: 6px;
}

.download-btn:hover[b-fvnatstbop] {
    color: rgba(102, 126, 234, 1);
    background: rgba(102, 126, 234, 0.1);
    transform: scale(1.15);
}

.download-btn:active[b-fvnatstbop] {
    transform: scale(0.95);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .certificate-container[b-fvnatstbop] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .qr-section[b-fvnatstbop] {
        display: none;
    }
}

@media (max-width: 768px) {
    .certificate-step[b-fvnatstbop] {
        padding: 1rem;
    }

    .step-header[b-fvnatstbop] {
        margin-bottom: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .step-title[b-fvnatstbop] {
        font-size: 1rem;
    }

    .file-input-group[b-fvnatstbop] {
        padding: 1rem;
    }

    .records-table th[b-fvnatstbop],
    .records-table td[b-fvnatstbop] {
        padding: 0.75rem 1rem;
        font-size: 0.85rem;
    }

    .qr-code-container[b-fvnatstbop] {
        max-width: 200px;
    }
}
/* /Components/Pages/Users/Home.razor.rz.scp.css */
:root[b-j8vp9lln2h] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --danger-color: #ff6b5b;
    --success-color: #4caf50;
    --text-light: #999;
    --bg-dark: #0a0e27;
    --bg-darker: #1e1e2e;
    --card-bg: rgba(45, 45, 65, 0.8);
}

.mobile-container[b-j8vp9lln2h] {
    min-height: 100vh;
    background: linear-gradient(180deg, #0a0e27 0%, #1a1a2e 50%, #16213e 100%);
    padding: 0;
    display: flex;
    flex-direction: column;
}

/* Pending Payments Banner */
.pending-payments-banner[b-j8vp9lln2h] {
    background: linear-gradient(135deg, rgba(255, 193, 7, 0.1), rgba(255, 152, 0, 0.08));
    border-bottom: 2px solid rgba(255, 193, 7, 0.4);
    padding: 1rem;
    margin: 0;
}

.banner-content[b-j8vp9lln2h] {
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: 100%;
}

.banner-icon[b-j8vp9lln2h] {
    flex-shrink: 0;
    font-size: 1.5rem;
    color: #ffc107;
}

.banner-text[b-j8vp9lln2h] {
    flex: 1;
    color: white;
}

.banner-title[b-j8vp9lln2h] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #ffc107;
}

.banner-description[b-j8vp9lln2h] {
    margin: 0.25rem 0 0 0;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.4;
}

.banner-action[b-j8vp9lln2h] {
    flex-shrink: 0;
    background: rgba(255, 193, 7, 0.2);
    border: 1px solid rgba(255, 193, 7, 0.4);
    color: #ffc107;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-size: 1rem;
}

    .banner-action:hover[b-j8vp9lln2h] {
        background: rgba(255, 193, 7, 0.3);
        box-shadow: 0 0 12px rgba(255, 193, 7, 0.3);
        transform: translateX(3px);
    }

.header-section[b-j8vp9lln2h] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(20, 20, 40, 0.8) 100%);
    color: white;
    padding: 1rem;
    border-bottom: 1px solid rgba(102, 126, 234, 0.2);
}

.user-info-grid[b-j8vp9lln2h] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    margin-bottom: 0.75rem;
    align-items: start;
}

.user-greeting[b-j8vp9lln2h] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.greeting-text[b-j8vp9lln2h] {
    font-size: 1.1rem;
    font-weight: 600;
}

.user-name[b-j8vp9lln2h] {
    font-size: 0.95rem;
    opacity: 0.85;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: unset;
}

.user-status[b-j8vp9lln2h] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
    padding: 0.5rem 0.75rem;
    background: rgba(102, 126, 234, 0.15);
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 8px;
}

.status-label[b-j8vp9lln2h] {
    font-size: 0.75rem;
    opacity: 0.75;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-value[b-j8vp9lln2h] {
    font-size: 0.85rem;
    font-weight: 600;
}

.user-email[b-j8vp9lln2h] {
    font-size: 0.85rem;
    opacity: 0.75;
    padding-left: 0.25rem;
}

.content-section[b-j8vp9lln2h] {
    flex: 1;
    padding: 1.5rem 1rem;
    overflow-y: auto;
}

.info-card[b-j8vp9lln2h] {
    background: var(--card-bg);
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1.5rem;
    color: white;
    backdrop-filter: blur(10px);
}

.info-card-title[b-j8vp9lln2h] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.7;
    margin-bottom: 0.75rem;
    font-weight: 600;
    color: rgba(102, 126, 234, 0.9);
}

.info-card-content[b-j8vp9lln2h] {
    font-size: 0.9rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.85);
}

.button-group[b-j8vp9lln2h] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.button-group.single-column[b-j8vp9lln2h] {
    grid-template-columns: 1fr;
}

.mobile-button[b-j8vp9lln2h] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 1.2rem 1rem;
    border: none;
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    text-decoration: none;
    color: white;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    position: relative;
    overflow: hidden;
}

    .mobile-button[b-j8vp9lln2h]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.1);
        transition: left 0.3s ease;
        z-index: 0;
    }

    .mobile-button:hover[b-j8vp9lln2h]::before {
        left: 100%;
    }

    .mobile-button:hover[b-j8vp9lln2h] {
        transform: translateY(-3px);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
    }

    .mobile-button:active[b-j8vp9lln2h] {
        transform: translateY(-1px);
    }

    .mobile-button i[b-j8vp9lln2h] {
        font-size: 1.2rem;
        position: relative;
        z-index: 1;
    }

    .mobile-button span[b-j8vp9lln2h] {
        position: relative;
        z-index: 1;
        text-align: center;
        line-height: 1.3;
    }

    .mobile-button.primary[b-j8vp9lln2h] {
        background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
        color: #0a0e27;
    }

        .mobile-button.primary:hover[b-j8vp9lln2h] {
            box-shadow: 0 8px 25px rgba(79, 172, 254, 0.4);
        }

    .mobile-button.success[b-j8vp9lln2h] {
        background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
        color: white;
    }

        .mobile-button.success:hover[b-j8vp9lln2h] {
            box-shadow: 0 8px 25px rgba(76, 175, 80, 0.4);
        }

    .mobile-button.secondary[b-j8vp9lln2h] {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
    }

        .mobile-button.secondary:hover[b-j8vp9lln2h] {
            box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
        }

    .mobile-button.danger[b-j8vp9lln2h] {
        background: linear-gradient(135deg, #ff6b5b 0%, #ff5847 100%);
        color: white;
    }

        .mobile-button.danger:hover[b-j8vp9lln2h] {
            box-shadow: 0 8px 25px rgba(255, 107, 91, 0.4);
        }

.divider[b-j8vp9lln2h] {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.3), transparent);
    margin: 1.5rem 0;
}

.loading-state[b-j8vp9lln2h] {
    text-align: center;
    color: white;
    padding: 2rem 1rem;
}

.spinner[b-j8vp9lln2h] {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 4px solid rgba(102, 126, 234, 0.2);
    border-top: 4px solid #667eea;
    border-radius: 50%;
    animation: spin-b-j8vp9lln2h 1s linear infinite;
    margin-right: 0.5rem;
}

@keyframes spin-b-j8vp9lln2h {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Responsive */
@media (max-width: 480px) {
    .mobile-container[b-j8vp9lln2h] {
        padding: 0;
    }

    .header-section[b-j8vp9lln2h] {
        padding: 0.75rem;
    }

    .content-section[b-j8vp9lln2h] {
        padding: 1rem 0.75rem;
    }

    .mobile-button[b-j8vp9lln2h] {
        padding: 1rem 0.75rem;
        font-size: 0.85rem;
        gap: 0.5rem;
    }

        .mobile-button i[b-j8vp9lln2h] {
            font-size: 1.1rem;
        }

    .button-group[b-j8vp9lln2h] {
        gap: 0.6rem;
    }
}
/* /Components/Pages/Users/PastBookings.razor.rz.scp.css */
:root[b-wlz16m17ga] {
    --primary-color: #667eea;
    --primary-dark: #5568d3;
    --danger-color: #ff6b5b;
    --success-color: #4caf50;
    --bg-dark: #0a0e27;
    --bg-darker: #1e1e2e;
    --card-bg: rgba(45, 45, 65, 0.8);
}

.mobile-container[b-wlz16m17ga] {
    min-height: 100vh;
    background: linear-gradient(180deg, #0a0e27 0%, #1a1a2e 50%, #16213e 100%);
    padding: 0;
    display: flex;
    flex-direction: column;
}

.mobile-header[b-wlz16m17ga] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(20, 20, 40, 0.8) 100%);
    text-align: center;
    color: white;
    padding: 1.5rem 1rem;
    border-bottom: 1px solid rgba(102, 126, 234, 0.2);
}

    .mobile-header h1[b-wlz16m17ga] {
        font-size: 1.5rem;
        font-weight: 700;
        margin: 0 0 0.5rem 0;
    }

    .mobile-header p[b-wlz16m17ga] {
        font-size: 0.9rem;
        opacity: 0.8;
        margin: 0;
    }

.back-button[b-wlz16m17ga] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.2rem;
    background: rgba(102, 126, 234, 0.15);
    color: #667eea;
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 8px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 1rem;
    text-decoration: none;
}

    .back-button:hover[b-wlz16m17ga] {
        background: rgba(102, 126, 234, 0.25);
        border-color: rgba(102, 126, 234, 0.5);
        transform: translateX(-2px);
    }

.content-section[b-wlz16m17ga] {
    flex: 1;
    padding: 1.5rem 1rem;
    overflow-y: auto;
}

.booking-list[b-wlz16m17ga] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.booking-card[b-wlz16m17ga] {
    background: var(--card-bg);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 12px;
    padding: 1.2rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    color: white;
    opacity: 0.9;
}

    .booking-card:hover[b-wlz16m17ga] {
        border-color: rgba(102, 126, 234, 0.4);
        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.15);
        transform: translateY(-2px);
    }

    .booking-card:active[b-wlz16m17ga] {
        transform: scale(0.98);
    }

    .booking-card.cancelled[b-wlz16m17ga] {
        border-left: 3px solid #ff6b5b;
    }

    .booking-card.completed[b-wlz16m17ga] {
        border-left: 3px solid #4caf50;
    }

    .booking-card.noshow[b-wlz16m17ga] {
        border-left: 3px solid #ff9800;
    }

.booking-status-badge[b-wlz16m17ga] {
    display: inline-block;
    padding: 0.4rem 0.9rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.75rem;
}

.status-completed[b-wlz16m17ga] {
    background: rgba(76, 175, 80, 0.2);
    color: #4caf50;
}

.status-cancelled[b-wlz16m17ga] {
    background: rgba(255, 107, 91, 0.2);
    color: #ff9999;
}

.status-noshow[b-wlz16m17ga] {
    background: rgba(255, 152, 0, 0.2);
    color: #ffb74d;
}

.booking-date[b-wlz16m17ga] {
    font-size: 0.8rem;
    color: #4facfe;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
}

.booking-title[b-wlz16m17ga] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0.75rem;
}

.booking-info[b-wlz16m17ga] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.6;
    margin-bottom: 0.75rem;
}

.booking-info-row[b-wlz16m17ga] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.5rem 0;
}

    .booking-info-row i[b-wlz16m17ga] {
        color: #667eea;
        min-width: 20px;
    }

.booking-price[b-wlz16m17ga] {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.85);
    margin: 0.75rem 0;
}

.booking-cancellation-info[b-wlz16m17ga] {
    background: rgba(255, 107, 91, 0.1);
    border: 1px solid rgba(255, 107, 91, 0.2);
    border-radius: 6px;
    padding: 0.75rem;
    margin-top: 0.75rem;
    font-size: 0.85rem;
    color: #ffb3a8;
}

.booking-actions[b-wlz16m17ga] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
}

.action-button[b-wlz16m17ga] {
    flex: 1;
    padding: 0.7rem 1rem;
    border: none;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

    .action-button.primary[b-wlz16m17ga] {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
    }

        .action-button.primary:hover[b-wlz16m17ga] {
            background: linear-gradient(135deg, #5568d3 0%, #6a3d8b 100%);
            transform: translateY(-2px);
        }

.empty-state[b-wlz16m17ga] {
    text-align: center;
    color: white;
    padding: 3rem 1rem;
}

.empty-state-icon[b-wlz16m17ga] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.empty-state-text[b-wlz16m17ga] {
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

.empty-state-subtext[b-wlz16m17ga] {
    font-size: 0.9rem;
    opacity: 0.7;
}

.loading-state[b-wlz16m17ga] {
    text-align: center;
    color: white;
    padding: 2rem 1rem;
}

.spinner[b-wlz16m17ga] {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 4px solid rgba(102, 126, 234, 0.2);
    border-top: 4px solid #667eea;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-right: 0.5rem;
}

@@keyframes spin {
    0%[b-wlz16m17ga] {
        transform: rotate(0deg);
    }

    100%[b-wlz16m17ga] {
        transform: rotate(360deg);
    }
}

@@media (max-width: 480px) {
    .mobile-container[b-wlz16m17ga] {
        padding: 0;
    }

    .content-section[b-wlz16m17ga] {
        padding: 1rem 0.75rem;
    }

    .booking-card[b-wlz16m17ga] {
        padding: 1rem;
    }

    .booking-title[b-wlz16m17ga] {
        font-size: 1rem;
    }

    .action-button[b-wlz16m17ga] {
        font-size: 0.8rem;
        padding: 0.6rem 0.8rem;
    }
}

.pagination-controls[b-wlz16m17ga] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
    padding: 1.5rem 1rem;
    background: rgba(45, 45, 65, 0.5);
    border-radius: 12px;
    border: 1px solid rgba(102, 126, 234, 0.2);
}

.pagination-button[b-wlz16m17ga] {
    padding: 0.6rem 1rem;
    background: rgba(102, 126, 234, 0.2);
    color: #667eea;
    border: 1px solid rgba(102, 126, 234, 0.4);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
}

    .pagination-button:hover:not(:disabled)[b-wlz16m17ga] {
        background: rgba(102, 126, 234, 0.4);
        border-color: rgba(102, 126, 234, 0.6);
        transform: translateY(-2px);
    }

    .pagination-button:disabled[b-wlz16m17ga] {
        opacity: 0.4;
        cursor: not-allowed;
    }

.pagination-dropdown[b-wlz16m17ga] {
    padding: 0.6rem 1rem;
    background: rgba(102, 126, 234, 0.2);
    color: #667eea;
    border: 1px solid rgba(102, 126, 234, 0.4);
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.95rem;
    transition: all 0.3s ease;
}

    .pagination-dropdown:hover[b-wlz16m17ga] {
        background: rgba(102, 126, 234, 0.4);
        border-color: rgba(102, 126, 234, 0.6);
    }

.pagination-info[b-wlz16m17ga] {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    font-weight: 600;
    min-width: 150px;
    text-align: center;
}
/* /Components/Pages/Users/PaymentFlow/BookingPurchaseReview.razor.rz.scp.css */
.review-card[b-l72rmg4eyx] {
    background: linear-gradient(180deg, rgba(20, 24, 38, 0.95), rgba(17, 20, 32, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 2.25rem;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.45);
    color: #f5f7ff;
}

.review-header[b-l72rmg4eyx] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.review-icon[b-l72rmg4eyx] {
    font-size: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    height: 60px;
}

.review-icon.booking-icon[b-l72rmg4eyx] {
    color: #00b4d8;
}

.review-icon.subscription-icon[b-l72rmg4eyx] {
    color: #4caf50;
}

.review-title h2[b-l72rmg4eyx] {
    margin: 0 0 0.5rem 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: #ffffff;
}

.review-title p[b-l72rmg4eyx] {
    margin: 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.95rem;
}

.review-section[b-l72rmg4eyx] {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.review-section:last-of-type[b-l72rmg4eyx] {
    border-bottom: none;
    margin-bottom: 2rem;
    padding-bottom: 0;
}

.review-section h3[b-l72rmg4eyx] {
    margin: 0 0 1rem 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #ffffff;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid rgba(0, 180, 216, 0.4);
}

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

.detail-item[b-l72rmg4eyx] {
    padding: 0.75rem 0;
}

.detail-label[b-l72rmg4eyx] {
    margin: 0 0 0.4rem 0;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-value[b-l72rmg4eyx] {
    margin: 0;
    font-size: 1rem;
    color: #ffffff;
    font-weight: 500;
}

.plan-details[b-l72rmg4eyx] {
    margin: 1rem 0;
}

.payment-amount[b-l72rmg4eyx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1.5rem 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.amount-label[b-l72rmg4eyx] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1rem;
}

.amount-value[b-l72rmg4eyx] {
    font-weight: 600;
    color: #ffffff;
    font-size: 1.3rem;
}

.payment-info[b-l72rmg4eyx] {
    background: rgba(33, 150, 243, 0.1);
    border-left: 4px solid #2196f3;
    padding: 1rem;
    border-radius: 10px;
    margin-top: 1rem;
}

.payment-info p[b-l72rmg4eyx] {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.9rem;
}

.payment-info strong[b-l72rmg4eyx] {
    color: #ffffff;
}

.btn-group[b-l72rmg4eyx] {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.btn-action[b-l72rmg4eyx] {
    border: none;
    border-radius: 999px;
    font-weight: 600;
    padding: 0.9rem 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 1rem;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    flex: 1;
}

.btn-action.btn-primary[b-l72rmg4eyx] {
    background: linear-gradient(120deg, #00b4d8, #0077ff);
    color: white;
    box-shadow: 0 10px 25px rgba(0, 119, 255, 0.35);
}

.btn-action.btn-primary:hover[b-l72rmg4eyx] {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0, 119, 255, 0.45);
}

.btn-action.btn-secondary[b-l72rmg4eyx] {
    background: rgba(255, 255, 255, 0.08);
    color: #f5f7ff;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.btn-action.btn-secondary:hover[b-l72rmg4eyx] {
    background: rgba(255, 255, 255, 0.12);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.btn-action:disabled[b-l72rmg4eyx] {
    opacity: 0.6;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}

@media (max-width: 576px) {
    .review-card[b-l72rmg4eyx] {
        padding: 1.5rem;
    }

    .review-header[b-l72rmg4eyx] {
        flex-direction: column;
        align-items: flex-start;
    }

    .review-icon[b-l72rmg4eyx] {
        min-width: 50px;
        height: 50px;
        font-size: 2rem;
    }

    .btn-group[b-l72rmg4eyx] {
        flex-direction: column;
    }

    .btn-action[b-l72rmg4eyx] {
        width: 100%;
    }
}
/* /Components/Pages/Users/PaymentFlow/ExtPaymentGateway.razor.rz.scp.css */
.gateway-container[b-f5609eluv0] {
    max-width: 640px;
    margin: 2rem auto;
    padding: 1rem;
    color: #f5f7ff;
}

.payment-card[b-f5609eluv0] {
    background: linear-gradient(180deg, rgba(20, 24, 38, 0.95), rgba(17, 20, 32, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 2.25rem;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.45);
}

.payment-card h2[b-f5609eluv0] {
    margin-top: 0;
    margin-bottom: 2rem;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
}

.gateway-info[b-f5609eluv0] {
    background: rgba(33, 150, 243, 0.1);
    border-left: 4px solid #2196f3;
    padding: 1rem;
    border-radius: 10px;
    margin: 1.5rem 0;
    font-size: 0.9rem;
}

.hint-text[b-f5609eluv0] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.8rem;
}

.text-center[b-f5609eluv0] {
    text-align: center;
}

.payment-label[b-f5609eluv0] {
    display: block;
    margin-bottom: 0.45rem;
    font-weight: 600;
    color: #f5f7ff;
}

.payment-input[b-f5609eluv0] {
    width: 100%;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.02);
    color: #f5f7ff;
    font-size: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.payment-input[b-f5609eluv0]::placeholder {
    color: rgba(255, 255, 255, 0.45);
}

.payment-input:focus[b-f5609eluv0] {
    outline: none;
    border-color: #00b4d8;
    box-shadow: 0 0 0 2px rgba(0, 180, 216, 0.25);
}

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

.btn-action[b-f5609eluv0] {
    border: none;
    border-radius: 999px;
    font-weight: 600;
    padding: 0.9rem 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 1rem;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-action.btn-primary[b-f5609eluv0] {
    background: linear-gradient(120deg, #00b4d8, #0077ff);
    color: white;
    box-shadow: 0 10px 25px rgba(0, 119, 255, 0.35);
}

.btn-action.btn-secondary[b-f5609eluv0] {
    background: rgba(255, 255, 255, 0.08);
    color: #f5f7ff;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.btn-action:disabled[b-f5609eluv0] {
    opacity: 0.6;
    cursor: not-allowed;
    box-shadow: none;
}

.btn-group[b-f5609eluv0] {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.status-card[b-f5609eluv0] {
    text-align: center;
}

.result-box[b-f5609eluv0] {
    border-radius: 10px;
    padding: 1rem;
    margin: 1.5rem 0;
    font-size: 0.9rem;
    text-align: left;
}

.result-box.success[b-f5609eluv0] {
    background: rgba(76, 175, 80, 0.15);
    border: 1px solid rgba(76, 175, 80, 0.5);
}

.result-box.error[b-f5609eluv0] {
    background: rgba(244, 67, 54, 0.15);
    border: 1px solid rgba(244, 67, 54, 0.5);
}

.status-icon[b-f5609eluv0] {
    font-size: 3.2rem;
    margin-bottom: 1rem;
}

.status-icon.success[b-f5609eluv0] { color: #4caf50; }
.status-icon.error[b-f5609eluv0] { color: #f44336; }
.status-icon.processing[b-f5609eluv0] { color: #2196f3; }

.processing-indicator[b-f5609eluv0] {
    background: rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    padding: 1rem;
    margin-top: 2rem;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    color: rgba(255, 255, 255, 0.8);
}

.processing-dot[b-f5609eluv0] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #00b4d8;
    animation: pulse-b-f5609eluv0 1s infinite;
}

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

@media (max-width: 576px) {
    .payment-card[b-f5609eluv0] {
        padding: 1.5rem;
    }

    .btn-group[b-f5609eluv0] {
        flex-direction: column;
    }
}
/* /Components/Pages/Users/PaymentFlow/PaymentReturn.razor.rz.scp.css */
.success-container[b-hx1zs5ebjb] {
    max-width: 900px;
    margin: 2rem auto;
    padding: 0 1rem;
}

.success-card[b-hx1zs5ebjb] {
    background: linear-gradient(180deg, rgba(20, 24, 38, 0.95), rgba(17, 20, 32, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 2.25rem;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.45);
    color: #f5f7ff;
}

    .success-card.status-complete[b-hx1zs5ebjb] {
        border-color: rgba(76, 175, 80, 0.2);
        box-shadow: 0 20px 45px rgba(76, 175, 80, 0.15), 0 0 0 1px rgba(76, 175, 80, 0.1);
    }

    .success-card.status-pending[b-hx1zs5ebjb] {
        border-color: rgba(255, 193, 7, 0.2);
        box-shadow: 0 20px 45px rgba(255, 193, 7, 0.1), 0 0 0 1px rgba(255, 193, 7, 0.1);
    }

    .success-card.status-expired[b-hx1zs5ebjb] {
        border-color: rgba(244, 67, 54, 0.2);
        box-shadow: 0 20px 45px rgba(244, 67, 54, 0.1), 0 0 0 1px rgba(244, 67, 54, 0.1);
    }

.status-icon[b-hx1zs5ebjb] {
    font-size: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

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

    .status-icon.warning[b-hx1zs5ebjb] {
        color: #ffc107;
        background: rgba(255, 193, 7, 0.1);
        animation: pulse-b-hx1zs5ebjb 2s ease-in-out infinite;
    }

    .status-icon.error[b-hx1zs5ebjb] {
        color: #f44336;
        background: rgba(244, 67, 54, 0.1);
    }

    .status-icon.loading[b-hx1zs5ebjb] {
        color: #2196f3;
        background: rgba(33, 150, 243, 0.1);
        animation: spin-b-hx1zs5ebjb 1s linear infinite;
    }

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

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

@keyframes pulse-b-hx1zs5ebjb {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.7;
    }
}

/* Verification Progress Section */
.verification-progress[b-hx1zs5ebjb] {
    background: rgba(255, 193, 7, 0.05);
    border: 1px solid rgba(255, 193, 7, 0.2);
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    margin: 1.5rem 0;
}

.progress-dots[b-hx1zs5ebjb] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.dot[b-hx1zs5ebjb] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 193, 7, 0.3);
    animation: pulse-b-hx1zs5ebjb 1s ease-in-out infinite;
}

.dot-active[b-hx1zs5ebjb] {
    background: #ffc107;
    animation: pulse-b-hx1zs5ebjb 0.6s ease-in-out infinite;
}

.dot:nth-child(2)[b-hx1zs5ebjb] {
    animation-delay: 0.2s;
}

.dot:nth-child(3)[b-hx1zs5ebjb] {
    animation-delay: 0.4s;
}

.progress-message[b-hx1zs5ebjb] {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
    font-weight: 500;
}

.success-card h2[b-hx1zs5ebjb] {
    text-align: center;
    margin: 0 0 0.5rem 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: #ffffff;
}

.success-card > p[b-hx1zs5ebjb] {
    text-align: center;
    margin: 0 0 2rem 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 1rem;
}

.outcome-message[b-hx1zs5ebjb] {
    text-align: center;
    margin: 1rem 0;
    padding: 1rem;
    background: rgba(76, 175, 80, 0.1);
    border: 1px solid rgba(76, 175, 80, 0.3);
    border-radius: 8px;
    color: #4caf50;
    font-weight: 600;
}

    .outcome-message.outcome-success[b-hx1zs5ebjb] {
        background: rgba(76, 175, 80, 0.1);
        border-color: rgba(76, 175, 80, 0.3);
        color: #4caf50;
    }

    .outcome-message.outcome-warning[b-hx1zs5ebjb] {
        background: rgba(255, 193, 7, 0.1);
        border-color: rgba(255, 193, 7, 0.3);
        color: #ffc107;
    }

    .outcome-message.outcome-error[b-hx1zs5ebjb] {
        background: rgba(244, 67, 54, 0.1);
        border-color: rgba(244, 67, 54, 0.3);
        color: #f44336;
    }

.success-section[b-hx1zs5ebjb] {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

    .success-section:last-of-type[b-hx1zs5ebjb] {
        border-bottom: none;
        margin-bottom: 1.5rem;
        padding-bottom: 0;
    }

    .success-section h3[b-hx1zs5ebjb] {
        margin: 0 0 1.25rem 0;
        font-size: 1.1rem;
        font-weight: 700;
        color: #ffffff;
        padding-bottom: 0.75rem;
        border-bottom: 2px solid rgba(76, 175, 80, 0.3);
    }

    .status-pending .success-section h3[b-hx1zs5ebjb] {
        border-bottom-color: rgba(255, 193, 7, 0.3);
    }

    .status-expired .success-section h3[b-hx1zs5ebjb] {
        border-bottom-color: rgba(244, 67, 54, 0.3);
    }

/* Transaction ID Box */
.transaction-id-box[b-hx1zs5ebjb] {
    background: linear-gradient(135deg, rgba(76, 175, 80, 0.15), rgba(76, 175, 80, 0.05));
    border: 2px solid rgba(76, 175, 80, 0.3);
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center;
    margin: 0.5rem 0;
}

    .transaction-id-box.transaction-id-box-pending[b-hx1zs5ebjb] {
        background: linear-gradient(135deg, rgba(255, 193, 7, 0.15), rgba(255, 193, 7, 0.05));
        border-color: rgba(255, 193, 7, 0.3);
    }

    .transaction-id-box.transaction-id-box-expired[b-hx1zs5ebjb] {
        background: linear-gradient(135deg, rgba(244, 67, 54, 0.15), rgba(244, 67, 54, 0.05));
        border-color: rgba(244, 67, 54, 0.3);
    }

.transaction-id-label[b-hx1zs5ebjb] {
    margin: 0 0 0.5rem 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.transaction-id-value[b-hx1zs5ebjb] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 700;
    color: #4caf50;
    font-family: 'Courier New', monospace;
    word-break: break-all;
}

    .transaction-id-box-pending .transaction-id-value[b-hx1zs5ebjb] {
        color: #ffc107;
    }

    .transaction-id-box-expired .transaction-id-value[b-hx1zs5ebjb] {
        color: #f44336;
    }

/* Product Details */
.product-details[b-hx1zs5ebjb] {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 12px;
    padding: 1.5rem;
}

.detail-row[b-hx1zs5ebjb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

    .detail-row:last-child[b-hx1zs5ebjb] {
        border-bottom: none;
    }

.detail-label[b-hx1zs5ebjb] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.9rem;
    font-weight: 500;
}

.detail-value[b-hx1zs5ebjb] {
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 500;
    text-align: right;
    max-width: 60%;
}

/* DateTime Box - In Evidenza */
.datetime-box[b-hx1zs5ebjb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin: 1.5rem 0;
}

.datetime-item[b-hx1zs5ebjb] {
    background: linear-gradient(135deg, rgba(0, 180, 216, 0.2), rgba(0, 180, 216, 0.05));
    border: 2px solid rgba(0, 180, 216, 0.3);
    border-radius: 12px;
    padding: 1rem;
    text-align: center;
}

.datetime-label[b-hx1zs5ebjb] {
    margin: 0 0 0.5rem 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.datetime-value[b-hx1zs5ebjb] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #00b4d8;
}

/* Payment Summary */
.payment-summary[b-hx1zs5ebjb] {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 12px;
    padding: 1.5rem;
}

.summary-row[b-hx1zs5ebjb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

    .summary-row.summary-total[b-hx1zs5ebjb] {
        border-bottom: none;
        border-top: 2px solid rgba(76, 175, 80, 0.3);
        padding-top: 1rem;
        padding-bottom: 0.5rem;
        margin-top: 0.5rem;
        background: rgba(76, 175, 80, 0.08);
        margin: 1rem -1.5rem -1.5rem -1.5rem;
        padding: 1rem 1.5rem;
    }

.summary-label[b-hx1zs5ebjb] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.95rem;
    font-weight: 500;
}

.summary-value[b-hx1zs5ebjb] {
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 600;
}

.summary-value-total[b-hx1zs5ebjb] {
    color: #4caf50;
    font-size: 1.3rem;
    font-weight: 700;
}

/* Email Notification */
.email-notification[b-hx1zs5ebjb] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    background: rgba(33, 150, 243, 0.08);
    border-left: 4px solid #2196f3;
    padding: 1.5rem;
    border-radius: 10px;
    margin: 0.5rem 0;
}

    .email-notification i[b-hx1zs5ebjb] {
        font-size: 1.8rem;
        color: #2196f3;
        flex-shrink: 0;
    }

.email-content[b-hx1zs5ebjb] {
    flex: 1;
}

.email-label[b-hx1zs5ebjb] {
    margin: 0 0 0.5rem 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.email-address[b-hx1zs5ebjb] {
    margin: 0 0 0.5rem 0;
    font-size: 1rem;
    color: #ffffff;
    font-weight: 600;
    word-break: break-all;
}

.email-hint[b-hx1zs5ebjb] {
    margin: 0;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.85rem;
}

/* Transaction Info */
.transaction-info[b-hx1zs5ebjb] {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 12px;
    padding: 1.5rem;
}

.info-row[b-hx1zs5ebjb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

    .info-row:last-child[b-hx1zs5ebjb] {
        border-bottom: none;
    }

.info-label[b-hx1zs5ebjb] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.9rem;
    font-weight: 500;
}

.info-value[b-hx1zs5ebjb] {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 500;
    text-align: right;
    max-width: 60%;
    word-break: break-word;
}

/* Buttons */
.btn-group[b-hx1zs5ebjb] {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.btn-action[b-hx1zs5ebjb] {
    border: none;
    border-radius: 999px;
    font-weight: 600;
    padding: 1rem 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 1rem;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    flex: 1;
    min-width: 200px;
}

    .btn-action.btn-primary[b-hx1zs5ebjb] {
        background: linear-gradient(120deg, #4caf50, #45a049);
        color: white;
        box-shadow: 0 10px 25px rgba(76, 175, 80, 0.35);
    }

        .btn-action.btn-primary:hover[b-hx1zs5ebjb] {
            transform: translateY(-2px);
            box-shadow: 0 12px 30px rgba(76, 175, 80, 0.45);
        }

    .btn-action.btn-retry[b-hx1zs5ebjb] {
        background: linear-gradient(120deg, #ffc107, #ffb300);
        color: #1a1a1a;
        box-shadow: 0 10px 25px rgba(255, 193, 7, 0.35);
        font-weight: 700;
    }

        .btn-action.btn-retry:hover[b-hx1zs5ebjb] {
            transform: translateY(-2px);
            box-shadow: 0 12px 30px rgba(255, 193, 7, 0.45);
            background: linear-gradient(120deg, #ffb300, #ff9800);
        }

    .btn-action.btn-secondary[b-hx1zs5ebjb] {
        background: rgba(255, 255, 255, 0.08);
        color: #f5f7ff;
        border: 1px solid rgba(255, 255, 255, 0.12);
    }

        .btn-action.btn-secondary:hover[b-hx1zs5ebjb] {
            background: rgba(255, 255, 255, 0.12);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
        }

    .btn-action:disabled[b-hx1zs5ebjb] {
        opacity: 0.6;
        cursor: not-allowed;
        box-shadow: none;
        transform: none;
    }

/* Responsive */
@media (max-width: 768px) {
    .success-card[b-hx1zs5ebjb] {
        padding: 1.5rem;
    }

    .status-icon[b-hx1zs5ebjb] {
        font-size: 2.5rem;
        width: 70px;
        height: 70px;
    }

    .success-card h2[b-hx1zs5ebjb] {
        font-size: 1.4rem;
    }

    .detail-row[b-hx1zs5ebjb] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .detail-value[b-hx1zs5ebjb] {
        max-width: 100%;
        text-align: left;
    }

    .datetime-box[b-hx1zs5ebjb] {
        grid-template-columns: 1fr;
    }

    .summary-row[b-hx1zs5ebjb] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .summary-value[b-hx1zs5ebjb] {
        text-align: left;
    }

    .info-row[b-hx1zs5ebjb] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .info-value[b-hx1zs5ebjb] {
        max-width: 100%;
        text-align: left;
    }

    .btn-group[b-hx1zs5ebjb] {
        flex-direction: column;
    }

    .btn-action[b-hx1zs5ebjb] {
        width: 100%;
        min-width: unset;
    }

    .email-notification[b-hx1zs5ebjb] {
        flex-direction: column;
    }

        .email-notification i[b-hx1zs5ebjb] {
            margin-bottom: 0.5rem;
        }
}

@media (max-width: 480px) {
    .success-card[b-hx1zs5ebjb] {
        padding: 1rem;
    }

    .status-icon[b-hx1zs5ebjb] {
        font-size: 2rem;
        width: 60px;
        height: 60px;
    }

    .success-card h2[b-hx1zs5ebjb] {
        font-size: 1.2rem;
    }

    .transaction-id-value[b-hx1zs5ebjb] {
        font-size: 1.2rem;
    }

    .datetime-value[b-hx1zs5ebjb] {
        font-size: 0.95rem;
    }

    .summary-value-total[b-hx1zs5ebjb] {
        font-size: 1.1rem;
    }
}
/* /Components/Pages/Users/PaymentFlow/PaymentReturnMobile.razor.rz.scp.css */
/* Reset e stili base per l'app mobile */
*[b-xace5522km] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html[b-xace5522km], body[b-xace5522km] {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    background: #f5f5f5;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Header Mobile */
.mobile-header[b-xace5522km] {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.mobile-header-content[b-xace5522km] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
}

.logo-section[b-xace5522km] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.logo-circle[b-xace5522km] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: white;
    color: #667eea;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.app-title[b-xace5522km] {
    font-size: 1.25rem;
    font-weight: 700;
    color: white;
    margin: 0;
}

.btn-close-webview[b-xace5522km] {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 1.25rem;
}

.btn-close-webview:hover[b-xace5522km] {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.05);
}

.btn-close-webview:active[b-xace5522km] {
    background: rgba(255, 255, 255, 0.4);
    transform: scale(0.95);
}

/* Sezione Informazioni Struttura Sportiva */
.structure-info-banner[b-xace5522km] {
    background: white;
    border-bottom: 1px solid #e0e0e0;
    padding: 1rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.structure-info-content[b-xace5522km] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.structure-photo[b-xace5522km] {
    width: 80px;
    height: 80px;
    border-radius: 12px;
    object-fit: cover;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.structure-photo-placeholder[b-xace5522km] {
    width: 80px;
    height: 80px;
    border-radius: 12px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 2rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.structure-details[b-xace5522km] {
    flex: 1;
}

.structure-name[b-xace5522km] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #333;
    margin: 0 0 0.25rem;
    line-height: 1.3;
}

.structure-location[b-xace5522km] {
    font-size: 0.9rem;
    color: #666;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.structure-location i[b-xace5522km] {
    font-size: 0.9rem;
    color: #667eea;
}

/* Container principale */
.success-container[b-xace5522km] {
    max-width: 100%;
    margin: 0;
    padding: 1rem;
    padding-bottom: 120px; /* Spazio per il footer fisso */
    min-height: calc(100vh - 70px);
}

.success-card[b-xace5522km] {
    background: white;
    border-radius: 16px;
    padding: 2rem 1.5rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    color: #333;
}

    .success-card.status-complete[b-xace5522km] {
        border-left: 4px solid #4caf50;
    }

    .success-card.status-pending[b-xace5522km] {
        border-left: 4px solid #ffc107;
    }

    .success-card.status-expired[b-xace5522km] {
        border-left: 4px solid #f44336;
    }

.success-card h2[b-xace5522km] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    margin: 1rem 0 0.5rem;
    text-align: center;
}

.success-card p[b-xace5522km] {
    font-size: 1rem;
    color: #666;
    text-align: center;
    margin: 0 0 1.5rem;
}

/* Icone di stato */
.status-icon[b-xace5522km] {
    font-size: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

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

    .status-icon.warning[b-xace5522km] {
        color: #ffc107;
        background: rgba(255, 193, 7, 0.1);
        animation: pulse-b-xace5522km 2s ease-in-out infinite;
    }

    .status-icon.error[b-xace5522km] {
        color: #f44336;
        background: rgba(244, 67, 54, 0.1);
    }

    .status-icon.loading[b-xace5522km] {
        color: #667eea;
        background: rgba(102, 126, 234, 0.1);
        animation: spin-b-xace5522km 1s linear infinite;
    }

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

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

@keyframes pulse-b-xace5522km {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.7;
    }
}

/* Sezione verifica pagamento */
.verification-progress[b-xace5522km] {
    background: #fff9e6;
    border: 1px solid #ffe082;
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center;
    margin: 1rem 0;
}

.progress-dots[b-xace5522km] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.dot[b-xace5522km] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 193, 7, 0.3);
    animation: pulse-b-xace5522km 1s ease-in-out infinite;
}

.dot-active[b-xace5522km] {
    background: #ffc107;
    animation: pulse-b-xace5522km 0.6s ease-in-out infinite;
}

.dot:nth-child(2)[b-xace5522km] {
    animation-delay: 0.2s;
}

.dot:nth-child(3)[b-xace5522km] {
    animation-delay: 0.4s;
}

.progress-message[b-xace5522km] {
    margin: 0;
    color: #666;
    font-size: 0.9rem;
    font-weight: 500;
}

/* Messaggi di risultato */
.outcome-message[b-xace5522km] {
    text-align: center;
    margin: 1rem 0;
    padding: 1rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.95rem;
}

    .outcome-message.outcome-success[b-xace5522km] {
        background: #e8f5e9;
        border: 1px solid #4caf50;
        color: #2e7d32;
    }

    .outcome-message.outcome-warning[b-xace5522km] {
        background: #fff9e6;
        border: 1px solid #ffc107;
        color: #f57c00;
    }

    .outcome-message.outcome-error[b-xace5522km] {
        background: #ffebee;
        border: 1px solid #f44336;
        color: #c62828;
    }

/* Sezioni */
.success-section[b-xace5522km] {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e0e0e0;
}

    .success-section:last-of-type[b-xace5522km] {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .success-section h3[b-xace5522km] {
        margin: 0 0 1rem 0;
        font-size: 1.1rem;
        font-weight: 700;
        color: #333;
        padding-bottom: 0.5rem;
        border-bottom: 2px solid #667eea;
    }

/* Box ID Transazione */
.transaction-id-box[b-xace5522km] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15), rgba(118, 75, 162, 0.1));
    border: 2px solid #667eea;
    border-radius: 12px;
    padding: 1.25rem;
    text-align: center;
    margin: 0.5rem 0;
}

    .transaction-id-box.transaction-id-box-pending[b-xace5522km] {
        background: linear-gradient(135deg, rgba(255, 193, 7, 0.15), rgba(255, 152, 0, 0.1));
        border-color: #ffc107;
    }

    .transaction-id-box.transaction-id-box-expired[b-xace5522km] {
        background: linear-gradient(135deg, rgba(244, 67, 54, 0.15), rgba(229, 57, 53, 0.1));
        border-color: #f44336;
    }

.transaction-id-label[b-xace5522km] {
    margin: 0 0 0.5rem 0;
    color: #666;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.transaction-id-value[b-xace5522km] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #667eea;
    font-family: 'Courier New', monospace;
    word-break: break-all;
}

    .transaction-id-box-pending .transaction-id-value[b-xace5522km] {
        color: #f57c00;
    }

    .transaction-id-box-expired .transaction-id-value[b-xace5522km] {
        color: #c62828;
    }

/* Dettagli prodotto */
.product-details[b-xace5522km] {
    background: #fafafa;
    border-radius: 12px;
    padding: 1.25rem;
}

.detail-row[b-xace5522km] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid #e0e0e0;
}

    .detail-row:last-child[b-xace5522km] {
        border-bottom: none;
    }

.detail-label[b-xace5522km] {
    color: #666;
    font-size: 0.9rem;
    font-weight: 500;
}

.detail-value[b-xace5522km] {
    color: #333;
    font-size: 0.95rem;
    font-weight: 600;
    text-align: right;
    max-width: 60%;
}

/* Box data e ora - In evidenza */
.datetime-box[b-xace5522km] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.75rem;
    margin: 1rem 0;
}

.datetime-item[b-xace5522km] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.05));
    border: 2px solid #667eea;
    border-radius: 12px;
    padding: 1rem;
    text-align: center;
}

.datetime-label[b-xace5522km] {
    margin: 0 0 0.5rem 0;
    color: #666;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.datetime-value[b-xace5522km] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #667eea;
}

/* Riepilogo pagamento */
.payment-summary[b-xace5522km] {
    background: #fafafa;
    border-radius: 12px;
    padding: 1.25rem;
}

.summary-row[b-xace5522km] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid #e0e0e0;
}

    .summary-row.summary-total[b-xace5522km] {
        border-bottom: none;
        border-top: 2px solid #4caf50;
        padding-top: 1rem;
        margin-top: 0.5rem;
        background: #e8f5e9;
        margin-left: -1.25rem;
        margin-right: -1.25rem;
        margin-bottom: -1.25rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-bottom: 1rem;
    }

.summary-label[b-xace5522km] {
    color: #666;
    font-size: 0.95rem;
    font-weight: 500;
}

.summary-value[b-xace5522km] {
    color: #333;
    font-size: 0.95rem;
    font-weight: 600;
}

.summary-value-total[b-xace5522km] {
    color: #2e7d32;
    font-size: 1.3rem;
    font-weight: 700;
}

/* Notifica email */
.email-notification[b-xace5522km] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    background: #e3f2fd;
    border-left: 4px solid #2196f3;
    padding: 1.25rem;
    border-radius: 10px;
    margin: 0.5rem 0;
}

    .email-notification i[b-xace5522km] {
        font-size: 1.8rem;
        color: #2196f3;
        flex-shrink: 0;
        margin-top: 0.25rem;
    }

.email-content[b-xace5522km] {
    flex: 1;
}

.email-label[b-xace5522km] {
    margin: 0 0 0.25rem 0;
    color: #666;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.email-address[b-xace5522km] {
    margin: 0 0 0.5rem 0;
    font-size: 1rem;
    color: #333;
    font-weight: 600;
    word-break: break-all;
}

.email-hint[b-xace5522km] {
    margin: 0;
    color: #666;
    font-size: 0.85rem;
}

/* Informazioni transazione */
.transaction-info[b-xace5522km] {
    background: #fafafa;
    border-radius: 12px;
    padding: 1.25rem;
}

.info-row[b-xace5522km] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.75rem 0;
    border-bottom: 1px solid #e0e0e0;
}

    .info-row:last-child[b-xace5522km] {
        border-bottom: none;
    }

.info-label[b-xace5522km] {
    color: #666;
    font-size: 0.9rem;
    font-weight: 500;
}

.info-value[b-xace5522km] {
    color: #333;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: right;
    max-width: 60%;
    word-break: break-all;
    font-family: 'Courier New', monospace;
}

/* Responsive per mobile */
@media (max-width: 768px) {
    .mobile-header-content[b-xace5522km] {
        padding: 0.5rem 0.75rem;
    }

    .logo-circle[b-xace5522km] {
        width: 36px;
        height: 36px;
        font-size: 0.9rem;
    }

    .app-title[b-xace5522km] {
        font-size: 1.1rem;
    }

    .btn-close-webview[b-xace5522km] {
        width: 36px;
        height: 36px;
        font-size: 1.1rem;
    }

    .success-container[b-xace5522km] {
        padding: 0.75rem;
        padding-bottom: 100px; /* Ridotto per mobile */
    }

    .success-card[b-xace5522km] {
        padding: 1.25rem 1rem;
    }

    .success-card h2[b-xace5522km] {
        font-size: 1.25rem;
    }

    .success-card p[b-xace5522km] {
        font-size: 0.9rem;
    }

    .status-icon[b-xace5522km] {
        width: 64px;
        height: 64px;
        font-size: 2.5rem;
    }

    .success-section h3[b-xace5522km] {
        font-size: 1rem;
    }

    .datetime-box[b-xace5522km] {
        grid-template-columns: 1fr;
    }

    .transaction-id-value[b-xace5522km] {
        font-size: 1.1rem;
    }

    .detail-label[b-xace5522km],
    .detail-value[b-xace5522km] {
        font-size: 0.85rem;
    }

    .summary-value-total[b-xace5522km] {
        font-size: 1.15rem;
    }
}

/* Mobile Footer - Bottone Torna a SportPal (FISSO in basso) */
.return-to-app-container[b-xace5522km] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 1rem 1.5rem;
    text-align: center;
    background: white;
    border-top: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 -4px 12px rgba(0,0,0,0.08);
}

.btn-return-to-app[b-xace5522km] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    width: 100%;
    max-width: 320px;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    font-size: 1.1rem;
    font-weight: 600;
    border: none;
    border-radius: 12px;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
    transition: all 0.3s ease;
}

.btn-return-to-app:hover[b-xace5522km] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
    color: white;
    text-decoration: none;
}

.btn-return-to-app:active[b-xace5522km] {
    transform: translateY(0);
    box-shadow: 0 2px 10px rgba(102, 126, 234, 0.4);
}

.btn-return-to-app i[b-xace5522km] {
    font-size: 1.3rem;
}

.return-hint[b-xace5522km] {
    margin: 0.75rem 0 0;
    font-size: 0.85rem;
    color: #888;
}

@media (max-width: 768px) {
    .return-to-app-container[b-xace5522km] {
        padding: 0.75rem 1rem;
    }

    .btn-return-to-app[b-xace5522km] {
        width: 100%;
        padding: 0.9rem 1.5rem;
        font-size: 1rem;
    }
}
/* /Components/Pages/Users/PaymentFlow/PendingCharges.razor.rz.scp.css */
.pending-charges-container[b-m8oyvnxf8x] {
    width: 100%;
    min-height: 100vh;
    background: linear-gradient(180deg, #0a0e27 0%, #1a1a2e 50%, #16213e 100%);
    color: #f5f7ff;
}

.loading-card[b-m8oyvnxf8x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    gap: 1rem;
    padding: 2rem 1rem;
}

.spinner[b-m8oyvnxf8x] {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 4px solid rgba(102, 126, 234, 0.2);
    border-top: 4px solid #667eea;
    border-radius: 50%;
    animation: spin-b-m8oyvnxf8x 1s linear infinite;
}

@keyframes spin-b-m8oyvnxf8x {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.empty-state[b-m8oyvnxf8x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 2rem 1.5rem;
    text-align: center;
}

.empty-icon[b-m8oyvnxf8x] {
    font-size: 3.5rem;
    color: #4caf50;
    margin-bottom: 1rem;
}

.empty-state h2[b-m8oyvnxf8x] {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
    color: white;
}

.empty-state p[b-m8oyvnxf8x] {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 2rem 0;
}

.charges-page[b-m8oyvnxf8x] {
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.page-header[b-m8oyvnxf8x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(20, 20, 40, 0.8) 100%);
    border-bottom: 1px solid rgba(102, 126, 234, 0.2);
}

.back-button-header[b-m8oyvnxf8x] {
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: all 0.3s ease;
    width: 40px;
    height: 40px;
}

    .back-button-header:hover[b-m8oyvnxf8x] {
        background: rgba(102, 126, 234, 0.2);
        color: #667eea;
    }

.page-header h1[b-m8oyvnxf8x] {
    flex: 1;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0;
    color: white;
}

.info-banner[b-m8oyvnxf8x] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    margin: 1rem 1rem;
    background: linear-gradient(135deg, rgba(33, 150, 243, 0.1), rgba(33, 150, 243, 0.05));
    border-left: 4px solid #2196f3;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.9rem;
}

.info-banner i[b-m8oyvnxf8x] {
    color: #2196f3;
    font-size: 1.1rem;
}

.transactions-list[b-m8oyvnxf8x] {
    flex: 1;
    padding: 0 1rem 1rem 1rem;
    overflow-y: auto;
}

.transaction-card[b-m8oyvnxf8x] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.05));
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1rem;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    backdrop-filter: blur(10px);
}

    .transaction-card:hover[b-m8oyvnxf8x] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.15), rgba(118, 75, 162, 0.1));
        border-color: rgba(102, 126, 234, 0.4);
        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.2);
        transform: translateY(-4px);
    }

.transaction-header[b-m8oyvnxf8x] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.product-info[b-m8oyvnxf8x] {
    flex: 1;
}

.product-type[b-m8oyvnxf8x] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.75rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

    .product-type.booking[b-m8oyvnxf8x] {
        background: rgba(76, 175, 80, 0.15);
        color: #4caf50;
        border: 1px solid rgba(76, 175, 80, 0.3);
    }

    .product-type.subscription[b-m8oyvnxf8x] {
        background: rgba(0, 180, 216, 0.15);
        color: #00b4d8;
        border: 1px solid rgba(0, 180, 216, 0.3);
    }

.product-type i[b-m8oyvnxf8x] {
    font-size: 0.85rem;
}

.product-name[b-m8oyvnxf8x] {
    font-size: 0.95rem;
    font-weight: 600;
    color: white;
    word-break: break-word;
}

.amount[b-m8oyvnxf8x] {
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffc107;
}

.transaction-details[b-m8oyvnxf8x] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    padding: 1rem 0;
    border-top: 1px solid rgba(102, 126, 234, 0.1);
    border-bottom: 1px solid rgba(102, 126, 234, 0.1);
}

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

.detail-label[b-m8oyvnxf8x] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 600;
}

.detail-value[b-m8oyvnxf8x] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.85);
}

.status-pending[b-m8oyvnxf8x] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.75rem;
    background: rgba(255, 193, 7, 0.15);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 6px;
    color: #ffc107 !important;
    font-size: 0.85rem;
    font-weight: 600;
}

.status-pending i[b-m8oyvnxf8x] {
    font-size: 0.75rem;
}

.transaction-footer[b-m8oyvnxf8x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(102, 126, 234, 0.1);
}

.transaction-id[b-m8oyvnxf8x] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
    font-family: 'Courier New', monospace;
}

.action-arrow[b-m8oyvnxf8x] {
    font-size: 1.2rem;
    color: rgba(102, 126, 234, 0.6);
    transition: all 0.3s ease;
}

.transaction-card:hover .action-arrow[b-m8oyvnxf8x] {
    color: #667eea;
    transform: translateX(4px);
}

/* Bottone Paga ora */
.btn-pay-now[b-m8oyvnxf8x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.65rem 1.25rem;
    background: linear-gradient(135deg, #4caf50 0%, #2e7d32 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);
    min-width: 120px;
}

    .btn-pay-now:hover:not(:disabled)[b-m8oyvnxf8x] {
        transform: translateY(-2px);
        box-shadow: 0 6px 18px rgba(76, 175, 80, 0.4);
        background: linear-gradient(135deg, #66bb6a 0%, #388e3c 100%);
    }

    .btn-pay-now:active:not(:disabled)[b-m8oyvnxf8x] {
        transform: translateY(0);
    }

    .btn-pay-now:disabled[b-m8oyvnxf8x] {
        opacity: 0.7;
        cursor: not-allowed;
        background: linear-gradient(135deg, #78909c 0%, #546e7a 100%);
        box-shadow: none;
    }

    .btn-pay-now i[b-m8oyvnxf8x] {
        font-size: 1rem;
    }

/* Spinner piccolo per il bottone */
.spinner-small[b-m8oyvnxf8x] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top: 2px solid white;
    border-radius: 50%;
    animation: spin-b-m8oyvnxf8x 0.8s linear infinite;
}

.summary-section[b-m8oyvnxf8x] {
    padding: 1.5rem 1rem;
    border-top: 1px solid rgba(102, 126, 234, 0.2);
}

.summary-card[b-m8oyvnxf8x] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15), rgba(118, 75, 162, 0.08));
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 12px;
    padding: 1.25rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    backdrop-filter: blur(10px);
}

.summary-item[b-m8oyvnxf8x] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.summary-label[b-m8oyvnxf8x] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 600;
}

.summary-value[b-m8oyvnxf8x] {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
}

    .summary-value.total[b-m8oyvnxf8x] {
        color: #ffc107;
        font-size: 1.6rem;
    }

.page-footer[b-m8oyvnxf8x] {
    padding: 1.5rem 1rem;
    border-top: 1px solid rgba(102, 126, 234, 0.2);
}

.back-button[b-m8oyvnxf8x],
.back-button-footer[b-m8oyvnxf8x] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 1rem 1.5rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

    .back-button:hover[b-m8oyvnxf8x],
    .back-button-footer:hover[b-m8oyvnxf8x] {
        transform: translateY(-3px);
        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
    }

    .back-button:active[b-m8oyvnxf8x],
    .back-button-footer:active[b-m8oyvnxf8x] {
        transform: translateY(-1px);
    }

/* Responsive */
@media (max-width: 480px) {
    .page-header[b-m8oyvnxf8x] {
        padding: 0.75rem;
    }

    .page-header h1[b-m8oyvnxf8x] {
        font-size: 1.1rem;
    }

    .transaction-details[b-m8oyvnxf8x] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .summary-card[b-m8oyvnxf8x] {
        grid-template-columns: 1fr;
    }

    .transaction-card[b-m8oyvnxf8x] {
        padding: 1rem;
    }

    .product-type[b-m8oyvnxf8x] {
        font-size: 0.7rem;
    }

    .amount[b-m8oyvnxf8x] {
        font-size: 1.1rem;
    }
}

@media (max-width: 360px) {
    .transaction-card[b-m8oyvnxf8x] {
        padding: 0.75rem;
    }

    .page-header[b-m8oyvnxf8x] {
        padding: 0.5rem;
    }

    .info-banner[b-m8oyvnxf8x] {
        margin: 0.75rem 0.75rem;
        padding: 0.75rem 1rem;
    }
}
/* /Components/Pages/Users/PaymentFlow/ProductPurchaseReview.razor.rz.scp.css */
.review-container[b-0vtwqryoju] {
    max-width: 640px;
    margin: 2rem auto;
    padding: 1rem;
    color: #f5f7ff;
}

.payment-card[b-0vtwqryoju] {
    background: linear-gradient(180deg, rgba(20, 24, 38, 0.95), rgba(17, 20, 32, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 2.25rem;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.45);
}

.payment-card h3[b-0vtwqryoju] {
    margin: 0 0 1rem 0;
    color: #ffffff;
    font-weight: 700;
}

.hint-text[b-0vtwqryoju] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.8rem;
}

.result-box[b-0vtwqryoju] {
    border-radius: 10px;
    padding: 1rem;
    margin: 1.5rem 0;
    font-size: 0.9rem;
}

.result-box.error[b-0vtwqryoju] {
    background: rgba(244, 67, 54, 0.15);
    border: 1px solid rgba(244, 67, 54, 0.5);
    color: rgba(255, 255, 255, 0.85);
}

.result-box.error p[b-0vtwqryoju] {
    margin-bottom: 0;
}

.btn-action[b-0vtwqryoju] {
    border: none;
    border-radius: 999px;
    font-weight: 600;
    padding: 0.9rem 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 1rem;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-action.btn-secondary[b-0vtwqryoju] {
    background: rgba(255, 255, 255, 0.08);
    color: #f5f7ff;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.btn-action.btn-secondary:hover[b-0vtwqryoju] {
    background: rgba(255, 255, 255, 0.12);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.btn-action:disabled[b-0vtwqryoju] {
    opacity: 0.6;
    cursor: not-allowed;
    box-shadow: none;
}

.btn-group[b-0vtwqryoju] {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.status-card[b-0vtwqryoju] {
    text-align: center;
}

.loading-spinner[b-0vtwqryoju] {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    border-top-color: #00b4d8;
    border-radius: 50%;
    animation: spin-b-0vtwqryoju 1s linear infinite;
}

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

@media (max-width: 576px) {
    .payment-card[b-0vtwqryoju] {
        padding: 1.5rem;
    }

    .btn-group[b-0vtwqryoju] {
        flex-direction: column;
    }

    .btn-action[b-0vtwqryoju] {
        width: 100%;
    }
}
/* /Components/Pages/Users/PaymentFlow/SubscriptionPurchaseReview.razor.rz.scp.css */
.review-card[b-927a2y9xln] {
    background: linear-gradient(180deg, rgba(20, 24, 38, 0.95), rgba(17, 20, 32, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 2.25rem;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.45);
    color: #f5f7ff;
}

.review-header[b-927a2y9xln] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.review-icon[b-927a2y9xln] {
    font-size: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    height: 60px;
}

.review-icon.subscription-icon[b-927a2y9xln] {
    color: #4caf50;
}

.review-icon.booking-icon[b-927a2y9xln] {
    color: #00b4d8;
}

.review-title h2[b-927a2y9xln] {
    margin: 0 0 0.5rem 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: #ffffff;
}

.review-title p[b-927a2y9xln] {
    margin: 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.95rem;
}

.review-section[b-927a2y9xln] {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.review-section:last-of-type[b-927a2y9xln] {
    border-bottom: none;
    margin-bottom: 2rem;
    padding-bottom: 0;
}

.review-section h3[b-927a2y9xln] {
    margin: 0 0 1rem 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #ffffff;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid rgba(76, 175, 80, 0.4);
}

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

.detail-item[b-927a2y9xln] {
    padding: 0.75rem 0;
}

.detail-label[b-927a2y9xln] {
    margin: 0 0 0.4rem 0;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-value[b-927a2y9xln] {
    margin: 0;
    font-size: 1rem;
    color: #ffffff;
    font-weight: 500;
}

.plan-details[b-927a2y9xln] {
    margin: 1rem 0;
}

.plan-details > div[b-927a2y9xln] {
    padding: 0.75rem 0;
}

.payment-amount[b-927a2y9xln] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1.5rem 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.amount-label[b-927a2y9xln] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1rem;
}

.amount-value[b-927a2y9xln] {
    font-weight: 600;
    color: #ffffff;
    font-size: 1.3rem;
}

/* Payment Breakdown con sconto */
.payment-breakdown[b-927a2y9xln] {
    margin: 1rem 0;
}

.payment-row[b-927a2y9xln] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.payment-label[b-927a2y9xln] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.95rem;
}

.payment-value[b-927a2y9xln] {
    font-weight: 500;
    color: #ffffff;
    font-size: 1rem;
}

.payment-value.original-price[b-927a2y9xln] {
    text-decoration: line-through;
    opacity: 0.6;
    font-size: 0.95rem;
}

.discount-row[b-927a2y9xln] {
    background: rgba(76, 175, 80, 0.1);
    margin: 0 -0.5rem;
    padding: 0.75rem 0.5rem;
    border-radius: 6px;
    border-bottom: none;
}

.discount-row .payment-label[b-927a2y9xln] {
    color: rgba(76, 175, 80, 0.95);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.discount-row .payment-label i[b-927a2y9xln] {
    color: rgba(76, 175, 80, 1);
}

.discount-row .payment-value[b-927a2y9xln] {
    color: rgba(76, 175, 80, 0.95);
    font-weight: 700;
}

.total-row[b-927a2y9xln] {
    margin-top: 0.75rem;
    padding-top: 1rem;
    border-top: 2px solid rgba(255, 255, 255, 0.15);
    border-bottom: none;
}

.payment-label-total[b-927a2y9xln] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.1rem;
    font-weight: 600;
}

.payment-value-total[b-927a2y9xln] {
    color: rgba(76, 175, 80, 0.95);
    font-size: 1.5rem;
    font-weight: 700;
}

.coupon-info[b-927a2y9xln] {
    background: rgba(76, 175, 80, 0.08);
    border: 1px solid rgba(76, 175, 80, 0.25);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.9rem;
}

.coupon-info i[b-927a2y9xln] {
    color: rgba(76, 175, 80, 0.9);
    font-size: 1.1rem;
}

.coupon-info strong[b-927a2y9xln] {
    color: rgba(76, 175, 80, 0.95);
}

.payment-info[b-927a2y9xln] {
    background: rgba(76, 175, 80, 0.1);
    border-left: 4px solid #4caf50;
    padding: 1rem;
    border-radius: 10px;
    margin-top: 1rem;
}

.payment-info p[b-927a2y9xln] {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.9rem;
}

.payment-info strong[b-927a2y9xln] {
    color: #ffffff;
}

.btn-group[b-927a2y9xln] {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.btn-action[b-927a2y9xln] {
    border: none;
    border-radius: 999px;
    font-weight: 600;
    padding: 0.9rem 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 1rem;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    flex: 1;
}

.btn-action.btn-primary[b-927a2y9xln] {
    background: linear-gradient(120deg, #4caf50, #45a049);
    color: white;
    box-shadow: 0 10px 25px rgba(76, 175, 80, 0.35);
}

.btn-action.btn-primary:hover[b-927a2y9xln] {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(76, 175, 80, 0.45);
}

.btn-action.btn-secondary[b-927a2y9xln] {
    background: rgba(255, 255, 255, 0.08);
    color: #f5f7ff;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.btn-action.btn-secondary:hover[b-927a2y9xln] {
    background: rgba(255, 255, 255, 0.12);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.btn-action:disabled[b-927a2y9xln] {
    opacity: 0.6;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}

@media (max-width: 576px) {
    .review-card[b-927a2y9xln] {
        padding: 1.5rem;
    }

    .review-header[b-927a2y9xln] {
        flex-direction: column;
        align-items: flex-start;
    }

    .review-icon[b-927a2y9xln] {
        min-width: 50px;
        height: 50px;
        font-size: 2rem;
    }

    .btn-group[b-927a2y9xln] {
        flex-direction: column;
    }

    .btn-action[b-927a2y9xln] {
        width: 100%;
    }
}

/* Utility classes for icons */
.text-success[b-927a2y9xln] {
    color: #4caf50;
}

.text-danger[b-927a2y9xln] {
    color: #f44336;
}
/* /Components/Pages/Users/Transactions.razor.rz.scp.css */
:root[b-kf01edqbue] {
    --primary-color: #667eea;
    --primary-dark: #5568d3;
    --success-color: #4ade80;
    --warning-color: #fbbf24;
    --danger-color: #ff6b5b;
    --bg-dark: #0a0e27;
    --bg-darker: #1e1e2e;
    --card-bg: rgba(45, 45, 65, 0.8);
}

.mobile-container[b-kf01edqbue] {
    min-height: 100vh;
    background: linear-gradient(180deg, #0a0e27 0%, #1a1a2e 50%, #16213e 100%);
    padding: 0;
    display: flex;
    flex-direction: column;
}

.mobile-header[b-kf01edqbue] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(20, 20, 40, 0.8) 100%);
    text-align: center;
    color: white;
    padding: 1.5rem 1rem;
    border-bottom: 1px solid rgba(102, 126, 234, 0.2);
}

    .mobile-header h1[b-kf01edqbue] {
        font-size: 1.5rem;
        font-weight: 700;
        margin: 0 0 0.5rem 0;
    }

    .mobile-header p[b-kf01edqbue] {
        font-size: 0.9rem;
        opacity: 0.8;
        margin: 0;
    }

.back-button[b-kf01edqbue] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.2rem;
    background: rgba(102, 126, 234, 0.15);
    color: #667eea;
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 8px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 1rem;
    text-decoration: none;
}

    .back-button:hover[b-kf01edqbue] {
        background: rgba(102, 126, 234, 0.25);
        border-color: rgba(102, 126, 234, 0.5);
        transform: translateX(-2px);
    }

.content-section[b-kf01edqbue] {
    flex: 1;
    padding: 1.5rem 1rem;
    overflow-y: auto;
}

/* Summary Section */
.summary-section[b-kf01edqbue] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.summary-card[b-kf01edqbue] {
    background: var(--card-bg);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 12px;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

    .summary-card.total[b-kf01edqbue] {
        grid-column: 1 / -1;
    }

.summary-icon[b-kf01edqbue] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

    .summary-icon.success[b-kf01edqbue] {
        background: rgba(74, 222, 128, 0.15);
        color: #4ade80;
    }

    .summary-icon.warning[b-kf01edqbue] {
        background: rgba(251, 191, 36, 0.15);
        color: #fbbf24;
    }

    .summary-icon.primary[b-kf01edqbue] {
        background: rgba(102, 126, 234, 0.15);
        color: #667eea;
    }

.summary-content[b-kf01edqbue] {
    flex: 1;
}

.summary-value[b-kf01edqbue] {
    font-size: 1.25rem;
    font-weight: 700;
    color: white;
}

.summary-label[b-kf01edqbue] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.6);
}

/* Transaction List */
.transaction-list[b-kf01edqbue] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.transaction-card[b-kf01edqbue] {
    background: var(--card-bg);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 16px;
    padding: 1.25rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    color: white;
}

    .transaction-card:hover[b-kf01edqbue] {
        border-color: rgba(102, 126, 234, 0.4);
        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.15);
        transform: translateY(-2px);
    }

/* Transaction Header */
.transaction-header[b-kf01edqbue] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transaction-date[b-kf01edqbue] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.7);
}

    .transaction-date i[b-kf01edqbue] {
        color: #667eea;
    }

.transaction-status[b-kf01edqbue] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

    .transaction-status.success[b-kf01edqbue] {
        background: rgba(74, 222, 128, 0.15);
        color: #4ade80;
        border: 1px solid rgba(74, 222, 128, 0.3);
    }

    .transaction-status.warning[b-kf01edqbue] {
        background: rgba(251, 191, 36, 0.15);
        color: #fbbf24;
        border: 1px solid rgba(251, 191, 36, 0.3);
    }

    .transaction-status.processing[b-kf01edqbue] {
        background: rgba(79, 172, 254, 0.15);
        color: #4facfe;
        border: 1px solid rgba(79, 172, 254, 0.3);
    }

    .transaction-status.danger[b-kf01edqbue] {
        background: rgba(255, 107, 91, 0.15);
        color: #ff6b5b;
        border: 1px solid rgba(255, 107, 91, 0.3);
    }

    .transaction-status.cancelled[b-kf01edqbue] {
        background: rgba(156, 163, 175, 0.15);
        color: #9ca3af;
        border: 1px solid rgba(156, 163, 175, 0.3);
    }

    .transaction-status.refunded[b-kf01edqbue] {
        background: rgba(168, 85, 247, 0.15);
        color: #a855f7;
        border: 1px solid rgba(168, 85, 247, 0.3);
    }

/* Transaction Body */
.transaction-body[b-kf01edqbue] {
    margin-bottom: 1rem;
}

.transaction-product[b-kf01edqbue] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.product-icon[b-kf01edqbue] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}

    .product-icon.booking[b-kf01edqbue] {
        background: rgba(79, 172, 254, 0.15);
        color: #4facfe;
        border: 1px solid rgba(79, 172, 254, 0.3);
    }

    .product-icon.subscription[b-kf01edqbue] {
        background: rgba(168, 85, 247, 0.15);
        color: #a855f7;
        border: 1px solid rgba(168, 85, 247, 0.3);
    }

.product-info[b-kf01edqbue] {
    flex: 1;
}

.product-type[b-kf01edqbue] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.2rem;
}

.product-description[b-kf01edqbue] {
    font-size: 1rem;
    font-weight: 500;
    color: white;
}

.booking-date-info[b-kf01edqbue] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 0.75rem;
    background: rgba(79, 172, 254, 0.1);
    border: 1px solid rgba(79, 172, 254, 0.2);
    border-radius: 8px;
    font-size: 0.85rem;
    color: #4facfe;
    margin-bottom: 0.75rem;
}

.transaction-details[b-kf01edqbue] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.detail-row[b-kf01edqbue] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.7);
}

    .detail-row i[b-kf01edqbue] {
        color: #667eea;
        min-width: 16px;
        font-size: 0.85rem;
    }

/* Transaction Footer */
.transaction-footer[b-kf01edqbue] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.transaction-amount[b-kf01edqbue] {
    font-size: 1.3rem;
    font-weight: 700;
    color: #4ade80;
}

    .transaction-amount.refund[b-kf01edqbue] {
        color: #a855f7;
    }

.refund-info[b-kf01edqbue] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: #a855f7;
}

/* Error Message */
.error-message[b-kf01edqbue] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem;
    background: rgba(255, 107, 91, 0.1);
    border: 1px solid rgba(255, 107, 91, 0.2);
    border-radius: 8px;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 0.75rem;
}

    .error-message i[b-kf01edqbue] {
        color: #ff6b5b;
        margin-top: 0.1rem;
    }

/* Empty State */
.empty-state[b-kf01edqbue] {
    text-align: center;
    color: white;
    padding: 3rem 1rem;
}

.empty-state-icon[b-kf01edqbue] {
    font-size: 3.5rem;
    margin-bottom: 1rem;
    color: rgba(102, 126, 234, 0.5);
}

    .empty-state-icon i[b-kf01edqbue] {
        display: block;
    }

.empty-state-text[b-kf01edqbue] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
    font-weight: 500;
}

.empty-state-subtext[b-kf01edqbue] {
    font-size: 0.9rem;
    opacity: 0.6;
    max-width: 280px;
    margin: 0 auto;
}

/* Loading State */
.loading-state[b-kf01edqbue] {
    text-align: center;
    color: white;
    padding: 3rem 1rem;
}

.spinner[b-kf01edqbue] {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 4px solid rgba(102, 126, 234, 0.2);
    border-top: 4px solid #667eea;
    border-radius: 50%;
    animation: spin-b-kf01edqbue 1s linear infinite;
    margin-bottom: 1rem;
}

.pagination-controls[b-kf01edqbue] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
    padding: 1.5rem 1rem;
    background: rgba(45, 45, 65, 0.5);
    border-radius: 12px;
    border: 1px solid rgba(102, 126, 234, 0.2);
}

.pagination-button[b-kf01edqbue] {
    padding: 0.6rem 1rem;
    background: rgba(102, 126, 234, 0.2);
    color: #667eea;
    border: 1px solid rgba(102, 126, 234, 0.4);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
}

    .pagination-button:hover:not(:disabled)[b-kf01edqbue] {
        background: rgba(102, 126, 234, 0.4);
        border-color: rgba(102, 126, 234, 0.6);
        transform: translateY(-2px);
    }

    .pagination-button:disabled[b-kf01edqbue] {
        opacity: 0.4;
        cursor: not-allowed;
    }

.pagination-dropdown[b-kf01edqbue] {
    padding: 0.6rem 1rem;
    background: rgba(102, 126, 234, 0.2);
    color: #667eea;
    border: 1px solid rgba(102, 126, 234, 0.4);
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.95rem;
    transition: all 0.3s ease;
}

    .pagination-dropdown:hover[b-kf01edqbue] {
        background: rgba(102, 126, 234, 0.4);
        border-color: rgba(102, 126, 234, 0.6);
    }

.pagination-info[b-kf01edqbue] {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    font-weight: 600;
    min-width: 150px;
    text-align: center;
}

@keyframes spin-b-kf01edqbue {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Responsive */
@media (max-width: 480px) {
    .content-section[b-kf01edqbue] {
        padding: 1rem 0.75rem;
    }

    .transaction-card[b-kf01edqbue] {
        padding: 1rem;
    }

    .summary-section[b-kf01edqbue] {
        gap: 0.5rem;
    }

    .summary-card[b-kf01edqbue] {
        padding: 0.75rem;
    }

    .summary-value[b-kf01edqbue] {
        font-size: 1.1rem;
    }

    .transaction-amount[b-kf01edqbue] {
        font-size: 1.1rem;
    }

    .product-description[b-kf01edqbue] {
        font-size: 0.9rem;
    }
}
/* /Components/Pages/Users/UserBookings.razor.rz.scp.css */
:root[b-cyf4x4a5y1] {
    --primary-color: #667eea;
    --primary-dark: #5568d3;
    --danger-color: #ff6b5b;
    --bg-dark: #0a0e27;
    --bg-darker: #1e1e2e;
    --card-bg: rgba(45, 45, 65, 0.8);
}

.mobile-container[b-cyf4x4a5y1] {
    min-height: 100vh;
    background: linear-gradient(180deg, #0a0e27 0%, #1a1a2e 50%, #16213e 100%);
    padding: 0;
    display: flex;
    flex-direction: column;
}

.mobile-header[b-cyf4x4a5y1] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(20, 20, 40, 0.8) 100%);
    text-align: center;
    color: white;
    padding: 1.5rem 1rem;
    border-bottom: 1px solid rgba(102, 126, 234, 0.2);
}

    .mobile-header h1[b-cyf4x4a5y1] {
        font-size: 1.5rem;
        font-weight: 700;
        margin: 0 0 0.5rem 0;
    }

    .mobile-header p[b-cyf4x4a5y1] {
        font-size: 0.9rem;
        opacity: 0.8;
        margin: 0;
    }

.back-button[b-cyf4x4a5y1] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.2rem;
    background: rgba(102, 126, 234, 0.15);
    color: #667eea;
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 8px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 1rem;
    text-decoration: none;
}

    .back-button:hover[b-cyf4x4a5y1] {
        background: rgba(102, 126, 234, 0.25);
        border-color: rgba(102, 126, 234, 0.5);
        transform: translateX(-2px);
    }

.content-section[b-cyf4x4a5y1] {
    flex: 1;
    padding: 1.5rem 1rem;
    overflow-y: auto;
}

.booking-list[b-cyf4x4a5y1] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.booking-card[b-cyf4x4a5y1] {
    background: var(--card-bg);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 12px;
    padding: 1.2rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    color: white;
}

    .booking-card:hover[b-cyf4x4a5y1] {
        border-color: rgba(102, 126, 234, 0.4);
        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.15);
        transform: translateY(-2px);
    }

    .booking-card:active[b-cyf4x4a5y1] {
        transform: scale(0.98);
    }

.booking-date[b-cyf4x4a5y1] {
    font-size: 1.2rem;
    color: #ffffff;
    font-weight: 800;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
    background: linear-gradient(90deg, rgba(79, 172, 254, 0.2) 0%, rgba(0, 242, 254, 0.05) 100%);
    padding: 0.5rem 1rem;
    border-left: 4px solid #4facfe;
    border-radius: 0 8px 8px 0;
    display: inline-block;
    margin-left: -1.2rem; /* Pull out to edge */
}

/* Specific highlight for waitlist date to match orange theme */
.booking-card[style*="border-left: 4px solid #FFA726"] .booking-date[b-cyf4x4a5y1] {
    border-left-color: #FFA726;
    background: linear-gradient(90deg, rgba(255, 167, 38, 0.2) 0%, rgba(255, 167, 38, 0.05) 100%);
    color: #ffffff;
}

.booking-time-highlight[b-cyf4x4a5y1] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
    display: inline-block;
}

.booking-title[b-cyf4x4a5y1] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0.75rem;
}

.booking-info[b-cyf4x4a5y1] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.6;
    margin-bottom: 0.75rem;
}

.booking-info-row[b-cyf4x4a5y1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.5rem 0;
}

    .booking-info-row i[b-cyf4x4a5y1] {
        color: #667eea;
        min-width: 20px;
    }

.booking-price[b-cyf4x4a5y1] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #4facfe;
    margin: 0.75rem 0;
}

.booking-actions[b-cyf4x4a5y1] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
}

.action-button[b-cyf4x4a5y1] {
    flex: 1;
    padding: 0.7rem 1rem;
    border: none;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

    .action-button.primary[b-cyf4x4a5y1] {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
    }

        .action-button.primary:hover[b-cyf4x4a5y1] {
            background: linear-gradient(135deg, #5568d3 0%, #6a3d8b 100%);
            transform: translateY(-2px);
        }

    .action-button.danger[b-cyf4x4a5y1] {
        background: linear-gradient(135deg, #ff6b5b 0%, #ff5847 100%);
        color: white;
    }

        .action-button.danger:hover[b-cyf4x4a5y1] {
            background: linear-gradient(135deg, #ff7b6b 0%, #ff6857 100%);
            transform: translateY(-2px);
        }

    .action-button:disabled[b-cyf4x4a5y1] {
        opacity: 0.4;
        cursor: not-allowed;
        transform: none !important;
    }

.empty-state[b-cyf4x4a5y1] {
    text-align: center;
    color: white;
    padding: 3rem 1rem;
}

.empty-state-icon[b-cyf4x4a5y1] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.empty-state-text[b-cyf4x4a5y1] {
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

.empty-state-subtext[b-cyf4x4a5y1] {
    font-size: 0.9rem;
    opacity: 0.7;
}

.loading-state[b-cyf4x4a5y1] {
    text-align: center;
    color: white;
    padding: 2rem 1rem;
}

.spinner[b-cyf4x4a5y1] {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 4px solid rgba(102, 126, 234, 0.2);
    border-top: 4px solid #667eea;
    border-radius: 50%;
    animation: spin-b-cyf4x4a5y1 1s linear infinite;
    margin-right: 0.5rem;
}

@keyframes spin-b-cyf4x4a5y1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 480px) {
    .mobile-container[b-cyf4x4a5y1] {
        padding: 0;
    }

    .content-section[b-cyf4x4a5y1] {
        padding: 1rem 0.75rem;
    }

    .booking-card[b-cyf4x4a5y1] {
        padding: 1rem;
    }

    .booking-title[b-cyf4x4a5y1] {
        font-size: 1rem;
    }

    .action-button[b-cyf4x4a5y1] {
        font-size: 0.8rem;
        padding: 0.6rem 0.8rem;
    }
}
/* /Components/Pages/Users/UserSubscriptions.razor.rz.scp.css */
:root[b-83pcyeargy] {
    --primary-color: #667eea;
    --primary-dark: #5568d3;
    --success-color: #4ade80;
    --warning-color: #fbbf24;
    --danger-color: #ff6b5b;
    --bg-dark: #0a0e27;
    --bg-darker: #1e1e2e;
    --card-bg: rgba(45, 45, 65, 0.8);
}

.mobile-container[b-83pcyeargy] {
    min-height: 100vh;
    background: linear-gradient(180deg, #0a0e27 0%, #1a1a2e 50%, #16213e 100%);
    padding: 0;
    display: flex;
    flex-direction: column;
}

.mobile-header[b-83pcyeargy] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(20, 20, 40, 0.8) 100%);
    text-align: center;
    color: white;
    padding: 1.5rem 1rem;
    border-bottom: 1px solid rgba(102, 126, 234, 0.2);
}

    .mobile-header h1[b-83pcyeargy] {
        font-size: 1.5rem;
        font-weight: 700;
        margin: 0 0 0.5rem 0;
    }

    .mobile-header p[b-83pcyeargy] {
        font-size: 0.9rem;
        opacity: 0.8;
        margin: 0;
    }

.back-button[b-83pcyeargy] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.2rem;
    background: rgba(102, 126, 234, 0.15);
    color: #667eea;
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 8px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 1rem;
    text-decoration: none;
}

    .back-button:hover[b-83pcyeargy] {
        background: rgba(102, 126, 234, 0.25);
        border-color: rgba(102, 126, 234, 0.5);
        transform: translateX(-2px);
    }

.content-section[b-83pcyeargy] {
    flex: 1;
    padding: 1.5rem 1rem;
    overflow-y: auto;
}

/* Tab Navigation */
.tab-navigation[b-83pcyeargy] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    background: rgba(30, 30, 46, 0.6);
    padding: 0.5rem;
    border-radius: 12px;
}

.tab-button[b-83pcyeargy] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
    border: none;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .tab-button:hover[b-83pcyeargy] {
        color: rgba(255, 255, 255, 0.8);
        background: rgba(102, 126, 234, 0.1);
    }

    .tab-button.active[b-83pcyeargy] {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
    }

/* Subscription List */
.subscription-list[b-83pcyeargy] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.subscription-card[b-83pcyeargy] {
    background: var(--card-bg);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 16px;
    padding: 1.25rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    color: white;
    position: relative;
    overflow: hidden;
}

    .subscription-card.active-card[b-83pcyeargy] {
        border-color: rgba(74, 222, 128, 0.3);
    }

        .subscription-card.active-card:hover[b-83pcyeargy] {
            border-color: rgba(74, 222, 128, 0.5);
            box-shadow: 0 8px 25px rgba(74, 222, 128, 0.15);
            transform: translateY(-2px);
        }

    .subscription-card.expired-card[b-83pcyeargy] {
        opacity: 0.85;
        border-color: rgba(255, 255, 255, 0.1);
    }

        .subscription-card.expired-card:hover[b-83pcyeargy] {
            border-color: rgba(255, 255, 255, 0.2);
        }

/* Subscription Badge */
.subscription-badge[b-83pcyeargy] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.75rem;
}

    .subscription-badge.active[b-83pcyeargy] {
        background: rgba(74, 222, 128, 0.15);
        color: #4ade80;
        border: 1px solid rgba(74, 222, 128, 0.3);
    }

    .subscription-badge.expired[b-83pcyeargy] {
        background: rgba(156, 163, 175, 0.15);
        color: #9ca3af;
        border: 1px solid rgba(156, 163, 175, 0.3);
    }

    .subscription-badge.revoked[b-83pcyeargy] {
        background: rgba(255, 107, 91, 0.15);
        color: #ff6b5b;
        border: 1px solid rgba(255, 107, 91, 0.3);
    }

/* Subscription Header */
.subscription-header[b-83pcyeargy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.subscription-activity[b-83pcyeargy] {
    font-size: 1.15rem;
    font-weight: 600;
    color: #ffffff;
    flex: 1;
}

.subscription-type-badge[b-83pcyeargy] {
    padding: 0.3rem 0.6rem;
    border-radius: 6px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

    .subscription-type-badge.timed[b-83pcyeargy] {
        background: rgba(79, 172, 254, 0.15);
        color: #4facfe;
        border: 1px solid rgba(79, 172, 254, 0.3);
    }

    .subscription-type-badge.prepaid[b-83pcyeargy] {
        background: rgba(168, 85, 247, 0.15);
        color: #a855f7;
        border: 1px solid rgba(168, 85, 247, 0.3);
    }

    .subscription-type-badge.faded[b-83pcyeargy] {
        opacity: 0.6;
    }

/* Subscription Info */
.subscription-info[b-83pcyeargy] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.info-row[b-83pcyeargy] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.8);
}

    .info-row i[b-83pcyeargy] {
        color: #667eea;
        min-width: 18px;
        font-size: 0.9rem;
    }

    .info-row.highlight[b-83pcyeargy] {
        color: #4facfe;
        font-weight: 500;
    }

        .info-row.highlight i[b-83pcyeargy] {
            color: #4facfe;
        }

    .info-row.secondary[b-83pcyeargy] {
        color: rgba(255, 255, 255, 0.5);
        font-size: 0.8rem;
        margin-top: 0.25rem;
    }

        .info-row.secondary i[b-83pcyeargy] {
            color: rgba(255, 255, 255, 0.4);
        }

    .info-row.warning[b-83pcyeargy] {
        color: #fbbf24;
    }

        .info-row.warning i[b-83pcyeargy] {
            color: #fbbf24;
        }

/* Entrances Progress */
.entrances-progress[b-83pcyeargy] {
    margin-top: 0.5rem;
}

.progress-bar[b-83pcyeargy] {
    height: 8px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 0.4rem;
}

.progress-fill[b-83pcyeargy] {
    height: 100%;
    background: linear-gradient(90deg, #667eea 0%, #a855f7 100%);
    border-radius: 4px;
    transition: width 0.5s ease;
}

.progress-label[b-83pcyeargy] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.6);
}

/* Revoked Reason */
.revoked-reason[b-83pcyeargy] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem;
    background: rgba(255, 107, 91, 0.1);
    border: 1px solid rgba(255, 107, 91, 0.2);
    border-radius: 8px;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 0.5rem;
}

    .revoked-reason i[b-83pcyeargy] {
        color: #ff6b5b;
        margin-top: 0.1rem;
    }

/* Plan Info */
.plan-info[b-83pcyeargy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
}

    .plan-info i[b-83pcyeargy] {
        color: #667eea;
    }

    .plan-info.faded[b-83pcyeargy] {
        opacity: 0.6;
    }

/* Empty State */
.empty-state[b-83pcyeargy] {
    text-align: center;
    color: white;
    padding: 3rem 1rem;
}

.empty-state-icon[b-83pcyeargy] {
    font-size: 3.5rem;
    margin-bottom: 1rem;
    color: rgba(102, 126, 234, 0.5);
}

    .empty-state-icon i[b-83pcyeargy] {
        display: block;
    }

.empty-state-text[b-83pcyeargy] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
    font-weight: 500;
}

.empty-state-subtext[b-83pcyeargy] {
    font-size: 0.9rem;
    opacity: 0.6;
    max-width: 280px;
    margin: 0 auto;
}

/* Loading State */
.loading-state[b-83pcyeargy] {
    text-align: center;
    color: white;
    padding: 3rem 1rem;
}

.spinner[b-83pcyeargy] {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 4px solid rgba(102, 126, 234, 0.2);
    border-top: 4px solid #667eea;
    border-radius: 50%;
    animation: spin-b-83pcyeargy 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-83pcyeargy {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Responsive */
@media (max-width: 480px) {
    .content-section[b-83pcyeargy] {
        padding: 1rem 0.75rem;
    }

    .subscription-card[b-83pcyeargy] {
        padding: 1rem;
    }

    .subscription-activity[b-83pcyeargy] {
        font-size: 1rem;
    }

    .tab-button[b-83pcyeargy] {
        font-size: 0.8rem;
        padding: 0.6rem 0.75rem;
    }
}
/* /Components/Shared/AssetCard.razor.rz.scp.css */
.payment-mode-badge[b-rxrphfqd77] {
    display: inline-block;
    margin-left: 0.3rem;
    padding: 0.15rem 0.4rem;
    border-radius: 8px;
    font-size: 0.6rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    white-space: nowrap;
    flex-shrink: 0;
}

.payment-mode-badge.payment-required[b-rxrphfqd77] {
    background: rgba(220, 53, 69, 0.25);
    color: #ff6b6b;
    border: 1px solid rgba(220, 53, 69, 0.4);
}

.payment-mode-badge.booking-only[b-rxrphfqd77] {
    background: rgba(40, 167, 69, 0.25);
    color: #51cf66;
    border: 1px solid rgba(40, 167, 69, 0.4);
}

.payment-mode-badge.mixed[b-rxrphfqd77] {
    background: rgba(255, 193, 7, 0.25);
    color: #ffd54f;
    border: 1px solid rgba(255, 193, 7, 0.4);
}

.payment-mode-badge.reserved-only[b-rxrphfqd77] {
    background: rgba(111, 66, 193, 0.25);
    color: #b794f6;
    border: 1px solid rgba(111, 66, 193, 0.4);
}

.payment-mode-badge.reserved-only i[b-rxrphfqd77] {
    font-size: 0.55rem;
    margin-right: 0.15rem;
}

/* Fullscreen preview dialog */
:deep(.asset-image-preview-dialog .rz-dialog-content)[b-rxrphfqd77] {
    padding: 0 !important;
    background: #000 !important;
}

.asset-image-preview[b-rxrphfqd77] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
}

.asset-image-preview img[b-rxrphfqd77] {
    max-width: 100%;
    max-height: 100vh;
    object-fit: contain;
}

:deep(.asset-photo)[b-rxrphfqd77] {
    cursor: pointer;
}