@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.wuc5ioiakb.bundle.scp.css';

/* /App.razor.rz.scp.css */
/* questo stile serve per personalizzare i campi di input Fluent nell'EditForm */

[b-6s4cq0cz8v] .valid.modified:not([type=checkbox]) {
    outline: none;
    border: 0.5px solid #26b050; /* verde */
    border-radius: 6px;
}

[b-6s4cq0cz8v] .invalid {
    outline: none;
    border: 0.5px solid red; /* molto sottile */
    border-radius: 6px;
}

.text-danger[b-6s4cq0cz8v] {
    color: var(--error-fill-rest);
    margin-top: 0.5rem;
    font-size: 0.875rem;
}

.form-field[b-6s4cq0cz8v] {
    margin-bottom: 1.5rem;
    width: 100%;
}
/* /Pages/Account/Pages/AccessDenied.razor.rz.scp.css */
/* Access Denied Page - Stile incapsulato */
.access-denied-page[b-if520bseqj] {
    display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
    background: #0a0e14;
    padding: 2rem 1rem;
}

.access-denied-container[b-if520bseqj] {
    max-width: 500px;
    width: 100%;
}

.access-denied-header[b-if520bseqj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.logo-image[b-if520bseqj] {
    width: 80px;
    height: auto;
    margin-bottom: 1.5rem;
    transition: transform 0.3s ease;
}

.logo-image:hover[b-if520bseqj] {
    transform: scale(1.05);
}

.access-denied-title[b-if520bseqj] {
    margin: 0 0 1.5rem 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: white;
    text-align: center;
}

.divider[b-if520bseqj] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 1.5rem 0;
}

.access-denied-card[b-if520bseqj] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 3rem 2.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.access-denied-content[b-if520bseqj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.icon-container[b-if520bseqj] {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: rgba(244, 67, 54, 0.1);
    border: 2px solid rgba(244, 67, 54, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lock-icon[b-if520bseqj] {
    color: #ff5252;
}

.error-title[b-if520bseqj] {
    margin: 0 0 1rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #ff5252;
}

.error-message[b-if520bseqj] {
    margin: 0 0 2rem 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 1rem;
    line-height: 1.6;
    max-width: 400px;
}

.btn-primary[b-if520bseqj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 2rem;
    background: linear-gradient(135deg, #64b5f6 0%, #2196f3 100%);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(100, 181, 246, 0.3);
    width: 100%;
    max-width: 300px;
}

.btn-primary:hover[b-if520bseqj] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4);
}

.btn-primary:active[b-if520bseqj] {
    transform: translateY(0);
}

.link-secondary-block[b-if520bseqj] {
    display: block;
    margin-top: 1.5rem;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.2s ease;
}

.link-secondary-block:hover[b-if520bseqj] {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 600px) {
    .access-denied-page[b-if520bseqj] {
        padding: 1rem;
    }

    .access-denied-card[b-if520bseqj] {
        padding: 2rem 1.5rem;
    }

    .access-denied-title[b-if520bseqj] {
        font-size: 1.5rem;
    }

    .error-title[b-if520bseqj] {
        font-size: 1.3rem;
    }

    .icon-container[b-if520bseqj] {
        padding: 1rem;
    }

    .lock-icon[b-if520bseqj] {
        width: 48px;
        height: 48px;
    }
}
/* /Pages/Account/Pages/ConfirmEmailChange.razor.rz.scp.css */
/* Confirm Email Change Page - Stile incapsulato */
.confirm-email-change-page[b-o0c3x116nj] {
    display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
    background: #0a0e14;
    padding: 2rem 1rem;
}

.confirm-email-change-container[b-o0c3x116nj] {
    max-width: 500px;
    width: 100%;
}

.confirm-email-change-header[b-o0c3x116nj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.logo-image[b-o0c3x116nj] {
    width: 80px;
    height: auto;
    margin-bottom: 1.5rem;
    transition: transform 0.3s ease;
}

.logo-image:hover[b-o0c3x116nj] {
    transform: scale(1.05);
}

.confirm-email-change-title[b-o0c3x116nj] {
    margin: 0 0 1.5rem 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: white;
    text-align: center;
}

.divider[b-o0c3x116nj] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 1.5rem 0;
}

.confirm-email-change-card[b-o0c3x116nj] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 3rem 2.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.confirm-email-change-content[b-o0c3x116nj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.icon-container[b-o0c3x116nj] {
    margin-bottom: 2rem;
    padding: 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-container.success[b-o0c3x116nj] {
    background: rgba(76, 175, 80, 0.1);
    border: 2px solid rgba(76, 175, 80, 0.3);
}

.icon-container.error[b-o0c3x116nj] {
    background: rgba(244, 67, 54, 0.1);
    border: 2px solid rgba(244, 67, 54, 0.3);
}

.status-icon[b-o0c3x116nj] {
    color: #4caf50;
}

.icon-container.error .status-icon[b-o0c3x116nj] {
    color: #ff5252;
}

.message-text[b-o0c3x116nj] {
    margin: 0 0 2rem 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    line-height: 1.6;
    max-width: 400px;
}

.btn-primary[b-o0c3x116nj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 2rem;
    background: linear-gradient(135deg, #64b5f6 0%, #2196f3 100%);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(100, 181, 246, 0.3);
    width: 100%;
    max-width: 300px;
}

.btn-primary:hover[b-o0c3x116nj] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4);
}

.btn-primary:active[b-o0c3x116nj] {
    transform: translateY(0);
}

/* Responsive */
@media (max-width: 600px) {
    .confirm-email-change-page[b-o0c3x116nj] {
        padding: 1rem;
    }

    .confirm-email-change-card[b-o0c3x116nj] {
        padding: 2rem 1.5rem;
    }

    .confirm-email-change-title[b-o0c3x116nj] {
        font-size: 1.5rem;
    }

    .icon-container[b-o0c3x116nj] {
        padding: 1rem;
    }

    .status-icon[b-o0c3x116nj] {
        width: 48px;
        height: 48px;
    }
}
/* /Pages/Account/Pages/ConfirmEmailWeb.razor.rz.scp.css */
/* Confirm Email Web Page - Stile incapsulato */
.confirm-email-web-page[b-fn7zmes031] {
    display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
    background: #0a0e14;
    padding: 2rem 1rem;
}

.confirm-email-web-container[b-fn7zmes031] {
    max-width: 500px;
    width: 100%;
}

.confirm-email-web-header[b-fn7zmes031] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.logo-image[b-fn7zmes031] {
    width: 80px;
    height: auto;
    margin-bottom: 1.5rem;
    transition: transform 0.3s ease;
}

.logo-image:hover[b-fn7zmes031] {
    transform: scale(1.05);
}

.confirm-email-web-title[b-fn7zmes031] {
    margin: 0 0 1.5rem 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: white;
    text-align: center;
}

.divider[b-fn7zmes031] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 1.5rem 0;
}

.confirm-email-web-card[b-fn7zmes031] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 3rem 2.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.confirm-email-web-content[b-fn7zmes031] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.icon-container[b-fn7zmes031] {
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-container.success[b-fn7zmes031] {
    background: rgba(76, 175, 80, 0.1);
    border: 2px solid rgba(76, 175, 80, 0.3);
}

.icon-container.error[b-fn7zmes031] {
    background: rgba(244, 67, 54, 0.1);
    border: 2px solid rgba(244, 67, 54, 0.3);
}

.status-icon[b-fn7zmes031] {
    color: #4caf50;
}

.icon-container.error .status-icon[b-fn7zmes031] {
    color: #ff5252;
}

.status-title[b-fn7zmes031] {
    margin: 0 0 2rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: white;
}

.btn-primary[b-fn7zmes031] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 2rem;
    background: linear-gradient(135deg, #64b5f6 0%, #2196f3 100%);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(100, 181, 246, 0.3);
    width: 100%;
    max-width: 300px;
    margin-bottom: 1.5rem;
}

.btn-primary:hover[b-fn7zmes031] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4);
}

.btn-primary:active[b-fn7zmes031] {
    transform: translateY(0);
}

.info-box[b-fn7zmes031] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(255, 152, 0, 0.1);
    border: 1px solid rgba(255, 152, 0, 0.2);
    border-left: 3px solid #ff9800;
    border-radius: 8px;
    max-width: 400px;
}

.info-icon[b-fn7zmes031] {
    flex-shrink: 0;
    margin-top: 2px;
    color: #ff9800;
}

.info-text[b-fn7zmes031] {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    line-height: 1.5;
    text-align: left;
}

/* Responsive */
@media (max-width: 600px) {
    .confirm-email-web-page[b-fn7zmes031] {
        padding: 1rem;
    }

    .confirm-email-web-card[b-fn7zmes031] {
        padding: 2rem 1.5rem;
    }

    .confirm-email-web-title[b-fn7zmes031] {
        font-size: 1.5rem;
    }

    .status-title[b-fn7zmes031] {
        font-size: 1.3rem;
    }

    .icon-container[b-fn7zmes031] {
        padding: 1rem;
    }

    .status-icon[b-fn7zmes031] {
        width: 48px;
        height: 48px;
    }

    .info-box[b-fn7zmes031] {
        padding: 0.875rem;
    }

    .info-text[b-fn7zmes031] {
        font-size: 0.9rem;
    }

    .info-icon[b-fn7zmes031] {
        width: 18px;
        height: 18px;
    }
}
/* /Pages/Account/Pages/CookiesPolicy.razor.rz.scp.css */
/* Cookies Policy Page - Stile incapsulato */
.cookies-policy-page[b-3oyvt5zo1j] {
    display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: flex-start;
    background: #0a0e14;
    padding: 2rem 1rem;
}

.cookies-policy-container[b-3oyvt5zo1j] {
    max-width: 800px;
    width: 100%;
}

.cookies-policy-header[b-3oyvt5zo1j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.logo-image[b-3oyvt5zo1j] {
    width: 80px;
    height: auto;
    margin-bottom: 1.5rem;
    transition: transform 0.3s ease;
}

.logo-image:hover[b-3oyvt5zo1j] {
    transform: scale(1.05);
}

.cookies-policy-title[b-3oyvt5zo1j] {
    margin: 0 0 1.5rem 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: white;
    text-align: center;
}

.divider[b-3oyvt5zo1j] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 1.5rem 0;
}

.cookies-policy-card[b-3oyvt5zo1j] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.cookies-policy-content[b-3oyvt5zo1j] {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.7;
}

.main-title[b-3oyvt5zo1j] {
    margin: 0 0 2rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: white;
    text-align: center;
}

.policy-section[b-3oyvt5zo1j] {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 3px solid #64b5f6;
    border-radius: 8px;
}

.policy-section:last-child[b-3oyvt5zo1j] {
    margin-bottom: 0;
}

.section-header[b-3oyvt5zo1j] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.section-icon[b-3oyvt5zo1j] {
    flex-shrink: 0;
    color: #64b5f6;
}

.section-title[b-3oyvt5zo1j] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #64b5f6;
}

.section-text[b-3oyvt5zo1j] {
    margin: 0;
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.7;
}

/* Responsive */
@media (max-width: 768px) {
    .cookies-policy-page[b-3oyvt5zo1j] {
        padding: 1rem;
    }

    .cookies-policy-card[b-3oyvt5zo1j] {
        padding: 2rem 1.5rem;
    }

    .cookies-policy-title[b-3oyvt5zo1j] {
        font-size: 1.5rem;
    }

    .main-title[b-3oyvt5zo1j] {
        font-size: 1.3rem;
    }

    .policy-section[b-3oyvt5zo1j] {
        padding: 1.25rem;
    }

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

    .section-text[b-3oyvt5zo1j] {
        font-size: 0.9rem;
    }

    .section-icon[b-3oyvt5zo1j] {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 600px) {
    .cookies-policy-card[b-3oyvt5zo1j] {
        padding: 1.5rem 1rem;
    }

    .cookies-policy-title[b-3oyvt5zo1j] {
        font-size: 1.3rem;
    }

    .main-title[b-3oyvt5zo1j] {
        font-size: 1.2rem;
    }

    .policy-section[b-3oyvt5zo1j] {
        padding: 1rem;
    }
}
/* /Pages/Account/Pages/ForgotPassword.razor.rz.scp.css */
/* Forgot Password Page - Stile incapsulato */
.forgot-password-page[b-6xq2jdecgn] {
    display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
    background: #0a0e14;
    padding: 2rem 1rem;
}

.forgot-password-container[b-6xq2jdecgn] {
    max-width: 500px;
    width: 100%;
}

.forgot-password-header[b-6xq2jdecgn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.logo-image[b-6xq2jdecgn] {
    width: 80px;
    height: auto;
    margin-bottom: 1.5rem;
    transition: transform 0.3s ease;
}

.logo-image:hover[b-6xq2jdecgn] {
    transform: scale(1.05);
}

.forgot-password-title[b-6xq2jdecgn] {
    margin: 0 0 1.5rem 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: white;
    text-align: center;
}

.divider[b-6xq2jdecgn] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 1.5rem 0;
}

.forgot-password-card[b-6xq2jdecgn] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.forgot-password-content[b-6xq2jdecgn] {
    width: 100%;
}

.info-box[b-6xq2jdecgn] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    margin-bottom: 2rem;
    background: rgba(100, 181, 246, 0.1);
    border: 1px solid rgba(100, 181, 246, 0.2);
    border-left: 3px solid #64b5f6;
    border-radius: 8px;
}

.info-icon[b-6xq2jdecgn] {
    flex-shrink: 0;
    margin-top: 2px;
    color: #64b5f6;
}

.info-text[b-6xq2jdecgn] {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    line-height: 1.5;
}

.forgot-password-form[b-6xq2jdecgn] {
    width: 100%;
}

.form-group[b-6xq2jdecgn] {
    margin-bottom: 1.5rem;
}

.form-label[b-6xq2jdecgn] {
    display: block;
    margin-bottom: 0.5rem;
    color: white;
    font-size: 0.9rem;
    font-weight: 500;
}

.form-input[b-6xq2jdecgn] {
    width: 100%;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: white;
    font-size: 0.95rem;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.form-input[b-6xq2jdecgn]::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.form-input:focus[b-6xq2jdecgn] {
    outline: none;
    background: rgba(255, 255, 255, 0.08);
    border-color: #64b5f6;
    box-shadow: 0 0 0 3px rgba(100, 181, 246, 0.1);
}

.form-input:hover:not(:focus)[b-6xq2jdecgn] {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.2);
}

.validation-error[b-6xq2jdecgn] {
    display: block;
    margin-top: 0.5rem;
    color: #ff5252;
    font-size: 0.8rem;
}

.btn-primary[b-6xq2jdecgn] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    margin-bottom: 1rem;
    background: linear-gradient(135deg, #64b5f6 0%, #2196f3 100%);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(100, 181, 246, 0.3);
}

.btn-primary:hover[b-6xq2jdecgn] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4);
}

.btn-primary:active[b-6xq2jdecgn] {
    transform: translateY(0);
}

.link-center[b-6xq2jdecgn] {
    display: block;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.2s ease;
}

.link-center:hover[b-6xq2jdecgn] {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 600px) {
    .forgot-password-page[b-6xq2jdecgn] {
        padding: 1rem;
    }

    .forgot-password-card[b-6xq2jdecgn] {
        padding: 2rem 1.5rem;
    }

    .forgot-password-title[b-6xq2jdecgn] {
        font-size: 1.5rem;
    }

    .info-box[b-6xq2jdecgn] {
        padding: 0.875rem;
    }

    .info-text[b-6xq2jdecgn] {
        font-size: 0.9rem;
    }

    .info-icon[b-6xq2jdecgn] {
        width: 18px;
        height: 18px;
    }
}
/* /Pages/Account/Pages/ForgotPasswordConfirmation.razor.rz.scp.css */
/* Forgot Password Confirmation Page - Stile incapsulato */
.forgot-password-confirmation-page[b-vl5wf14q1o] {
    display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
    background: #0a0e14;
    padding: 2rem 1rem;
}

.forgot-password-confirmation-container[b-vl5wf14q1o] {
    max-width: 600px;
    width: 100%;
}

.forgot-password-confirmation-header[b-vl5wf14q1o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.logo-image[b-vl5wf14q1o] {
    width: 80px;
    height: auto;
    margin-bottom: 1.5rem;
    transition: transform 0.3s ease;
}

.logo-image:hover[b-vl5wf14q1o] {
    transform: scale(1.05);
}

.forgot-password-confirmation-title[b-vl5wf14q1o] {
    margin: 0 0 1.5rem 0;
    font-size: 1.6rem;
    font-weight: 700;
    color: white;
    text-align: center;
}

.divider[b-vl5wf14q1o] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 1.5rem 0;
}

.forgot-password-confirmation-card[b-vl5wf14q1o] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 3rem 2.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.forgot-password-confirmation-content[b-vl5wf14q1o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.icon-container[b-vl5wf14q1o] {
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-container.success[b-vl5wf14q1o] {
    background: rgba(76, 175, 80, 0.1);
    border: 2px solid rgba(76, 175, 80, 0.3);
}

.status-icon[b-vl5wf14q1o] {
    color: #4caf50;
}

.status-title[b-vl5wf14q1o] {
    margin: 0 0 2rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: white;
}

.info-section[b-vl5wf14q1o] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}

.info-text[b-vl5wf14q1o] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    line-height: 1.5;
    text-align: left;
    margin: 0;
}

.info-text.primary[b-vl5wf14q1o] {
    background: rgba(100, 181, 246, 0.1);
    border: 1px solid rgba(100, 181, 246, 0.2);
    border-left: 3px solid #64b5f6;
}

.info-text.warning[b-vl5wf14q1o] {
    background: rgba(255, 152, 0, 0.1);
    border: 1px solid rgba(255, 152, 0, 0.2);
    border-left: 3px solid #ff9800;
}

.info-text.secondary[b-vl5wf14q1o] {
    background: rgba(156, 39, 176, 0.1);
    border: 1px solid rgba(156, 39, 176, 0.2);
    border-left: 3px solid #9c27b0;
}

.info-icon[b-vl5wf14q1o] {
    flex-shrink: 0;
    margin-top: 2px;
}

.info-text.primary .info-icon[b-vl5wf14q1o] {
    color: #64b5f6;
}

.info-text.warning .info-icon[b-vl5wf14q1o] {
    color: #ff9800;
}

.info-text.secondary .info-icon[b-vl5wf14q1o] {
    color: #9c27b0;
}

.btn-primary-link[b-vl5wf14q1o] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 2rem;
    background: linear-gradient(135deg, #64b5f6 0%, #2196f3 100%);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(100, 181, 246, 0.3);
    max-width: 300px;
}

.btn-primary-link:hover[b-vl5wf14q1o] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4);
}

.btn-primary-link:active[b-vl5wf14q1o] {
    transform: translateY(0);
}

/* Responsive */
@media (max-width: 600px) {
    .forgot-password-confirmation-page[b-vl5wf14q1o] {
        padding: 1rem;
    }

    .forgot-password-confirmation-card[b-vl5wf14q1o] {
        padding: 2rem 1.5rem;
    }

    .forgot-password-confirmation-title[b-vl5wf14q1o] {
        font-size: 1.4rem;
    }

    .status-title[b-vl5wf14q1o] {
        font-size: 1.3rem;
    }

    .icon-container[b-vl5wf14q1o] {
        padding: 1rem;
    }

    .status-icon[b-vl5wf14q1o] {
        width: 48px;
        height: 48px;
    }

    .info-text[b-vl5wf14q1o] {
        font-size: 0.9rem;
        padding: 0.875rem;
    }

    .info-icon[b-vl5wf14q1o] {
        width: 18px;
        height: 18px;
    }
}
/* /Pages/Account/Pages/InvalidPasswordReset.razor.rz.scp.css */
/* Invalid Password Reset Page - Stile incapsulato */
.invalid-password-reset-page[b-1fhoa5tws6] {
    display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
    background: #0a0e14;
    padding: 2rem 1rem;
}

.invalid-password-reset-container[b-1fhoa5tws6] {
    max-width: 500px;
    width: 100%;
}

.invalid-password-reset-header[b-1fhoa5tws6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.logo-image[b-1fhoa5tws6] {
    width: 80px;
    height: auto;
    margin-bottom: 1.5rem;
    transition: transform 0.3s ease;
}

.logo-image:hover[b-1fhoa5tws6] {
    transform: scale(1.05);
}

.invalid-password-reset-title[b-1fhoa5tws6] {
    margin: 0 0 1.5rem 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: white;
    text-align: center;
}

.divider[b-1fhoa5tws6] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 1.5rem 0;
}

.invalid-password-reset-card[b-1fhoa5tws6] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 3rem 2.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.invalid-password-reset-content[b-1fhoa5tws6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.icon-container[b-1fhoa5tws6] {
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-container.error[b-1fhoa5tws6] {
    background: rgba(244, 67, 54, 0.1);
    border: 2px solid rgba(244, 67, 54, 0.3);
}

.status-icon[b-1fhoa5tws6] {
    color: #ff5252;
}

.error-title[b-1fhoa5tws6] {
    margin: 0 0 1rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #ff5252;
}

.error-message[b-1fhoa5tws6] {
    margin: 0 0 2rem 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    line-height: 1.6;
    max-width: 400px;
}

.actions[b-1fhoa5tws6] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.btn-primary[b-1fhoa5tws6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 2rem;
    background: linear-gradient(135deg, #64b5f6 0%, #2196f3 100%);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(100, 181, 246, 0.3);
    max-width: 300px;
}

.btn-primary:hover[b-1fhoa5tws6] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4);
}

.btn-primary:active[b-1fhoa5tws6] {
    transform: translateY(0);
}

.link-secondary-block[b-1fhoa5tws6] {
    display: block;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.2s ease;
}

.link-secondary-block:hover[b-1fhoa5tws6] {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 600px) {
    .invalid-password-reset-page[b-1fhoa5tws6] {
        padding: 1rem;
    }

    .invalid-password-reset-card[b-1fhoa5tws6] {
        padding: 2rem 1.5rem;
    }

    .invalid-password-reset-title[b-1fhoa5tws6] {
        font-size: 1.5rem;
    }

    .error-title[b-1fhoa5tws6] {
        font-size: 1.3rem;
    }

    .icon-container[b-1fhoa5tws6] {
        padding: 1rem;
    }

    .status-icon[b-1fhoa5tws6] {
        width: 48px;
        height: 48px;
    }

    .error-message[b-1fhoa5tws6] {
        font-size: 0.95rem;
    }
}
/* /Pages/Account/Pages/Login.razor.rz.scp.css */
/* Login Page - Stile incapsulato per evitare conflitti */
.login-page[b-0hmixltwll] {
    display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
    background: #0a0e14;
    padding: 2rem 1rem;
}

.login-container[b-0hmixltwll] {
    max-width: 480px;
    width: 100%;
}

.login-header[b-0hmixltwll] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.logo-image[b-0hmixltwll] {
    width: 80px;
    height: auto;
    margin-bottom: 1.5rem;
    transition: transform 0.3s ease;
}

.logo-image:hover[b-0hmixltwll] {
    transform: scale(1.05);
}

.login-title[b-0hmixltwll] {
    margin: 0 0 1.5rem 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: white;
    text-align: center;
}

.divider[b-0hmixltwll] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 1.5rem 0;
}

.login-card[b-0hmixltwll] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.login-content[b-0hmixltwll] {
    width: 100%;
}

.error-message[b-0hmixltwll] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
    background: rgba(244, 67, 54, 0.1);
    border: 1px solid rgba(244, 67, 54, 0.3);
    border-radius: 8px;
    color: #ff5252;
    font-size: 0.875rem;
}

.error-message svg[b-0hmixltwll] {
    flex-shrink: 0;
}

.login-form[b-0hmixltwll] {
    width: 100%;
}

.form-group[b-0hmixltwll] {
    margin-bottom: 1.5rem;
}

.form-label[b-0hmixltwll] {
    display: block;
    margin-bottom: 0.5rem;
    color: white;
    font-size: 0.9rem;
    font-weight: 500;
}

.form-input[b-0hmixltwll] {
    width: 100%;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: white;
    font-size: 0.95rem;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.form-input[b-0hmixltwll]::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.form-input:focus[b-0hmixltwll] {
    outline: none;
    background: rgba(255, 255, 255, 0.08);
    border-color: #64b5f6;
    box-shadow: 0 0 0 3px rgba(100, 181, 246, 0.1);
}

.form-input:hover:not(:focus)[b-0hmixltwll] {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.2);
}

.validation-error[b-0hmixltwll] {
    display: block;
    margin-top: 0.5rem;
    color: #ff5252;
    font-size: 0.8rem;
}

.form-checkbox[b-0hmixltwll] {
    margin: 1.5rem 0;
}

.checkbox-container[b-0hmixltwll] {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

.checkbox-container input[type="checkbox"][b-0hmixltwll] {
    width: 18px;
    height: 18px;
    margin-right: 0.75rem;
    cursor: pointer;
    accent-color: #64b5f6;
}

.checkbox-label[b-0hmixltwll] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.9rem;
}

.form-actions[b-0hmixltwll] {
    margin-top: 1.5rem;
}

.btn-primary[b-0hmixltwll] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    background: linear-gradient(135deg, #64b5f6 0%, #2196f3 100%);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(100, 181, 246, 0.3);
}

.btn-primary:hover:not(:disabled)[b-0hmixltwll] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4);
}

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

.btn-primary:disabled[b-0hmixltwll] {
    opacity: 0.7;
    cursor: not-allowed;
}

.spinner[b-0hmixltwll] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-0hmixltwll 0.6s linear infinite;
}

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

.links-section[b-0hmixltwll] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    margin: 1.5rem 0;
}

.link[b-0hmixltwll] {
    color: #64b5f6;
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.2s ease;
}

.link:hover[b-0hmixltwll] {
    color: #90caf9;
    text-decoration: underline;
}

.policy-links[b-0hmixltwll] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.link-secondary[b-0hmixltwll] {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    font-size: 0.85rem;
    transition: color 0.2s ease;
}

.link-secondary:hover[b-0hmixltwll] {
    color: rgba(255, 255, 255, 0.8);
}

/* Responsive */
@media (max-width: 600px) {
    .login-page[b-0hmixltwll] {
        padding: 1rem;
    }

    .login-card[b-0hmixltwll] {
        padding: 2rem 1.5rem;
    }

    .login-title[b-0hmixltwll] {
        font-size: 1.5rem;
    }
}
/* /Pages/Account/Pages/Manage/ChangePassword.razor.rz.scp.css */
/* Change Password Page - Stile incapsulato */
.change-password-page[b-2ykdtuy46y] {
    width: 100%;
}

.change-password-header[b-2ykdtuy46y] {
    margin-bottom: 2rem;
}

.change-password-title[b-2ykdtuy46y] {
    margin: 0 0 1rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
}

.divider[b-2ykdtuy46y] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0;
}

.change-password-card[b-2ykdtuy46y] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.change-password-form[b-2ykdtuy46y] {
    width: 100%;
}

.form-group[b-2ykdtuy46y] {
    margin-bottom: 1.5rem;
}

.form-label[b-2ykdtuy46y] {
    display: block;
    margin-bottom: 0.5rem;
    color: white;
    font-size: 0.9rem;
    font-weight: 500;
}

.form-input[b-2ykdtuy46y] {
    width: 100%;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: white;
    font-size: 0.95rem;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.form-input[b-2ykdtuy46y]::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.form-input:focus[b-2ykdtuy46y] {
    outline: none;
    background: rgba(255, 255, 255, 0.08);
    border-color: #64b5f6;
    box-shadow: 0 0 0 3px rgba(100, 181, 246, 0.1);
}

.form-input:hover:not(:focus)[b-2ykdtuy46y] {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.2);
}

.validation-error[b-2ykdtuy46y] {
    display: block;
    margin-top: 0.5rem;
    color: #ff5252;
    font-size: 0.8rem;
}

.btn-primary[b-2ykdtuy46y] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    background: linear-gradient(135deg, #64b5f6 0%, #2196f3 100%);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(100, 181, 246, 0.3);
}

.btn-primary:hover:not(:disabled)[b-2ykdtuy46y] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4);
}

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

.btn-primary:disabled[b-2ykdtuy46y] {
    opacity: 0.7;
    cursor: not-allowed;
}

.spinner[b-2ykdtuy46y] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-2ykdtuy46y 0.6s linear infinite;
}

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

/* Responsive */
@media (max-width: 600px) {
    .change-password-card[b-2ykdtuy46y] {
        padding: 1.5rem;
    }

    .change-password-title[b-2ykdtuy46y] {
        font-size: 1.3rem;
    }
}
/* /Pages/Account/Pages/Manage/DeletePersonalData.razor.rz.scp.css */
/* Delete Personal Data Page - Stile incapsulato */
.delete-data-page[b-e16ttp91rh] {
    width: 100%;
}

.delete-data-header[b-e16ttp91rh] {
    margin-bottom: 2rem;
}

.delete-data-title[b-e16ttp91rh] {
    margin: 0 0 1rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
}

.divider[b-e16ttp91rh] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0;
}

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

.spinner-large[b-e16ttp91rh] {
    width: 48px;
    height: 48px;
    border: 4px solid rgba(100, 181, 246, 0.2);
    border-top-color: #64b5f6;
    border-radius: 50%;
    animation: spin-b-e16ttp91rh 0.8s linear infinite;
}

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

.loading-text[b-e16ttp91rh] {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 1rem;
}

.delete-data-card[b-e16ttp91rh] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.danger-box[b-e16ttp91rh] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
    margin-bottom: 2rem;
    background: rgba(244, 67, 54, 0.1);
    border: 1px solid rgba(244, 67, 54, 0.3);
    border-left: 4px solid #ff5252;
    border-radius: 8px;
}

.danger-icon[b-e16ttp91rh] {
    flex-shrink: 0;
    color: #ff5252;
}

.danger-text[b-e16ttp91rh] {
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.95rem;
    line-height: 1.5;
}

.danger-text strong[b-e16ttp91rh] {
    font-weight: 700;
}

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

.form-label[b-e16ttp91rh] {
    display: block;
    margin-bottom: 0.5rem;
    color: white;
    font-size: 0.9rem;
    font-weight: 500;
}

.form-input[b-e16ttp91rh] {
    width: 100%;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: white;
    font-size: 0.95rem;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.form-input[b-e16ttp91rh]::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.form-input:focus[b-e16ttp91rh] {
    outline: none;
    background: rgba(255, 255, 255, 0.08);
    border-color: #64b5f6;
    box-shadow: 0 0 0 3px rgba(100, 181, 246, 0.1);
}

.form-input:hover:not(:focus)[b-e16ttp91rh] {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.2);
}

.btn-danger-full[b-e16ttp91rh] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    background: linear-gradient(135deg, #f44336 0%, #d32f2f 100%);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(244, 67, 54, 0.3);
}

.btn-danger-full:hover[b-e16ttp91rh] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(244, 67, 54, 0.4);
}

.btn-danger-full:active[b-e16ttp91rh] {
    transform: translateY(0);
}

/* Responsive */
@media (max-width: 600px) {
    .delete-data-card[b-e16ttp91rh] {
        padding: 1.5rem;
    }

    .delete-data-title[b-e16ttp91rh] {
        font-size: 1.3rem;
    }

    .danger-box[b-e16ttp91rh] {
        padding: 1rem;
    }
}
/* /Pages/Account/Pages/Manage/Email.razor.rz.scp.css */
/* Email Page - Stile incapsulato */
.email-page[b-sazsjms7he] {
    width: 100%;
}

.email-header[b-sazsjms7he] {
    margin-bottom: 2rem;
}

.email-title[b-sazsjms7he] {
    margin: 0 0 1rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
}

.divider[b-sazsjms7he] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0;
}

.email-card[b-sazsjms7he] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.email-form[b-sazsjms7he] {
    width: 100%;
}

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

.form-label[b-sazsjms7he] {
    display: block;
    margin-bottom: 0.5rem;
    color: white;
    font-size: 0.9rem;
    font-weight: 500;
}

.form-input[b-sazsjms7he] {
    width: 100%;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: white;
    font-size: 0.95rem;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.form-input[b-sazsjms7he]::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.form-input:focus[b-sazsjms7he] {
    outline: none;
    background: rgba(255, 255, 255, 0.08);
    border-color: #64b5f6;
    box-shadow: 0 0 0 3px rgba(100, 181, 246, 0.1);
}

.form-input:hover:not(:focus):not(:disabled)[b-sazsjms7he] {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.2);
}

.form-input:disabled[b-sazsjms7he] {
    opacity: 0.6;
    cursor: not-allowed;
}

.validation-error[b-sazsjms7he] {
    display: block;
    margin-top: 0.5rem;
    color: #ff5252;
    font-size: 0.8rem;
}

.btn-link[b-sazsjms7he] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding: 0.5rem 1rem;
    background: rgba(100, 181, 246, 0.1);
    border: 1px solid rgba(100, 181, 246, 0.3);
    border-radius: 6px;
    color: #64b5f6;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-link:hover[b-sazsjms7he] {
    background: rgba(100, 181, 246, 0.15);
    border-color: rgba(100, 181, 246, 0.4);
}

.btn-primary[b-sazsjms7he] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    background: linear-gradient(135deg, #64b5f6 0%, #2196f3 100%);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(100, 181, 246, 0.3);
}

.btn-primary:hover:not(:disabled)[b-sazsjms7he] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4);
}

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

.btn-primary:disabled[b-sazsjms7he] {
    opacity: 0.7;
    cursor: not-allowed;
}

.spinner[b-sazsjms7he] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-sazsjms7he 0.6s linear infinite;
}

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

/* Responsive */
@media (max-width: 600px) {
    .email-card[b-sazsjms7he] {
        padding: 1.5rem;
    }

    .email-title[b-sazsjms7he] {
        font-size: 1.3rem;
    }
}
/* /Pages/Account/Pages/Manage/Index.razor.rz.scp.css */
/* Profile Index Page - Stile incapsulato */
.profile-page[b-v7tkil5u2f] {
    width: 100%;
}

.profile-header[b-v7tkil5u2f] {
    margin-bottom: 2rem;
}

.profile-title[b-v7tkil5u2f] {
    margin: 0 0 1rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
}

.divider[b-v7tkil5u2f] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0;
}

.profile-card[b-v7tkil5u2f] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.profile-form[b-v7tkil5u2f] {
    width: 100%;
}

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

.form-label[b-v7tkil5u2f] {
    display: block;
    margin-bottom: 0.5rem;
    color: white;
    font-size: 0.9rem;
    font-weight: 500;
}

.form-input[b-v7tkil5u2f] {
    width: 100%;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: white;
    font-size: 0.95rem;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.form-input[b-v7tkil5u2f]::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.form-input:focus[b-v7tkil5u2f] {
    outline: none;
    background: rgba(255, 255, 255, 0.08);
    border-color: #64b5f6;
    box-shadow: 0 0 0 3px rgba(100, 181, 246, 0.1);
}

.form-input:hover:not(:focus):not(:disabled)[b-v7tkil5u2f] {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.2);
}

.form-input:disabled[b-v7tkil5u2f] {
    opacity: 0.6;
    cursor: not-allowed;
}

.validation-error[b-v7tkil5u2f] {
    display: block;
    margin-top: 0.5rem;
    color: #ff5252;
    font-size: 0.8rem;
}

.btn-primary[b-v7tkil5u2f] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    background: linear-gradient(135deg, #64b5f6 0%, #2196f3 100%);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(100, 181, 246, 0.3);
}

.btn-primary:hover:not(:disabled)[b-v7tkil5u2f] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4);
}

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

.btn-primary:disabled[b-v7tkil5u2f] {
    opacity: 0.7;
    cursor: not-allowed;
}

.spinner[b-v7tkil5u2f] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-v7tkil5u2f 0.6s linear infinite;
}

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

/* Responsive */
@media (max-width: 600px) {
    .profile-card[b-v7tkil5u2f] {
        padding: 1.5rem;
    }

    .profile-title[b-v7tkil5u2f] {
        font-size: 1.3rem;
    }
}
/* /Pages/Account/Pages/Manage/PersonalData.razor.rz.scp.css */
/* Personal Data Page - Stile incapsulato */
.personal-data-page[b-aokwxo5tby] {
    width: 100%;
}

.personal-data-header[b-aokwxo5tby] {
    margin-bottom: 2rem;
}

.personal-data-title[b-aokwxo5tby] {
    margin: 0 0 1rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
}

.divider[b-aokwxo5tby] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0;
}

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

.spinner-large[b-aokwxo5tby] {
    width: 48px;
    height: 48px;
    border: 4px solid rgba(100, 181, 246, 0.2);
    border-top-color: #64b5f6;
    border-radius: 50%;
    animation: spin-b-aokwxo5tby 0.8s linear infinite;
}

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

.loading-text[b-aokwxo5tby] {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 1rem;
}

.personal-data-card[b-aokwxo5tby] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.info-text[b-aokwxo5tby] {
    margin: 0 0 1.5rem 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    line-height: 1.6;
}

.warning-box[b-aokwxo5tby] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
    margin-bottom: 2rem;
    background: rgba(255, 152, 0, 0.1);
    border: 1px solid rgba(255, 152, 0, 0.3);
    border-left: 4px solid #ff9800;
    border-radius: 8px;
}

.warning-icon[b-aokwxo5tby] {
    flex-shrink: 0;
    color: #ff9800;
}

.warning-text[b-aokwxo5tby] {
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.5;
}

.actions-container[b-aokwxo5tby] {
    display: flex;
    gap: 1rem;
}

.btn-secondary[b-aokwxo5tby] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    background: rgba(100, 181, 246, 0.15);
    border: 1px solid rgba(100, 181, 246, 0.3);
    border-radius: 8px;
    color: #64b5f6;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-secondary:hover[b-aokwxo5tby] {
    background: rgba(100, 181, 246, 0.25);
    border-color: rgba(100, 181, 246, 0.5);
    transform: translateY(-1px);
}

.btn-secondary:active[b-aokwxo5tby] {
    transform: translateY(0);
}

.btn-danger[b-aokwxo5tby] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    background: rgba(244, 67, 54, 0.15);
    border: 1px solid rgba(244, 67, 54, 0.3);
    border-radius: 8px;
    color: #ff5252;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-danger:hover[b-aokwxo5tby] {
    background: rgba(244, 67, 54, 0.25);
    border-color: rgba(244, 67, 54, 0.5);
    transform: translateY(-1px);
}

.btn-danger:active[b-aokwxo5tby] {
    transform: translateY(0);
}

/* Responsive */
@media (max-width: 600px) {
    .personal-data-card[b-aokwxo5tby] {
        padding: 1.5rem;
    }

    .personal-data-title[b-aokwxo5tby] {
        font-size: 1.3rem;
    }

    .actions-container[b-aokwxo5tby] {
        flex-direction: column;
    }

    .warning-box[b-aokwxo5tby] {
        padding: 1rem;
    }
}
/* /Pages/Account/Pages/Manage/SetPassword.razor.rz.scp.css */
/* Set Password Page - Stile incapsulato */
.set-password-page[b-yz7c8m2jp4] {
    width: 100%;
}

.set-password-header[b-yz7c8m2jp4] {
    margin-bottom: 2rem;
}

.set-password-title[b-yz7c8m2jp4] {
    margin: 0 0 1rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
}

.divider[b-yz7c8m2jp4] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0;
}

.set-password-card[b-yz7c8m2jp4] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.info-box[b-yz7c8m2jp4] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    margin-bottom: 2rem;
    background: rgba(100, 181, 246, 0.1);
    border: 1px solid rgba(100, 181, 246, 0.2);
    border-left: 3px solid #64b5f6;
    border-radius: 8px;
}

.info-icon[b-yz7c8m2jp4] {
    flex-shrink: 0;
    margin-top: 2px;
    color: #64b5f6;
}

.info-text[b-yz7c8m2jp4] {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    line-height: 1.5;
}

.set-password-form[b-yz7c8m2jp4] {
    width: 100%;
}

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

.form-label[b-yz7c8m2jp4] {
    display: block;
    margin-bottom: 0.5rem;
    color: white;
    font-size: 0.9rem;
    font-weight: 500;
}

.form-input[b-yz7c8m2jp4] {
    width: 100%;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: white;
    font-size: 0.95rem;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.form-input[b-yz7c8m2jp4]::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.form-input:focus[b-yz7c8m2jp4] {
    outline: none;
    background: rgba(255, 255, 255, 0.08);
    border-color: #64b5f6;
    box-shadow: 0 0 0 3px rgba(100, 181, 246, 0.1);
}

.form-input:hover:not(:focus)[b-yz7c8m2jp4] {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.2);
}

.validation-error[b-yz7c8m2jp4] {
    display: block;
    margin-top: 0.5rem;
    color: #ff5252;
    font-size: 0.8rem;
}

.btn-primary[b-yz7c8m2jp4] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    background: linear-gradient(135deg, #64b5f6 0%, #2196f3 100%);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(100, 181, 246, 0.3);
}

.btn-primary:hover[b-yz7c8m2jp4] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4);
}

.btn-primary:active[b-yz7c8m2jp4] {
    transform: translateY(0);
}

/* Responsive */
@media (max-width: 600px) {
    .set-password-card[b-yz7c8m2jp4] {
        padding: 1.5rem;
    }

    .set-password-title[b-yz7c8m2jp4] {
        font-size: 1.3rem;
    }

    .info-box[b-yz7c8m2jp4] {
        padding: 0.875rem;
    }

    .info-text[b-yz7c8m2jp4] {
        font-size: 0.9rem;
    }

    .info-icon[b-yz7c8m2jp4] {
        width: 18px;
        height: 18px;
    }
}
/* /Pages/Account/Pages/PrivacyPolicy.razor.rz.scp.css */
/* Privacy Policy Page - Stile incapsulato */
.privacy-policy-page[b-r8qwg4zmxq] {
    display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: flex-start;
    background: #0a0e14;
    padding: 2rem 1rem;
}

.privacy-policy-container[b-r8qwg4zmxq] {
    max-width: 800px;
    width: 100%;
}

.privacy-policy-header[b-r8qwg4zmxq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.logo-image[b-r8qwg4zmxq] {
    width: 80px;
    height: auto;
    margin-bottom: 1.5rem;
    transition: transform 0.3s ease;
}

.logo-image:hover[b-r8qwg4zmxq] {
    transform: scale(1.05);
}

.privacy-policy-title[b-r8qwg4zmxq] {
    margin: 0 0 1.5rem 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: white;
    text-align: center;
}

.divider[b-r8qwg4zmxq] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 1.5rem 0;
}

.privacy-policy-card[b-r8qwg4zmxq] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.privacy-policy-content[b-r8qwg4zmxq] {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.7;
}

.main-title[b-r8qwg4zmxq] {
    margin: 0 0 2rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: white;
    text-align: center;
}

.policy-section[b-r8qwg4zmxq] {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 3px solid #64b5f6;
    border-radius: 8px;
}

.policy-section:last-child[b-r8qwg4zmxq] {
    margin-bottom: 0;
}

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

.section-icon[b-r8qwg4zmxq] {
    flex-shrink: 0;
    color: #64b5f6;
}

.section-title[b-r8qwg4zmxq] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #64b5f6;
}

.section-text[b-r8qwg4zmxq] {
    margin: 0;
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.7;
}

/* Responsive */
@media (max-width: 768px) {
    .privacy-policy-page[b-r8qwg4zmxq] {
        padding: 1rem;
    }

    .privacy-policy-card[b-r8qwg4zmxq] {
        padding: 2rem 1.5rem;
    }

    .privacy-policy-title[b-r8qwg4zmxq] {
        font-size: 1.5rem;
    }

    .main-title[b-r8qwg4zmxq] {
        font-size: 1.3rem;
    }

    .policy-section[b-r8qwg4zmxq] {
        padding: 1.25rem;
    }

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

    .section-text[b-r8qwg4zmxq] {
        font-size: 0.9rem;
    }

    .section-icon[b-r8qwg4zmxq] {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 600px) {
    .privacy-policy-card[b-r8qwg4zmxq] {
        padding: 1.5rem 1rem;
    }

    .privacy-policy-title[b-r8qwg4zmxq] {
        font-size: 1.3rem;
    }

    .main-title[b-r8qwg4zmxq] {
        font-size: 1.2rem;
    }

    .policy-section[b-r8qwg4zmxq] {
        padding: 1rem;
    }
}
/* /Pages/Account/Pages/Register.razor.rz.scp.css */
/* Register Page - Stile incapsulato */
.register-page[b-6m4aklujru] {
    display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: flex-start;
    background: #0a0e14;
    padding: 2rem 1rem;
    overflow-y: auto;
}

.register-container[b-6m4aklujru] {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
}

.register-header[b-6m4aklujru] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.logo-image[b-6m4aklujru] {
    width: 80px;
    height: auto;
    margin-bottom: 1.5rem;
    transition: transform 0.3s ease;
}

.logo-image:hover[b-6m4aklujru] {
    transform: scale(1.05);
}

.register-title[b-6m4aklujru] {
    margin: 0 0 1.5rem 0;
    font-size: 1.6rem;
    font-weight: 700;
    color: white;
    text-align: center;
}

.divider[b-6m4aklujru] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 1.5rem 0;
}

.register-card[b-6m4aklujru] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.register-content[b-6m4aklujru] {
    width: 100%;
}

.error-message[b-6m4aklujru] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
    background: rgba(244, 67, 54, 0.1);
    border: 1px solid rgba(244, 67, 54, 0.3);
    border-radius: 8px;
    color: #ff5252;
    font-size: 0.875rem;
}

.error-message svg[b-6m4aklujru] {
    flex-shrink: 0;
}

.register-form[b-6m4aklujru] {
    width: 100%;
}

.form-section-title[b-6m4aklujru] {
    margin: 2rem 0 1rem 0;
    padding-bottom: 0.5rem;
    color: #64b5f6;
    font-size: 1.1rem;
    font-weight: 600;
    border-bottom: 1px solid rgba(100, 181, 246, 0.2);
}

.form-row[b-6m4aklujru] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.form-group[b-6m4aklujru] {
    margin-bottom: 1.5rem;
}

.form-label[b-6m4aklujru] {
    display: block;
    margin-bottom: 0.5rem;
    color: white;
    font-size: 0.9rem;
    font-weight: 500;
}

.form-input[b-6m4aklujru],
.form-select[b-6m4aklujru] {
    width: 100%;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: white;
    font-size: 0.95rem;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.form-input[b-6m4aklujru]::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.form-input:focus[b-6m4aklujru],
.form-select:focus[b-6m4aklujru] {
    outline: none;
    background: rgba(255, 255, 255, 0.08);
    border-color: #64b5f6;
    box-shadow: 0 0 0 3px rgba(100, 181, 246, 0.1);
}

.form-input:hover:not(:focus)[b-6m4aklujru],
.form-select:hover:not(:focus)[b-6m4aklujru] {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.2);
}

.form-select[b-6m4aklujru] {
    cursor: pointer;
}

.form-select option[b-6m4aklujru] {
    background: #1a2332;
    color: white;
}

.validation-error[b-6m4aklujru] {
    display: block;
    margin-top: 0.5rem;
    color: #ff5252;
    font-size: 0.8rem;
}

.terms-section[b-6m4aklujru] {
    margin: 1.5rem 0;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
}

.terms-text[b-6m4aklujru] {
    margin: 0 0 1rem 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    text-align: center;
    line-height: 1.5;
}

.policy-links[b-6m4aklujru] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.link-secondary[b-6m4aklujru] {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    font-size: 0.85rem;
    transition: color 0.2s ease;
}

.link-secondary:hover[b-6m4aklujru] {
    color: rgba(255, 255, 255, 0.8);
}

.form-actions[b-6m4aklujru] {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.btn-primary[b-6m4aklujru] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    background: linear-gradient(135deg, #64b5f6 0%, #2196f3 100%);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(100, 181, 246, 0.3);
}

.btn-primary:hover:not(:disabled)[b-6m4aklujru] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4);
}

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

.btn-primary:disabled[b-6m4aklujru] {
    opacity: 0.7;
    cursor: not-allowed;
}

.spinner[b-6m4aklujru] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-6m4aklujru 0.6s linear infinite;
}

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

.link-center[b-6m4aklujru] {
    display: block;
    text-align: center;
    color: #64b5f6;
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.2s ease;
}

.link-center:hover[b-6m4aklujru] {
    color: #90caf9;
    text-decoration: underline;
}

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

    .register-card[b-6m4aklujru] {
        padding: 2rem 1.5rem;
    }

    .register-title[b-6m4aklujru] {
        font-size: 1.4rem;
    }

    .form-row[b-6m4aklujru] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .form-section-title[b-6m4aklujru] {
        font-size: 1rem;
    }
}

@media (max-width: 600px) {
    .register-card[b-6m4aklujru] {
        padding: 1.5rem 1rem;
    }

    .register-title[b-6m4aklujru] {
        font-size: 1.2rem;
    }
}
/* /Pages/Account/Pages/RegisterConfirmation.razor.rz.scp.css */
/* Register Confirmation Page - Stile incapsulato */
.register-confirmation-page[b-ff0b22ilwu] {
    display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
    background: #0a0e14;
    padding: 2rem 1rem;
}

.register-confirmation-container[b-ff0b22ilwu] {
    max-width: 600px;
    width: 100%;
}

.register-confirmation-header[b-ff0b22ilwu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.logo-image[b-ff0b22ilwu] {
    width: 80px;
    height: auto;
    margin-bottom: 1.5rem;
    transition: transform 0.3s ease;
}

.logo-image:hover[b-ff0b22ilwu] {
    transform: scale(1.05);
}

.register-confirmation-title[b-ff0b22ilwu] {
    margin: 0 0 1.5rem 0;
    font-size: 1.6rem;
    font-weight: 700;
    color: white;
    text-align: center;
}

.divider[b-ff0b22ilwu] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 1.5rem 0;
}

.register-confirmation-card[b-ff0b22ilwu] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 3rem 2.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.register-confirmation-content[b-ff0b22ilwu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.error-message[b-ff0b22ilwu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
    background: rgba(244, 67, 54, 0.1);
    border: 1px solid rgba(244, 67, 54, 0.3);
    border-radius: 8px;
    color: #ff5252;
    font-size: 0.875rem;
    width: 100%;
}

.error-message svg[b-ff0b22ilwu] {
    flex-shrink: 0;
}

.icon-container[b-ff0b22ilwu] {
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-container.success[b-ff0b22ilwu] {
    background: rgba(76, 175, 80, 0.1);
    border: 2px solid rgba(76, 175, 80, 0.3);
}

.status-icon[b-ff0b22ilwu] {
    color: #4caf50;
}

.status-title[b-ff0b22ilwu] {
    margin: 0 0 2rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: white;
}

.info-section[b-ff0b22ilwu] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.info-text[b-ff0b22ilwu] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    line-height: 1.5;
    text-align: left;
    margin: 0;
}

.info-text.primary[b-ff0b22ilwu] {
    background: rgba(100, 181, 246, 0.1);
    border: 1px solid rgba(100, 181, 246, 0.2);
    border-left: 3px solid #64b5f6;
}

.info-text.warning[b-ff0b22ilwu] {
    background: rgba(255, 152, 0, 0.1);
    border: 1px solid rgba(255, 152, 0, 0.2);
    border-left: 3px solid #ff9800;
}

.info-text.secondary[b-ff0b22ilwu] {
    background: rgba(156, 39, 176, 0.1);
    border: 1px solid rgba(156, 39, 176, 0.2);
    border-left: 3px solid #9c27b0;
}

.info-icon[b-ff0b22ilwu] {
    flex-shrink: 0;
    margin-top: 2px;
}

.info-text.primary .info-icon[b-ff0b22ilwu] {
    color: #64b5f6;
}

.info-text.warning .info-icon[b-ff0b22ilwu] {
    color: #ff9800;
}

.info-text.secondary .info-icon[b-ff0b22ilwu] {
    color: #9c27b0;
}

.actions-section[b-ff0b22ilwu] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.question-text[b-ff0b22ilwu] {
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    font-weight: 500;
}

.btn-secondary[b-ff0b22ilwu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 2rem;
    background: rgba(100, 181, 246, 0.15);
    border: 1px solid rgba(100, 181, 246, 0.3);
    border-radius: 8px;
    color: #64b5f6;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    max-width: 350px;
}

.btn-secondary:hover[b-ff0b22ilwu] {
    background: rgba(100, 181, 246, 0.25);
    border-color: rgba(100, 181, 246, 0.5);
    transform: translateY(-1px);
}

.btn-secondary:active[b-ff0b22ilwu] {
    transform: translateY(0);
}

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

    .register-confirmation-card[b-ff0b22ilwu] {
        padding: 2rem 1.5rem;
    }

    .register-confirmation-title[b-ff0b22ilwu] {
        font-size: 1.4rem;
    }

    .status-title[b-ff0b22ilwu] {
        font-size: 1.3rem;
    }

    .icon-container[b-ff0b22ilwu] {
        padding: 1rem;
    }

    .status-icon[b-ff0b22ilwu] {
        width: 48px;
        height: 48px;
    }

    .info-text[b-ff0b22ilwu] {
        font-size: 0.9rem;
        padding: 0.875rem;
    }

    .info-icon[b-ff0b22ilwu] {
        width: 18px;
        height: 18px;
    }

    .btn-secondary[b-ff0b22ilwu] {
        font-size: 0.9rem;
        padding: 0.75rem 1.5rem;
    }
}
/* /Pages/Account/Pages/ResendEmailConfirmation.razor.rz.scp.css */
/* Resend Email Confirmation Page - Stile incapsulato */
.resend-email-confirmation-page[b-sj1qf7665w] {
    display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
    background: #0a0e14;
    padding: 2rem 1rem;
}

.resend-email-confirmation-container[b-sj1qf7665w] {
    max-width: 500px;
    width: 100%;
}

.resend-email-confirmation-header[b-sj1qf7665w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.logo-image[b-sj1qf7665w] {
    width: 80px;
    height: auto;
    margin-bottom: 1.5rem;
    transition: transform 0.3s ease;
}

.logo-image:hover[b-sj1qf7665w] {
    transform: scale(1.05);
}

.resend-email-confirmation-title[b-sj1qf7665w] {
    margin: 0 0 1.5rem 0;
    font-size: 1.6rem;
    font-weight: 700;
    color: white;
    text-align: center;
}

.divider[b-sj1qf7665w] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 1.5rem 0;
}

.resend-email-confirmation-card[b-sj1qf7665w] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.resend-email-confirmation-content[b-sj1qf7665w] {
    width: 100%;
}

.info-box[b-sj1qf7665w] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    margin-bottom: 2rem;
    background: rgba(100, 181, 246, 0.1);
    border: 1px solid rgba(100, 181, 246, 0.2);
    border-left: 3px solid #64b5f6;
    border-radius: 8px;
}

.info-icon[b-sj1qf7665w] {
    flex-shrink: 0;
    margin-top: 2px;
    color: #64b5f6;
}

.info-text[b-sj1qf7665w] {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    line-height: 1.5;
}

.success-message[b-sj1qf7665w] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
    background: rgba(76, 175, 80, 0.1);
    border: 1px solid rgba(76, 175, 80, 0.3);
    border-radius: 8px;
    color: #4caf50;
    font-size: 0.95rem;
}

.success-message svg[b-sj1qf7665w] {
    flex-shrink: 0;
}

.resend-email-form[b-sj1qf7665w] {
    width: 100%;
}

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

.form-label[b-sj1qf7665w] {
    display: block;
    margin-bottom: 0.5rem;
    color: white;
    font-size: 0.9rem;
    font-weight: 500;
}

.form-input[b-sj1qf7665w] {
    width: 100%;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: white;
    font-size: 0.95rem;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.form-input[b-sj1qf7665w]::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.form-input:focus[b-sj1qf7665w] {
    outline: none;
    background: rgba(255, 255, 255, 0.08);
    border-color: #64b5f6;
    box-shadow: 0 0 0 3px rgba(100, 181, 246, 0.1);
}

.form-input:hover:not(:focus)[b-sj1qf7665w] {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.2);
}

.validation-error[b-sj1qf7665w] {
    display: block;
    margin-top: 0.5rem;
    color: #ff5252;
    font-size: 0.8rem;
}

.btn-primary[b-sj1qf7665w] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    margin-bottom: 1rem;
    background: linear-gradient(135deg, #64b5f6 0%, #2196f3 100%);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(100, 181, 246, 0.3);
}

.btn-primary:hover[b-sj1qf7665w] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4);
}

.btn-primary:active[b-sj1qf7665w] {
    transform: translateY(0);
}

.link-center[b-sj1qf7665w] {
    display: block;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.2s ease;
}

.link-center:hover[b-sj1qf7665w] {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 600px) {
    .resend-email-confirmation-page[b-sj1qf7665w] {
        padding: 1rem;
    }

    .resend-email-confirmation-card[b-sj1qf7665w] {
        padding: 2rem 1.5rem;
    }

    .resend-email-confirmation-title[b-sj1qf7665w] {
        font-size: 1.4rem;
    }

    .info-box[b-sj1qf7665w] {
        padding: 0.875rem;
    }

    .info-text[b-sj1qf7665w] {
        font-size: 0.9rem;
    }

    .info-icon[b-sj1qf7665w] {
        width: 18px;
        height: 18px;
    }
}
/* /Pages/Account/Pages/ResetPassword.razor.rz.scp.css */
/* Reset Password Page - Stile incapsulato */
.reset-password-page[b-7enmlk122d] {
    display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
    background: #0a0e14;
    padding: 2rem 1rem;
}

.reset-password-container[b-7enmlk122d] {
    max-width: 500px;
    width: 100%;
}

.reset-password-header[b-7enmlk122d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.logo-image[b-7enmlk122d] {
    width: 80px;
    height: auto;
    margin-bottom: 1.5rem;
    transition: transform 0.3s ease;
}

.logo-image:hover[b-7enmlk122d] {
    transform: scale(1.05);
}

.reset-password-title[b-7enmlk122d] {
    margin: 0 0 1.5rem 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: white;
    text-align: center;
}

.divider[b-7enmlk122d] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 1.5rem 0;
}

.reset-password-card[b-7enmlk122d] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.reset-password-content[b-7enmlk122d] {
    width: 100%;
}

.info-box[b-7enmlk122d] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    margin-bottom: 2rem;
    background: rgba(100, 181, 246, 0.1);
    border: 1px solid rgba(100, 181, 246, 0.2);
    border-left: 3px solid #64b5f6;
    border-radius: 8px;
}

.info-icon[b-7enmlk122d] {
    flex-shrink: 0;
    margin-top: 2px;
    color: #64b5f6;
}

.info-text[b-7enmlk122d] {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    line-height: 1.5;
}

.error-message[b-7enmlk122d] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
    background: rgba(244, 67, 54, 0.1);
    border: 1px solid rgba(244, 67, 54, 0.3);
    border-radius: 8px;
    color: #ff5252;
    font-size: 0.875rem;
}

.error-message svg[b-7enmlk122d] {
    flex-shrink: 0;
}

.reset-password-form[b-7enmlk122d] {
    width: 100%;
}

.form-group[b-7enmlk122d] {
    margin-bottom: 1.5rem;
}

.form-label[b-7enmlk122d] {
    display: block;
    margin-bottom: 0.5rem;
    color: white;
    font-size: 0.9rem;
    font-weight: 500;
}

.form-input[b-7enmlk122d] {
    width: 100%;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: white;
    font-size: 0.95rem;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.form-input[b-7enmlk122d]::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.form-input:focus[b-7enmlk122d] {
    outline: none;
    background: rgba(255, 255, 255, 0.08);
    border-color: #64b5f6;
    box-shadow: 0 0 0 3px rgba(100, 181, 246, 0.1);
}

.form-input:hover:not(:focus)[b-7enmlk122d] {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.2);
}

.validation-error[b-7enmlk122d] {
    display: block;
    margin-top: 0.5rem;
    color: #ff5252;
    font-size: 0.8rem;
}

.btn-primary[b-7enmlk122d] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    margin-bottom: 1rem;
    background: linear-gradient(135deg, #64b5f6 0%, #2196f3 100%);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(100, 181, 246, 0.3);
}

.btn-primary:hover[b-7enmlk122d] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4);
}

.btn-primary:active[b-7enmlk122d] {
    transform: translateY(0);
}

.link-center[b-7enmlk122d] {
    display: block;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.2s ease;
}

.link-center:hover[b-7enmlk122d] {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 600px) {
    .reset-password-page[b-7enmlk122d] {
        padding: 1rem;
    }

    .reset-password-card[b-7enmlk122d] {
        padding: 2rem 1.5rem;
    }

    .reset-password-title[b-7enmlk122d] {
        font-size: 1.5rem;
    }

    .info-box[b-7enmlk122d] {
        padding: 0.875rem;
    }

    .info-text[b-7enmlk122d] {
        font-size: 0.9rem;
    }

    .info-icon[b-7enmlk122d] {
        width: 18px;
        height: 18px;
    }
}
/* /Pages/Account/Pages/ResetPasswordConfirmation.razor.rz.scp.css */
/* Reset Password Confirmation Page - Stile incapsulato */
.reset-password-confirmation-page[b-553snf5d6q] {
    display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
    background: #0a0e14;
    padding: 2rem 1rem;
}

.reset-password-confirmation-container[b-553snf5d6q] {
    max-width: 500px;
    width: 100%;
}

.reset-password-confirmation-header[b-553snf5d6q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.logo-image[b-553snf5d6q] {
    width: 80px;
    height: auto;
    margin-bottom: 1.5rem;
    transition: transform 0.3s ease;
}

.logo-image:hover[b-553snf5d6q] {
    transform: scale(1.05);
}

.reset-password-confirmation-title[b-553snf5d6q] {
    margin: 0 0 1.5rem 0;
    font-size: 1.6rem;
    font-weight: 700;
    color: white;
    text-align: center;
}

.divider[b-553snf5d6q] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 1.5rem 0;
}

.reset-password-confirmation-card[b-553snf5d6q] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 3rem 2.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.reset-password-confirmation-content[b-553snf5d6q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.icon-container[b-553snf5d6q] {
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-container.success[b-553snf5d6q] {
    background: rgba(76, 175, 80, 0.1);
    border: 2px solid rgba(76, 175, 80, 0.3);
}

.status-icon[b-553snf5d6q] {
    color: #4caf50;
}

.status-title[b-553snf5d6q] {
    margin: 0 0 1rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: white;
}

.success-message[b-553snf5d6q] {
    margin: 0 0 2rem 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    line-height: 1.6;
    max-width: 400px;
}

.btn-primary[b-553snf5d6q] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 2rem;
    background: linear-gradient(135deg, #64b5f6 0%, #2196f3 100%);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(100, 181, 246, 0.3);
    max-width: 300px;
}

.btn-primary:hover[b-553snf5d6q] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4);
}

.btn-primary:active[b-553snf5d6q] {
    transform: translateY(0);
}

/* Responsive */
@media (max-width: 600px) {
    .reset-password-confirmation-page[b-553snf5d6q] {
        padding: 1rem;
    }

    .reset-password-confirmation-card[b-553snf5d6q] {
        padding: 2rem 1.5rem;
    }

    .reset-password-confirmation-title[b-553snf5d6q] {
        font-size: 1.4rem;
    }

    .status-title[b-553snf5d6q] {
        font-size: 1.3rem;
    }

    .icon-container[b-553snf5d6q] {
        padding: 1rem;
    }

    .status-icon[b-553snf5d6q] {
        width: 48px;
        height: 48px;
    }

    .success-message[b-553snf5d6q] {
        font-size: 0.95rem;
    }
}
/* /Pages/Account/Pages/TermsPage.razor.rz.scp.css */
/* Terms Page - Stile incapsulato */
.terms-page[b-au8184ujon] {
    display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: flex-start;
    background: #0a0e14;
    padding: 2rem 1rem;
}

.terms-container[b-au8184ujon] {
    max-width: 800px;
    width: 100%;
}

.terms-header[b-au8184ujon] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.logo-image[b-au8184ujon] {
    width: 80px;
    height: auto;
    margin-bottom: 1.5rem;
    transition: transform 0.3s ease;
}

.logo-image:hover[b-au8184ujon] {
    transform: scale(1.05);
}

.terms-title[b-au8184ujon] {
    margin: 0 0 1.5rem 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: white;
    text-align: center;
}

.divider[b-au8184ujon] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 1.5rem 0;
}

.terms-card[b-au8184ujon] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.terms-content[b-au8184ujon] {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.7;
}

.main-title[b-au8184ujon] {
    margin: 0 0 2rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: white;
    text-align: center;
}

.policy-section[b-au8184ujon] {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 3px solid #64b5f6;
    border-radius: 8px;
}

.policy-section:last-child[b-au8184ujon] {
    margin-bottom: 0;
}

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

.section-icon[b-au8184ujon] {
    flex-shrink: 0;
    color: #64b5f6;
}

.section-title[b-au8184ujon] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #64b5f6;
}

.section-text[b-au8184ujon] {
    margin: 0;
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.7;
}

/* Responsive */
@media (max-width: 768px) {
    .terms-page[b-au8184ujon] {
        padding: 1rem;
    }

    .terms-card[b-au8184ujon] {
        padding: 2rem 1.5rem;
    }

    .terms-title[b-au8184ujon] {
        font-size: 1.5rem;
    }

    .main-title[b-au8184ujon] {
        font-size: 1.3rem;
    }

    .policy-section[b-au8184ujon] {
        padding: 1.25rem;
    }

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

    .section-text[b-au8184ujon] {
        font-size: 0.9rem;
    }

    .section-icon[b-au8184ujon] {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 600px) {
    .terms-card[b-au8184ujon] {
        padding: 1.5rem 1rem;
    }

    .terms-title[b-au8184ujon] {
        font-size: 1.3rem;
    }

    .main-title[b-au8184ujon] {
        font-size: 1.2rem;
    }

    .policy-section[b-au8184ujon] {
        padding: 1rem;
    }
}
/* /Pages/Account/Shared/AccountLayout.razor.rz.scp.css */
/* Account Layout - Stile incapsulato */
.account-layout-page[b-rgtibwypmx] {
    min-height: 100vh;
    background: #0a0e14;
    padding: 2rem 1rem;
}

.account-layout-container[b-rgtibwypmx] {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.account-layout-header[b-rgtibwypmx] {
    margin-bottom: 2rem;
}

.account-layout-title[b-rgtibwypmx] {
    margin: 0 0 1.5rem 0;
    font-size: 2rem;
    font-weight: 700;
    color: white;
}

.divider[b-rgtibwypmx] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0;
}

.account-layout-content[b-rgtibwypmx] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 2rem;
    align-items: start;
}

.account-layout-sidebar[b-rgtibwypmx] {
    position: sticky;
    top: 2rem;
}

.account-layout-main[b-rgtibwypmx] {
    min-width: 0;
}

/* Responsive */
@media (max-width: 992px) {
    .account-layout-content[b-rgtibwypmx] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .account-layout-sidebar[b-rgtibwypmx] {
        position: static;
    }
}

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

    .account-layout-title[b-rgtibwypmx] {
        font-size: 1.5rem;
    }
}
/* /Pages/Account/Shared/ManageLayout.razor.rz.scp.css */
/* Manage Layout - Stile incapsulato */
.manage-layout-page[b-3ydtyub6ay] {
    min-height: 100vh;
    background: #0a0e14;
    padding: 2rem 1rem;
}

.manage-layout-container[b-3ydtyub6ay] {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.manage-layout-header[b-3ydtyub6ay] {
    margin-bottom: 2rem;
}

.manage-layout-title[b-3ydtyub6ay] {
    margin: 0 0 1.5rem 0;
    font-size: 2rem;
    font-weight: 700;
    color: white;
}

.divider[b-3ydtyub6ay] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0;
}

.manage-layout-content[b-3ydtyub6ay] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 2rem;
    align-items: start;
}

.manage-layout-sidebar[b-3ydtyub6ay] {
    position: sticky;
    top: 2rem;
}

.manage-layout-main[b-3ydtyub6ay] {
    min-width: 0;
}

/* Responsive */
@media (max-width: 992px) {
    .manage-layout-content[b-3ydtyub6ay] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .manage-layout-sidebar[b-3ydtyub6ay] {
        position: static;
    }
}

@media (max-width: 768px) {
    .manage-layout-page[b-3ydtyub6ay] {
        padding: 1rem;
    }

    .manage-layout-title[b-3ydtyub6ay] {
        font-size: 1.5rem;
    }
}
/* /Pages/Account/Shared/ManageNavMenu.razor.rz.scp.css */
/* Manage Nav Menu - Stile incapsulato */
.manage-nav-menu[b-xgkhmsm0zw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.nav-item[b-xgkhmsm0zw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 500;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.nav-item:hover[b-xgkhmsm0zw] {
    background: rgba(100, 181, 246, 0.1);
    color: #64b5f6;
    border-color: rgba(100, 181, 246, 0.2);
}

.nav-item.active[b-xgkhmsm0zw] {
    background: rgba(100, 181, 246, 0.15);
    color: #64b5f6;
    border-color: rgba(100, 181, 246, 0.3);
}

.nav-icon[b-xgkhmsm0zw] {
    flex-shrink: 0;
    color: currentColor;
}

/* Responsive */
@media (max-width: 992px) {
    .manage-nav-menu[b-xgkhmsm0zw] {
        flex-direction: row;
        overflow-x: auto;
        padding: 0.75rem;
    }

    .nav-item[b-xgkhmsm0zw] {
        white-space: nowrap;
        flex-shrink: 0;
    }
}

@media (max-width: 768px) {
    .manage-nav-menu[b-xgkhmsm0zw] {
        gap: 0.25rem;
    }

    .nav-item[b-xgkhmsm0zw] {
        padding: 0.75rem 0.875rem;
        font-size: 0.875rem;
    }

    .nav-icon[b-xgkhmsm0zw] {
        width: 18px;
        height: 18px;
    }
}
/* /Pages/Account/Shared/RedirectToLogin.razor.rz.scp.css */
/* Redirect To Login - Stile incapsulato */
.redirect-container[b-anxm1twyzg] {
    display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
    background: #0a0e14;
}

.redirect-content[b-anxm1twyzg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.spinner-container[b-anxm1twyzg] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner[b-anxm1twyzg] {
    width: 48px;
    height: 48px;
    border: 4px solid rgba(100, 181, 246, 0.2);
    border-top-color: #64b5f6;
    border-radius: 50%;
    animation: spin-b-anxm1twyzg 0.8s linear infinite;
}

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

.redirect-text[b-anxm1twyzg] {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 1rem;
}
/* /Pages/Account/Shared/StatusMessage.razor.rz.scp.css */
/* Status Message - Stile incapsulato */
.status-message[b-kh3afs9ng4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    border-radius: 8px;
    font-size: 0.95rem;
    line-height: 1.5;
    animation: slideIn-b-kh3afs9ng4 0.3s ease;
}

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

.status-message.success[b-kh3afs9ng4] {
    background: rgba(76, 175, 80, 0.1);
    border: 1px solid rgba(76, 175, 80, 0.3);
    color: #4caf50;
}

.status-message.error[b-kh3afs9ng4] {
    background: rgba(244, 67, 54, 0.1);
    border: 1px solid rgba(244, 67, 54, 0.3);
    color: #ff5252;
}

.status-icon[b-kh3afs9ng4] {
    flex-shrink: 0;
    color: currentColor;
}

.status-text[b-kh3afs9ng4] {
    flex: 1;
    color: currentColor;
}

/* Responsive */
@media (max-width: 600px) {
    .status-message[b-kh3afs9ng4] {
        padding: 0.875rem 1rem;
        font-size: 0.875rem;
    }

    .status-icon[b-kh3afs9ng4] {
        width: 18px;
        height: 18px;
    }
}
/* /Pages/Cashflow.razor.rz.scp.css */
.dashboard-container[b-0fmwhqa3g9] {
    padding: 2rem;
    background: #0a0e14;
    min-height: calc(100vh - 140px);
    color: white;
}

/* Page Header */
.page-header[b-0fmwhqa3g9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.page-title[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-icon[b-0fmwhqa3g9] {
    color: #64b5f6;
}

.page-title h1[b-0fmwhqa3g9] {
    font-size: 1.875rem;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.page-subtitle[b-0fmwhqa3g9] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.5);
    margin: 0.25rem 0 0 0;
}

.page-actions[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.company-switcher[b-0fmwhqa3g9] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.company-switcher-label[b-0fmwhqa3g9] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    white-space: nowrap;
}

.select-dark[b-0fmwhqa3g9] {
    appearance: none;
    -webkit-appearance: none;
    background-color: #1a2332 !important;
    color: #F3F4F6 !important;
    color-scheme: dark;
    padding: 0.5rem 0.75rem;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    font-size: 0.875rem;
    outline: none;
    cursor: pointer;
    min-width: 220px;
}

.date-badge[b-0fmwhqa3g9] {
    background: rgba(100, 181, 246, 0.15);
    border: 1px solid rgba(100, 181, 246, 0.3);
    color: #64b5f6;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
}

/* Category Tabs */
.category-tabs[b-0fmwhqa3g9] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.category-tab[b-0fmwhqa3g9] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
    overflow: hidden;
}

    .category-tab:hover[b-0fmwhqa3g9] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
        border-color: rgba(100, 181, 246, 0.3);
    }

    .category-tab.active[b-0fmwhqa3g9] {
        background: linear-gradient(135deg, rgba(100, 181, 246, 0.15) 0%, rgba(100, 181, 246, 0.05) 100%);
        border-color: #64b5f6;
        color: #fff;
    }

        .category-tab.active[b-0fmwhqa3g9]::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #64b5f6, #42a5f5);
            border-radius: 0;
        }

    .category-tab svg[b-0fmwhqa3g9] {
        width: 20px;
        height: 20px;
    }

.tab-subtitle[b-0fmwhqa3g9] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 0.25rem;
    font-weight: 400;
}

.category-tab.active .tab-subtitle[b-0fmwhqa3g9] {
    color: rgba(255, 255, 255, 0.7);
}

/* Cashflow Section */
.cashflow-section[b-0fmwhqa3g9] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

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

    .section-header h2[b-0fmwhqa3g9] {
        font-size: 1.5rem;
        font-weight: 700;
        color: #fff;
        margin: 0;
    }

.section-badge[b-0fmwhqa3g9] {
    padding: 0.375rem 0.75rem;
    background: rgba(100, 181, 246, 0.2);
    border: 1px solid rgba(100, 181, 246, 0.3);
    border-radius: 12px;
    color: #64b5f6;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Cashflow Table */
.cashflow-table[b-0fmwhqa3g9] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    overflow: hidden;
}

.table-header[b-0fmwhqa3g9] {
    display: grid;
    grid-template-columns: 2fr 1.5fr 1fr 1.5fr;
    gap: 1rem;
    padding: 1rem 1.5rem;
    background: rgba(30, 41, 59, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 0.75rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.table-row[b-0fmwhqa3g9] {
    display: grid;
    grid-template-columns: 2fr 1.5fr 1fr 1.5fr;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    transition: background 0.2s ease;
}

    .table-row:hover[b-0fmwhqa3g9] {
        background: rgba(255, 255, 255, 0.05);
    }

    .table-row:last-child[b-0fmwhqa3g9] {
        border-bottom: none;
    }

    .table-row.total[b-0fmwhqa3g9] {
        background: rgba(100, 181, 246, 0.05);
        border-top: 2px solid rgba(100, 181, 246, 0.3);
        font-weight: 600;
    }

.category-name[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #fff;
    font-weight: 500;
}

    .category-name svg[b-0fmwhqa3g9] {
        width: 16px;
        height: 16px;
        color: #64b5f6;
    }

.col-value[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    font-weight: 700;
}

    .col-value.positive[b-0fmwhqa3g9] {
        color: #4caf50;
    }

    .col-value.negative[b-0fmwhqa3g9] {
        color: #f44336;
    }

    .col-value.positive-strong[b-0fmwhqa3g9] {
        color: #4caf50;
        font-size: 1.375rem;
    }

.col-variation[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
}

.variation-badge[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
}

    .variation-badge.positive[b-0fmwhqa3g9] {
        background: rgba(76, 175, 80, 0.2);
        color: #4caf50;
        border: 1px solid rgba(76, 175, 80, 0.3);
    }

    .variation-badge.negative[b-0fmwhqa3g9] {
        background: rgba(244, 67, 54, 0.2);
        color: #f44336;
        border: 1px solid rgba(244, 67, 54, 0.3);
    }

    .variation-badge svg[b-0fmwhqa3g9] {
        width: 12px;
        height: 12px;
    }

.col-detail[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.875rem;
}

/* Charts Row - STESSE DIMENSIONI DASHBOARD */
.charts-row[b-0fmwhqa3g9] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.chart-card[b-0fmwhqa3g9] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.chart-header[b-0fmwhqa3g9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

    .chart-header h3[b-0fmwhqa3g9] {
        margin: 0 0 0.25rem 0;
        font-size: 1rem;
        color: white;
        font-weight: 600;
    }

.chart-subtitle[b-0fmwhqa3g9] {
    margin: 0;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
}

.btn-icon[b-0fmwhqa3g9] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    padding: 0.5rem;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.7);
    transition: all 0.2s ease;
}

    .btn-icon:hover[b-0fmwhqa3g9] {
        background: rgba(255, 255, 255, 0.1);
        color: white;
    }

.chart-placeholder[b-0fmwhqa3g9] {
    background: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.3);
    border: 1px dashed rgba(255, 255, 255, 0.1);
}

/* Events List */
.events-list[b-0fmwhqa3g9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0;
}

.event-item[b-0fmwhqa3g9] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    transition: all 0.2s ease;
}

    .event-item:hover[b-0fmwhqa3g9] {
        background: rgba(255, 255, 255, 0.05);
    }

.event-icon[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    flex-shrink: 0;
}

    .event-icon.success[b-0fmwhqa3g9] {
        background: rgba(76, 175, 80, 0.2);
        color: #4caf50;
        border: 1px solid rgba(76, 175, 80, 0.3);
    }

    .event-icon.warning[b-0fmwhqa3g9] {
        background: rgba(255, 152, 0, 0.2);
        color: #ff9800;
        border: 1px solid rgba(255, 152, 0, 0.3);
    }

    .event-icon.info[b-0fmwhqa3g9] {
        background: rgba(100, 181, 246, 0.2);
        color: #64b5f6;
        border: 1px solid rgba(100, 181, 246, 0.3);
    }

.event-content[b-0fmwhqa3g9] {
    flex: 1;
}

.event-title[b-0fmwhqa3g9] {
    font-weight: 600;
    color: #fff;
    margin-bottom: 0.25rem;
    font-size: 0.9rem;
}

.event-description[b-0fmwhqa3g9] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.event-date[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.5);
}

    .event-date svg[b-0fmwhqa3g9] {
        width: 12px;
        height: 12px;
    }

.event-value[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 700;
    flex-shrink: 0;
}

    .event-value.positive[b-0fmwhqa3g9] {
        color: #4caf50;
    }

    .event-value.negative[b-0fmwhqa3g9] {
        color: #f44336;
    }

    .event-value.neutral[b-0fmwhqa3g9] {
        color: #64b5f6;
    }

/* Analysis Section */
.analysis-section[b-0fmwhqa3g9] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.section-title[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.section-icon[b-0fmwhqa3g9] {
    color: #64b5f6;
}

.section-title h3[b-0fmwhqa3g9] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.section-subtitle[b-0fmwhqa3g9] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.5);
    margin: 0 0 1.5rem 0;
}

.seasonality-content[b-0fmwhqa3g9] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.insights-card[b-0fmwhqa3g9] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    padding: 1.5rem;
}

.chart-header h4[b-0fmwhqa3g9] {
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    margin: 0 0 1rem 0;
}

.seasonal-insights[b-0fmwhqa3g9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.seasonal-insight[b-0fmwhqa3g9] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.03);
    border-left: 3px solid;
    border-radius: 8px;
}

    .seasonal-insight.success[b-0fmwhqa3g9] {
        border-color: #4caf50;
    }

    .seasonal-insight.warning[b-0fmwhqa3g9] {
        border-color: #ff9800;
    }

    .seasonal-insight.info[b-0fmwhqa3g9] {
        border-color: #64b5f6;
    }

.seasonal-icon[b-0fmwhqa3g9] {
    flex-shrink: 0;
    color: inherit;
}

.seasonal-insight.success .seasonal-icon[b-0fmwhqa3g9] {
    color: #4caf50;
}

.seasonal-insight.warning .seasonal-icon[b-0fmwhqa3g9] {
    color: #ff9800;
}

.seasonal-insight.info .seasonal-icon[b-0fmwhqa3g9] {
    color: #64b5f6;
}

.seasonal-content[b-0fmwhqa3g9] {
    flex: 1;
}

.seasonal-title[b-0fmwhqa3g9] {
    font-weight: 600;
    color: #fff;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.seasonal-content p[b-0fmwhqa3g9] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.5;
    margin: 0;
}

.seasonality-metrics[b-0fmwhqa3g9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.metric-box[b-0fmwhqa3g9] {
    text-align: center;
}

.metric-label[b-0fmwhqa3g9] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
}

.metric-value[b-0fmwhqa3g9] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #64b5f6;
}

/* Summary Cards */
.summary-cards[b-0fmwhqa3g9] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.summary-card[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

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

.summary-icon[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: rgba(100, 181, 246, 0.2);
    border: 1px solid rgba(100, 181, 246, 0.3);
    border-radius: 8px;
    color: #64b5f6;
    flex-shrink: 0;
}

.summary-content[b-0fmwhqa3g9] {
    flex: 1;
}

.summary-label[b-0fmwhqa3g9] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 0.25rem;
}

.summary-value[b-0fmwhqa3g9] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
}

.summary-badge[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.5);
    flex-shrink: 0;
}

    .summary-badge.positive[b-0fmwhqa3g9] {
        background: rgba(76, 175, 80, 0.2);
        border-color: rgba(76, 175, 80, 0.3);
        color: #4caf50;
    }

    .summary-badge.neutral[b-0fmwhqa3g9] {
        background: rgba(100, 181, 246, 0.2);
        border-color: rgba(100, 181, 246, 0.3);
        color: #64b5f6;
    }

/* Mock Charts (Placeholder) */
.mock-line-chart[b-0fmwhqa3g9],
.mock-bar-chart[b-0fmwhqa3g9],
.mock-donut[b-0fmwhqa3g9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: rgba(255, 255, 255, 0.02);
    border: 1px dashed rgba(255, 255, 255, 0.1);
    border-radius: 8px;
}

.chart-info[b-0fmwhqa3g9] {
    font-size: 1rem;
    color: #64b5f6;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.chart-subtitle-mock[b-0fmwhqa3g9] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
}

/* ===================================
   NUOVE SEZIONI AGGIUNTE
   =================================== */

/* Method Info Card */
.method-info-card[b-0fmwhqa3g9] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.method-header[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.method-icon[b-0fmwhqa3g9] {
    color: #64b5f6;
    flex-shrink: 0;
}

.method-header h3[b-0fmwhqa3g9] {
    margin: 0 0 0.25rem 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #fff;
}

.method-header p[b-0fmwhqa3g9] {
    margin: 0;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.6);
}

/* Waterfall Section */
.waterfall-section[b-0fmwhqa3g9] {
    margin-bottom: 2rem;
}

/* KPI Totals - Layout a 2 colonne */
.kpi-totals[b-0fmwhqa3g9] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex: 1;
    min-height: 0; /* Previene overflow */
    align-items: stretch; /* Allinea le colonne */
}

/* Ogni colonna occupa metà dello spazio */
.kpi-column[b-0fmwhqa3g9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    flex: 1;
    min-height: 0; /* Previene overflow */
}

    .kpi-column.left[b-0fmwhqa3g9] {
        /* 3 item - si distribuiscono verticalmente */
    }

    .kpi-column.right[b-0fmwhqa3g9] {
        /* 2 item - si distribuiscono verticalmente */
    }

/* Ogni KPI item si espande per riempire lo spazio disponibile */
.kpi-total-item[b-0fmwhqa3g9] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem; /* Ridotto da 0.5rem */
    padding: 0.875rem; /* Ridotto da 1rem */
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-left: 3px solid rgba(100, 181, 246, 0.5);
    border-radius: 12px;
    transition: all 0.3s ease;
    flex: 1;
    min-height: 0; /* Previene overflow */
    overflow: hidden; /* Nasconde contenuto in eccesso */
    justify-content: center;
}

    /* Hover effect */
    .kpi-total-item:hover[b-0fmwhqa3g9] {
        background: rgba(255, 255, 255, 0.05);
        border-left-color: rgba(100, 181, 246, 0.8);
        transform: translateX(4px);
    }

/* Stili per i valori e label */
.kpi-total-label[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem; /* Ridotto da 0.85rem */
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
    line-height: 1.2; /* Migliora la densità */
}

    .kpi-total-label svg[b-0fmwhqa3g9] {
        flex-shrink: 0; /* Previene il restringimento dell'icona */
    }

.kpi-total-value[b-0fmwhqa3g9] {
    font-size: 1.4rem; /* Ridotto da 1.5rem */
    font-weight: 700;
    margin: 0.2rem 0; /* Ridotto da 0.25rem */
    line-height: 1.2;
}

    .kpi-total-value.positive[b-0fmwhqa3g9] {
        color: #4CAF50;
    }

    .kpi-total-value.negative[b-0fmwhqa3g9] {
        color: #F44336;
    }

    .kpi-total-value.positive-strong[b-0fmwhqa3g9] {
        color: #4CAF50;
        font-size: 1.6rem; /* Ridotto da 1.75rem */
    }

.kpi-total-change[b-0fmwhqa3g9] {
    font-size: 0.72rem; /* Ridotto da 0.75rem */
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.2;
}

    .kpi-total-change.positive[b-0fmwhqa3g9] {
        color: #4CAF50;
    }

    .kpi-total-change.negative[b-0fmwhqa3g9] {
        color: #F44336;
    }

    .kpi-total-change.neutral[b-0fmwhqa3g9] {
        color: rgba(255, 255, 255, 0.5);
    }

/* Responsive - stack verticalmente su mobile */
@media (max-width: 1200px) {
    .kpi-totals[b-0fmwhqa3g9] {
        flex-direction: column;
    }

    .kpi-column.left[b-0fmwhqa3g9],
    .kpi-column.right[b-0fmwhqa3g9] {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .charts-row[b-0fmwhqa3g9] {
        flex-direction: column;
    }

    .chart-card.large[b-0fmwhqa3g9],
    .chart-card.small[b-0fmwhqa3g9] {
        width: 100%;
    }

    .kpi-totals[b-0fmwhqa3g9] {
        flex-direction: row;
    }
}

@media (max-width: 768px) {
    .kpi-totals[b-0fmwhqa3g9] {
        flex-direction: column;
    }
}

/* Category Insight Box */
.category-insight-box[b-0fmwhqa3g9] {
    background: linear-gradient(135deg, rgba(100, 181, 246, 0.1), rgba(100, 181, 246, 0.05));
    border: 1px solid rgba(100, 181, 246, 0.3);
    border-left: 4px solid #64b5f6;
    border-radius: 8px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.5rem;
}

.insight-box-header[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

    .insight-box-header svg[b-0fmwhqa3g9] {
        width: 20px;
        height: 20px;
        color: #64b5f6;
        flex-shrink: 0;
    }

    .insight-box-header h4[b-0fmwhqa3g9] {
        margin: 0;
        font-size: 1rem;
        font-weight: 600;
        color: #fff;
    }

.insight-box-content[b-0fmwhqa3g9] {
    font-size: 0.9rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
}

    .insight-box-content strong[b-0fmwhqa3g9] {
        color: #64b5f6;
        font-weight: 600;
    }

/* Drill-down Styles */
.col-action[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.drill-btn[b-0fmwhqa3g9] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    padding: 0.4rem;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.7);
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .drill-btn:hover[b-0fmwhqa3g9] {
        background: rgba(100, 181, 246, 0.2);
        border-color: #64b5f6;
        color: #64b5f6;
    }

.drilldown-row[b-0fmwhqa3g9] {
    grid-column: 1 / -1;
    padding: 0 1.5rem 1rem 1.5rem;
    background: rgba(100, 181, 246, 0.05);
    border-top: 1px solid rgba(100, 181, 246, 0.2);
    animation: slideDown-b-0fmwhqa3g9 0.3s ease;
}

@keyframes slideDown-b-0fmwhqa3g9 {
    from {
        opacity: 0;
        max-height: 0;
    }

    to {
        opacity: 1;
        max-height: 500px;
    }
}

.drilldown-content[b-0fmwhqa3g9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(100, 181, 246, 0.2);
}

.drilldown-item[b-0fmwhqa3g9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 6px;
    transition: background 0.2s ease;
}

    .drilldown-item:hover[b-0fmwhqa3g9] {
        background: rgba(255, 255, 255, 0.05);
    }

    .drilldown-item span:first-child[b-0fmwhqa3g9] {
        font-size: 0.85rem;
        color: rgba(255, 255, 255, 0.8);
    }

.drilldown-value[b-0fmwhqa3g9] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #4caf50;
}

/* Table Row Clickable */
.table-row[onclick][b-0fmwhqa3g9] {
    cursor: pointer;
}

    .table-row[onclick]:hover .category-name svg[b-0fmwhqa3g9] {
        color: #64b5f6;
    }

/* AI Narrative Box */
.ai-narrative-box[b-0fmwhqa3g9] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(100, 181, 246, 0.3);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.narrative-header[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.narrative-icon[b-0fmwhqa3g9] {
    width: 24px;
    height: 24px;
    color: #64b5f6;
    flex-shrink: 0;
}

.narrative-header h3[b-0fmwhqa3g9] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
}

.narrative-content[b-0fmwhqa3g9] {
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.8);
}

    .narrative-content p[b-0fmwhqa3g9] {
        margin: 0 0 1.25rem 0;
        font-size: 0.95rem;
    }

        .narrative-content p:last-child[b-0fmwhqa3g9] {
            margin-bottom: 0;
        }

    .narrative-content strong[b-0fmwhqa3g9] {
        color: #64b5f6;
        font-weight: 600;
    }

.narrative-footer[b-0fmwhqa3g9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.narrative-badge[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
}

    .narrative-badge svg[b-0fmwhqa3g9] {
        width: 14px;
        height: 14px;
    }

.narrative-confidence[b-0fmwhqa3g9] {
    padding: 0.375rem 0.75rem;
    background: rgba(76, 175, 80, 0.2);
    border: 1px solid rgba(76, 175, 80, 0.3);
    border-radius: 12px;
    color: #4caf50;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Update Table Header for new column */
.table-header[b-0fmwhqa3g9],
.table-row[b-0fmwhqa3g9] {
    grid-template-columns: 2fr 1.5fr 1fr 1.5fr 0.5fr;
}

/* Responsive Adjustments */
@media (max-width: 1200px) {
    .kpi-totals[b-0fmwhqa3g9] {
        gap: 0.75rem;
    }

    .kpi-total-value[b-0fmwhqa3g9] {
        font-size: 1.25rem;
    }

        .kpi-total-value.positive-strong[b-0fmwhqa3g9] {
            font-size: 1.5rem;
        }
}

@media (max-width: 768px) {
    .method-header[b-0fmwhqa3g9] {
        flex-direction: column;
        align-items: flex-start;
    }

    .waterfall-section .charts-row[b-0fmwhqa3g9] {
        grid-template-columns: 1fr;
    }

    .table-header[b-0fmwhqa3g9],
    .table-row[b-0fmwhqa3g9] {
        grid-template-columns: 1fr;
    }

    .col-action[b-0fmwhqa3g9] {
        display: none;
    }

    .drilldown-content[b-0fmwhqa3g9] {
        padding: 0.75rem;
    }

    .ai-narrative-box[b-0fmwhqa3g9] {
        padding: 1.5rem;
    }

    .narrative-footer[b-0fmwhqa3g9] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
}

/* ===================================
   FCF ALERT BOX
   =================================== */
.fcf-alert-box[b-0fmwhqa3g9] {
    background: linear-gradient(135deg, rgba(255, 152, 0, 0.15) 0%, rgba(244, 67, 54, 0.1) 100%);
    border: 2px solid rgba(255, 152, 0, 0.4);
    border-left: 6px solid #FF9800;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 12px rgba(255, 152, 0, 0.2);
}

    .fcf-alert-box .alert-box-header[b-0fmwhqa3g9] {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
        margin-bottom: 1.5rem;
    }

    .fcf-alert-box .alert-icon-wrapper[b-0fmwhqa3g9] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        background: rgba(255, 152, 0, 0.2);
        border: 2px solid rgba(255, 152, 0, 0.4);
        border-radius: 8px;
        flex-shrink: 0;
    }

    .fcf-alert-box .alert-icon[b-0fmwhqa3g9] {
        color: #FF9800;
    }

    .fcf-alert-box h3[b-0fmwhqa3g9] {
        margin: 0 0 0.5rem 0;
        font-size: 1.2rem;
        font-weight: 700;
        color: #FFF;
    }

    .fcf-alert-box .alert-subtitle[b-0fmwhqa3g9] {
        margin: 0;
        font-size: 0.875rem;
        color: rgba(255, 255, 255, 0.7);
    }

    .fcf-alert-box .alert-box-content[b-0fmwhqa3g9] {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
    }

.alert-metrics[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.alert-metric[b-0fmwhqa3g9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
}

    .alert-metric.highlight[b-0fmwhqa3g9] {
        background: rgba(244, 67, 54, 0.1);
        padding: 0.75rem;
        border-radius: 6px;
        border: 1px solid rgba(244, 67, 54, 0.3);
    }

    .alert-metric .metric-label[b-0fmwhqa3g9] {
        font-size: 0.75rem;
        color: rgba(255, 255, 255, 0.6);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-weight: 600;
    }

    .alert-metric .metric-value[b-0fmwhqa3g9] {
        font-size: 1.5rem;
        font-weight: 700;
    }

        .alert-metric .metric-value.positive[b-0fmwhqa3g9] {
            color: #4CAF50;
        }

        .alert-metric .metric-value.negative[b-0fmwhqa3g9] {
            color: #F44336;
        }

        .alert-metric .metric-value.critical[b-0fmwhqa3g9] {
            color: #F44336;
            font-size: 1.75rem;
        }

.alert-divider[b-0fmwhqa3g9] {
    font-size: 1.25rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.5);
    padding: 0 0.5rem;
}

.alert-message[b-0fmwhqa3g9] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    background: rgba(255, 152, 0, 0.1);
    border-left: 3px solid #FF9800;
    border-radius: 6px;
}

    .alert-message svg[b-0fmwhqa3g9] {
        flex-shrink: 0;
        color: #FF9800;
        margin-top: 0.25rem;
    }

    .alert-message p[b-0fmwhqa3g9] {
        margin: 0;
        font-size: 0.95rem;
        line-height: 1.6;
        color: rgba(255, 255, 255, 0.9);
    }

    .alert-message strong[b-0fmwhqa3g9] {
        color: #FF9800;
        font-weight: 600;
    }

.alert-actions[b-0fmwhqa3g9] {
    display: flex;
    gap: 1rem;
    padding-top: 0.5rem;
}

.btn-alert-action[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: linear-gradient(135deg, #FF9800, #F57C00);
    border: none;
    border-radius: 8px;
    color: #FFF;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .btn-alert-action:hover[b-0fmwhqa3g9] {
        background: linear-gradient(135deg, #F57C00, #E65100);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(255, 152, 0, 0.4);
    }

    .btn-alert-action svg[b-0fmwhqa3g9] {
        width: 16px;
        height: 16px;
    }

/* Tabella Movimenti */
.movements-table[b-0fmwhqa3g9] {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(139, 146, 168, 0.1);
    border-radius: 12px;
    overflow: hidden;
}

    .movements-table .table-header[b-0fmwhqa3g9] {
        display: grid;
        grid-template-columns: 110px 2fr 140px 150px 1.5fr;
        gap: 1rem;
        padding: 1rem 1.5rem;
        background: rgba(139, 92, 246, 0.1);
        border-bottom: 1px solid rgba(139, 146, 168, 0.1);
        font-size: 0.85rem;
        font-weight: 600;
        color: #8B92A8;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .movements-table .table-row[b-0fmwhqa3g9] {
        display: grid;
        grid-template-columns: 110px 2fr 140px 150px 1.5fr;
        gap: 1rem;
        padding: 1rem 1.5rem;
        border-bottom: 1px solid rgba(139, 146, 168, 0.05);
        transition: all 0.2s ease;
        align-items: center;
    }

        .movements-table .table-row:hover[b-0fmwhqa3g9] {
            background: rgba(139, 92, 246, 0.05);
        }

        .movements-table .table-row:last-child[b-0fmwhqa3g9] {
            border-bottom: none;
        }

    .movements-table .col-date[b-0fmwhqa3g9] {
        font-size: 0.9rem;
        color: #8B92A8;
        font-weight: 500;
    }

    .movements-table .col-description[b-0fmwhqa3g9] {
        font-size: 0.95rem;
        color: #D1D5DB;
        font-weight: 500;
    }

    .movements-table .col-category .category-badge[b-0fmwhqa3g9] {
        display: inline-block;
        padding: 0.35rem 0.75rem;
        border-radius: 6px;
        font-size: 0.8rem;
        font-weight: 600;
        text-transform: capitalize;
    }

.category-badge.operativo[b-0fmwhqa3g9] {
    background: rgba(16, 185, 129, 0.15);
    color: #10B981;
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.category-badge.investimenti[b-0fmwhqa3g9] {
    background: rgba(255, 152, 0, 0.15);
    color: #FF9800;
    border: 1px solid rgba(255, 152, 0, 0.3);
}

.category-badge.finanziario[b-0fmwhqa3g9] {
    background: rgba(33, 150, 243, 0.15);
    color: #2196F3;
    border: 1px solid rgba(33, 150, 243, 0.3);
}

.movements-table .col-amount[b-0fmwhqa3g9] {
    font-size: 1rem;
    font-weight: 700;
}

.movements-table .col-counterparty[b-0fmwhqa3g9] {
    font-size: 0.9rem;
    color: #8B92A8;
}

/* Summary Movimenti */
.movements-summary[b-0fmwhqa3g9] {
    margin-top: 1.5rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

    .movements-summary .summary-item[b-0fmwhqa3g9] {
        padding: 1.25rem;
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(139, 146, 168, 0.1);
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

        .movements-summary .summary-item.highlight[b-0fmwhqa3g9] {
            background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(124, 58, 237, 0.05) 100%);
            border-color: rgba(139, 92, 246, 0.3);
        }

    .movements-summary .summary-label[b-0fmwhqa3g9] {
        font-size: 0.85rem;
        font-weight: 500;
        color: #8B92A8;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .movements-summary .summary-value[b-0fmwhqa3g9] {
        font-size: 1.5rem;
        font-weight: 700;
    }

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 1200px) {
    .simulator-container[b-0fmwhqa3g9] {
        grid-template-columns: 1fr;
    }

    .movements-filters[b-0fmwhqa3g9] {
        grid-template-columns: 1fr 1fr;
    }

    .movements-table .table-header[b-0fmwhqa3g9],
    .movements-table .table-row[b-0fmwhqa3g9] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .movements-table .col-date[b-0fmwhqa3g9]::before {
        content: "Data: ";
        font-weight: 600;
        color: #8B92A8;
    }

    .movements-table .col-description[b-0fmwhqa3g9]::before {
        content: "Descrizione: ";
        font-weight: 600;
        color: #8B92A8;
    }

    .movements-table .col-amount[b-0fmwhqa3g9]::before {
        content: "Importo: ";
        font-weight: 600;
        color: #8B92A8;
    }

    .movements-table .col-counterparty[b-0fmwhqa3g9]::before {
        content: "Controparte: ";
        font-weight: 600;
        color: #8B92A8;
    }
}

@media (max-width: 768px) {
    .scenario-selector[b-0fmwhqa3g9] {
        flex-direction: column;
    }

    .forecast-section[b-0fmwhqa3g9],
    .scenario-simulator-section[b-0fmwhqa3g9],
    .movements-section[b-0fmwhqa3g9] {
        padding: 1.5rem;
    }

    .movements-summary[b-0fmwhqa3g9] {
        grid-template-columns: 1fr;
    }

    .simulated-kpi .kpi-value[b-0fmwhqa3g9] {
        font-size: 1.2rem;
    }
}

/* ===== ANIMAZIONI ===== */
@keyframes pulse-glow-b-0fmwhqa3g9 {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(139, 92, 246, 0.4);
    }

    50% {
        box-shadow: 0 0 0 8px rgba(139, 92, 246, 0);
    }
}

.scenario-btn.active[b-0fmwhqa3g9] {
    animation: pulse-glow-b-0fmwhqa3g9 2s infinite;
}

@keyframes slide-in-b-0fmwhqa3g9 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

.forecast-section[b-0fmwhqa3g9],
.scenario-simulator-section[b-0fmwhqa3g9],
.movements-section[b-0fmwhqa3g9] {
    animation: slide-in-b-0fmwhqa3g9 0.5s ease-out;
}

/* ===================================
   TOOLTIP INDICATORI
   =================================== */
.info-icon[b-0fmwhqa3g9] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.6);
    transition: all 0.2s ease;
    margin-left: 0.5rem;
    padding: 0;
}

    .info-icon:hover[b-0fmwhqa3g9] {
        background: rgba(100, 181, 246, 0.2);
        border-color: #64b5f6;
        color: #64b5f6;
    }

.info-icon-small[b-0fmwhqa3g9] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.6);
    transition: all 0.2s ease;
    margin-left: 0.35rem;
    padding: 0;
}

    .info-icon-small:hover[b-0fmwhqa3g9] {
        background: rgba(100, 181, 246, 0.2);
        border-color: #64b5f6;
        color: #64b5f6;
    }

.indicator-tooltip-overlay[b-0fmwhqa3g9] {
    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: 9999;
    animation: fadeIn-b-0fmwhqa3g9 0.2s ease;
}

@keyframes fadeIn-b-0fmwhqa3g9 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.indicator-tooltip-dialog[b-0fmwhqa3g9] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(100, 181, 246, 0.3);
    border-radius: 12px;
    max-width: 600px;
    width: 90%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
    animation: slideUp-b-0fmwhqa3g9 0.3s ease;
}

@keyframes slideUp-b-0fmwhqa3g9 {
    from {
        transform: translateY(30px);
        opacity: 0;
    }

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

.indicator-tooltip-header[b-0fmwhqa3g9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

    .indicator-tooltip-header h3[b-0fmwhqa3g9] {
        margin: 0;
        font-size: 1.25rem;
        font-weight: 700;
        color: #64b5f6;
    }

.close-btn[b-0fmwhqa3g9] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.7);
    transition: all 0.2s ease;
    padding: 0;
}

    .close-btn:hover[b-0fmwhqa3g9] {
        background: rgba(244, 67, 54, 0.2);
        border-color: #f44336;
        color: #f44336;
    }

.indicator-tooltip-content[b-0fmwhqa3g9] {
    padding: 1.5rem;
    max-height: 500px;
    overflow-y: auto;
}

.tooltip-section[b-0fmwhqa3g9] {
    margin-bottom: 1.5rem;
}

    .tooltip-section:last-child[b-0fmwhqa3g9] {
        margin-bottom: 0;
    }

    .tooltip-section h4[b-0fmwhqa3g9] {
        font-size: 1rem;
        font-weight: 600;
        color: #fff;
        margin: 0 0 0.75rem 0;
    }

    .tooltip-section p[b-0fmwhqa3g9] {
        font-size: 0.95rem;
        line-height: 1.7;
        color: rgba(255, 255, 255, 0.8);
        margin: 0;
    }

    .tooltip-section .formula[b-0fmwhqa3g9] {
        background: rgba(100, 181, 246, 0.1);
        border-left: 3px solid #64b5f6;
        padding: 0.75rem 1rem;
        border-radius: 6px;
        font-family: 'Courier New', monospace;
        color: #64b5f6;
        font-size: 0.9rem;
    }

/* ===================================
   FORECAST & SCENARI
   =================================== */
.forecast-section[b-0fmwhqa3g9] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.scenario-selector[b-0fmwhqa3g9] {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    justify-content: center;
}

.scenario-btn[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .scenario-btn:hover[b-0fmwhqa3g9] {
        background: rgba(255, 255, 255, 0.05);
        border-color: rgba(100, 181, 246, 0.3);
        color: #fff;
    }

    .scenario-btn.active[b-0fmwhqa3g9] {
        background: linear-gradient(135deg, rgba(100, 181, 246, 0.2), rgba(100, 181, 246, 0.1));
        border-color: #64b5f6;
        color: #64b5f6;
    }

.forecast-legend[b-0fmwhqa3g9] {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}

    .forecast-legend .legend-item[b-0fmwhqa3g9] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.85rem;
        color: rgba(255, 255, 255, 0.7);
    }

.legend-marker[b-0fmwhqa3g9] {
    width: 24px;
    height: 3px;
    border-radius: 2px;
}

    .legend-marker.solid[b-0fmwhqa3g9] {
        background: #10B981;
    }

    .legend-marker.dashed[b-0fmwhqa3g9] {
        background: repeating-linear-gradient( 90deg, #3B82F6, #3B82F6 5px, transparent 5px, transparent 10px );
    }

.forecast-insight[b-0fmwhqa3g9] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 1.5rem;
    padding: 1.25rem;
    background: rgba(100, 181, 246, 0.1);
    border-left: 3px solid #64b5f6;
    border-radius: 8px;
}

    .forecast-insight svg[b-0fmwhqa3g9] {
        flex-shrink: 0;
        color: #64b5f6;
        margin-top: 0.125rem;
    }

    .forecast-insight p[b-0fmwhqa3g9] {
        margin: 0;
        font-size: 0.95rem;
        line-height: 1.6;
        color: rgba(255, 255, 255, 0.85);
    }

/* ===================================
   SIMULATORE SCENARI
   =================================== */
.scenario-simulator-section[b-0fmwhqa3g9] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.simulator-container[b-0fmwhqa3g9] {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 2rem;
    margin-top: 1.5rem;
}

.simulator-params[b-0fmwhqa3g9],
.simulator-results[b-0fmwhqa3g9] {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 1.5rem;
}

    .simulator-params h4[b-0fmwhqa3g9],
    .simulator-results h4[b-0fmwhqa3g9] {
        margin: 0 0 1.5rem 0;
        font-size: 1.1rem;
        font-weight: 600;
        color: #fff;
    }

.param-group[b-0fmwhqa3g9] {
    margin-bottom: 1.5rem;
}

    .param-group:last-child[b-0fmwhqa3g9] {
        margin-bottom: 0;
    }

.param-label[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
}

    .param-label svg[b-0fmwhqa3g9] {
        color: #64b5f6;
    }

.param-control[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .param-control input[type="range"][b-0fmwhqa3g9] {
        flex: 1;
        height: 6px;
        border-radius: 3px;
        background: rgba(255, 255, 255, 0.1);
        outline: none;
        appearance: none;
    }

        .param-control input[type="range"][b-0fmwhqa3g9]::-webkit-slider-thumb {
            appearance: none;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #64b5f6;
            cursor: pointer;
        }

        .param-control input[type="range"][b-0fmwhqa3g9]::-moz-range-thumb {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #64b5f6;
            cursor: pointer;
            border: none;
        }

.param-value[b-0fmwhqa3g9] {
    min-width: 60px;
    text-align: right;
    font-size: 1rem;
    font-weight: 700;
}

.btn-reset-simulation[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.875rem;
    margin-top: 1.5rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-reset-simulation:hover[b-0fmwhqa3g9] {
        background: rgba(255, 255, 255, 0.08);
        border-color: rgba(255, 255, 255, 0.25);
        color: #fff;
    }

.simulated-kpis[b-0fmwhqa3g9] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.simulated-kpi[b-0fmwhqa3g9] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    padding: 1rem;
}

.kpi-header[b-0fmwhqa3g9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

    .kpi-header .kpi-label[b-0fmwhqa3g9] {
        font-size: 0.85rem;
        font-weight: 500;
        color: rgba(255, 255, 255, 0.7);
    }

    .kpi-header .kpi-delta[b-0fmwhqa3g9] {
        font-size: 0.9rem;
        font-weight: 700;
    }

.kpi-bar[b-0fmwhqa3g9] {
    height: 8px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 0.75rem;
}

.kpi-bar-fill[b-0fmwhqa3g9] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.5s ease;
}

    .kpi-bar-fill.cfo[b-0fmwhqa3g9] {
        background: linear-gradient(90deg, #10B981, #059669);
    }

    .kpi-bar-fill.fcf[b-0fmwhqa3g9] {
        background: linear-gradient(90deg, #64b5f6, #42a5f5);
    }

        .kpi-bar-fill.fcf.negative[b-0fmwhqa3g9] {
            background: linear-gradient(90deg, #f44336, #d32f2f);
        }

    .kpi-bar-fill.liquidity[b-0fmwhqa3g9] {
        background: linear-gradient(90deg, #8B5CF6, #7C3AED);
    }

.simulated-kpi .kpi-value[b-0fmwhqa3g9] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
}

.simulation-warning[b-0fmwhqa3g9] {
    display: flex;
    gap: 1rem;
    padding: 1rem 1.25rem;
    margin-top: 1.5rem;
    background: rgba(255, 152, 0, 0.1);
    border: 1px solid rgba(255, 152, 0, 0.3);
    border-left: 4px solid #FF9800;
    border-radius: 8px;
}

    .simulation-warning svg[b-0fmwhqa3g9] {
        flex-shrink: 0;
        color: #FF9800;
        margin-top: 0.125rem;
    }

    .simulation-warning strong[b-0fmwhqa3g9] {
        display: block;
        font-weight: 700;
        color: #FF9800;
        margin-bottom: 0.25rem;
    }

    .simulation-warning p[b-0fmwhqa3g9] {
        margin: 0;
        font-size: 0.9rem;
        line-height: 1.5;
        color: rgba(255, 255, 255, 0.85);
    }

.simulation-insight[b-0fmwhqa3g9] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 1.5rem;
    padding: 1rem 1.25rem;
    background: rgba(100, 181, 246, 0.1);
    border-left: 3px solid #64b5f6;
    border-radius: 8px;
}

    .simulation-insight svg[b-0fmwhqa3g9] {
        flex-shrink: 0;
        color: #64b5f6;
        margin-top: 0.125rem;
    }

    .simulation-insight p[b-0fmwhqa3g9] {
        margin: 0;
        font-size: 0.9rem;
        line-height: 1.6;
        color: rgba(255, 255, 255, 0.85);
    }

/* ===================================
   ELENCO MOVIMENTI
   =================================== */
.movements-section[b-0fmwhqa3g9] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.movements-filters[b-0fmwhqa3g9] {
    display: grid;
    grid-template-columns: repeat(4, 1fr) auto;
    gap: 1rem;
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    align-items: end;
}

.filter-group[b-0fmwhqa3g9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .filter-group label[b-0fmwhqa3g9] {
        font-size: 0.8rem;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.7);
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    .filter-group select[b-0fmwhqa3g9],
    .filter-group input[type="number"][b-0fmwhqa3g9] {
        padding: 0.75rem;
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.15);
        border-radius: 6px;
        color: #fff;
        font-size: 0.9rem;
        height: 44px;
    }

        /* Stili per le dropdown options */
        .filter-group select option[b-0fmwhqa3g9] {
            background: #1a2332;
            color: #fff;
            padding: 0.5rem;
        }

        .filter-group select:focus[b-0fmwhqa3g9],
        .filter-group input[type="number"]:focus[b-0fmwhqa3g9] {
            outline: none;
            border-color: #64b5f6;
            background: rgba(255, 255, 255, 0.08);
        }

.btn-apply-filter[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0 1.5rem;
    background: linear-gradient(135deg, #64b5f6, #42a5f5);
    border: none;
    border-radius: 8px;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    align-self: flex-end;
    height: 44px;
    white-space: nowrap;
}

    .btn-apply-filter:hover[b-0fmwhqa3g9] {
        background: linear-gradient(135deg, #42a5f5, #2196f3);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4);
    }

.btn-alert-secondary[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 152, 0, 0.3);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .btn-alert-secondary:hover[b-0fmwhqa3g9] {
        background: rgba(255, 152, 0, 0.1);
        border-color: #FF9800;
        color: #FF9800;
    }

/* ===================================
   STACKED AREA CHART SECTION
   =================================== */
.stacked-area-section[b-0fmwhqa3g9] {
    margin-bottom: 2rem;
}

.chart-legend-custom[b-0fmwhqa3g9] {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}

    .chart-legend-custom .legend-item[b-0fmwhqa3g9] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.85rem;
        color: rgba(255, 255, 255, 0.7);
    }

    .chart-legend-custom .legend-color[b-0fmwhqa3g9] {
        width: 16px;
        height: 16px;
        border-radius: 3px;
    }

    .chart-legend-custom .legend-item.cfo .legend-color[b-0fmwhqa3g9] {
        background: rgba(16, 185, 129, 0.6);
        border: 1px solid #10B981;
    }

    .chart-legend-custom .legend-item.cfi .legend-color[b-0fmwhqa3g9] {
        background: rgba(255, 152, 0, 0.6);
        border: 1px solid #FF9800;
    }

    .chart-legend-custom .legend-item.cff .legend-color[b-0fmwhqa3g9] {
        background: rgba(33, 150, 243, 0.6);
        border: 1px solid #2196F3;
    }

.stacked-insight[b-0fmwhqa3g9] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 1.5rem;
    padding: 1.25rem;
    background: rgba(100, 181, 246, 0.1);
    border-left: 3px solid #64b5f6;
    border-radius: 8px;
}

    .stacked-insight svg[b-0fmwhqa3g9] {
        flex-shrink: 0;
        color: #64b5f6;
        margin-top: 0.125rem;
    }

    .stacked-insight p[b-0fmwhqa3g9] {
        margin: 0;
        font-size: 0.95rem;
        line-height: 1.6;
        color: rgba(255, 255, 255, 0.85);
    }

/* Chart Card Full Width */
.chart-card.full-width[b-0fmwhqa3g9] {
    grid-column: 1 / -1;
}

/* ===================================
   RESPONSIVE
   =================================== */
@media (max-width: 1200px) {
    .simulator-container[b-0fmwhqa3g9] {
        grid-template-columns: 1fr;
    }

    .movements-filters[b-0fmwhqa3g9] {
        grid-template-columns: 1fr 1fr;
    }

    .scenario-selector[b-0fmwhqa3g9] {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .movements-filters[b-0fmwhqa3g9] {
        grid-template-columns: 1fr;
    }

    .filter-group[b-0fmwhqa3g9] {
        margin-bottom: 0.5rem;
    }

    .btn-apply-filter[b-0fmwhqa3g9] {
        align-self: stretch;
    }

    .indicator-tooltip-dialog[b-0fmwhqa3g9] {
        width: 95%;
        max-height: 90vh;
    }

    .indicator-tooltip-content[b-0fmwhqa3g9] {
        max-height: calc(90vh - 100px);
    }

    .scenario-selector[b-0fmwhqa3g9] {
        flex-direction: column;
    }

    .scenario-btn[b-0fmwhqa3g9] {
        width: 100%;
    }

    .chart-legend-custom[b-0fmwhqa3g9] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ===================================
   SEZIONE ANOMALIE
   =================================== */
.anomalies-section[b-0fmwhqa3g9] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.anomaly-count[b-0fmwhqa3g9] {
    padding: 0.5rem 1rem;
    background: rgba(255, 152, 0, 0.2);
    border: 1px solid rgba(255, 152, 0, 0.4);
    border-radius: 12px;
    color: #FF9800;
    font-size: 0.875rem;
    font-weight: 600;
}

    .anomaly-count.success[b-0fmwhqa3g9] {
        background: rgba(76, 175, 80, 0.2);
        border-color: rgba(76, 175, 80, 0.4);
        color: #4CAF50;
    }

.no-anomalies-message[b-0fmwhqa3g9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
}

    .no-anomalies-message svg[b-0fmwhqa3g9] {
        color: #4CAF50;
        margin-bottom: 1rem;
    }

    .no-anomalies-message h4[b-0fmwhqa3g9] {
        margin: 0 0 0.5rem 0;
        font-size: 1.5rem;
        color: #4CAF50;
    }

    .no-anomalies-message p[b-0fmwhqa3g9] {
        margin: 0;
        color: rgba(255, 255, 255, 0.7);
    }

.anomalies-grid[b-0fmwhqa3g9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.anomaly-card[b-0fmwhqa3g9] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid;
    border-radius: 12px;
    padding: 1.5rem;
    transition: all 0.3s ease;
}

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

    .anomaly-card.warning[b-0fmwhqa3g9] {
        border-color: rgba(255, 152, 0, 0.4);
        border-left: 4px solid #FF9800;
    }

    .anomaly-card.critical[b-0fmwhqa3g9] {
        border-color: rgba(244, 67, 54, 0.4);
        border-left: 4px solid #F44336;
    }

    .anomaly-card.info[b-0fmwhqa3g9] {
        border-color: rgba(100, 181, 246, 0.4);
        border-left: 4px solid #64b5f6;
    }

.anomaly-header[b-0fmwhqa3g9] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.anomaly-icon[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    flex-shrink: 0;
}

.anomaly-card.warning .anomaly-icon[b-0fmwhqa3g9] {
    background: rgba(255, 152, 0, 0.2);
    color: #FF9800;
}

.anomaly-card.critical .anomaly-icon[b-0fmwhqa3g9] {
    background: rgba(244, 67, 54, 0.2);
    color: #F44336;
}

.anomaly-card.info .anomaly-icon[b-0fmwhqa3g9] {
    background: rgba(100, 181, 246, 0.2);
    color: #64b5f6;
}

.anomaly-title-section[b-0fmwhqa3g9] {
    flex: 1;
}

    .anomaly-title-section h4[b-0fmwhqa3g9] {
        margin: 0 0 0.25rem 0;
        font-size: 1.1rem;
        font-weight: 600;
        color: #fff;
    }

.anomaly-severity[b-0fmwhqa3g9] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.anomaly-card.warning .anomaly-severity[b-0fmwhqa3g9] {
    color: #FF9800;
}

.anomaly-card.critical .anomaly-severity.critical[b-0fmwhqa3g9] {
    color: #F44336;
}

.anomaly-card.info .anomaly-severity[b-0fmwhqa3g9] {
    color: #64b5f6;
}

.anomaly-content[b-0fmwhqa3g9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.anomaly-description[b-0fmwhqa3g9] {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.8);
}

    .anomaly-description strong[b-0fmwhqa3g9] {
        color: #fff;
        font-weight: 600;
    }

.anomaly-details[b-0fmwhqa3g9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
}

.detail-item[b-0fmwhqa3g9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.detail-label[b-0fmwhqa3g9] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
}

.detail-value[b-0fmwhqa3g9] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #fff;
}

    .detail-value.warning[b-0fmwhqa3g9] {
        color: #FF9800;
    }

    .detail-value.critical[b-0fmwhqa3g9] {
        color: #F44336;
    }

    .detail-value.info[b-0fmwhqa3g9] {
        color: #64b5f6;
    }

.btn-anomaly-action[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .btn-anomaly-action:hover[b-0fmwhqa3g9] {
        background: rgba(255, 255, 255, 0.12);
        border-color: rgba(255, 255, 255, 0.3);
        transform: translateX(2px);
    }

/* Responsive */
@media (max-width: 1024px) {
    .anomalies-grid[b-0fmwhqa3g9] {
        grid-template-columns: 1fr;
    }
}


/* ═══════════════════════════════════════════════════════ */
/* SEZIONE MOVIMENTI FINANZIARI + RICONCILIAZIONE         */
/* ═══════════════════════════════════════════════════════ */

.movimenti-section[b-0fmwhqa3g9] {
    margin-top: 2rem;
    margin-bottom: 2rem;
    background: #1a1f2e;
    border: 1px solid #2d3748;
    border-radius: 12px;
    padding: 1.5rem;
}

/* KPI Bar */
.movimenti-kpi-bar[b-0fmwhqa3g9] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.2rem;
    flex-wrap: wrap;
}

.mov-kpi[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: #161b27;
    border: 1px solid #2d3748;
    border-radius: 8px;
    padding: 0.7rem 1.2rem;
    flex: 1;
    min-width: 150px;
}

    .mov-kpi.incassi svg[b-0fmwhqa3g9] {
        color: #4ade80;
    }

    .mov-kpi.pagamenti svg[b-0fmwhqa3g9] {
        color: #f87171;
    }

    .mov-kpi.saldo svg[b-0fmwhqa3g9] {
        color: #60a5fa;
    }

    .mov-kpi.non-riconciliati svg[b-0fmwhqa3g9] {
        color: #fbbf24;
    }

.mov-kpi-label[b-0fmwhqa3g9] {
    display: block;
    font-size: 0.72rem;
    color: #8b92a8;
    margin-bottom: 2px;
}

.mov-kpi-value[b-0fmwhqa3g9] {
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
    color: #e2e8f0;
}

    .mov-kpi-value.positive[b-0fmwhqa3g9] {
        color: #4ade80;
    }

    .mov-kpi-value.warning[b-0fmwhqa3g9] {
        color: #fbbf24;
    }

/* Filtri */
.movimenti-filters[b-0fmwhqa3g9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}

.movimenti-filters-left[b-0fmwhqa3g9] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.movimenti-filters-right[b-0fmwhqa3g9] {
    margin-left: auto;
}

.btn-elimina-movimento[b-0fmwhqa3g9] {
    background: rgba(248,113,113,0.18);
    border: 1px solid #f87171;
    color: #fecaca;
    border-radius: 8px;
    padding: 0.42rem 0.85rem;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-elimina-movimento:disabled[b-0fmwhqa3g9] {
        opacity: 0.45;
        cursor: not-allowed;
    }

.filter-badge[b-0fmwhqa3g9] {
    background: #263044;
    border: 1px solid #3d4a5c;
    border-radius: 20px;
    padding: 0.3rem 0.9rem;
    font-size: 0.78rem;
    color: #c4c9d6;
    cursor: pointer;
}

    .filter-badge.active[b-0fmwhqa3g9] {
        background: rgba(99,102,241,0.2);
        border-color: #6366f1;
        color: #a5b4fc;
    }

    .filter-badge.warning-badge[b-0fmwhqa3g9] {
        background: rgba(251,191,36,0.15);
        border-color: #fbbf24;
        color: #fbbf24;
    }

/* Layout lista + pannello */
.movimenti-layout[b-0fmwhqa3g9] {
    display: flex;
    gap: 1.2rem;
    min-height: 350px;
}

.movimenti-lista[b-0fmwhqa3g9] {
    flex: 1;
    overflow-x: auto;
}

    .movimenti-lista.con-pannello[b-0fmwhqa3g9] {
        max-width: calc(100% - 420px);
    }

/* Tabella movimenti */
.movimenti-table[b-0fmwhqa3g9] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

    .movimenti-table th[b-0fmwhqa3g9] {
        background: #161b27;
        color: #8b92a8;
        padding: 0.6rem 0.8rem;
        text-align: left;
        font-weight: 600;
        font-size: 0.75rem;
        border-bottom: 1px solid #2d3748;
    }

    .movimenti-table td[b-0fmwhqa3g9] {
        padding: 0.75rem 0.8rem;
        color: #c4c9d6;
        vertical-align: middle;
    }

    /* ── Filtri a livello colonna (tabella movimenti) ──────────── */
    .movimenti-table thead .column-filter-row th[b-0fmwhqa3g9] {
        background: #121826;
        padding: 0.45rem 0.55rem;
        border-bottom: 1px solid #2d3748;
        vertical-align: top;
        white-space: normal;
    }

    .movimenti-table thead .column-filter-row .input-dark[b-0fmwhqa3g9],
    .movimenti-table thead .column-filter-row .select-dark[b-0fmwhqa3g9] {
        width: 100%;
        min-width: 0;
        height: 30px;
        font-size: 0.76rem;
        padding: 0.35rem 0.5rem; /* override padding-left standard */
        background: rgba(255,255,255,0.04);
        border: 1px solid #2d3748;
        color: #d1d5db;
    }

        .movimenti-table thead .column-filter-row .input-dark[b-0fmwhqa3g9]::placeholder {
            color: #7b8394;
        }

        .movimenti-table thead .column-filter-row .input-dark + .input-dark[b-0fmwhqa3g9],
        .movimenti-table thead .column-filter-row .input-dark + .select-dark[b-0fmwhqa3g9],
        .movimenti-table thead .column-filter-row .select-dark + .input-dark[b-0fmwhqa3g9],
        .movimenti-table thead .column-filter-row .select-dark + .select-dark[b-0fmwhqa3g9] {
            margin-top: 4px;
        }

    /* Filtri colonna sempre affiancati */
    .movimenti-table thead .column-filter-row .column-filter-inline[b-0fmwhqa3g9] {
        display: flex;
        align-items: center;
        gap: 6px;
    }

        .movimenti-table thead .column-filter-row .column-filter-inline .input-dark[b-0fmwhqa3g9],
        .movimenti-table thead .column-filter-row .column-filter-inline .select-dark[b-0fmwhqa3g9] {
            flex: 1 1 0;
            width: auto;
            min-width: 0;
            margin-top: 0 !important;
        }

    /* Date picker dark */
    .movimenti-table thead .column-filter-row input[type="date"][b-0fmwhqa3g9] {
        color-scheme: dark;
    }

        .movimenti-table thead .column-filter-row input[type="date"][b-0fmwhqa3g9]::-webkit-calendar-picker-indicator {
            filter: invert(0.9) brightness(0.9);
            opacity: 0.9;
            cursor: pointer;
        }

    /* Combo stato dark */
    .movimenti-table thead .column-filter-row .select-dark-panel[b-0fmwhqa3g9] {
        background-color: #161b27 !important;
        color: #d1d5db !important;
        border: 1px solid #2d3748;
        color-scheme: dark;
    }

        .movimenti-table thead .column-filter-row .select-dark-panel option[b-0fmwhqa3g9] {
            background-color: #161b27;
            color: #d1d5db;
        }

.movimento-row[b-0fmwhqa3g9] {
    border-bottom: 1px solid #1e2537;
    cursor: pointer;
    transition: background 0.15s;
}

    .movimento-row:hover[b-0fmwhqa3g9] {
        background: #263044;
    }

    .movimento-row.selected[b-0fmwhqa3g9] {
        background: rgba(99,102,241,0.15);
        border-left: 3px solid #6366f1;
    }

.desc-cell[b-0fmwhqa3g9] {
    max-width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.importo-positivo[b-0fmwhqa3g9] {
    color: #4ade80;
    font-weight: 600;
}

.importo-negativo[b-0fmwhqa3g9] {
    color: #f87171;
    font-weight: 600;
}

.stato-badge[b-0fmwhqa3g9] {
    padding: 0.2rem 0.6rem;
    border-radius: 10px;
    font-size: 0.72rem;
    font-weight: 600;
}

.stato-ok[b-0fmwhqa3g9] {
    background: rgba(74,222,128,0.15);
    color: #4ade80;
}

.stato-partial[b-0fmwhqa3g9] {
    background: rgba(99,102,241,0.15);
    color: #a5b4fc;
}

.stato-warning[b-0fmwhqa3g9] {
    background: rgba(251,191,36,0.15);
    color: #fbbf24;
}

.riconciliazione-panel[b-0fmwhqa3g9] {
    width: 400px;
    min-width: 360px;
    background: #161b27;
    border: 1px solid #2d3748;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    max-height: 100vh; 
    overflow-y: auto;
    overflow-x: hidden;
}

.panel-header[b-0fmwhqa3g9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid #2d3748;
    background: #1a1f2e;
}

    .panel-header h4[b-0fmwhqa3g9] {
        margin: 0;
        font-size: 0.95rem;
        color: #e2e8f0;
    }

.btn-close-panel[b-0fmwhqa3g9] {
    background: none;
    border: none;
    color: #8b92a8;
    cursor: pointer;
    font-size: 1rem;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

    .btn-close-panel:hover[b-0fmwhqa3g9] {
        background: #263044;
        color: #e2e8f0;
    }

/* Card movimento nel pannello */
.movimento-card-panel[b-0fmwhqa3g9] {
    margin: 1rem;
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid #2d3748;
}

    .movimento-card-panel.negativo[b-0fmwhqa3g9] {
        background: rgba(248,113,113,0.08);
        border-color: rgba(248,113,113,0.3);
    }

    .movimento-card-panel.positivo[b-0fmwhqa3g9] {
        background: rgba(74,222,128,0.08);
        border-color: rgba(74,222,128,0.3);
    }

.movimento-card-top[b-0fmwhqa3g9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.movimento-importo-grande[b-0fmwhqa3g9] {
    font-size: 1.4rem;
    font-weight: 700;
    color: #f87171;
}

.movimento-card-panel.positivo .movimento-importo-grande[b-0fmwhqa3g9] {
    color: #4ade80;
}

.movimento-badges[b-0fmwhqa3g9] {
    display: flex;
    gap: 0.4rem;
}

.badge-da-verificare[b-0fmwhqa3g9] {
    background: rgba(251,191,36,0.2);
    color: #fbbf24;
    padding: 0.2rem 0.5rem;
    border-radius: 8px;
    font-size: 0.7rem;
    font-weight: 600;
}

.badge-tipo[b-0fmwhqa3g9] {
    background: rgba(99,102,241,0.2);
    color: #a5b4fc;
    padding: 0.2rem 0.5rem;
    border-radius: 8px;
    font-size: 0.7rem;
    font-weight: 600;
}

.movimento-card-data[b-0fmwhqa3g9] {
    font-size: 0.78rem;
    color: #8b92a8;
    margin-bottom: 0.4rem;
}

.movimento-card-desc[b-0fmwhqa3g9] {
    font-size: 0.85rem;
    color: #e2e8f0;
    font-weight: 600;
    margin-bottom: 0.4rem;
    background: #1a1f2e;
    padding: 0.4rem 0.6rem;
    border-radius: 4px;
}

.movimento-card-controparte[b-0fmwhqa3g9] {
    font-size: 0.78rem;
    color: #8b92a8;
}

.controparte-valore[b-0fmwhqa3g9] {
    color: #c4c9d6;
    font-style: italic;
}

/* Sezioni pannello */
.panel-section[b-0fmwhqa3g9] {
    padding: 0 1rem 1rem;
}

.panel-section-title[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: #a5b4fc;
    margin-bottom: 0.8rem;
}

/* Tab suggerimenti */
.associazione-tabs[b-0fmwhqa3g9] {
    display: flex;
    gap: 0.4rem;
    margin-bottom: 0.8rem;
}

.tab-btn[b-0fmwhqa3g9] {
    background: #263044;
    border: 1px solid #3d4a5c;
    color: #8b92a8;
    padding: 0.3rem 0.8rem;
    border-radius: 6px;
    font-size: 0.78rem;
    cursor: pointer;
}

    .tab-btn.active[b-0fmwhqa3g9] {
        background: rgba(99,102,241,0.2);
        border-color: #6366f1;
        color: #a5b4fc;
    }

/* Card suggerimento */
.suggerimento-card[b-0fmwhqa3g9] {
    background: #1a1f2e;
    border: 1px solid #2d3748;
    border-radius: 8px;
    padding: 0.8rem;
    margin-bottom: 0.6rem;
    cursor: pointer;
    transition: border-color 0.15s;
}

    .suggerimento-card:hover[b-0fmwhqa3g9] {
        border-color: #6366f1;
    }

    .suggerimento-card.selected[b-0fmwhqa3g9] {
        border-color: #6366f1;
        background: rgba(99,102,241,0.1);
    }

.sugg-header[b-0fmwhqa3g9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.4rem;
}

.sugg-tipo-badge[b-0fmwhqa3g9] {
    padding: 0.15rem 0.5rem;
    border-radius: 6px;
    font-size: 0.68rem;
    font-weight: 600;
}

.tipo-debiti[b-0fmwhqa3g9] {
    background: rgba(248,113,113,0.2);
    color: #f87171;
}

.tipo-crediti[b-0fmwhqa3g9] {
    background: rgba(74,222,128,0.2);
    color: #4ade80;
}

.tipo-commerciali[b-0fmwhqa3g9] {
    background: rgba(99,102,241,0.2);
    color: #a5b4fc;
}

.sugg-numero[b-0fmwhqa3g9] {
    color: #e2e8f0;
    font-weight: 600;
    font-size: 0.82rem;
}

.sugg-importo[b-0fmwhqa3g9] {
    margin-left: auto;
    font-weight: 700;
    color: #e2e8f0;
}

.sugg-desc[b-0fmwhqa3g9] {
    font-size: 0.8rem;
    color: #c4c9d6;
    margin-bottom: 0.4rem;
}

.sugg-footer[b-0fmwhqa3g9] {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
    color: #8b92a8;
}

/* Allocazioni */
.allocazione-row[b-0fmwhqa3g9] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.8rem;
}

.alloc-item[b-0fmwhqa3g9] {
    flex: 1;
    background: #1a1f2e;
    border: 1px solid #2d3748;
    border-radius: 6px;
    padding: 0.5rem;
    text-align: center;
}

.alloc-label[b-0fmwhqa3g9] {
    display: block;
    font-size: 0.65rem;
    color: #8b92a8;
    margin-bottom: 2px;
}

.alloc-value[b-0fmwhqa3g9] {
    display: block;
    font-size: 0.9rem;
    font-weight: 700;
    color: #e2e8f0;
}

.input-dark[b-0fmwhqa3g9] {
    background: #161b27;
    border: 1px solid #2d3748;
    border-radius: 6px;
    color: #e2e8f0;
    padding: 0.5rem 0.8rem;
    font-size: 0.85rem;
    outline: none;
}

    .input-dark:focus[b-0fmwhqa3g9] {
        border-color: #6366f1;
    }

/* Footer pannello */
.panel-footer[b-0fmwhqa3g9] {
    padding: 1rem;
    border-top: 1px solid #2d3748;
    margin-top: auto;
}

.btn-salva-riconcilia[b-0fmwhqa3g9] {
    width: 100%;
    background: #6366f1;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 0.8rem;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

    .btn-salva-riconcilia:hover:not(:disabled)[b-0fmwhqa3g9] {
        background: #4f46e5;
    }

    .btn-salva-riconcilia:disabled[b-0fmwhqa3g9] {
        background: #2d3748;
        color: #8b92a8;
        cursor: not-allowed;
    }

.empty-box[b-0fmwhqa3g9] {
    text-align: center;
}

.muted[b-0fmwhqa3g9] {
    color: #8b92a8;
    font-size: 0.82rem;
}

/* Paginazione */
.pagination-bar[b-0fmwhqa3g9] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 1rem 0 0;
    border-top: 1px solid #2d3748;
    margin-top: 0.5rem;
}

.btn-page[b-0fmwhqa3g9] {
    background: #263044;
    border: 1px solid #3d4a5c;
    color: #c4c9d6;
    padding: 0.4rem 1rem;
    border-radius: 6px;
    font-size: 0.82rem;
    cursor: pointer;
    transition: background 0.15s;
}

    .btn-page:hover:not(:disabled)[b-0fmwhqa3g9] {
        background: rgba(99,102,241,0.2);
        border-color: #6366f1;
        color: #a5b4fc;
    }

    .btn-page:disabled[b-0fmwhqa3g9] {
        opacity: 0.4;
        cursor: not-allowed;
    }

.page-info[b-0fmwhqa3g9] {
    font-size: 0.8rem;
    color: #8b92a8;
}

/* Riga insoluto */
.movimento-row.insoluto[b-0fmwhqa3g9] {
    border-left: 3px solid #f87171;
}

/* AI loading progress (continua, molto visibile) */
.ai-progress-wrap[b-0fmwhqa3g9] {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 0.45rem;
    margin-top: 0.1rem;
}

.ai-progress-label[b-0fmwhqa3g9] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #c7d2fe;
    text-shadow: 0 0 10px rgba(99, 102, 241, 0.35);
}

.ai-progress-track[b-0fmwhqa3g9] {
    position: relative;
    width: 100%;
    max-width: none;
    height: 5px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(99, 102, 241, 0.18);
    border: 1px solid rgba(99, 102, 241, 0.35);
    box-shadow: inset 0 0 12px rgba(99, 102, 241, 0.25);
}

.ai-progress-bar[b-0fmwhqa3g9] {
    position: absolute;
    top: -1px;
    left: -35%;
    width: 35%;
    height: calc(100% + 2px);
    border-radius: 999px;
    background: linear-gradient(90deg, #60a5fa 0%, #22d3ee 50%, #818cf8 100%);
    box-shadow: 0 0 14px rgba(56, 189, 248, 0.9), 0 0 24px rgba(99, 102, 241, 0.65);
    animation: ai-progress-sweep-b-0fmwhqa3g9 1.4s ease-in-out infinite alternate;
}

@keyframes ai-progress-sweep-b-0fmwhqa3g9 {
    from {
        left: -35%;
    }

    to {
        left: 100%;
    }
}

.insoluto-edit-card[b-0fmwhqa3g9] {
    overflow: hidden;
}

.insoluto-edit-grid[b-0fmwhqa3g9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
    margin-top: 0.6rem;
}

.insoluto-field[b-0fmwhqa3g9] {
    min-width: 0;
}

.insoluto-input[b-0fmwhqa3g9] {
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 1200px) {
    .insoluto-edit-grid[b-0fmwhqa3g9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .insoluto-edit-grid[b-0fmwhqa3g9] {
        grid-template-columns: 1fr;
    }
}

/* Date picker insoluto in stile dark (come filtri) */
.insoluto-date-dark[b-0fmwhqa3g9] {
    color-scheme: dark;
}

    .insoluto-date-dark[b-0fmwhqa3g9]::-webkit-calendar-picker-indicator {
        filter: invert(0.9) brightness(0.9);
        opacity: 0.9;
        cursor: pointer;
    }

/* Rimuove frecce up/down dal number */
.insoluto-input-no-spinner[b-0fmwhqa3g9]::-webkit-outer-spin-button,
.insoluto-input-no-spinner[b-0fmwhqa3g9]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.insoluto-input-no-spinner[type="number"][b-0fmwhqa3g9] {
    -moz-appearance: textfield;
    appearance: textfield;
}

/* Checkbox dark colonna selezione */
.mov-delete-check[b-0fmwhqa3g9] {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #4b5563;
    border-radius: 4px;
    background: #111827;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
}

    .mov-delete-check:checked[b-0fmwhqa3g9] {
        background: #6366f1;
        border-color: #6366f1;
    }

        .mov-delete-check:checked[b-0fmwhqa3g9]::after {
            content: "";
            position: absolute;
            left: 4px;
            top: 1px;
            width: 4px;
            height: 8px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

    .mov-delete-check:disabled[b-0fmwhqa3g9] {
        opacity: 0.4;
        cursor: not-allowed;
    }

/* Dialog conferma eliminazione (dark) */
.delete-modal-backdrop[b-0fmwhqa3g9] {
    position: fixed;
    inset: 0;
    background: rgba(3, 7, 18, 0.65);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
}

.delete-modal[b-0fmwhqa3g9] {
    width: min(440px, 92vw);
    background: #111827;
    border: 1px solid #374151;
    border-radius: 12px;
    padding: 1rem 1rem 0.9rem;
    color: #e5e7eb;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45);
}

    .delete-modal h4[b-0fmwhqa3g9] {
        margin: 0 0 0.6rem 0;
        color: #c7d2fe;
        font-size: 1rem;
    }

    .delete-modal p[b-0fmwhqa3g9] {
        margin: 0;
        color: #d1d5db;
        font-size: 0.9rem;
    }

.delete-modal-actions[b-0fmwhqa3g9] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    margin-top: 1rem;
}

.delete-modal .btn-no[b-0fmwhqa3g9],
.delete-modal .btn-yes[b-0fmwhqa3g9] {
    border: 1px solid #374151;
    border-radius: 8px;
    padding: 0.45rem 0.95rem;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}

.delete-modal .btn-no[b-0fmwhqa3g9] {
    background: #1f2937;
    color: #d1d5db;
}

.delete-modal .btn-yes[b-0fmwhqa3g9] {
    background: #b91c1c;
    border-color: #dc2626;
    color: #fff;
}
/* /Pages/CcnECcc.razor.rz.scp.css */
.dashboard-container[b-ljnkdwu8gv] {
    padding: 2rem;
    background: #0a0e14;
    min-height: calc(100vh - 140px);
    color: white;
}

    /* ============================================
   PAGE HEADER
   ============================================ */
    .dashboard-container .page-header[b-ljnkdwu8gv] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2rem;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .dashboard-container .page-title[b-ljnkdwu8gv] {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .dashboard-container .page-icon[b-ljnkdwu8gv] {
        color: #64b5f6;
    }

    .dashboard-container .page-title h1[b-ljnkdwu8gv] {
        font-size: 2rem;
        font-weight: 700;
        margin: 0;
        color: #F3F4F6;
    }

    .dashboard-container .page-subtitle[b-ljnkdwu8gv] {
        font-size: 0.95rem;
        color: #9CA3AF;
        margin: 0.25rem 0 0 0;
    }

    .dashboard-container .page-actions[b-ljnkdwu8gv] {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .dashboard-container .btn-icon[b-ljnkdwu8gv] {
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 8px;
        padding: 0.5rem;
        cursor: pointer;
        color: #9CA3AF;
        transition: all 0.2s ease;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .dashboard-container .btn-icon:hover[b-ljnkdwu8gv] {
            background: rgba(255, 255, 255, 0.1);
            color: #F3F4F6;
        }

    .dashboard-container .date-badge[b-ljnkdwu8gv] {
        background: rgba(100, 181, 246, 0.15); 
        border: 1px solid rgba(100, 181, 246, 0.3);
        color: #64b5f6; 
        padding: 0.5rem 1rem;
        border-radius: 8px;
        font-size: 0.875rem;
        font-weight: 600;
    }

    /* ============================================
   KPI CARDS
   ============================================ */
    .dashboard-container .kpi-cards[b-ljnkdwu8gv] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1.5rem;
        margin-bottom: 2rem;
    }

    .dashboard-container .kpi-card[b-ljnkdwu8gv] {
        background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 12px;
        padding: 1.5rem;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
        transition: transform 0.2s ease, box-shadow 0.2s ease;
        cursor: pointer;
        position: relative;
        min-height: 200px;
        display: flex;
        flex-direction: column;
    }

        .dashboard-container .kpi-card:hover[b-ljnkdwu8gv] {
            transform: translateY(-4px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
            border-color: rgba(16, 185, 129, 0.3);
        }

    .dashboard-container .kpi-header[b-ljnkdwu8gv] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1rem;
    }

    .dashboard-container .kpi-icon[b-ljnkdwu8gv] {
        color: #64b5f6;
    }

    .dashboard-container .kpi-badge[b-ljnkdwu8gv] {
        font-size: 0.75rem;
        font-weight: 600;
        padding: 0.25rem 0.5rem;
        border-radius: 6px;
    }

        .dashboard-container .kpi-badge.positive[b-ljnkdwu8gv] {
            background: rgba(16, 185, 129, 0.15);
            color: #10B981;
        }

        .dashboard-container .kpi-badge.warning[b-ljnkdwu8gv] {
            background: rgba(251, 191, 36, 0.15);
            color: #FBBF24;
        }

        .dashboard-container .kpi-badge.negative[b-ljnkdwu8gv] {
            background: rgba(239, 68, 68, 0.15);
            color: #EF4444;
        }

    .dashboard-container .kpi-value[b-ljnkdwu8gv] {
        font-size: 2rem;
        font-weight: 700;
        color: #F3F4F6;
        margin-bottom: 0.5rem;
        line-height: 1.1;
    }

    .dashboard-container .kpi-label[b-ljnkdwu8gv] {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 0.875rem;
        font-weight: 600;
        color: #9CA3AF;
        margin-bottom: 0.25rem;
    }

    .dashboard-container .kpi-subtitle[b-ljnkdwu8gv] {
        font-size: 0.75rem;
        color: #6B7280;
        margin-bottom: 0.75rem;
    }

    .dashboard-container .info-icon[b-ljnkdwu8gv] {
        background: transparent;
        border: none;
        padding: 2px;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        opacity: 0.6;
        transition: all 0.2s ease;
        border-radius: 50%;
    }

        .dashboard-container .info-icon:hover[b-ljnkdwu8gv] {
            opacity: 1;
            background: rgba(107, 114, 128, 0.15);
            transform: scale(1.15);
        }

        .dashboard-container .info-icon svg[b-ljnkdwu8gv] {
            color: #6B7280;
        }

        .dashboard-container .info-icon:hover svg[b-ljnkdwu8gv] {
            color: #3B82F6;
        }

    .dashboard-container .kpi-insight[b-ljnkdwu8gv] {
        margin-top: auto;
        padding-top: 12px;
        border-top: 1px solid rgba(45, 55, 72, 0.6);
        font-size: 12px;
        line-height: 1.5;
        color: #9CA3AF;
        font-style: italic;
    }

/* ============================================
   CCN SUMMARY CARD
   ============================================ */
.ccn-summary-card[b-ljnkdwu8gv] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(100, 181, 246, 0.3); 
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.ccn-header[b-ljnkdwu8gv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

    .ccn-header svg[b-ljnkdwu8gv] {
        color: #64b5f6;
        width: 24px;
        height: 24px;
    }

    .ccn-header h3[b-ljnkdwu8gv] {
        font-size: 1.125rem;
        color: white;
        font-weight: 700;
    }

.ccn-content-grid[b-ljnkdwu8gv] {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 2rem;
    margin-bottom: 1rem;
}

.ccn-metric[b-ljnkdwu8gv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ccn-label[b-ljnkdwu8gv] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.ccn-value[b-ljnkdwu8gv] {
    font-size: 2.5rem;
    font-weight: 700;
    color: white;
    line-height: 1.1;
}

.ccn-variation[b-ljnkdwu8gv] {
    font-size: 0.875rem;
    font-weight: 700;
}

    .ccn-variation.positive[b-ljnkdwu8gv] {
        color: #4caf50;
    }

    .ccn-variation.negative[b-ljnkdwu8gv] {
        color: #ef5350;
    }

.ccn-breakdown-mini[b-ljnkdwu8gv] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
}

.ccn-mini-item[b-ljnkdwu8gv] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.mini-label[b-ljnkdwu8gv] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    font-weight: 600;
}

.mini-value[b-ljnkdwu8gv] {
    font-size: 1.25rem;
    color: white;
    font-weight: 700;
}

.ccn-mini-separator[b-ljnkdwu8gv] {
    font-size: 1.5rem;
    color: rgba(255, 255, 255, 0.3);
    font-weight: 300;
}

.ccn-info[b-ljnkdwu8gv] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(100, 181, 246, 0.1);
    border-left: 3px solid #64b5f6;
    border-radius: 8px;
}

    .ccn-info svg[b-ljnkdwu8gv] {
        color: #64b5f6;
        flex-shrink: 0;
        margin-top: 0.15rem;
    }

    .ccn-info p[b-ljnkdwu8gv] {
        font-size: 0.8125rem;
        color: rgba(255, 255, 255, 0.8);
        line-height: 1.6;
        margin: 0;
    }

/* ============================================
   ALERT BOX PROMINENTE
   ============================================ */
.dashboard-container .prominent-alert-box[b-ljnkdwu8gv] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 2px solid;
    border-radius: 16px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
    animation: slideDown-b-ljnkdwu8gv 0.4s ease;
}

@keyframes slideDown-b-ljnkdwu8gv {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }

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

.dashboard-container .prominent-alert-box.alert-warning[b-ljnkdwu8gv] {
    border-color: #FBBF24;
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.1) 0%, #1a2332 100%);
}

.dashboard-container .alert-box-header[b-ljnkdwu8gv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dashboard-container .alert-box-title[b-ljnkdwu8gv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.dashboard-container .alert-box-icon[b-ljnkdwu8gv] {
    flex-shrink: 0;
    color: #FBBF24;
}

.dashboard-container .alert-box-title h3[b-ljnkdwu8gv] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #F3F4F6;
    margin: 0;
}

.dashboard-container .alert-box-actions[b-ljnkdwu8gv] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.dashboard-container .update-time[b-ljnkdwu8gv] {
    font-size: 0.75rem;
    color: #9CA3AF;
}

.dashboard-container .alert-box-content[b-ljnkdwu8gv] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.dashboard-container .urgent-alerts[b-ljnkdwu8gv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dashboard-container .urgent-alert-item[b-ljnkdwu8gv] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.02);
    border-left: 4px solid;
    border-radius: 8px;
    transition: all 0.2s ease;
}

    .dashboard-container .urgent-alert-item:hover[b-ljnkdwu8gv] {
        background: rgba(255, 255, 255, 0.04);
    }

    .dashboard-container .urgent-alert-item.warning[b-ljnkdwu8gv] {
        border-left-color: #FBBF24;
        background: rgba(251, 191, 36, 0.05);
    }

.dashboard-container .urgent-alert-icon[b-ljnkdwu8gv] {
    flex-shrink: 0;
    margin-top: 2px;
    color: #FBBF24;
}

.dashboard-container .urgent-alert-content[b-ljnkdwu8gv] {
    flex: 1;
}

.dashboard-container .urgent-alert-title[b-ljnkdwu8gv] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #F3F4F6;
    margin-bottom: 0.25rem;
}

.dashboard-container .urgent-alert-description[b-ljnkdwu8gv] {
    font-size: 0.8125rem;
    color: #D1D5DB;
    line-height: 1.5;
}

.dashboard-container .btn-action[b-ljnkdwu8gv] {
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid #3B82F6;
    color: #3B82F6;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
}

    .dashboard-container .btn-action:hover[b-ljnkdwu8gv] {
        background: rgba(59, 130, 246, 0.2);
        transform: translateX(4px);
    }

/* ============================================
   SECTION HEADERS
   ============================================ */
.section-header[b-ljnkdwu8gv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

    .section-header h2[b-ljnkdwu8gv] {
        font-size: 1.25rem;
        font-weight: 700;
        color: white;
        display: flex;
        align-items: center;
        gap: 0.75rem;
        margin: 0;
    }

.section-badge[b-ljnkdwu8gv] {
    padding: 0.25rem 0.75rem;
    background: rgba(100, 181, 246, 0.15);
    color: #64b5f6;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 600;
}

.section-title[b-ljnkdwu8gv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.section-icon[b-ljnkdwu8gv] {
    color: #64b5f6;
}

.section-subtitle[b-ljnkdwu8gv] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 0.25rem;
}

/* ============================================
   BREAKDOWN SECTION
   ============================================ */
.breakdown-section[b-ljnkdwu8gv] {
    margin-bottom: 2rem;
}

.breakdown-cards[b-ljnkdwu8gv] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.breakdown-card[b-ljnkdwu8gv] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease;
}

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

    .breakdown-card[b-ljnkdwu8gv]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
    }

    .breakdown-card.crediti[b-ljnkdwu8gv]::before {
        background: #3B82F6;
    }

    .breakdown-card.magazzino[b-ljnkdwu8gv]::before {
        background: #8B5CF6;
    }

    .breakdown-card.debiti[b-ljnkdwu8gv]::before {
        background: #F59E0B;
    }

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

    .breakdown-header svg[b-ljnkdwu8gv] {
        color: #64b5f6;
        width: 20px;
        height: 20px;
    }

    .breakdown-header h3[b-ljnkdwu8gv] {
        font-size: 0.95rem;
        color: white;
        font-weight: 700;
        margin: 0;
    }

.breakdown-value[b-ljnkdwu8gv] {
    font-size: 2rem;
    font-weight: 700;
    color: white;
    margin-bottom: 1rem;
    line-height: 1.1;
}

.breakdown-metrics[b-ljnkdwu8gv] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

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

.metric-label[b-ljnkdwu8gv] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.metric-value[b-ljnkdwu8gv] {
    font-size: 0.875rem;
    color: white;
    font-weight: 700;
}

    .metric-value.warning[b-ljnkdwu8gv] {
        color: #ff9800;
    }

    .metric-value.danger[b-ljnkdwu8gv] {
        color: #ef5350;
    }

.breakdown-bar[b-ljnkdwu8gv] {
    height: 8px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 1rem;
}

.bar-fill[b-ljnkdwu8gv] {
    height: 100%;
    transition: width 0.6s ease;
}

.crediti-fill[b-ljnkdwu8gv] {
    background: linear-gradient(90deg, #3B82F6 0%, #2563EB 100%);
}

.magazzino-fill[b-ljnkdwu8gv] {
    background: linear-gradient(90deg, #8B5CF6 0%, #7C3AED 100%);
}

.debiti-fill[b-ljnkdwu8gv] {
    background: linear-gradient(90deg, #F59E0B 0%, #D97706 100%);
}

.breakdown-footer[b-ljnkdwu8gv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.variation[b-ljnkdwu8gv] {
    font-size: 0.875rem;
    font-weight: 700;
}

    .variation.positive[b-ljnkdwu8gv] {
        color: #4caf50;
    }

    .variation.negative[b-ljnkdwu8gv] {
        color: #ef5350;
    }

/* Mini Trend Charts */
.mini-trend-chart[b-ljnkdwu8gv] {
    margin: 1rem 0;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.trend-label[b-ljnkdwu8gv] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    margin-top: 0.5rem;
}

.breakdown-insight[b-ljnkdwu8gv] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem;
    background: rgba(100, 181, 246, 0.08);
    border-left: 2px solid #64b5f6;
    border-radius: 6px;
    margin: 1rem 0;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.8);
}

    .breakdown-insight svg[b-ljnkdwu8gv] {
        flex-shrink: 0;
        color: #64b5f6;
        margin-top: 0.1rem;
    }

/* ============================================
   CHARTS SECTION
   ============================================ */
.charts-section[b-ljnkdwu8gv] {
    margin-bottom: 2rem;
}

.timeline-chart[b-ljnkdwu8gv] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
}

.chart-card[b-ljnkdwu8gv] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
}

.chart-header[b-ljnkdwu8gv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

    .chart-header h3[b-ljnkdwu8gv] {
        font-size: 1.125rem;
        font-weight: 700;
        color: white;
        margin: 0 0 0.25rem 0;
    }

.chart-subtitle[b-ljnkdwu8gv] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.5;
}

/* ============================================
   TABLES ROW
   ============================================ */
.tables-row[b-ljnkdwu8gv] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.table-card[b-ljnkdwu8gv] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
}

.table-card-header[b-ljnkdwu8gv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

    .table-card-header > div[b-ljnkdwu8gv] {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .table-card-header h3[b-ljnkdwu8gv] {
        font-size: 1rem;
        color: white;
        font-weight: 700;
        margin: 0;
    }

.table-badge[b-ljnkdwu8gv] {
    padding: 0.25rem 0.75rem;
    background: rgba(100, 181, 246, 0.15);
    color: #64b5f6;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 600;
}

.btn-secondary-small[b-ljnkdwu8gv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: rgba(100, 181, 246, 0.1);
    border: 1px solid rgba(100, 181, 246, 0.3);
    border-radius: 8px;
    color: #64b5f6;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-secondary-small:hover[b-ljnkdwu8gv] {
        background: rgba(100, 181, 246, 0.2);
        border-color: #64b5f6;
    }

    .btn-secondary-small svg[b-ljnkdwu8gv] {
        width: 16px;
        height: 16px;
    }

.custom-table[b-ljnkdwu8gv] {
    width: 100%;
}

.table-header-row[b-ljnkdwu8gv] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    margin-bottom: 0.75rem;
}

.th[b-ljnkdwu8gv] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.table-body[b-ljnkdwu8gv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.table-row[b-ljnkdwu8gv] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 1rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
    align-items: center;
    transition: all 0.2s ease;
}

    .table-row:hover[b-ljnkdwu8gv] {
        background: rgba(255, 255, 255, 0.08);
    }

.td[b-ljnkdwu8gv] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.8);
}

.client-name[b-ljnkdwu8gv] {
    font-weight: 700;
    color: white;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
}

.client-code[b-ljnkdwu8gv] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.5);
}

.status-badge[b-ljnkdwu8gv] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 8px;
    font-size: 0.7rem;
    font-weight: 600;
}

    .status-badge.good[b-ljnkdwu8gv] {
        background: rgba(76, 175, 80, 0.2);
        color: #4caf50;
    }

    .status-badge.warning[b-ljnkdwu8gv] {
        background: rgba(255, 152, 0, 0.2);
        color: #ff9800;
    }

    .status-badge.danger[b-ljnkdwu8gv] {
        background: rgba(239, 68, 68, 0.2);
        color: #ef5350;
    }

/* ============================================
   STRATEGIA & TARGET
   ============================================ */
.strategia-section[b-ljnkdwu8gv] {
    margin-bottom: 2rem;
}

.strategia-cards[b-ljnkdwu8gv] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.strategia-card[b-ljnkdwu8gv] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease;
}

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

    .strategia-card[b-ljnkdwu8gv]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
    }

    .strategia-card.crediti-strategy[b-ljnkdwu8gv]::before {
        background: #3B82F6;
    }

    .strategia-card.magazzino-strategy[b-ljnkdwu8gv]::before {
        background: #8B5CF6;
    }

    .strategia-card.debiti-strategy[b-ljnkdwu8gv]::before {
        background: #F59E0B;
    }

.strategia-icon[b-ljnkdwu8gv] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.strategia-card.crediti-strategy .strategia-icon[b-ljnkdwu8gv] {
    background: rgba(59, 130, 246, 0.15);
    color: #64b5f6;
}

.strategia-card.magazzino-strategy .strategia-icon[b-ljnkdwu8gv] {
    background: rgba(139, 92, 246, 0.15);
    color: #a78bfa;
}

.strategia-card.debiti-strategy .strategia-icon[b-ljnkdwu8gv] {
    background: rgba(245, 158, 11, 0.15);
    color: #fbbf24;
}

.strategia-content h4[b-ljnkdwu8gv] {
    font-size: 1rem;
    color: white;
    font-weight: 700;
    margin: 0 0 1rem 0;
}

.strategia-list[b-ljnkdwu8gv] {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

    .strategia-list li[b-ljnkdwu8gv] {
        font-size: 0.8125rem;
        color: rgba(255, 255, 255, 0.7);
        line-height: 1.6;
        padding-left: 1.25rem;
        position: relative;
        margin-bottom: 0.75rem;
    }

        .strategia-list li[b-ljnkdwu8gv]::before {
            content: '→';
            position: absolute;
            left: 0;
            color: #64b5f6;
            font-weight: 700;
        }

.strategia-impact[b-ljnkdwu8gv] {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.impact-label[b-ljnkdwu8gv] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    font-weight: 600;
}

.impact-value[b-ljnkdwu8gv] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #4caf50;
}

.ccc-target-card[b-ljnkdwu8gv] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 2px solid #3B82F6;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}

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

    .target-header svg[b-ljnkdwu8gv] {
        color: #3B82F6;
        width: 32px;
        height: 32px;
    }

    .target-header h4[b-ljnkdwu8gv] {
        font-size: 1.125rem;
        color: white;
        font-weight: 700;
        margin: 0 0 0.25rem 0;
    }

    .target-header p[b-ljnkdwu8gv] {
        font-size: 0.75rem;
        color: rgba(255, 255, 255, 0.5);
        margin: 0;
    }

.target-metrics[b-ljnkdwu8gv] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 1.5rem;
    padding: 1rem 0;
}

.target-metric[b-ljnkdwu8gv] {
    text-align: center;
}

.target-label[b-ljnkdwu8gv] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    font-weight: 600;
}

.target-value[b-ljnkdwu8gv] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
}

    .target-value.current[b-ljnkdwu8gv] {
        color: #ff9800;
    }

    .target-value.target[b-ljnkdwu8gv] {
        color: #4caf50;
    }

    .target-value.improvement[b-ljnkdwu8gv] {
        color: #64b5f6;
    }

.arrow-icon[b-ljnkdwu8gv] {
    color: #3B82F6;
    width: 32px;
    height: 32px;
}

.target-footer[b-ljnkdwu8gv] {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
}

    .target-footer strong[b-ljnkdwu8gv] {
        color: #4caf50;
        font-size: 1.125rem;
        font-weight: 700;
    }

/* ============================================
   INSIGHTS SECTION
   ============================================ */
.insights-section[b-ljnkdwu8gv] {
    margin-bottom: 2rem;
}

.insights-grid[b-ljnkdwu8gv] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.insight-card[b-ljnkdwu8gv] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    gap: 1rem;
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease;
}

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

    .insight-card[b-ljnkdwu8gv]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 3px;
    }

    .insight-card.positive[b-ljnkdwu8gv]::before {
        background: #4caf50;
    }

    .insight-card.warning[b-ljnkdwu8gv]::before {
        background: #ff9800;
    }

    .insight-card.info[b-ljnkdwu8gv]::before {
        background: #64b5f6;
    }

    .insight-card.neutral[b-ljnkdwu8gv]::before {
        background: #78909c;
    }

.insight-icon[b-ljnkdwu8gv] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.insight-card.positive .insight-icon[b-ljnkdwu8gv] {
    background: rgba(76, 175, 80, 0.15);
    color: #4caf50;
}

.insight-card.warning .insight-icon[b-ljnkdwu8gv] {
    background: rgba(255, 152, 0, 0.15);
    color: #ff9800;
}

.insight-card.info .insight-icon[b-ljnkdwu8gv] {
    background: rgba(100, 181, 246, 0.15);
    color: #64b5f6;
}

.insight-card.neutral .insight-icon[b-ljnkdwu8gv] {
    background: rgba(120, 144, 156, 0.15);
    color: #78909c;
}

.insight-content h4[b-ljnkdwu8gv] {
    font-size: 0.95rem;
    color: white;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
}

.insight-content p[b-ljnkdwu8gv] {
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.6;
    margin: 0;
}

/* ============================================
   TOOLTIP MODAL
   ============================================ */
.kpi-tooltip-overlay[b-ljnkdwu8gv] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn-b-ljnkdwu8gv 0.2s ease;
}

@keyframes fadeIn-b-ljnkdwu8gv {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.kpi-tooltip-dialog[b-ljnkdwu8gv] {
    background: #1A1D29;
    border: 1px solid #2D3748;
    border-radius: 16px;
    max-width: 600px;
    width: 90%;
    max-height: 80vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: slideUp-b-ljnkdwu8gv 0.3s ease;
}

@keyframes slideUp-b-ljnkdwu8gv {
    from {
        transform: translateY(20px);
        opacity: 0;
    }

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

.kpi-tooltip-header[b-ljnkdwu8gv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    border-bottom: 1px solid #2D3748;
}

    .kpi-tooltip-header h3[b-ljnkdwu8gv] {
        margin: 0;
        font-size: 20px;
        font-weight: 600;
        color: #F3F4F6;
    }

.close-btn[b-ljnkdwu8gv] {
    background: transparent;
    border: none;
    padding: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: all 0.2s ease;
}

    .close-btn:hover[b-ljnkdwu8gv] {
        background: rgba(239, 68, 68, 0.1);
    }

    .close-btn svg[b-ljnkdwu8gv] {
        color: #9CA3AF;
    }

    .close-btn:hover svg[b-ljnkdwu8gv] {
        color: #EF4444;
    }

.kpi-tooltip-content[b-ljnkdwu8gv] {
    padding: 24px;
    overflow-y: auto;
    flex: 1;
}

.tooltip-section[b-ljnkdwu8gv] {
    margin-bottom: 24px;
}

    .tooltip-section:last-child[b-ljnkdwu8gv] {
        margin-bottom: 0;
    }

    .tooltip-section h4[b-ljnkdwu8gv] {
        font-size: 14px;
        font-weight: 600;
        color: #10B981;
        margin: 0 0 12px 0;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .tooltip-section p[b-ljnkdwu8gv] {
        margin: 0;
        font-size: 14px;
        line-height: 1.6;
        color: #D1D5DB;
    }

    .tooltip-section .formula[b-ljnkdwu8gv] {
        background: rgba(59, 130, 246, 0.1);
        border-left: 3px solid #3B82F6;
        padding: 12px 16px;
        border-radius: 8px;
        font-family: 'Courier New', monospace;
        color: #93C5FD;
        font-size: 13px;
    }

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 1280px) {
    .dashboard-container .kpi-cards[b-ljnkdwu8gv] {
        grid-template-columns: repeat(2, 1fr);
    }

    .ccn-content-grid[b-ljnkdwu8gv] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .breakdown-cards[b-ljnkdwu8gv],
    .strategia-cards[b-ljnkdwu8gv] {
        grid-template-columns: 1fr;
    }

    .tables-row[b-ljnkdwu8gv] {
        grid-template-columns: 1fr;
    }

    .insights-grid[b-ljnkdwu8gv] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .dashboard-container[b-ljnkdwu8gv] {
        padding: 1rem;
    }

        .dashboard-container .kpi-cards[b-ljnkdwu8gv] {
            grid-template-columns: 1fr;
        }

    .table-header-row[b-ljnkdwu8gv],
    .table-row[b-ljnkdwu8gv] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .target-metrics[b-ljnkdwu8gv] {
        flex-direction: column;
        gap: 1.5rem;
    }

    .kpi-tooltip-dialog[b-ljnkdwu8gv] {
        max-width: 95%;
        max-height: 90vh;
    }

    .kpi-tooltip-header[b-ljnkdwu8gv],
    .kpi-tooltip-content[b-ljnkdwu8gv] {
        padding: 16px;
    }
}
/* /Pages/Collaborazione.razor.rz.scp.css */
/* ===================================
   COLLABORAZIONE PAGE - COMPLETE STYLES
   Dark Theme Collaboration Portal
   =================================== */

/* Base Container */
.dashboard-container[b-wp2qjpz871] {
    padding: 2rem;
    background: #0a0e14;
    min-height: calc(100vh - 140px);
    color: white;
}

/* ===================================
   PAGE HEADER
   =================================== */
.dashboard-container .page-header[b-wp2qjpz871] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.dashboard-container .page-title[b-wp2qjpz871] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.dashboard-container .page-icon[b-wp2qjpz871] {
    color: #64b5f6;
}

.dashboard-container .page-title h1[b-wp2qjpz871] {
    margin: 0;
    font-size: 1.75rem;
    color: white;
    font-weight: 700;
}

.dashboard-container .page-subtitle[b-wp2qjpz871] {
    margin: 0.25rem 0 0 0;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
}

.dashboard-container .page-actions[b-wp2qjpz871] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .dashboard-container .date-badge[b-wp2qjpz871] {
        padding: 0.5rem 1rem;
        background: rgba(100, 181, 246, 0.15);
        border: 1px solid rgba(100, 181, 246, 0.3); 
        border-radius: 8px;
        color: #64b5f6;
        font-size: 0.85rem;
        font-weight: 600;
    }

.dashboard-container .btn-primary[b-wp2qjpz871] {
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #64b5f6, #2196f3);
    border: none;
    border-radius: 8px;
    color: white;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all 0.2s ease;
    font-size: 0.9rem;
}

    .dashboard-container .btn-primary:hover[b-wp2qjpz871] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4);
    }

/* ===================================
   SECTION CARD
   =================================== */
.dashboard-container .section-card[b-wp2qjpz871] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
}

.dashboard-container .section-header[b-wp2qjpz871] {
    margin-bottom: 1.5rem;
}

.dashboard-container .section-title[b-wp2qjpz871] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

    .dashboard-container .section-title h3[b-wp2qjpz871] {
        margin: 0;
        font-size: 1.1rem;
        color: white;
        font-weight: 600;
    }

.dashboard-container .section-icon[b-wp2qjpz871] {
    color: #64b5f6;
}

.dashboard-container .section-subtitle[b-wp2qjpz871] {
    margin: 0.5rem 0 0 0;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.8rem;
}

/* ===================================
   FILTER TABS
   =================================== */
.dashboard-container .filter-tabs[b-wp2qjpz871] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
}

.dashboard-container .filter-tab[b-wp2qjpz871] {
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .dashboard-container .filter-tab:hover[b-wp2qjpz871] {
        background: rgba(255, 255, 255, 0.08);
        color: white;
    }

    .dashboard-container .filter-tab.active[b-wp2qjpz871] {
        background: rgba(100, 181, 246, 0.2);
        border-color: #64b5f6;
        color: #64b5f6;
    }

/* ===================================
   UNIFIED TIMELINE SECTION
   =================================== */
.dashboard-container .unified-timeline-section[b-wp2qjpz871] {
    margin-bottom: 2rem;
}

.dashboard-container .unified-timeline[b-wp2qjpz871] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 700px;
    overflow-y: auto;
    padding-right: 0.5rem;
}

    .dashboard-container .unified-timeline[b-wp2qjpz871]::-webkit-scrollbar {
        width: 6px;
    }

    .dashboard-container .unified-timeline[b-wp2qjpz871]::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.05);
        border-radius: 3px;
    }

    .dashboard-container .unified-timeline[b-wp2qjpz871]::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.2);
        border-radius: 3px;
    }

        .dashboard-container .unified-timeline[b-wp2qjpz871]::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.3);
        }

/* ===================================
   TIMELINE ITEMS
   =================================== */
.dashboard-container .timeline-item[b-wp2qjpz871] {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 1rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    padding: 1rem;
    transition: all 0.2s ease;
}

    .dashboard-container .timeline-item:hover[b-wp2qjpz871] {
        background: rgba(255, 255, 255, 0.05);
    }

    .dashboard-container .timeline-item.unread[b-wp2qjpz871] {
        border-left: 3px solid #64b5f6;
        background: rgba(100, 181, 246, 0.05);
    }

/* Timeline Indicator */
.dashboard-container .timeline-indicator[b-wp2qjpz871] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dashboard-container .comment-indicator[b-wp2qjpz871] {
    background: rgba(76, 175, 80, 0.15);
    color: #4caf50;
}

.dashboard-container .document-indicator[b-wp2qjpz871] {
    background: rgba(100, 181, 246, 0.15);
    color: #64b5f6;
}

.dashboard-container .task-indicator[b-wp2qjpz871] {
    background: rgba(255, 152, 0, 0.15);
    color: #ff9800;
}

/* Timeline Content */
.dashboard-container .timeline-content[b-wp2qjpz871] {
    flex: 1;
    min-width: 0;
}

.dashboard-container .timeline-header[b-wp2qjpz871] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.75rem;
    gap: 1rem;
}

/* Comment Item Specific */
.dashboard-container .comment-item .timeline-author[b-wp2qjpz871] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.dashboard-container .author-avatar[b-wp2qjpz871] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 600;
    flex-shrink: 0;
}

    .dashboard-container .author-avatar.commercialista[b-wp2qjpz871] {
        background: linear-gradient(135deg, #64b5f6, #2196f3);
        color: white;
    }

    .dashboard-container .author-avatar.cliente[b-wp2qjpz871] {
        background: linear-gradient(135deg, #4caf50, #66bb6a);
        color: white;
    }

.dashboard-container .author-details[b-wp2qjpz871] {
    flex: 1;
    min-width: 0;
}

.dashboard-container .author-name[b-wp2qjpz871] {
    font-weight: 600;
    color: white;
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}

.dashboard-container .timeline-context[b-wp2qjpz871] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
}

/* Activity Item Specific */
.dashboard-container .activity-item .activity-description[b-wp2qjpz871] {
    font-size: 0.9rem;
    color: white;
    font-weight: 500;
}

.dashboard-container .activity-user[b-wp2qjpz871] {
    color: #64b5f6;
    font-weight: 600;
}

/* Timeline Meta */
.dashboard-container .timeline-meta[b-wp2qjpz871] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.dashboard-container .timeline-date[b-wp2qjpz871] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
    white-space: nowrap;
}

.dashboard-container .badge-new[b-wp2qjpz871] {
    padding: 0.25rem 0.5rem;
    background: rgba(100, 181, 246, 0.2);
    color: #64b5f6;
    border-radius: 8px;
    font-size: 0.7rem;
    font-weight: 600;
}

/* Timeline Body */
.dashboard-container .timeline-body[b-wp2qjpz871] {
    margin-bottom: 0.75rem;
}

    .dashboard-container .timeline-body p[b-wp2qjpz871] {
        margin: 0;
        color: rgba(255, 255, 255, 0.85);
        font-size: 0.9rem;
        line-height: 1.5;
    }

/* Timeline Actions */
.dashboard-container .timeline-actions[b-wp2qjpz871] {
    display: flex;
    gap: 1rem;
}

.dashboard-container .btn-action[b-wp2qjpz871] {
    background: none;
    border: none;
    color: #64b5f6;
    font-size: 0.8rem;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    transition: color 0.2s ease;
}

    .dashboard-container .btn-action:hover[b-wp2qjpz871] {
        color: #90caf9;
    }

    /* ===================================
   DOCUMENT ARCHIVE
   =================================== */
    .dashboard-container .document-archive-section[b-wp2qjpz871] {
        margin-bottom: 2rem;
    }

    .dashboard-container .file-manager-container[b-wp2qjpz871] {
        margin: 1.5rem 0;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 8px;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.02);
        min-height: 500px;
    }

    /* ===================================
   QUICK FOLDERS
   =================================== */
    .dashboard-container .quick-folders[b-wp2qjpz871] {
        margin-top: 2rem;
    }

        .dashboard-container .quick-folders h4[b-wp2qjpz871] {
            margin: 0 0 1rem 0;
            font-size: 1rem;
            color: white;
            font-weight: 600;
        }

    .dashboard-container .folder-grid[b-wp2qjpz871] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 1rem;
    }

    .dashboard-container .folder-item[b-wp2qjpz871] {
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 8px;
        padding: 1.5rem;
        text-align: center;
        cursor: pointer;
        transition: all 0.2s ease;
    }

        .dashboard-container .folder-item:hover[b-wp2qjpz871] {
            background: rgba(255, 255, 255, 0.05);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
        }

        .dashboard-container .folder-item svg[b-wp2qjpz871] {
            margin-bottom: 1rem;
        }

    .dashboard-container .folder-name[b-wp2qjpz871] {
        font-size: 0.9rem;
        font-weight: 600;
        color: white;
        margin-bottom: 0.5rem;
    }

    .dashboard-container .folder-count[b-wp2qjpz871] {
        font-size: 0.75rem;
        color: rgba(255, 255, 255, 0.5);
    }

/* ===================================
   RESPONSIVE
   =================================== */
@media (max-width: 768px) {
    .dashboard-container .timeline-item[b-wp2qjpz871] {
        grid-template-columns: 32px 1fr;
        gap: 0.75rem;
        padding: 0.875rem;
    }

    .dashboard-container .timeline-indicator[b-wp2qjpz871] {
        width: 32px;
        height: 32px;
    }

        .dashboard-container .timeline-indicator svg[b-wp2qjpz871] {
            width: 14px;
            height: 14px;
        }

    .dashboard-container .author-avatar[b-wp2qjpz871] {
        width: 32px;
        height: 32px;
        font-size: 0.7rem;
    }

    .dashboard-container .timeline-header[b-wp2qjpz871] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .dashboard-container .filter-tabs[b-wp2qjpz871] {
        flex-wrap: wrap;
    }
}

/* ===================================
   CUSTOM DIALOG
   =================================== */
.dialog-overlay[b-wp2qjpz871] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn-b-wp2qjpz871 0.2s ease;
}

@keyframes fadeIn-b-wp2qjpz871 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.dialog-container[b-wp2qjpz871] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(100, 181, 246, 0.3);
    border-radius: 16px;
    width: 90%;
    max-width: 600px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: slideUp-b-wp2qjpz871 0.3s ease;
}

@keyframes slideUp-b-wp2qjpz871 {
    from {
        transform: translateY(20px);
        opacity: 0;
    }

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

.dialog-header[b-wp2qjpz871] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dialog-title[b-wp2qjpz871] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: white;
}

    .dialog-title svg[b-wp2qjpz871] {
        color: #64b5f6;
    }

    .dialog-title h3[b-wp2qjpz871] {
        margin: 0;
        font-size: 1.25rem;
        font-weight: 700;
    }

.dialog-close[b-wp2qjpz871] {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 8px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.dialog-body[b-wp2qjpz871] {
    padding: 1.5rem;
    position: relative;
}

/* ===== UPLOAD AREA MIGLIORATA ===== */
/* Nascondi completamente il pulsante brutto di Blazor */
.fm-file-input[b-wp2qjpz871] {
    position: absolute !important;
    width: 0.1px !important;
    height: 0.1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    z-index: -1 !important;
    pointer-events: none !important;
}

/* Rendi l'area di upload pi� bella e cliccabile */
.fm-upload-area[b-wp2qjpz871] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 40px;
    border: 2px dashed rgba(100, 181, 246, 0.3);
    border-radius: 12px;
    background: rgba(100, 181, 246, 0.02);
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.fm-upload-area:hover[b-wp2qjpz871] {
    border-color: #64b5f6;
    background: rgba(100, 181, 246, 0.08);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(100, 181, 246, 0.15);
}

.fm-upload-area svg[b-wp2qjpz871] {
    margin-bottom: 16px;
    color: #64b5f6;
    opacity: 0.8;
    transition: all 0.3s ease;
}

.fm-upload-area:hover svg[b-wp2qjpz871] {
    opacity: 1;
    transform: translateY(-4px);
}

.fm-upload-area p[b-wp2qjpz871] {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    color: white;
}

.fm-upload-area .upload-hint[b-wp2qjpz871] {
    margin-top: 8px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 400;
}

/* Etichetta per simulare il click */
.fm-upload-label[b-wp2qjpz871] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* ===================================
   FILE MANAGER CUSTOM STYLES
   =================================== */
.custom-file-manager[b-wp2qjpz871] {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    overflow: hidden;
    min-height: 600px;
    display: flex;
    flex-direction: column;
}

/* ===== TOOLBAR ===== */
.fm-toolbar[b-wp2qjpz871] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    background: rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    gap: 16px;
}

.fm-toolbar-left[b-wp2qjpz871],
.fm-toolbar-right[b-wp2qjpz871] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.fm-btn[b-wp2qjpz871] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .fm-btn:hover:not(:disabled)[b-wp2qjpz871] {
        background: rgba(255, 255, 255, 0.08);
        color: white;
        transform: translateY(-1px);
    }

    .fm-btn:disabled[b-wp2qjpz871] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.fm-btn-primary[b-wp2qjpz871] {
    background: linear-gradient(135deg, #64b5f6, #2196f3);
    border-color: transparent;
    color: white;
}

    .fm-btn-primary:hover[b-wp2qjpz871] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4);
    }

.fm-btn svg[b-wp2qjpz871] {
    color: #64b5f6;
}

.fm-btn-primary svg[b-wp2qjpz871] {
    color: white;
}

/* View Toggle */
.fm-view-toggle[b-wp2qjpz871] {
    display: flex;
    gap: 4px;
    background: rgba(255, 255, 255, 0.05);
    padding: 4px;
    border-radius: 8px;
}

.fm-view-btn[b-wp2qjpz871] {
    padding: 8px;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .fm-view-btn:hover[b-wp2qjpz871] {
        background: rgba(255, 255, 255, 0.1);
        color: rgba(255, 255, 255, 0.8);
    }

    .fm-view-btn.active[b-wp2qjpz871] {
        background: rgba(100, 181, 246, 0.2);
        color: #64b5f6;
    }

/* ===== BREADCRUMB ===== */
.fm-breadcrumb[b-wp2qjpz871] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.02);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    gap: 8px;
    flex-wrap: wrap;
}

.fm-breadcrumb-item[b-wp2qjpz871] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: #64b5f6;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .fm-breadcrumb-item:hover[b-wp2qjpz871] {
        background: rgba(100, 181, 246, 0.1);
        color: #90caf9;
    }

.fm-breadcrumb-separator[b-wp2qjpz871] {
    color: rgba(255, 255, 255, 0.3);
    font-weight: 300;
}

/* ===== CONTENT AREA ===== */
.fm-content[b-wp2qjpz871] {
    display: flex;
    flex: 1;
    overflow: hidden;
}

/* ===== SIDEBAR ===== */
.fm-sidebar[b-wp2qjpz871] {
    width: 240px;
    background: rgba(255, 255, 255, 0.02);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    padding: 16px;
    overflow-y: auto;
}

.fm-sidebar-section[b-wp2qjpz871] {
    margin-bottom: 24px;
}

.fm-sidebar-title[b-wp2qjpz871] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
    padding: 0 8px;
}

.fm-sidebar-item[b-wp2qjpz871] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: 4px;
}

    .fm-sidebar-item:hover[b-wp2qjpz871] {
        background: rgba(255, 255, 255, 0.05);
        color: white;
    }

    .fm-sidebar-item.active[b-wp2qjpz871] {
        background: rgba(100, 181, 246, 0.15);
        border-left: 3px solid #64b5f6;
        color: white;
        font-weight: 600;
    }

.fm-item-count[b-wp2qjpz871] {
    margin-left: auto;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.05);
    padding: 2px 8px;
    border-radius: 12px;
}

/* ===== FILES AREA ===== */
.fm-files-area[b-wp2qjpz871] {
    flex: 1;
    padding: 20px;
    overflow-y: auto;
    background: #0a0e14;
}

/* Grid View */
.fm-grid[b-wp2qjpz871] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 16px;
}

.fm-grid-item[b-wp2qjpz871] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
}

    .fm-grid-item:hover[b-wp2qjpz871] {
        background: rgba(255, 255, 255, 0.05);
        border-color: rgba(100, 181, 246, 0.3);
        transform: translateY(-4px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    }

    .fm-grid-item.selected[b-wp2qjpz871] {
        background: rgba(100, 181, 246, 0.1);
        border-color: #64b5f6;
    }

.fm-item-icon[b-wp2qjpz871] {
    margin-bottom: 12px;
}

.fm-item-name[b-wp2qjpz871] {
    color: white;
    font-weight: 500;
    font-size: 13px;
    word-break: break-word;
    margin-bottom: 8px;
}

.fm-item-details[b-wp2qjpz871] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
}

/* List View */
.fm-list[b-wp2qjpz871] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.fm-list-header[b-wp2qjpz871] {
    display: grid;
    grid-template-columns: 2fr 120px 120px 140px;
    gap: 16px;
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    margin-bottom: 8px;
}

.fm-list-row[b-wp2qjpz871] {
    display: grid;
    grid-template-columns: 2fr 120px 120px 140px;
    gap: 16px;
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .fm-list-row:hover[b-wp2qjpz871] {
        background: rgba(255, 255, 255, 0.05);
    }

    .fm-list-row.selected[b-wp2qjpz871] {
        background: rgba(100, 181, 246, 0.1);
        border-left: 3px solid #64b5f6;
    }

.fm-list-col[b-wp2qjpz871] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
}

.fm-list-header .fm-list-col[b-wp2qjpz871] {
    color: rgba(255, 255, 255, 0.5);
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Empty State */
.fm-empty[b-wp2qjpz871] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: rgba(255, 255, 255, 0.3);
}

    .fm-empty svg[b-wp2qjpz871] {
        margin-bottom: 16px;
        opacity: 0.3;
    }

    .fm-empty p[b-wp2qjpz871] {
        font-size: 14px;
    }

/* ===== DIALOGS FILE MANAGER (STILE UGUALE ALLA DIALOG COMMENTI) ===== */
.fm-dialog-overlay[b-wp2qjpz871] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn-b-wp2qjpz871 0.2s ease;
}

.fm-dialog[b-wp2qjpz871] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(100, 181, 246, 0.3);
    border-radius: 16px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: slideUp-b-wp2qjpz871 0.3s ease;
}

.fm-dialog-header[b-wp2qjpz871] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

    .fm-dialog-header h3[b-wp2qjpz871] {
        margin: 0;
        font-size: 1.25rem;
        font-weight: 700;
        color: white;
    }

.fm-dialog-close[b-wp2qjpz871] {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 8px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    width: 32px;
    height: 32px;
}

    .fm-dialog-close:hover[b-wp2qjpz871] {
        background: rgba(255, 255, 255, 0.1);
        color: white;
    }

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

.fm-dialog-footer[b-wp2qjpz871] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 1rem 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.fm-input[b-wp2qjpz871] {
    width: 100%;
    padding: 0.75rem;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: white;
    font-size: 0.9rem;
    font-family: inherit;
    transition: all 0.2s ease;
}

    .fm-input:focus[b-wp2qjpz871] {
        outline: none;
        border-color: #64b5f6;
        background: rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 0 3px rgba(100, 181, 246, 0.1);
    }

    .fm-input[b-wp2qjpz871]::placeholder {
        color: rgba(255, 255, 255, 0.4);
    }

.fm-upload-area[b-wp2qjpz871] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 40px;
    border: 2px dashed rgba(100, 181, 246, 0.3);
    border-radius: 12px;
    background: rgba(100, 181, 246, 0.02);
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.fm-upload-area:hover[b-wp2qjpz871] {
    border-color: #64b5f6;
    background: rgba(100, 181, 246, 0.08);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(100, 181, 246, 0.15);
}

.fm-upload-area svg[b-wp2qjpz871] {
    margin-bottom: 16px;
    color: #64b5f6;
    opacity: 0.8;
    transition: all 0.3s ease;
}

.fm-upload-area:hover svg[b-wp2qjpz871] {
    opacity: 1;
    transform: translateY(-4px);
}

.fm-upload-area p[b-wp2qjpz871] {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    color: white;
}

.fm-upload-area .upload-hint[b-wp2qjpz871] {
    margin-top: 8px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 400;
}

/* Etichetta per simulare il click */
.fm-upload-label[b-wp2qjpz871] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* ===== SCROLLBAR ===== */
.fm-sidebar[b-wp2qjpz871]::-webkit-scrollbar,
.fm-files-area[b-wp2qjpz871]::-webkit-scrollbar {
    width: 6px;
}

.fm-sidebar[b-wp2qjpz871]::-webkit-scrollbar-track,
.fm-files-area[b-wp2qjpz871]::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
}

.fm-sidebar[b-wp2qjpz871]::-webkit-scrollbar-thumb,
.fm-files-area[b-wp2qjpz871]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

    .fm-sidebar[b-wp2qjpz871]::-webkit-scrollbar-thumb:hover,
    .fm-files-area[b-wp2qjpz871]::-webkit-scrollbar-thumb:hover {
        background: rgba(255, 255, 255, 0.3);
    }

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .fm-sidebar[b-wp2qjpz871] {
        display: none;
    }

    .fm-grid[b-wp2qjpz871] {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }

    .fm-list-header[b-wp2qjpz871],
    .fm-list-row[b-wp2qjpz871] {
        grid-template-columns: 2fr 1fr;
    }

    .col-type[b-wp2qjpz871],
    .col-date[b-wp2qjpz871] {
        display: none;
    }

    .fm-toolbar[b-wp2qjpz871] {
        flex-direction: column;
        align-items: stretch;
    }

    .fm-toolbar-left[b-wp2qjpz871],
    .fm-toolbar-right[b-wp2qjpz871] {
        width: 100%;
        justify-content: space-between;
    }
}   

/* ===================================
   FORM ELEMENTS FOR COMMENT DIALOG
   =================================== */
.form-group[b-wp2qjpz871] {
    margin-bottom: 1.5rem;
}

.form-group:last-child[b-wp2qjpz871] {
    margin-bottom: 0;
}

.form-label[b-wp2qjpz871] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: white;
    font-size: 0.9rem;
}

.form-input[b-wp2qjpz871],
.form-textarea[b-wp2qjpz871] {
    width: 100%;
    padding: 0.75rem;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: white;
    font-size: 0.9rem;
    font-family: inherit;
    transition: all 0.2s ease;
}

.form-input:focus[b-wp2qjpz871],
.form-textarea:focus[b-wp2qjpz871] {
    outline: none;
    border-color: #64b5f6;
    background: rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0 3px rgba(100, 181, 246, 0.1);
}

.form-input[b-wp2qjpz871]::placeholder,
.form-textarea[b-wp2qjpz871]::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.form-textarea[b-wp2qjpz871] {
    resize: vertical;
    min-height: 120px;
    line-height: 1.5;
}

.form-hint[b-wp2qjpz871] {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
    font-style: italic;
}

.dialog-footer[b-wp2qjpz871] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding: 1rem 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.btn-secondary[b-wp2qjpz871] {
    padding: 0.75rem 1.5rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-secondary:hover[b-wp2qjpz871] {
    background: rgba(255, 255, 255, 0.1);
    color: white;
}

/* Sovrascrivi il .btn-primary della dialog per essere coerente con .btn-primary del page-header */
.dialog-footer .btn-primary[b-wp2qjpz871] {
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #64b5f6, #2196f3);
    border: none;
    border-radius: 8px;
    color: white;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s ease;
    font-size: 0.9rem;
}

.dialog-footer .btn-primary:hover[b-wp2qjpz871] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4);
}

.dialog-footer .btn-primary svg[b-wp2qjpz871] {
    width: 16px;
    height: 16px;
}

.upload-info-banner[b-wp2qjpz871] {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #1e2a3a;
    border: 1px solid #2d4a6e;
    border-left: 4px solid #4a9eda;
    border-radius: 6px;
    padding: 10px 16px;
    margin-bottom: 12px;
    font-size: 0.85rem;
    color: #a8c5e0;
}

.upload-info-icon[b-wp2qjpz871] {
    color: #4a9eda;
    flex-shrink: 0;
}

.upload-info-banner strong[b-wp2qjpz871] {
    color: #d0e8ff;
}

.company-switcher[b-wp2qjpz871] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.company-switcher-label[b-wp2qjpz871] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    white-space: nowrap;
}

/* versione select-dark locale a Collaborazione */
.dashboard-container .select-dark[b-wp2qjpz871] {
    appearance: none;
    -webkit-appearance: none;
    background-color: #1a2332 !important;
    color: #F3F4F6 !important;
    color-scheme: dark;
    padding: 0.5rem 0.75rem;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    font-size: 0.875rem;
    outline: none;
    cursor: pointer;
    min-width: 220px;
}

    .dashboard-container .select-dark option[b-wp2qjpz871] {
        background-color: #1a2332;
        color: #F3F4F6;
    }

.delete-toggle-row[b-wp2qjpz871] {
    display: flex;
    width: 100%;
}

    .delete-toggle-row .toggle-delete-related[b-wp2qjpz871] {
        margin-left: auto;
    }

.toggle-delete-related[b-wp2qjpz871] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0.6rem 0 0 auto; /* <-- spinge a destra */
    color: rgba(255,255,255,0.8);
    font-size: 0.82rem;
}

    .toggle-delete-related input[b-wp2qjpz871] {
        accent-color: #64b5f6;
    }
/* /Pages/Dashboard.razor.rz.scp.css */
.dashboard-container[b-uqne35ihvu] {
    padding: 2rem;
    background: #0a0e14;
    min-height: calc(100vh - 140px);
    color: white;
}

    /* ============================================
   PAGE HEADER
   ============================================ */
    .dashboard-container .page-header[b-uqne35ihvu] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2rem;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .dashboard-container .page-title[b-uqne35ihvu] {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .dashboard-container .page-icon[b-uqne35ihvu] {
        color: #64b5f6;
    }

    .dashboard-container .page-title h1[b-uqne35ihvu] {
        font-size: 2rem;
        font-weight: 700;
        margin: 0;
        color: #F3F4F6;
    }

    .dashboard-container .page-subtitle[b-uqne35ihvu] {
        font-size: 0.95rem;
        color: #9CA3AF;
        margin: 0.25rem 0 0 0;
    }

    .dashboard-container .page-actions[b-uqne35ihvu] {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .dashboard-container .btn-icon[b-uqne35ihvu] {
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 8px;
        padding: 0.5rem;
        cursor: pointer;
        color: #9CA3AF;
        transition: all 0.2s ease;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .dashboard-container .btn-icon:hover[b-uqne35ihvu] {
            background: rgba(255, 255, 255, 0.1);
            color: #F3F4F6;
        }

    .dashboard-container .date-badge[b-uqne35ihvu] {
        background: rgba(100, 181, 246, 0.15);
        border: 1px solid rgba(100, 181, 246, 0.3);
        color: #64b5f6;
        padding: 0.5rem 1rem;
        border-radius: 8px;
        font-size: 0.875rem;
        font-weight: 600;
    }

    /* ============================================
   KPI CARDS
   ============================================ */
    .dashboard-container .kpi-cards[b-uqne35ihvu] {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 1.5rem;
        margin-bottom: 2rem;
    }

    .dashboard-container .kpi-card[b-uqne35ihvu] {
        background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 12px;
        padding: 1.5rem;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
        transition: transform 0.2s ease, box-shadow 0.2s ease;
        cursor: pointer;
        position: relative;
    }

        .dashboard-container .kpi-card:hover[b-uqne35ihvu] {
            transform: translateY(-4px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
            border-color: rgba(16, 185, 129, 0.3);
        }

    .dashboard-container .kpi-header[b-uqne35ihvu] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1rem;
    }

    .dashboard-container .kpi-icon[b-uqne35ihvu] {
        color: #64b5f6;
    }

    .dashboard-container .kpi-badge[b-uqne35ihvu] {
        font-size: 0.75rem;
        font-weight: 600;
        padding: 0.25rem 0.5rem;
        border-radius: 6px;
    }

        .dashboard-container .kpi-badge.positive[b-uqne35ihvu] {
            background: rgba(16, 185, 129, 0.15);
            color: #10B981;
        }

        .dashboard-container .kpi-badge.stable[b-uqne35ihvu] {
            background: rgba(59, 130, 246, 0.15);
            color: #3B82F6;
        }

        .dashboard-container .kpi-badge.neutral[b-uqne35ihvu] {
            background: rgba(107, 114, 128, 0.15);
            color: #9CA3AF;
        }

        .dashboard-container .kpi-badge.warning[b-uqne35ihvu] {
            background: rgba(251, 191, 36, 0.15);
            color: #FBBF24;
        }

    .dashboard-container .kpi-value[b-uqne35ihvu] {
        font-size: 2rem;
        font-weight: 700;
        color: #F3F4F6;
        margin-bottom: 0.5rem;
    }

    .dashboard-container .kpi-label[b-uqne35ihvu] {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 0.875rem;
        font-weight: 600;
        color: #9CA3AF;
        margin-bottom: 0.25rem;
    }

    .dashboard-container .kpi-subtitle[b-uqne35ihvu] {
        font-size: 0.75rem;
        color: #6B7280;
        margin-bottom: 0.5rem;
    }

    .dashboard-container .info-icon[b-uqne35ihvu] {
        background: transparent;
        border: none;
        padding: 2px;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        opacity: 0.6;
        transition: all 0.2s ease;
        border-radius: 50%;
    }

        .dashboard-container .info-icon:hover[b-uqne35ihvu] {
            opacity: 1;
            background: rgba(107, 114, 128, 0.15);
            transform: scale(1.15);
        }

        .dashboard-container .info-icon svg[b-uqne35ihvu] {
            color: #6B7280;
        }

        .dashboard-container .info-icon:hover svg[b-uqne35ihvu] {
            color: #3B82F6;
        }

    /* KPI Insight (micro-copy) */
    .dashboard-container .kpi-insight[b-uqne35ihvu] {
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid rgba(45, 55, 72, 0.6);
        font-size: 12px;
        line-height: 1.5;
        color: #9CA3AF;
        font-style: italic;
    }

/* ============================================
   TOOLTIP MODAL
   ============================================ */
.kpi-tooltip-overlay[b-uqne35ihvu] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn-b-uqne35ihvu 0.2s ease;
}

@keyframes fadeIn-b-uqne35ihvu {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.kpi-tooltip-dialog[b-uqne35ihvu] {
    background: #1A1D29;
    border: 1px solid #2D3748;
    border-radius: 16px;
    max-width: 600px;
    width: 90%;
    max-height: 80vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: slideUp-b-uqne35ihvu 0.3s ease;
}

@keyframes slideUp-b-uqne35ihvu {
    from {
        transform: translateY(20px);
        opacity: 0;
    }

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

.kpi-tooltip-header[b-uqne35ihvu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    border-bottom: 1px solid #2D3748;
}

    .kpi-tooltip-header h3[b-uqne35ihvu] {
        margin: 0;
        font-size: 20px;
        font-weight: 600;
        color: #F3F4F6;
    }

.close-btn[b-uqne35ihvu] {
    background: transparent;
    border: none;
    padding: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: all 0.2s ease;
}

    .close-btn:hover[b-uqne35ihvu] {
        background: rgba(239, 68, 68, 0.1);
    }

    .close-btn svg[b-uqne35ihvu] {
        color: #9CA3AF;
    }

    .close-btn:hover svg[b-uqne35ihvu] {
        color: #EF4444;
    }

.kpi-tooltip-content[b-uqne35ihvu] {
    padding: 24px;
    overflow-y: auto;
    flex: 1;
}

.tooltip-section[b-uqne35ihvu] {
    margin-bottom: 24px;
}

    .tooltip-section:last-child[b-uqne35ihvu] {
        margin-bottom: 0;
    }

    .tooltip-section h4[b-uqne35ihvu] {
        font-size: 14px;
        font-weight: 600;
        color: #10B981;
        margin: 0 0 12px 0;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .tooltip-section p[b-uqne35ihvu] {
        margin: 0;
        font-size: 14px;
        line-height: 1.6;
        color: #D1D5DB;
    }

    .tooltip-section .formula[b-uqne35ihvu] {
        background: rgba(59, 130, 246, 0.1);
        border-left: 3px solid #3B82F6;
        padding: 12px 16px;
        border-radius: 8px;
        font-family: 'Courier New', monospace;
        color: #93C5FD;
        font-size: 13px;
    }

/* ============================================
   CHARTS ROW
   ============================================ */
.dashboard-container .charts-row[b-uqne35ihvu] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.dashboard-container .chart-card[b-uqne35ihvu] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

    .dashboard-container .chart-card.medium[b-uqne35ihvu] {
        grid-column: span 1;
    }

    .dashboard-container .chart-card.large[b-uqne35ihvu] {
        grid-column: span 1;
    }

    .dashboard-container .chart-card.small[b-uqne35ihvu] {
        grid-column: span 1;
    }

.dashboard-container .chart-header[b-uqne35ihvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

    .dashboard-container .chart-header h3[b-uqne35ihvu] {
        font-size: 1.125rem;
        font-weight: 600;
        color: #F3F4F6;
        margin: 0;
    }

.dashboard-container .chart-subtitle[b-uqne35ihvu] {
    font-size: 0.875rem;
    color: #9CA3AF;
    margin: 0.25rem 0 0 0;
}

.dashboard-container .section-icon[b-uqne35ihvu] {
    color: #64b5f6;
    margin-right: 0.5rem;
}

/* ============================================
   ALERTS
   ============================================ */
.dashboard-container .alerts-list[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dashboard-container .alert-item[b-uqne35ihvu] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.02);
    border-left: 3px solid;
}

    .dashboard-container .alert-item.warning[b-uqne35ihvu] {
        border-left-color: #FBBF24;
        background: rgba(251, 191, 36, 0.05);
    }

    .dashboard-container .alert-item.info[b-uqne35ihvu] {
        border-left-color: #3B82F6;
        background: rgba(59, 130, 246, 0.05);
    }

    .dashboard-container .alert-item.success[b-uqne35ihvu] {
        border-left-color: #10B981;
        background: rgba(16, 185, 129, 0.05);
    }

.dashboard-container .alert-icon[b-uqne35ihvu] {
    flex-shrink: 0;
    margin-top: 2px;
}

.dashboard-container .alert-item.warning .alert-icon[b-uqne35ihvu] {
    color: #FBBF24;
}

.dashboard-container .alert-item.info .alert-icon[b-uqne35ihvu] {
    color: #3B82F6;
}

.dashboard-container .alert-item.success .alert-icon[b-uqne35ihvu] {
    color: #10B981;
}

.dashboard-container .alert-content[b-uqne35ihvu] {
    flex: 1;
}

.dashboard-container .alert-title[b-uqne35ihvu] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #F3F4F6;
    margin-bottom: 0.25rem;
}

.dashboard-container .alert-description[b-uqne35ihvu] {
    font-size: 0.8125rem;
    color: #9CA3AF;
}

/* ============================================
   INSIGHTS SECTION
   ============================================ */
.dashboard-container .insights-section[b-uqne35ihvu] {
    margin-bottom: 2rem;
}

.dashboard-container .section-header[b-uqne35ihvu] {
    margin-bottom: 1.5rem;
}

.dashboard-container .section-title[b-uqne35ihvu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

    .dashboard-container .section-title h3[b-uqne35ihvu] {
        font-size: 1.5rem;
        font-weight: 700;
        color: #F3F4F6;
        margin: 0;
    }

.dashboard-container .section-subtitle[b-uqne35ihvu] {
    font-size: 0.95rem;
    color: #9CA3AF;
    margin: 0;
}

.dashboard-container .insights-grid[b-uqne35ihvu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.dashboard-container .insight-card[b-uqne35ihvu] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    transition: all 0.2s ease;
}

    .dashboard-container .insight-card:hover[b-uqne35ihvu] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    }

    .dashboard-container .insight-card.warning[b-uqne35ihvu] {
        border-left: 3px solid #FBBF24;
    }

.dashboard-container .insight-icon[b-uqne35ihvu] {
    flex-shrink: 0;
}

    .dashboard-container .insight-icon.success[b-uqne35ihvu] {
        color: #10B981;
    }

    .dashboard-container .insight-icon.warning[b-uqne35ihvu] {
        color: #FBBF24;
    }

.dashboard-container .insight-content[b-uqne35ihvu] {
    flex: 1;
}

    .dashboard-container .insight-content h4[b-uqne35ihvu] {
        font-size: 1rem;
        font-weight: 600;
        color: #F3F4F6;
        margin: 0 0 0.5rem 0;
    }

    .dashboard-container .insight-content p[b-uqne35ihvu] {
        font-size: 0.875rem;
        color: #9CA3AF;
        margin: 0;
    }

.dashboard-container .insight-score[b-uqne35ihvu] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #10B981;
}

/* ============================================
   INSIGHTS CARDS DETTAGLIATE
   ============================================ */
.dashboard-container .insights-cards-row[b-uqne35ihvu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.dashboard-container .insight-detail-card[b-uqne35ihvu] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    transition: all 0.2s ease;
}

    .dashboard-container .insight-detail-card:hover[b-uqne35ihvu] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    }

.dashboard-container .insight-detail-header[b-uqne35ihvu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.dashboard-container .insight-detail-icon[b-uqne35ihvu] {
    color: #10B981;
}

.dashboard-container .insight-detail-header h3[b-uqne35ihvu] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #9CA3AF;
    margin: 0;
}

.dashboard-container .insight-detail-value[b-uqne35ihvu] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #F3F4F6;
    margin-bottom: 0.75rem;
}

.dashboard-container .insight-detail-description[b-uqne35ihvu] {
    font-size: 0.8125rem;
    line-height: 1.5;
    color: #9CA3AF;
}

/* ============================================
   CHART LEGEND & BREAKDOWN
   ============================================ */
.dashboard-container .chart-legend[b-uqne35ihvu] {
    display: flex;
    gap: 1.5rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dashboard-container .legend-item[b-uqne35ihvu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #9CA3AF;
}

.dashboard-container .legend-dot[b-uqne35ihvu] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

    .dashboard-container .legend-dot.cassa[b-uqne35ihvu] {
        background: #6B7280;
    }

    .dashboard-container .legend-dot.free-cash[b-uqne35ihvu] {
        background: #10B981;
    }

.dashboard-container .liquidity-breakdown[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dashboard-container .breakdown-item[b-uqne35ihvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
}

.dashboard-container .breakdown-label[b-uqne35ihvu] {
    font-size: 0.875rem;
    color: #9CA3AF;
}

.dashboard-container .breakdown-value[b-uqne35ihvu] {
    font-size: 1rem;
    font-weight: 600;
    color: #F3F4F6;
}

/* ============================================
   FORECAST SECTION
   ============================================ */
.dashboard-container .forecast-section[b-uqne35ihvu] {
    margin-bottom: 2rem;
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
}

.dashboard-container .forecast-chart-container[b-uqne35ihvu] {
    margin-top: 1rem;
}

/* ============================================
   BOTTOM ROW (METRICS)
   ============================================ */
.dashboard-container .bottom-row[b-uqne35ihvu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.dashboard-container .metric-card[b-uqne35ihvu] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    gap: 1rem;
    transition: all 0.2s ease;
}

    .dashboard-container .metric-card:hover[b-uqne35ihvu] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    }

.dashboard-container .metric-icon[b-uqne35ihvu] {
    flex-shrink: 0;
    color: #10B981;
}

.dashboard-container .metric-info[b-uqne35ihvu] {
    flex: 1;
}

    .dashboard-container .metric-info h3[b-uqne35ihvu] {
        font-size: 0.875rem;
        font-weight: 600;
        color: #9CA3AF;
        margin: 0 0 0.5rem 0;
    }

.dashboard-container .metric-main-value[b-uqne35ihvu] {
    font-size: 2rem;
    font-weight: 700;
    color: #F3F4F6;
    margin-bottom: 1rem;
}

.dashboard-container .metric-details[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.dashboard-container .detail-row[b-uqne35ihvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8125rem;
}

    .dashboard-container .detail-row span:first-child[b-uqne35ihvu] {
        color: #9CA3AF;
    }

.dashboard-container .detail-value[b-uqne35ihvu] {
    font-weight: 600;
    color: #F3F4F6;
}

    .dashboard-container .detail-value.success[b-uqne35ihvu] {
        color: #10B981;
    }

/* ============================================
   TRANSACTIONS SECTION
   ============================================ */
.dashboard-container .transactions-section[b-uqne35ihvu] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
}

.dashboard-container .transactions-list[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dashboard-container .transaction-item[b-uqne35ihvu] {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    transition: all 0.2s ease;
}

    .dashboard-container .transaction-item:hover[b-uqne35ihvu] {
        background: rgba(255, 255, 255, 0.04);
    }

.dashboard-container .transaction-icon[b-uqne35ihvu] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .dashboard-container .transaction-icon.positive[b-uqne35ihvu] {
        background: rgba(16, 185, 129, 0.15);
    }

    .dashboard-container .transaction-icon.negative[b-uqne35ihvu] {
        background: rgba(239, 68, 68, 0.15);
    }

.dashboard-container .transaction-info[b-uqne35ihvu] {
    flex: 1;
}

.dashboard-container .transaction-title[b-uqne35ihvu] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #F3F4F6;
    margin-bottom: 0.25rem;
}

.dashboard-container .transaction-date[b-uqne35ihvu] {
    font-size: 0.75rem;
    color: #6B7280;
}

.dashboard-container .transaction-amount[b-uqne35ihvu] {
    font-size: 1rem;
    font-weight: 700;
}

    .dashboard-container .transaction-amount.positive[b-uqne35ihvu] {
        color: #10B981;
    }

    .dashboard-container .transaction-amount.negative[b-uqne35ihvu] {
        color: #EF4444;
    }

.dashboard-container .transaction-label[b-uqne35ihvu] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
}

    .dashboard-container .transaction-label.entrata[b-uqne35ihvu] {
        background: rgba(16, 185, 129, 0.15);
        color: #10B981;
    }

    .dashboard-container .transaction-label.uscita[b-uqne35ihvu] {
        background: rgba(239, 68, 68, 0.15);
        color: #EF4444;
    }

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 1400px) {
    .dashboard-container .kpi-cards[b-uqne35ihvu] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1200px) {
    .dashboard-container .kpi-cards[b-uqne35ihvu] {
        grid-template-columns: repeat(2, 1fr);
    }

    .dashboard-container .charts-row[b-uqne35ihvu] {
        grid-template-columns: 1fr;
    }

    .dashboard-container .insights-cards-row[b-uqne35ihvu] {
        grid-template-columns: repeat(2, 1fr);
    }

    .dashboard-container .bottom-row[b-uqne35ihvu] {
        grid-template-columns: 1fr;
    }

    .dashboard-container .insights-grid[b-uqne35ihvu] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .dashboard-container[b-uqne35ihvu] {
        padding: 1rem;
    }

        .dashboard-container .page-header[b-uqne35ihvu] {
            flex-direction: column;
            align-items: flex-start;
            gap: 1rem;
        }

        .dashboard-container .kpi-cards[b-uqne35ihvu] {
            grid-template-columns: 1fr;
        }

        .dashboard-container .insights-cards-row[b-uqne35ihvu] {
            grid-template-columns: 1fr;
        }

        .dashboard-container .transaction-item[b-uqne35ihvu] {
            grid-template-columns: auto 1fr;
            gap: 0.75rem;
        }

        .dashboard-container .transaction-amount[b-uqne35ihvu],
        .dashboard-container .transaction-label[b-uqne35ihvu] {
            grid-column: 2;
        }

        .dashboard-container .kpi-dual-values[b-uqne35ihvu] {
            flex-direction: column;
            gap: 16px;
        }

        .dashboard-container .kpi-dual-divider[b-uqne35ihvu] {
            width: 100%;
            height: 1px;
        }

    .kpi-tooltip-dialog[b-uqne35ihvu] {
        max-width: 95%;
        max-height: 90vh;
    }

    .kpi-tooltip-header[b-uqne35ihvu],
    .kpi-tooltip-content[b-uqne35ihvu] {
        padding: 16px;
    }
}

/* ============================================
   FASE 2: INSIGHTS MIGLIORATI
   ============================================ */

.dashboard-container .insight-card[b-uqne35ihvu] {
    position: relative;
    border-left: 3px solid transparent;
    transition: all 0.3s ease;
}

    .dashboard-container .insight-card.success[b-uqne35ihvu] {
        border-left-color: #10B981;
    }

    .dashboard-container .insight-card.warning[b-uqne35ihvu] {
        border-left-color: #FBBF24;
    }

    .dashboard-container .insight-card:hover[b-uqne35ihvu] {
        border-left-width: 4px;
    }

.dashboard-container .insight-header[b-uqne35ihvu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

    .dashboard-container .insight-header h4[b-uqne35ihvu] {
        margin: 0;
    }

.dashboard-container .info-icon-small[b-uqne35ihvu] {
    background: transparent;
    border: none;
    padding: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
    transition: all 0.2s ease;
    border-radius: 50%;
}

    .dashboard-container .info-icon-small:hover[b-uqne35ihvu] {
        opacity: 1;
        background: rgba(107, 114, 128, 0.15);
        transform: scale(1.2);
    }

    .dashboard-container .info-icon-small svg[b-uqne35ihvu] {
        color: #6B7280;
    }

    .dashboard-container .info-icon-small:hover svg[b-uqne35ihvu] {
        color: #3B82F6;
    }

.dashboard-container .insight-description[b-uqne35ihvu] {
    font-size: 0.875rem;
    color: #D1D5DB;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.dashboard-container .term-highlight[b-uqne35ihvu] {
    color: #3B82F6;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 3px;
    cursor: help;
    transition: all 0.2s ease;
}

    .dashboard-container .term-highlight:hover[b-uqne35ihvu] {
        color: #60A5FA;
        text-decoration-style: solid;
    }

.dashboard-container .insight-recommendation[b-uqne35ihvu] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem;
    background: rgba(16, 185, 129, 0.05);
    border-left: 2px solid #10B981;
    border-radius: 6px;
    font-size: 0.8125rem;
    color: #D1D5DB;
    line-height: 1.5;
}

.dashboard-container .insight-card.warning .insight-recommendation[b-uqne35ihvu] {
    background: rgba(251, 191, 36, 0.05);
    border-left-color: #FBBF24;
}

.dashboard-container .insight-recommendation svg[b-uqne35ihvu] {
    flex-shrink: 0;
    color: #10B981;
    margin-top: 2px;
}

.dashboard-container .insight-card.warning .insight-recommendation svg[b-uqne35ihvu] {
    color: #FBBF24;
}

/* Tooltip Dialog per Insights */
.term-dialog[b-uqne35ihvu] {
    max-width: 500px;
}

.action-list[b-uqne35ihvu] {
    margin: 0;
    padding-left: 1.5rem;
    list-style: none;
}

    .action-list li[b-uqne35ihvu] {
        position: relative;
        padding-left: 1.5rem;
        margin-bottom: 0.75rem;
        font-size: 0.875rem;
        color: #D1D5DB;
        line-height: 1.6;
    }

        .action-list li:last-child[b-uqne35ihvu] {
            margin-bottom: 0;
        }

        .action-list li[b-uqne35ihvu]::before {
            content: "→";
            position: absolute;
            left: 0;
            color: #10B981;
            font-weight: bold;
        }

.impact-text[b-uqne35ihvu] {
    font-size: 0.875rem;
    color: #D1D5DB;
    line-height: 1.6;
    padding: 1rem;
    background: rgba(16, 185, 129, 0.05);
    border-left: 3px solid #10B981;
    border-radius: 8px;
}

/* Responsive per Insights */
@media (max-width: 1200px) {
    .dashboard-container .insights-grid[b-uqne35ihvu] {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   FASE 3: ALERT BOX PROMINENTE "ABOVE THE FOLD"
   ============================================ */

.dashboard-container .prominent-alert-box[b-uqne35ihvu] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 2px solid;
    border-radius: 16px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
    animation: slideDown-b-uqne35ihvu 0.4s ease;
}

@keyframes slideDown-b-uqne35ihvu {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }

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

.dashboard-container .prominent-alert-box.alert-critical[b-uqne35ihvu] {
    border-color: #EF4444;
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.15) 0%, #1a2332 100%);
}

.dashboard-container .prominent-alert-box.alert-warning[b-uqne35ihvu] {
    border-color: #FBBF24;
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.1) 0%, #1a2332 100%);
}

.dashboard-container .prominent-alert-box.alert-success[b-uqne35ihvu] {
    border-color: #10B981;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, #1a2332 100%);
}

.dashboard-container .alert-box-header[b-uqne35ihvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dashboard-container .alert-box-title[b-uqne35ihvu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.dashboard-container .alert-box-icon[b-uqne35ihvu] {
    flex-shrink: 0;
}

.dashboard-container .alert-critical .alert-box-icon[b-uqne35ihvu] {
    color: #EF4444;
}

.dashboard-container .alert-warning .alert-box-icon[b-uqne35ihvu] {
    color: #FBBF24;
}

.dashboard-container .alert-success .alert-box-icon[b-uqne35ihvu] {
    color: #10B981;
}

.dashboard-container .alert-box-title h3[b-uqne35ihvu] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #F3F4F6;
    margin: 0;
}

.dashboard-container .alert-box-actions[b-uqne35ihvu] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.dashboard-container .update-time[b-uqne35ihvu] {
    font-size: 0.75rem;
    color: #9CA3AF;
}

.dashboard-container .btn-icon-small[b-uqne35ihvu] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    padding: 0.4rem;
    cursor: pointer;
    color: #9CA3AF;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .dashboard-container .btn-icon-small:hover[b-uqne35ihvu] {
        background: rgba(255, 255, 255, 0.1);
        color: #F3F4F6;
        transform: rotate(180deg);
    }

.dashboard-container .alert-box-content[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Status Indicators (Semafori) */
.dashboard-container .status-indicators[b-uqne35ihvu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.dashboard-container .status-badge[b-uqne35ihvu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    transition: all 0.2s ease;
}

    .dashboard-container .status-badge:hover[b-uqne35ihvu] {
        background: rgba(255, 255, 255, 0.04);
        transform: translateY(-2px);
    }

    .dashboard-container .status-badge svg[b-uqne35ihvu] {
        flex-shrink: 0;
        border-radius: 50%;
    }

    .dashboard-container .status-badge.status-success svg[b-uqne35ihvu] {
        color: #10B981;
    }

    .dashboard-container .status-badge.status-warning svg[b-uqne35ihvu] {
        color: #FBBF24;
    }

    .dashboard-container .status-badge.status-critical svg[b-uqne35ihvu] {
        color: #EF4444;
    }

.dashboard-container .badge-content[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.dashboard-container .badge-label[b-uqne35ihvu] {
    font-size: 0.75rem;
    color: #9CA3AF;
    font-weight: 500;
}

.dashboard-container .badge-value[b-uqne35ihvu] {
    font-size: 0.875rem;
    color: #F3F4F6;
    font-weight: 600;
}

/* Urgent Alerts */
.dashboard-container .urgent-alerts[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dashboard-container .urgent-alert-item[b-uqne35ihvu] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.02);
    border-left: 4px solid;
    border-radius: 8px;
    transition: all 0.2s ease;
}

    .dashboard-container .urgent-alert-item:hover[b-uqne35ihvu] {
        background: rgba(255, 255, 255, 0.04);
    }

    .dashboard-container .urgent-alert-item.critical[b-uqne35ihvu] {
        border-left-color: #EF4444;
        background: rgba(239, 68, 68, 0.05);
    }

    .dashboard-container .urgent-alert-item.warning[b-uqne35ihvu] {
        border-left-color: #FBBF24;
        background: rgba(251, 191, 36, 0.05);
    }

.dashboard-container .urgent-alert-icon[b-uqne35ihvu] {
    flex-shrink: 0;
    margin-top: 2px;
}

.dashboard-container .urgent-alert-item.critical .urgent-alert-icon[b-uqne35ihvu] {
    color: #EF4444;
}

.dashboard-container .urgent-alert-item.warning .urgent-alert-icon[b-uqne35ihvu] {
    color: #FBBF24;
}

.dashboard-container .urgent-alert-content[b-uqne35ihvu] {
    flex: 1;
}

.dashboard-container .urgent-alert-title[b-uqne35ihvu] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #F3F4F6;
    margin-bottom: 0.25rem;
}

.dashboard-container .urgent-alert-description[b-uqne35ihvu] {
    font-size: 0.8125rem;
    color: #D1D5DB;
    line-height: 1.5;
}

.dashboard-container .btn-action[b-uqne35ihvu] {
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid #3B82F6;
    color: #3B82F6;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
}

    .dashboard-container .btn-action:hover[b-uqne35ihvu] {
        background: rgba(59, 130, 246, 0.2);
        transform: translateX(4px);
    }

/* Financial Summary */
.dashboard-container .financial-summary[b-uqne35ihvu] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 10px;
}

.dashboard-container .summary-item[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.dashboard-container .summary-label[b-uqne35ihvu] {
    font-size: 0.75rem;
    color: #9CA3AF;
}

.dashboard-container .summary-value[b-uqne35ihvu] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #F3F4F6;
}

    .dashboard-container .summary-value.positive[b-uqne35ihvu] {
        color: #10B981;
    }

    .dashboard-container .summary-value.warning[b-uqne35ihvu] {
        color: #FBBF24;
    }

    .dashboard-container .summary-value.negative[b-uqne35ihvu] {
        color: #EF4444;
    }

.dashboard-container .summary-divider[b-uqne35ihvu] {
    width: 1px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
}

/* Responsive Alert Box */
@media (max-width: 1024px) {
    .dashboard-container .status-indicators[b-uqne35ihvu] {
        grid-template-columns: repeat(2, 1fr);
    }

    .dashboard-container .financial-summary[b-uqne35ihvu] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .dashboard-container .summary-divider[b-uqne35ihvu] {
        width: 100%;
        height: 1px;
    }
}

@media (max-width: 768px) {
    .dashboard-container .status-indicators[b-uqne35ihvu] {
        grid-template-columns: 1fr;
    }

    .dashboard-container .urgent-alert-item[b-uqne35ihvu] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .dashboard-container .btn-action[b-uqne35ihvu] {
        width: 100%;
        justify-content: center;
    }

    .dashboard-container .alert-box-header[b-uqne35ihvu] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
}

/* ============================================
   FASE 4: DRAWER LATERALE DRILL-DOWN
   ============================================ */

/* Overlay per il drawer */
.drawer-overlay[b-uqne35ihvu] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
    z-index: 2000;
    display: flex;
    justify-content: flex-end;
    animation: fadeIn-b-uqne35ihvu 0.3s ease;
}

/* Pannello drawer laterale */
.drawer-panel[b-uqne35ihvu] {
    background: #0f1419;
    width: 600px;
    max-width: 90vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.5);
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

    .drawer-panel.drawer-open[b-uqne35ihvu] {
        transform: translateX(0);
    }

/* Header del drawer */
.drawer-header[b-uqne35ihvu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
}

.drawer-title[b-uqne35ihvu] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.drawer-icon[b-uqne35ihvu] {
    color: #10B981;
    flex-shrink: 0;
}

.drawer-title h2[b-uqne35ihvu] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #F3F4F6;
    margin: 0;
}

.drawer-close-btn[b-uqne35ihvu] {
    background: transparent;
    border: none;
    padding: 0.5rem;
    cursor: pointer;
    color: #9CA3AF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: all 0.2s ease;
}

    .drawer-close-btn:hover[b-uqne35ihvu] {
        background: rgba(239, 68, 68, 0.1);
        color: #EF4444;
    }

/* Contenuto del drawer */
.drawer-content[b-uqne35ihvu] {
    flex: 1;
    overflow-y: auto;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

    /* Scrollbar personalizzata per drawer */
    .drawer-content[b-uqne35ihvu]::-webkit-scrollbar {
        width: 8px;
    }

    .drawer-content[b-uqne35ihvu]::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.05);
    }

    .drawer-content[b-uqne35ihvu]::-webkit-scrollbar-thumb {
        background: rgba(107, 114, 128, 0.5);
        border-radius: 4px;
    }

        .drawer-content[b-uqne35ihvu]::-webkit-scrollbar-thumb:hover {
            background: rgba(107, 114, 128, 0.7);
        }

/* Sezioni dettaglio */
.detail-section[b-uqne35ihvu] {
    margin-bottom: 2rem;
}

    .detail-section:last-child[b-uqne35ihvu] {
        margin-bottom: 0;
    }

    .detail-section h3[b-uqne35ihvu] {
        font-size: 1.125rem;
        font-weight: 600;
        color: #F3F4F6;
        margin: 0 0 1.5rem 0;
        padding-bottom: 0.75rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

/* Detail Cards (per conti bancari, ecc.) */
.detail-cards[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.detail-card[b-uqne35ihvu] {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 1.25rem;
    transition: all 0.2s ease;
}

    .detail-card:hover[b-uqne35ihvu] {
        background: rgba(255, 255, 255, 0.04);
        border-color: rgba(16, 185, 129, 0.3);
    }

.detail-card-header[b-uqne35ihvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.detail-label[b-uqne35ihvu] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #9CA3AF;
}

.detail-badge[b-uqne35ihvu] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
}

    .detail-badge.positive[b-uqne35ihvu] {
        background: rgba(16, 185, 129, 0.15);
        color: #10B981;
    }

    .detail-badge.negative[b-uqne35ihvu] {
        background: rgba(239, 68, 68, 0.15);
        color: #EF4444;
    }

.detail-value[b-uqne35ihvu] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #F3F4F6;
    margin-bottom: 0.75rem;
}

.detail-meta[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: #6B7280;
}

/* Mini Chart */
.mini-chart[b-uqne35ihvu] {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 1rem;
}

/* Movimenti/Transazioni dettaglio */
.detail-transactions[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.detail-transaction-item[b-uqne35ihvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    transition: all 0.2s ease;
}

    .detail-transaction-item:hover[b-uqne35ihvu] {
        background: rgba(255, 255, 255, 0.04);
    }

    .detail-transaction-item .transaction-info[b-uqne35ihvu] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }

.transaction-desc[b-uqne35ihvu] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #D1D5DB;
}

.transaction-date[b-uqne35ihvu] {
    font-size: 0.75rem;
    color: #6B7280;
}

.transaction-amount[b-uqne35ihvu] {
    font-size: 1rem;
    font-weight: 700;
}

    .transaction-amount.positive[b-uqne35ihvu] {
        color: #10B981;
    }

    .transaction-amount.negative[b-uqne35ihvu] {
        color: #EF4444;
    }

/* Ratio Breakdown */
.ratio-breakdown[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.breakdown-row[b-uqne35ihvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    font-size: 0.875rem;
}

    .breakdown-row span:first-child[b-uqne35ihvu] {
        color: #9CA3AF;
    }

    .breakdown-row .value[b-uqne35ihvu] {
        font-weight: 600;
        color: #F3F4F6;
    }

        .breakdown-row .value.negative[b-uqne35ihvu] {
            color: #EF4444;
        }

    .breakdown-row.total[b-uqne35ihvu] {
        background: rgba(59, 130, 246, 0.1);
        border: 1px solid rgba(59, 130, 246, 0.3);
    }

    .breakdown-row.result[b-uqne35ihvu] {
        background: rgba(16, 185, 129, 0.1);
        border: 1px solid rgba(16, 185, 129, 0.3);
    }

    .breakdown-row .value.highlight[b-uqne35ihvu] {
        font-size: 1.25rem;
        color: #10B981;
    }

.breakdown-divider[b-uqne35ihvu] {
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0.5rem 0;
}

/* Trend Comparison */
.trend-comparison[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.trend-item[b-uqne35ihvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
}

.trend-label[b-uqne35ihvu] {
    font-size: 0.875rem;
    color: #9CA3AF;
}

.trend-value[b-uqne35ihvu] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #F3F4F6;
    margin: 0 1rem;
}

.trend-change[b-uqne35ihvu] {
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
}

    .trend-change.positive[b-uqne35ihvu] {
        background: rgba(16, 185, 129, 0.15);
        color: #10B981;
    }

/* CCN Components */
.ccn-components[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.component-item[b-uqne35ihvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.875rem 1rem;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    font-size: 0.875rem;
}

    .component-item.positive[b-uqne35ihvu] {
        border-left: 3px solid #10B981;
    }

    .component-item.negative[b-uqne35ihvu] {
        border-left: 3px solid #EF4444;
    }

    .component-item.total[b-uqne35ihvu] {
        background: rgba(16, 185, 129, 0.1);
        border: 1px solid rgba(16, 185, 129, 0.3);
        font-weight: 700;
        font-size: 1rem;
    }

.component-divider[b-uqne35ihvu] {
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0.5rem 0;
}

/* CCC Breakdown */
.ccc-breakdown[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.ccc-metric[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ccc-label[b-uqne35ihvu] {
    font-size: 0.875rem;
    color: #9CA3AF;
    font-weight: 500;
}

.ccc-value[b-uqne35ihvu] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #F3F4F6;
}

.ccc-bar[b-uqne35ihvu] {
    width: 100%;
    height: 8px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    overflow: hidden;
}

.ccc-bar-fill[b-uqne35ihvu] {
    height: 100%;
    background: linear-gradient(90deg, #10B981 0%, #3B82F6 100%);
    border-radius: 4px;
    transition: width 0.5s ease;
}

.ccc-metric.negative .ccc-bar-fill[b-uqne35ihvu] {
    background: linear-gradient(90deg, #EF4444 0%, #FBBF24 100%);
}

.ccc-divider[b-uqne35ihvu] {
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 1rem 0;
}

.ccc-result[b-uqne35ihvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid rgba(16, 185, 129, 0.3);
    border-radius: 8px;
    font-weight: 700;
}

.result-value[b-uqne35ihvu] {
    font-size: 1.5rem;
    color: #10B981;
}

/* Debt Structure */
.debt-structure[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.debt-item[b-uqne35ihvu] {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 1.25rem;
    transition: all 0.2s ease;
}

    .debt-item:hover[b-uqne35ihvu] {
        background: rgba(255, 255, 255, 0.04);
        border-color: rgba(251, 191, 36, 0.3);
    }

.debt-header[b-uqne35ihvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.debt-name[b-uqne35ihvu] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #F3F4F6;
}

.debt-type[b-uqne35ihvu] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
    background: rgba(59, 130, 246, 0.15);
    color: #3B82F6;
}

.debt-details[b-uqne35ihvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.debt-amount[b-uqne35ihvu] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #F3F4F6;
}

.debt-info[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-end;
    font-size: 0.8125rem;
    color: #9CA3AF;
}

.debt-progress[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.progress-bar[b-uqne35ihvu] {
    width: 100%;
    height: 8px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    overflow: hidden;
}

.progress-fill[b-uqne35ihvu] {
    height: 100%;
    background: linear-gradient(90deg, #10B981 0%, #3B82F6 100%);
    border-radius: 4px;
    transition: width 0.5s ease;
}

.progress-label[b-uqne35ihvu] {
    font-size: 0.75rem;
    color: #9CA3AF;
}

/* Amortization Schedule */
.amortization-schedule[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.schedule-item[b-uqne35ihvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
}

.schedule-period[b-uqne35ihvu] {
    font-size: 0.875rem;
    color: #9CA3AF;
}

.schedule-amount[b-uqne35ihvu] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #F3F4F6;
}

/* Azioni del drawer */
.drawer-actions[b-uqne35ihvu] {
    display: flex;
    gap: 1rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: auto;
}

.btn-primary[b-uqne35ihvu],
.btn-secondary[b-uqne35ihvu] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    border: none;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-primary[b-uqne35ihvu] {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    color: white;
}

    .btn-primary:hover[b-uqne35ihvu] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);
    }

.btn-secondary[b-uqne35ihvu] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #F3F4F6;
}

    .btn-secondary:hover[b-uqne35ihvu] {
        background: rgba(255, 255, 255, 0.1);
    }

/* Responsive Drawer */
@media (max-width: 768px) {
    .drawer-panel[b-uqne35ihvu] {
        width: 100vw;
        max-width: 100vw;
    }

    .drawer-header[b-uqne35ihvu] {
        padding: 1.5rem;
    }

    .drawer-title h2[b-uqne35ihvu] {
        font-size: 1.25rem;
    }

    .drawer-content[b-uqne35ihvu] {
        padding: 1.5rem;
    }

    .drawer-actions[b-uqne35ihvu] {
        flex-direction: column;
    }

    .detail-value[b-uqne35ihvu] {
        font-size: 1.5rem;
    }

    .debt-amount[b-uqne35ihvu] {
        font-size: 1.25rem;
    }
}

@media (max-width: 480px) {
    .drawer-header[b-uqne35ihvu] {
        padding: 1rem;
    }

    .drawer-content[b-uqne35ihvu] {
        padding: 1rem;
    }

    .detail-section h3[b-uqne35ihvu] {
        font-size: 1rem;
    }
}

.data-update-badge[b-uqne35ihvu] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 12px;
    padding: 4px 8px;
    background: rgba(var(--primary-rgb), 0.1);
    border-radius: 4px;
    font-size: 11px;
    color: var(--text-secondary);
}

.data-update-badge svg[b-uqne35ihvu] {
    color: var(--primary);
}

/* Forecast Section */
.forecast-section[b-uqne35ihvu] {
    margin-top: 2rem;
}

.forecast-chart-container[b-uqne35ihvu] {
    background: var(--surface-card);
    border-radius: 12px;
    padding: 1.5rem;
    border: 1px solid var(--surface-border);
}

/* Forecast Metrics Cards */
.forecast-metrics[b-uqne35ihvu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
}

.forecast-metric-card[b-uqne35ihvu] {
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(148, 163, 184, 0.1);
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    transition: all 0.3s ease;
}

    .forecast-metric-card:hover[b-uqne35ihvu] {
        background: rgba(30, 41, 59, 0.7);
        border-color: rgba(148, 163, 184, 0.2);
        transform: translateY(-2px);
    }

.forecast-label[b-uqne35ihvu] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.forecast-value[b-uqne35ihvu] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
}

    .forecast-value.positive[b-uqne35ihvu] {
        color: var(--success-color);
        text-align: center;
    }

    .forecast-value.warning[b-uqne35ihvu] {
        color: var(--warning-color);
        text-align: center;
    }

    .forecast-value.negative[b-uqne35ihvu] {
        color: var(--danger-color);
        text-align: center;
    }

.forecast-trend[b-uqne35ihvu] {
    font-size: 0.875rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
    width: fit-content;
}

    .forecast-trend.positive[b-uqne35ihvu] {
        background: rgba(16, 185, 129, 0.1);
        color: var(--success-color);
    }

    .forecast-trend.negative[b-uqne35ihvu] {
        background: rgba(239, 68, 68, 0.1);
        color: var(--danger-color);
    }

    /* Icone per i trend */
    .forecast-trend.positive[b-uqne35ihvu]::before {
        content: "↗";
        font-size: 1rem;
    }

    .forecast-trend.negative[b-uqne35ihvu]::before {
        content: "↘";
        font-size: 1rem;
    }

/* /Pages/Debito.razor.rz.scp.css */
/* ===================================
   DEBITO PAGE - COMPLETE STYLES
   Dark Theme Financial Dashboard
   =================================== */

/* Base Container */
.dashboard-container[b-wd3nmj2c7g] {
    padding: 2rem;
    background: #0a0e14;
    min-height: calc(100vh - 140px);
    color: white;
}

    /* ===================================
   PAGE HEADER
   =================================== */
    .dashboard-container .page-header[b-wd3nmj2c7g] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2rem;
    }

    .dashboard-container .page-title[b-wd3nmj2c7g] {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .dashboard-container .page-icon[b-wd3nmj2c7g] {
        color: #64b5f6;
    }

    .dashboard-container .page-title h1[b-wd3nmj2c7g] {
        margin: 0;
        font-size: 1.75rem;
        color: white;
        font-weight: 700;
    }

    .dashboard-container .page-subtitle[b-wd3nmj2c7g] {
        margin: 0.25rem 0 0 0;
        font-size: 0.85rem;
        color: rgba(255, 255, 255, 0.6);
    }

    .dashboard-container .page-actions[b-wd3nmj2c7g] {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .dashboard-container .date-badge[b-wd3nmj2c7g] {
        padding: 0.5rem 1rem;
        background: rgba(100, 181, 246, 0.15);
        border: 1px solid rgba(100, 181, 246, 0.3);
        border-radius: 8px;
        color: #64b5f6;
        font-size: 0.85rem;
        font-weight: 600;
    }

    .dashboard-container .btn-icon[b-wd3nmj2c7g] {
        background: transparent;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 6px;
        padding: 0.5rem;
        cursor: pointer;
        color: rgba(255, 255, 255, 0.7);
        transition: all 0.2s ease;
    }

        .dashboard-container .btn-icon:hover[b-wd3nmj2c7g] {
            background: rgba(255, 255, 255, 0.1);
            color: white;
        }

    /* ===================================
   KPI CARDS
   =================================== */
    .dashboard-container .kpi-cards[b-wd3nmj2c7g] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 1.5rem;
        margin-bottom: 2rem;
    }

    .dashboard-container .kpi-card[b-wd3nmj2c7g] {
        background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 12px;
        padding: 1.5rem;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

        .dashboard-container .kpi-card:hover[b-wd3nmj2c7g] {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
        }

    .dashboard-container .kpi-header[b-wd3nmj2c7g] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1rem;
    }

    .dashboard-container .kpi-icon[b-wd3nmj2c7g] {
        color: #64b5f6;
    }

    .dashboard-container .kpi-badge[b-wd3nmj2c7g] {
        padding: 0.25rem 0.75rem;
        border-radius: 12px;
        font-size: 0.75rem;
        font-weight: 600;
    }

        .dashboard-container .kpi-badge.positive[b-wd3nmj2c7g] {
            background: rgba(76, 175, 80, 0.2);
            color: #4caf50;
        }

        .dashboard-container .kpi-badge.stable[b-wd3nmj2c7g] {
            background: rgba(33, 150, 243, 0.2);
            color: #64b5f6;
        }

        .dashboard-container .kpi-badge.neutral[b-wd3nmj2c7g] {
            background: rgba(255, 152, 0, 0.2);
            color: #ff9800;
        }

    .dashboard-container .kpi-value[b-wd3nmj2c7g] {
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 0.5rem;
        color: white;
    }

    .dashboard-container .kpi-label[b-wd3nmj2c7g] {
        font-size: 0.95rem;
        font-weight: 600;
        margin-bottom: 0.25rem;
        color: white;
    }

    .dashboard-container .kpi-subtitle[b-wd3nmj2c7g] {
        font-size: 0.75rem;
        color: rgba(255, 255, 255, 0.5);
    }

    /* ===================================
   CHARTS ROW
   =================================== */
    .dashboard-container .charts-row[b-wd3nmj2c7g] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
        margin-bottom: 2rem;
    }

    .dashboard-container .chart-card[b-wd3nmj2c7g] {
        background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 12px;
        padding: 1.5rem;
    }

        .dashboard-container .chart-card.large[b-wd3nmj2c7g] {
            grid-column: span 2;
        }

        .dashboard-container .chart-card.medium[b-wd3nmj2c7g] {
            grid-column: span 1;
        }

        .dashboard-container .chart-card.small[b-wd3nmj2c7g] {
            grid-column: span 1;
        }

    .dashboard-container .chart-header[b-wd3nmj2c7g] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 1.5rem;
    }

        .dashboard-container .chart-header h3[b-wd3nmj2c7g] {
            margin: 0 0 0.25rem 0;
            font-size: 1rem;
            color: white;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

    .dashboard-container .chart-subtitle[b-wd3nmj2c7g] {
        margin: 0;
        font-size: 0.75rem;
        color: rgba(255, 255, 255, 0.5);
    }

    .dashboard-container .section-icon[b-wd3nmj2c7g] {
        color: #64b5f6;
    }

    /* ===================================
   ALERTS LIST
   =================================== */
    .dashboard-container .alerts-list[b-wd3nmj2c7g] {
        display: grid;
        gap: 0.75rem;
    }

    .dashboard-container .alert-item[b-wd3nmj2c7g] {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1rem;
        background: rgba(255, 255, 255, 0.02);
        border-radius: 8px;
        border-left: 3px solid;
        transition: background 0.2s ease;
    }

        .dashboard-container .alert-item:hover[b-wd3nmj2c7g] {
            background: rgba(255, 255, 255, 0.04);
        }

        .dashboard-container .alert-item.warning[b-wd3nmj2c7g] {
            border-left-color: #ff9800;
        }

        .dashboard-container .alert-item.info[b-wd3nmj2c7g] {
            border-left-color: #64b5f6;
        }

        .dashboard-container .alert-item.success[b-wd3nmj2c7g] {
            border-left-color: #4caf50;
        }

    .dashboard-container .alert-icon[b-wd3nmj2c7g] {
        flex-shrink: 0;
    }

    .dashboard-container .alert-item.warning .alert-icon[b-wd3nmj2c7g] {
        color: #ff9800;
    }

    .dashboard-container .alert-item.info .alert-icon[b-wd3nmj2c7g] {
        color: #64b5f6;
    }

    .dashboard-container .alert-item.success .alert-icon[b-wd3nmj2c7g] {
        color: #4caf50;
    }

    .dashboard-container .alert-content[b-wd3nmj2c7g] {
        flex: 1;
    }

    .dashboard-container .alert-title[b-wd3nmj2c7g] {
        font-weight: 600;
        color: white;
        font-size: 0.9rem;
        margin-bottom: 0.25rem;
    }

    .dashboard-container .alert-description[b-wd3nmj2c7g] {
        font-size: 0.8rem;
        color: rgba(255, 255, 255, 0.6);
    }

    /* ===================================
   COVENANT LIST
   =================================== */
    .dashboard-container .covenant-list[b-wd3nmj2c7g] {
        display: grid;
        gap: 1rem;
    }

    .dashboard-container .covenant-item[b-wd3nmj2c7g] {
        padding: 1rem;
        background: rgba(255, 255, 255, 0.02);
        border-radius: 8px;
    }

    .dashboard-container .covenant-header[b-wd3nmj2c7g] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.75rem;
    }

    .dashboard-container .covenant-name[b-wd3nmj2c7g] {
        font-size: 0.9rem;
        color: white;
        font-weight: 600;
    }

    .dashboard-container .covenant-status[b-wd3nmj2c7g] {
        padding: 0.25rem 0.75rem;
        border-radius: 12px;
        font-size: 0.7rem;
        font-weight: 600;
    }

        .dashboard-container .covenant-status.success[b-wd3nmj2c7g] {
            background: rgba(76, 175, 80, 0.2);
            color: #4caf50;
        }

    .dashboard-container .covenant-progress[b-wd3nmj2c7g] {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .dashboard-container .progress-bar[b-wd3nmj2c7g] {
        flex: 1;
        height: 8px;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 4px;
        overflow: hidden;
    }

    .dashboard-container .progress-fill[b-wd3nmj2c7g] {
        height: 100%;
        border-radius: 4px;
        transition: width 0.3s ease;
    }

        .dashboard-container .progress-fill.success[b-wd3nmj2c7g] {
            background: linear-gradient(90deg, #4caf50, #66bb6a);
        }

    .dashboard-container .covenant-value[b-wd3nmj2c7g] {
        font-size: 0.8rem;
        color: rgba(255, 255, 255, 0.7);
        min-width: 80px;
        text-align: right;
    }

    /* ===================================
   DETAIL TABLES
   =================================== */
    .dashboard-container .tables-section[b-wd3nmj2c7g] {
        margin-bottom: 2rem;
    }

    .dashboard-container .table-card[b-wd3nmj2c7g] {
        background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 12px;
        padding: 1.5rem;
    }

    .dashboard-container .section-header[b-wd3nmj2c7g] {
        margin-bottom: 1.5rem;
    }

    .dashboard-container .section-title[b-wd3nmj2c7g] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        margin-bottom: 0.5rem;
    }

        .dashboard-container .section-title h3[b-wd3nmj2c7g] {
            margin: 0;
            font-size: 1.1rem;
            color: white;
        }

    .dashboard-container .section-subtitle[b-wd3nmj2c7g] {
        margin: 0;
        color: rgba(255, 255, 255, 0.5);
        font-size: 0.8rem;
    }

    .dashboard-container .detail-table[b-wd3nmj2c7g] {
        margin-top: 1rem;
    }

        .dashboard-container .detail-table .table-header[b-wd3nmj2c7g] {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
            gap: 1rem;
            padding: 1rem;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 8px;
            margin-bottom: 0.5rem;
        }

        .dashboard-container .detail-table .table-row[b-wd3nmj2c7g] {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
            gap: 1rem;
            padding: 1rem;
            background: rgba(255, 255, 255, 0.02);
            border-radius: 8px;
            margin-bottom: 0.5rem;
            transition: background 0.2s ease;
        }

            .dashboard-container .detail-table .table-row:hover[b-wd3nmj2c7g] {
                background: rgba(255, 255, 255, 0.05);
            }

        .dashboard-container .detail-table .table-header > div[b-wd3nmj2c7g] {
            font-size: 0.75rem;
            color: rgba(255, 255, 255, 0.6);
            font-weight: 600;
            text-transform: uppercase;
        }

    .dashboard-container .creditore-name[b-wd3nmj2c7g] {
        font-weight: 600;
        color: white;
        font-size: 0.9rem;
        margin-bottom: 0.25rem;
    }

    .dashboard-container .creditore-type[b-wd3nmj2c7g] {
        font-size: 0.75rem;
        color: rgba(255, 255, 255, 0.5);
    }

    .dashboard-container .col-importo[b-wd3nmj2c7g],
    .dashboard-container .col-tasso[b-wd3nmj2c7g],
    .dashboard-container .col-scadenza[b-wd3nmj2c7g],
    .dashboard-container .col-rata[b-wd3nmj2c7g] {
        color: white;
        font-size: 0.9rem;
    }

    /* ===================================
   TIMELINE SECTION
   =================================== */
    .dashboard-container .timeline-section[b-wd3nmj2c7g] {
        background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 12px;
        padding: 1.5rem;
        margin-bottom: 2rem;
    }

    .dashboard-container .timeline-chart[b-wd3nmj2c7g] {
        display: grid;
        gap: 1.5rem;
        margin-top: 1.5rem;
    }

    .dashboard-container .timeline-item[b-wd3nmj2c7g] {
        display: grid;
        grid-template-columns: 100px 1fr;
        gap: 1rem;
        align-items: center;
    }

    .dashboard-container .timeline-date[b-wd3nmj2c7g] {
        font-size: 0.85rem;
        color: rgba(255, 255, 255, 0.7);
        font-weight: 600;
    }

    .dashboard-container .timeline-bar[b-wd3nmj2c7g] {
        height: 40px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        padding: 0 1rem;
        position: relative;
        transition: all 0.3s ease;
    }

        .dashboard-container .timeline-bar:hover[b-wd3nmj2c7g] {
            transform: translateX(5px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
        }

    .dashboard-container .timeline-label[b-wd3nmj2c7g] {
        color: white;
        font-size: 0.85rem;
        font-weight: 600;
    }

    /* ===================================
   SIMULATOR SECTION
   =================================== */
    .dashboard-container .simulator-section[b-wd3nmj2c7g] {
        background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 12px;
        padding: 1.5rem;
        margin-bottom: 2rem;
    }

    .dashboard-container .simulator-content[b-wd3nmj2c7g] {
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap: 2rem;
        margin-top: 1.5rem;
    }

    .dashboard-container .simulator-inputs[b-wd3nmj2c7g] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .dashboard-container .input-group[b-wd3nmj2c7g] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

        .dashboard-container .input-group label[b-wd3nmj2c7g] {
            font-size: 0.85rem;
            color: rgba(255, 255, 255, 0.7);
            font-weight: 600;
        }

    .dashboard-container .simulator-input[b-wd3nmj2c7g] {
        padding: 0.75rem;
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 8px;
        color: white;
        font-size: 0.9rem;
        transition: all 0.2s ease;
    }

        .dashboard-container .simulator-input:focus[b-wd3nmj2c7g] {
            outline: none;
            border-color: #64b5f6;
            background: rgba(255, 255, 255, 0.08);
        }

    .dashboard-container .btn-primary[b-wd3nmj2c7g] {
        padding: 0.75rem 1.5rem;
        background: linear-gradient(135deg, #64b5f6, #2196f3);
        border: none;
        border-radius: 8px;
        color: white;
        font-weight: 600;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        transition: all 0.2s ease;
    }

        .dashboard-container .btn-primary:hover[b-wd3nmj2c7g] {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4);
        }

    .dashboard-container .simulator-results[b-wd3nmj2c7g] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .dashboard-container .result-card[b-wd3nmj2c7g] {
        padding: 1.5rem;
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 8px;
        transition: all 0.2s ease;
    }

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

        .dashboard-container .result-card.highlight[b-wd3nmj2c7g] {
            background: linear-gradient(135deg, rgba(76, 175, 80, 0.1), rgba(76, 175, 80, 0.05));
            border-color: rgba(76, 175, 80, 0.3);
        }

    .dashboard-container .result-label[b-wd3nmj2c7g] {
        font-size: 0.8rem;
        color: rgba(255, 255, 255, 0.6);
        margin-bottom: 0.5rem;
    }

    .dashboard-container .result-value[b-wd3nmj2c7g] {
        font-size: 1.75rem;
        font-weight: 700;
        color: white;
        margin-bottom: 0.5rem;
    }

        .dashboard-container .result-value.current[b-wd3nmj2c7g] {
            color: #f44336;
        }

        .dashboard-container .result-value.new[b-wd3nmj2c7g] {
            color: #4caf50;
        }

    .dashboard-container .result-saving[b-wd3nmj2c7g] {
        font-size: 0.85rem;
        color: #4caf50;
        font-weight: 600;
    }

    /* ===================================
   INSIGHTS SECTION
   =================================== */
    .dashboard-container .insights-section[b-wd3nmj2c7g] {
        background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 12px;
        padding: 1.5rem;
        margin-bottom: 2rem;
    }

    .dashboard-container .insights-grid[b-wd3nmj2c7g] {
        display: grid;
        gap: 1rem;
    }

    .dashboard-container .insight-card[b-wd3nmj2c7g] {
        display: grid;
        grid-template-columns: auto 1fr auto;
        gap: 1rem;
        align-items: center;
        padding: 1rem;
        background: rgba(255, 255, 255, 0.03);
        border-radius: 8px;
        border-left: 3px solid #4caf50;
    }

        .dashboard-container .insight-card.warning[b-wd3nmj2c7g] {
            border-left-color: #ff9800;
        }

        .dashboard-container .insight-card.success[b-wd3nmj2c7g] {
            border-left-color: #4caf50;
        }

    .dashboard-container .insight-icon[b-wd3nmj2c7g] {
        width: 20px;
        height: 20px;
    }

        .dashboard-container .insight-icon.success[b-wd3nmj2c7g] {
            color: #4caf50;
        }

        .dashboard-container .insight-icon.warning[b-wd3nmj2c7g] {
            color: #ff9800;
        }

    .dashboard-container .insight-content h4[b-wd3nmj2c7g] {
        margin: 0 0 0.25rem 0;
        font-size: 0.9rem;
        color: white;
    }

    .dashboard-container .insight-content p[b-wd3nmj2c7g] {
        margin: 0;
        font-size: 0.8rem;
        color: rgba(255, 255, 255, 0.7);
    }

    .dashboard-container .insight-score[b-wd3nmj2c7g] {
        font-size: 1.1rem;
        font-weight: 700;
        color: white;
    }

    /* ===================================
   CHART PLACEHOLDER
   =================================== */
    .dashboard-container .chart-placeholder[b-wd3nmj2c7g] {
        background: rgba(255, 255, 255, 0.02);
        border-radius: 8px;
        border: 1px dashed rgba(255, 255, 255, 0.1);
    }

/* ===================================
   RESPONSIVE
   =================================== */
@media (max-width: 1200px) {
    .dashboard-container .charts-row[b-wd3nmj2c7g] {
        grid-template-columns: 1fr;
    }

    .dashboard-container .chart-card.large[b-wd3nmj2c7g],
    .dashboard-container .chart-card.medium[b-wd3nmj2c7g],
    .dashboard-container .chart-card.small[b-wd3nmj2c7g] {
        grid-column: span 1;
    }

    .dashboard-container .simulator-content[b-wd3nmj2c7g] {
        grid-template-columns: 1fr;
    }

    .dashboard-container .detail-table .table-header[b-wd3nmj2c7g],
    .dashboard-container .detail-table .table-row[b-wd3nmj2c7g] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .dashboard-container .kpi-cards[b-wd3nmj2c7g] {
        grid-template-columns: repeat(2, 1fr);
    }

    .dashboard-container .detail-table-strumenti .table-header-strumenti[b-wd3nmj2c7g],
    .dashboard-container .detail-table-strumenti .table-row-strumenti[b-wd3nmj2c7g] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }
}

@media (max-width: 768px) {
    .dashboard-container[b-wd3nmj2c7g] {
        padding: 1rem;
    }

        .dashboard-container .page-header[b-wd3nmj2c7g] {
            flex-direction: column;
            align-items: flex-start;
            gap: 1rem;
        }

        .dashboard-container .kpi-cards[b-wd3nmj2c7g] {
            grid-template-columns: 1fr;
        }

        .dashboard-container .timeline-item[b-wd3nmj2c7g] {
            grid-template-columns: 1fr;
        }

        .dashboard-container .simulator-results[b-wd3nmj2c7g] {
            grid-template-columns: 1fr;
        }
}

/* ===================================
   DETAIL TABLE STRUMENTI
   =================================== */
.dashboard-container .detail-table-strumenti[b-wd3nmj2c7g] {
    margin-top: 1rem;
}

    .dashboard-container .detail-table-strumenti .table-header-strumenti[b-wd3nmj2c7g] {
        display: grid;
        grid-template-columns: 2fr 1fr 1.2fr 1fr 1fr 1.2fr 1fr;
        gap: 1rem;
        padding: 1rem;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 8px;
        margin-bottom: 0.5rem;
    }

    .dashboard-container .detail-table-strumenti .table-row-strumenti[b-wd3nmj2c7g] {
        display: grid;
        grid-template-columns: 2fr 1fr 1.2fr 1fr 1fr 1.2fr 1fr;
        gap: 1rem;
        padding: 1rem;
        background: rgba(255, 255, 255, 0.02);
        border-radius: 8px;
        margin-bottom: 0.5rem;
        transition: background 0.2s ease;
        align-items: center;
    }

        .dashboard-container .detail-table-strumenti .table-row-strumenti:hover[b-wd3nmj2c7g] {
            background: rgba(255, 255, 255, 0.05);
        }

    .dashboard-container .detail-table-strumenti .table-header-strumenti > div[b-wd3nmj2c7g] {
        font-size: 0.75rem;
        color: rgba(255, 255, 255, 0.6);
        font-weight: 600;
        text-transform: uppercase;
    }

.dashboard-container .strumento-name[b-wd3nmj2c7g] {
    font-weight: 600;
    color: white;
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}

.dashboard-container .strumento-creditore[b-wd3nmj2c7g] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
}

.dashboard-container .highlight-value[b-wd3nmj2c7g] {
    color: #64b5f6;
    font-weight: 600;
}

.dashboard-container .utilizzo-credito[b-wd3nmj2c7g] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 400;
}

.dashboard-container .covenant-mini[b-wd3nmj2c7g] {
    padding: 0.25rem 0.5rem;
    border-radius: 8px;
    font-size: 0.7rem;
    font-weight: 600;
    display: inline-block;
}

    .dashboard-container .covenant-mini.success[b-wd3nmj2c7g] {
        background: rgba(76, 175, 80, 0.2);
        color: #4caf50;
    }

    .dashboard-container .covenant-mini.warning[b-wd3nmj2c7g] {
        background: rgba(255, 152, 0, 0.2);
        color: #ff9800;
    }

.dashboard-container .detail-table-strumenti .table-row-strumenti > div[b-wd3nmj2c7g] {
    color: white;
    font-size: 0.85rem;
}
/* /Pages/GestioneAccount.razor.rz.scp.css */
/* Account Page - Stile incapsulato */
.account-page[b-eoijxljzbb] {
    min-height: 100vh;
    background: #0a0e14;
    padding: 2rem 1rem;
}

.account-container[b-eoijxljzbb] {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.account-header[b-eoijxljzbb] {
    margin-bottom: 2rem;
}

.account-title[b-eoijxljzbb] {
    margin: 0 0 1.5rem 0;
    font-size: 2rem;
    font-weight: 700;
    color: white;
}

.divider[b-eoijxljzbb] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0;
}

.account-content[b-eoijxljzbb] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 2rem;
    align-items: start;
}

.account-sidebar[b-eoijxljzbb] {
    position: sticky;
    top: 2rem;
}

.account-main[b-eoijxljzbb] {
    min-width: 0;
}

/* Responsive */
@media (max-width: 992px) {
    .account-content[b-eoijxljzbb] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .account-sidebar[b-eoijxljzbb] {
        position: static;
    }
}

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

    .account-title[b-eoijxljzbb] {
        font-size: 1.5rem;
    }
}
/* /Pages/Scadenziario.razor.rz.scp.css */
/* ============================================
   SCADENZIARIO — Dark Theme (stile Dashboard)
   ============================================ */

.dashboard-container[b-tic9qvo506] {
    padding: 2rem;
    background: #0a0e14;
    min-height: calc(100vh - 140px);
    color: white;
}

/* ── HEADER ────────────────────────────────── */
.dashboard-container .page-header[b-tic9qvo506] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.dashboard-container .page-title[b-tic9qvo506] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.dashboard-container .page-icon[b-tic9qvo506] { color: #64b5f6; }

.dashboard-container .page-title h1[b-tic9qvo506] {
    font-size: 2rem;
    font-weight: 700;
    margin: 0;
    color: #F3F4F6;
}

.dashboard-container .page-subtitle[b-tic9qvo506] {
    font-size: 0.875rem;
    color: #9CA3AF;
    margin: 0.25rem 0 0 0;
}

.dashboard-container .page-actions[b-tic9qvo506] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.btn-icon[b-tic9qvo506] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0.5rem 1rem;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    color: #9CA3AF;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-icon:hover[b-tic9qvo506] {
    background: rgba(255,255,255,0.1);
    color: #F3F4F6;
}

.btn-icon.btn-icon-accent[b-tic9qvo506] {
    border-color: rgba(100,181,246,0.4);
    color: #64b5f6;
}

.btn-icon.btn-icon-accent:hover[b-tic9qvo506] {
    background: rgba(100,181,246,0.1);
}

/* ── FILTRI ────────────────────────────────── */
.filtri-card[b-tic9qvo506] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.filtri-row[b-tic9qvo506] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.search-wrap[b-tic9qvo506] {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 200px;
    max-width: 320px;
}

.search-ico[b-tic9qvo506] {
    position: absolute;
    left: 10px;
    color: #6B7280;
    pointer-events: none;
}

.input-dark[b-tic9qvo506] {
    width: 100%;
    padding: 0.5rem 0.75rem 0.5rem 2rem;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    color: #F3F4F6;
    font-size: 0.875rem;
    outline: none;
    transition: border-color 0.2s;
}

.input-dark[b-tic9qvo506]::placeholder { color: #6B7280; }

.input-dark:focus[b-tic9qvo506] {
    border-color: rgba(100,181,246,0.5);
    background: rgba(255,255,255,0.07);
}

.input-date[b-tic9qvo506] {
    padding-left: 0.75rem;
    min-width: 140px;
    max-width: 160px;
    cursor: pointer;
}

.select-dark[b-tic9qvo506] {
    appearance: none;
    -webkit-appearance: none;
    background-color: #1a2332 !important;
    color: #F3F4F6 !important;
    color-scheme: dark;
    padding: 0.5rem 0.75rem;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    font-size: 0.875rem;
    outline: none;
    cursor: pointer;
    transition: border-color 0.2s;
    min-width: 220px;
}

    .select-dark option[b-tic9qvo506] {
        background-color: #1a2332;
        color: #F3F4F6;
    }

.select-dark:focus[b-tic9qvo506] { border-color: rgba(100,181,246,0.5); }

.select-small[b-tic9qvo506] { min-width: 110px; padding: 0.3rem 0.6rem; font-size: 0.8rem; }

.btn-filtro[b-tic9qvo506] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0.5rem 1rem;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    color: #9CA3AF;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.btn-filtro:hover[b-tic9qvo506] {
    background: rgba(255,255,255,0.08);
    color: #F3F4F6;
}

.btn-filtro.active[b-tic9qvo506] {
    background: rgba(100,181,246,0.15);
    border-color: rgba(100,181,246,0.4);
    color: #64b5f6;
}

.periodo-row[b-tic9qvo506] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.periodo-row label[b-tic9qvo506] {
    font-size: 0.8rem;
    color: #9CA3AF;
}

/* ── CONTATORI ─────────────────────────────── */
.contatori-bar[b-tic9qvo506] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.8125rem;
    color: #6B7280;
    margin-bottom: 1.25rem;
}

.cnt strong[b-tic9qvo506] { color: #9CA3AF; font-weight: 600; }
.cnt.modificate strong[b-tic9qvo506] { color: #64b5f6; }
.cnt.incomplete strong[b-tic9qvo506] { color: #EF4444; }
.cnt-sep[b-tic9qvo506] { color: rgba(255,255,255,0.15); }

.toggle-sys[b-tic9qvo506] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    cursor: pointer;
    font-size: 0.8rem;
    color: #6B7280;
    user-select: none;
}

.toggle-sys input[b-tic9qvo506] { accent-color: #64b5f6; cursor: pointer; }

/* ── LAYOUT TABELLA + PANNELLO ─────────────── */
.main-layout[b-tic9qvo506] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    align-items: start;
}

.main-layout.with-panel[b-tic9qvo506] {
    grid-template-columns: 1fr 460px;
}

/* ── CARD TABELLA ──────────────────────────── */
.table-card[b-tic9qvo506] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    overflow: hidden;
}

.table-scroll[b-tic9qvo506] {
    overflow-x: auto;
}

/* ── TABELLA ───────────────────────────────── */
.scad-table[b-tic9qvo506] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.scad-table thead tr[b-tic9qvo506] {
    background: rgba(255,255,255,0.03);
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.scad-table th[b-tic9qvo506] {
    padding: 0.875rem 0.875rem;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: #6B7280;
    white-space: nowrap;
    user-select: none;
}

.th-sort[b-tic9qvo506] { cursor: pointer; }
.th-sort:hover[b-tic9qvo506] { color: #9CA3AF; }
.th-right[b-tic9qvo506] { text-align: right; }
.th-center[b-tic9qvo506] { text-align: center; }

.sort-ico[b-tic9qvo506] { font-size: 0.7rem; opacity: 0.4; margin-left: 3px; }
.sort-ico.active[b-tic9qvo506] { opacity: 1; color: #64b5f6; }

.scad-row[b-tic9qvo506] {
    border-bottom: 1px solid rgba(255,255,255,0.05);
    cursor: pointer;
    transition: background 0.15s ease;
}

.scad-row:hover[b-tic9qvo506] {
    background: rgba(255,255,255,0.04);
}

.scad-row.selected[b-tic9qvo506] {
    background: rgba(100,181,246,0.08);
    border-left: 3px solid #64b5f6;
}

.scad-table td[b-tic9qvo506] {
    padding: 0.875rem 0.875rem;
    color: #D1D5DB;
    vertical-align: middle;
}

.td-center[b-tic9qvo506] { text-align: center; }
.td-right[b-tic9qvo506]  { text-align: right; }

.td-controparte[b-tic9qvo506] {
    font-weight: 500;
    color: #F3F4F6;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.td-oggetto[b-tic9qvo506] {
    max-width: 240px;
}

.oggetto-text[b-tic9qvo506] {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #9CA3AF;
    font-size: 0.8125rem;
}

.company-switcher[b-tic9qvo506] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.company-switcher-label[b-tic9qvo506] {
    font-size: 0.8rem;
    color: #9CA3AF;
    margin: 0;
    white-space: nowrap;
}

input[type="date"][b-tic9qvo506] {
    color-scheme: dark;
}

    input[type="date"][b-tic9qvo506]::-webkit-calendar-picker-indicator {
        filter: invert(0.9) brightness(0.9);
        opacity: 0.9;
        cursor: pointer;
    }

/* ── Filtri a livello colonna (thead riga 2) ───────────────── */
.scad-table thead .column-filter-row[b-tic9qvo506] {
    background: rgba(255,255,255,0.02);
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

    .scad-table thead .column-filter-row th[b-tic9qvo506] {
        padding: 0.5rem 0.6rem;
        vertical-align: top;
        white-space: normal;
    }

    .scad-table thead .column-filter-row .input-dark[b-tic9qvo506],
    .scad-table thead .column-filter-row .select-dark[b-tic9qvo506] {
        width: 100%;
        min-width: 0;
        font-size: 0.78rem;
        padding: 0.38rem 0.55rem; /* override padding-left con icona */
        height: 32px;
    }

        .scad-table thead .column-filter-row .input-dark[b-tic9qvo506]::placeholder {
            color: #7b8394;
        }

        .scad-table thead .column-filter-row .input-dark + .input-dark[b-tic9qvo506],
        .scad-table thead .column-filter-row .input-dark + .select-dark[b-tic9qvo506],
        .scad-table thead .column-filter-row .select-dark + .input-dark[b-tic9qvo506],
        .scad-table thead .column-filter-row .select-dark + .select-dark[b-tic9qvo506] {
            margin-top: 4px;
        }

    /* evita comportamento "sortable" visivo sulla riga filtri */
    .scad-table thead .column-filter-row .th-sort[b-tic9qvo506] {
        cursor: default;
    }

    /* datepicker dark nel filtro colonna */
    .scad-table thead .column-filter-row input[type="date"][b-tic9qvo506] {
        color-scheme: dark;
    }

        .scad-table thead .column-filter-row input[type="date"][b-tic9qvo506]::-webkit-calendar-picker-indicator {
            filter: invert(0.9) brightness(0.9);
            opacity: 0.9;
            cursor: pointer;
        }

.no-results-row td[b-tic9qvo506] {
    padding: 1.2rem 0.8rem;
}

.table-empty[b-tic9qvo506] {
    margin: 0.4rem 0;
}

/* ── VALORI COLORATI ───────────────────────── */
.val-danger[b-tic9qvo506] { color: #EF4444; }
.val-ok[b-tic9qvo506]     { color: #10B981; }
.val-accent[b-tic9qvo506] { color: #64b5f6; }
.fw-bold[b-tic9qvo506]    { font-weight: 700; }
.muted[b-tic9qvo506]      { color: #6B7280; }

/* E/R Badge */
.er-badge[b-tic9qvo506] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    font-size: 0.72rem;
    font-weight: 700;
}

.er-e[b-tic9qvo506] { background: rgba(100,181,246,0.15); color: #64b5f6; border: 1px solid rgba(100,181,246,0.3); }
.er-r[b-tic9qvo506] { background: rgba(239,68,68,0.15);   color: #EF4444; border: 1px solid rgba(239,68,68,0.3); }

/* Tag piccoli */
.tag-sm[b-tic9qvo506] {
    display: inline-block;
    margin-left: 5px;
    padding: 1px 6px;
    font-size: 0.65rem;
    border-radius: 8px;
    background: rgba(100,181,246,0.12);
    color: #64b5f6;
    border: 1px solid rgba(100,181,246,0.2);
}

.tag-sm.tag-warn[b-tic9qvo506] {
    background: rgba(251,191,36,0.12);
    color: #FBBF24;
    border-color: rgba(251,191,36,0.25);
}

/* Metodo pagamento */
.metodo-pill[b-tic9qvo506] {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 12px;
    font-size: 0.72rem;
    font-weight: 600;
    background: rgba(255,255,255,0.06);
    color: #D1D5DB;
    border: 1px solid rgba(255,255,255,0.1);
}

/* Stato */
.stato-pill[b-tic9qvo506] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}

.stato-aperta[b-tic9qvo506]      { background: rgba(59,130,246,0.15);  color: #3B82F6;  border: 1px solid rgba(59,130,246,0.3); }
.stato-parziale[b-tic9qvo506]    { background: rgba(251,191,36,0.15);  color: #FBBF24;  border: 1px solid rgba(251,191,36,0.3); }
.stato-chiusa[b-tic9qvo506]      { background: rgba(16,185,129,0.15);  color: #10B981;  border: 1px solid rgba(16,185,129,0.3); }
.stato-saldata[b-tic9qvo506]     { background: rgba(16,185,129,0.15);  color: #10B981;  border: 1px solid rgba(16,185,129,0.3); }
.stato-insoluta[b-tic9qvo506]    { background: rgba(239,68,68,0.15);   color: #EF4444;  border: 1px solid rgba(239,68,68,0.3); }
.stato-sospesa[b-tic9qvo506]     { background: rgba(167,139,250,0.15); color: #A78BFA;  border: 1px solid rgba(167,139,250,0.3); }
.stato-rinegoziata[b-tic9qvo506] { background: rgba(236,72,153,0.15);  color: #EC4899;  border: 1px solid rgba(236,72,153,0.3); }

/* Delta giorni */
.delta-badge[b-tic9qvo506] {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 600;
}

.delta-neg[b-tic9qvo506]  { background: rgba(239,68,68,0.15);   color: #EF4444; }
.delta-warn[b-tic9qvo506] { background: rgba(251,191,36,0.15);  color: #FBBF24; }
.delta-ok[b-tic9qvo506]   { background: rgba(16,185,129,0.1);   color: #10B981; }

/* Pulsante azioni riga */
.btn-dots[b-tic9qvo506] {
    background: transparent;
    border: none;
    color: #6B7280;
    font-size: 1rem;
    letter-spacing: 2px;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 4px;
    transition: color 0.2s;
}

.btn-dots:hover[b-tic9qvo506] { color: #F3F4F6; }

/* ── PAGINAZIONE ───────────────────────────── */
.pager[b-tic9qvo506] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.875rem 1.25rem;
    border-top: 1px solid rgba(255,255,255,0.07);
    background: rgba(255,255,255,0.02);
    gap: 12px;
    flex-wrap: wrap;
}

.pager-info[b-tic9qvo506] {
    font-size: 0.8125rem;
    color: #6B7280;
}

.pager-btns[b-tic9qvo506] {
    display: flex;
    gap: 4px;
}

.pager-btn[b-tic9qvo506] {
    padding: 5px 10px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 6px;
    color: #9CA3AF;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s;
    min-width: 32px;
    text-align: center;
}

.pager-btn:hover:not(:disabled)[b-tic9qvo506] {
    background: rgba(255,255,255,0.08);
    color: #F3F4F6;
}

.pager-btn.active[b-tic9qvo506] {
    background: rgba(100,181,246,0.2);
    border-color: rgba(100,181,246,0.4);
    color: #64b5f6;
    font-weight: 600;
}

.pager-btn:disabled[b-tic9qvo506] {
    opacity: 0.3;
    cursor: not-allowed;
}

/* ── LOADING / EMPTY ───────────────────────── */
.loading-box[b-tic9qvo506], .empty-box[b-tic9qvo506] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 60px 20px;
    color: #6B7280;
    font-size: 0.875rem;
}

.spinner[b-tic9qvo506] {
    width: 32px;
    height: 32px;
    border: 3px solid rgba(255,255,255,0.1);
    border-top-color: #64b5f6;
    border-radius: 50%;
    animation: spin-b-tic9qvo506 0.9s linear infinite;
}

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

/* ── PANNELLO DETTAGLIO ────────────────────── */
.detail-panel[b-tic9qvo506] {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    overflow-y: auto;
    max-height: calc(100vh - 200px);
    display: flex;
    flex-direction: column;
    gap: 0;
}

.dp-header[b-tic9qvo506] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.02);
}

.dp-avatar-row[b-tic9qvo506] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dp-avatar[b-tic9qvo506] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 700;
    flex-shrink: 0;
}

.av-e[b-tic9qvo506] { background: rgba(100,181,246,0.2); color: #64b5f6; }
.av-r[b-tic9qvo506] { background: rgba(239,68,68,0.2);   color: #EF4444; }

.dp-name[b-tic9qvo506] {
    font-size: 1rem;
    font-weight: 700;
    color: #F3F4F6;
    display: block;
}

.dp-badges[b-tic9qvo506] {
    display: flex;
    gap: 6px;
    margin-top: 5px;
    flex-wrap: wrap;
}

.alert-pill[b-tic9qvo506] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 600;
    background: rgba(251,191,36,0.15);
    color: #FBBF24;
    border: 1px solid rgba(251,191,36,0.3);
}

.btn-close-panel[b-tic9qvo506] {
    background: none;
    border: none;
    color: #8b92a8;
    cursor: pointer;
    font-size: 1rem;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

    .btn-close-panel:hover[b-tic9qvo506] {
        background: #263044;
        color: #e2e8f0;
    }

.dp-sub[b-tic9qvo506] {
    padding: 0.875rem 1.5rem;
    font-size: 0.8125rem;
    color: #9CA3AF;
    line-height: 1.5;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.dp-highlight[b-tic9qvo506] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0.875rem 1.5rem;
    font-size: 0.875rem;
    color: #9CA3AF;
    background: rgba(255,255,255,0.02);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    flex-wrap: wrap;
}

.dp-section[b-tic9qvo506] {
    border-top: 1px solid rgba(255,255,255,0.06);
}

.dp-section-title[b-tic9qvo506] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0.75rem 1.5rem;
    background: rgba(255,255,255,0.03);
    font-size: 0.8rem;
    font-weight: 600;
    color: #9CA3AF;
    letter-spacing: 0.03em;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.dp-rows[b-tic9qvo506] { display: flex; flex-direction: column; }

.dp-row[b-tic9qvo506] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.625rem 1.5rem;
    font-size: 0.8125rem;
    border-bottom: 1px solid rgba(255,255,255,0.03);
}

.dp-row:last-child[b-tic9qvo506] { border-bottom: none; }

.dp-row span:first-child[b-tic9qvo506] {
    color: #6B7280;
    min-width: 120px;
    flex-shrink: 0;
}

.dp-row strong[b-tic9qvo506] {
    color: #D1D5DB;
    text-align: right;
    word-break: break-word;
}

/* ── RESPONSIVE ────────────────────────────── */
@media (max-width: 1400px) {
    .main-layout.with-panel[b-tic9qvo506] {
        grid-template-columns: 1fr 400px;
    }
}

@media (max-width: 1100px) {
    .main-layout.with-panel[b-tic9qvo506] {
        grid-template-columns: 1fr;
    }
    .detail-panel[b-tic9qvo506] {
        max-height: 600px;
    }
}

@media (max-width: 768px) {
    .dashboard-container[b-tic9qvo506] { padding: 1rem; }
    .dashboard-container .page-header[b-tic9qvo506] { flex-direction: column; align-items: flex-start; gap: 1rem; }
    .filtri-row[b-tic9qvo506] { flex-direction: column; align-items: stretch; }
    .search-wrap[b-tic9qvo506] { max-width: 100%; }
}
/* /Pages/Shared/MainLayout.razor.rz.scp.css */
/* App Layout */
.main-layout[b-we9np2offh] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /*background: #0a0e14;*/
    background: #f5f5f5;
}

/* Header Styles - Dark Theme Custom */
.main-layout .top-header[b-we9np2offh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    padding: 0.75rem 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    height: 60px;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.main-layout .header-brand[b-we9np2offh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 280px;
}

.main-layout .brand-icon[b-we9np2offh] {
    color: #64b5f6;
}

.main-layout .brand-info h3[b-we9np2offh] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: white;
}

.main-layout .brand-subtitle[b-we9np2offh] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.6);
    display: block;
    margin-top: -2px;
    font-weight: 400;
}

.main-layout .header-actions[b-we9np2offh] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    min-width: 350px;
    justify-content: flex-end;
}

.main-layout .btn-import[b-we9np2offh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(255, 255, 255, 0.1);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.main-layout .btn-import:hover[b-we9np2offh] {
    background: rgba(255, 255, 255, 0.15);
}

.main-layout .btn-import svg[b-we9np2offh] {
    width: 16px;
    height: 16px;
}

.main-layout .header-time[b-we9np2offh] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: white;
}

.main-layout .header-time .time[b-we9np2offh] {
    font-size: 1rem;
    font-weight: 600;
    color: white;
}

.main-layout .header-time .date[b-we9np2offh] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.6);
}

.main-layout .profile-section[b-we9np2offh] {
    display: flex;
    align-items: center;
}

/* Body Content */
.main-layout .main-body[b-we9np2offh] {
    flex: 1;
    background: #0a0e14;
    padding: 0;
    width: 100%;
}

.main-layout .content[b-we9np2offh] {
    width: 100%;
    padding: 0;
    background: #0a0e14;
}

/* Footer */
.main-layout .dark-footer[b-we9np2offh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1rem 1.5rem;
    color: rgba(255, 255, 255, 0.7);
}   

.main-layout .footer-spacer[b-we9np2offh] {
    flex: 1;
}

.main-layout .dark-footer a[b-we9np2offh] {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: color 0.2s ease;
    font-size: 0.9rem;
}

.main-layout .dark-footer a:hover[b-we9np2offh] {
    color: white;
}

/* Responsive */
@media (max-width: 1200px) {
    .main-layout .header-brand[b-we9np2offh] {
        min-width: 200px;
    }
    
    .main-layout .brand-subtitle[b-we9np2offh] {
        display: none;
    }
    
    .main-layout .header-actions[b-we9np2offh] {
        min-width: auto;
        gap: 1rem;
    }
}

@media (max-width: 768px) {
    .main-layout .top-header[b-we9np2offh] {
        flex-wrap: wrap;
        height: auto;
        padding: 0.5rem 1rem;
    }
    
    .main-layout .header-brand[b-we9np2offh] {
        min-width: auto;
    }
    
    .main-layout .header-actions[b-we9np2offh] {
        width: 100%;
        justify-content: space-between;
        margin-top: 0.5rem;
    }
    
    .main-layout .btn-import span[b-we9np2offh] {
        display: none;
    }
}
/* /Pages/Shared/NavMenu.razor.rz.scp.css */
/* Horizontal Navigation - Custom Dark Theme */
.horizontal-nav[b-77z706u6o6] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex: 1;
    justify-content: center;
}

.horizontal-nav .nav-btn[b-77z706u6o6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: transparent;
    color: rgba(255, 255, 255, 0.8);
    border: none;
    padding: 0.5rem 1.25rem;
    border-radius: 8px;
    transition: all 0.2s ease;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    font-family: inherit;
}

.horizontal-nav .nav-btn svg[b-77z706u6o6] {
    width: 18px;
    height: 18px;
}

.horizontal-nav .nav-btn:hover[b-77z706u6o6] {
    background: rgba(255, 255, 255, 0.1);
    color: white;
}

.horizontal-nav .nav-btn.active[b-77z706u6o6] {
    background: rgba(255, 255, 255, 0.15);
    color: white;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Responsive */
@media (max-width: 1024px) {
    .horizontal-nav[b-77z706u6o6] {
        gap: 0.25rem;
    }
    
    .horizontal-nav .nav-btn[b-77z706u6o6] {
        padding: 0.4rem 1rem;
        font-size: 0.85rem;
    }
}

@media (max-width: 768px) {
    .horizontal-nav[b-77z706u6o6] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 0.5rem;
    }
    
    .horizontal-nav .nav-btn[b-77z706u6o6] {
        padding: 0.3rem 0.75rem;
        font-size: 0.8rem;
    }
    
    .horizontal-nav .nav-btn svg[b-77z706u6o6] {
        width: 16px;
        height: 16px;
    }
}
/* /Pages/Shared/ProfileIcon.razor.rz.scp.css */
/* Profile Icon - Stile incapsulato */
.profile-icon-container[b-alqlgbe3f4] {
    position: relative;
}

.profile-button[b-alqlgbe3f4] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.2);
    background: transparent;
    cursor: pointer;
    padding: 0;
    overflow: hidden;
    transition: all 0.2s ease;
}

.profile-button:hover[b-alqlgbe3f4] {
    border-color: #64b5f6;
    transform: scale(1.05);
}

.profile-image[b-alqlgbe3f4] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-menu[b-alqlgbe3f4] {
    position: absolute;
    top: 50px;
    right: 0;
    min-width: 280px;
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    animation: slideDown-b-alqlgbe3f4 0.2s ease;
}

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

.profile-menu-header[b-alqlgbe3f4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
}

.profile-menu-image[b-alqlgbe3f4] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid rgba(100, 181, 246, 0.3);
    object-fit: cover;
}

.profile-menu-info[b-alqlgbe3f4] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.profile-menu-label[b-alqlgbe3f4] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.25rem;
}

.profile-menu-email[b-alqlgbe3f4] {
    font-size: 0.9rem;
    color: white;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-menu-divider[b-alqlgbe3f4] {
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0;
}

.profile-menu-item[b-alqlgbe3f4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.875rem 1.25rem;
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
}

.profile-menu-item:hover[b-alqlgbe3f4] {
    background: rgba(100, 181, 246, 0.1);
    color: #64b5f6;
}

.profile-menu-item svg[b-alqlgbe3f4] {
    flex-shrink: 0;
    color: currentColor;
}

.profile-menu-item.logout[b-alqlgbe3f4] {
    color: rgba(255, 255, 255, 0.7);
}

.profile-menu-item.logout:hover[b-alqlgbe3f4] {
    background: rgba(244, 67, 54, 0.1);
    color: #ff5252;
}

/* Responsive */
@media (max-width: 600px) {
    .profile-menu[b-alqlgbe3f4] {
        right: -10px;
        min-width: 260px;
    }
}
/* /Pages/Shared/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-bov0z891mg],
.components-reconnect-repeated-attempt-visible[b-bov0z891mg],
.components-reconnect-failed-visible[b-bov0z891mg],
.components-pause-visible[b-bov0z891mg],
.components-resume-failed-visible[b-bov0z891mg],
.components-rejoining-animation[b-bov0z891mg] {
    display: none;
}

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


#components-reconnect-modal[b-bov0z891mg] {
    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-bov0z891mg 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-bov0z891mg {
    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;
    }
}