#account_statistics_wrapper .am-account-toolbar {
    background-color: #202747;
    padding: 8px 12px;
    border-radius: 8px;
    color: #fff;
}

#account_statistics_wrapper #block-account-management-links {
    display: flex;
    flex-direction: column;
}

#account_statistics_wrapper table.phidias-table.archived-payout-tab .highlight-row {
    background-color: #ffcccc;
}

#account_statistics_wrapper .blurred .blur-block {
    filter: blur(5px);
    color: black ;
}

#account_statistics_wrapper .am-common div a[href^="/account/reset"],
#account_statistics_wrapper .reset {
    background: linear-gradient(to bottom, #4c60de, #3f3f51);

}


#account_statistics_wrapper .am-common .switch-to-live-decorator,
#account_statistics_wrapper .switch-to-live,
#account_statistics_wrapper a.switch-to-live,
#account_statistics_wrapper a.switch-to-live-decorator {
    background: linear-gradient(to bottom, #22c55e, #15803d) !important;
    color: #fff !important;
    padding: 6px 14px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-shadow: 0 2px 8px rgba(34, 197, 94, 0.45) !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}
#account_statistics_wrapper .am-common .switch-to-live-decorator:hover,
#account_statistics_wrapper .switch-to-live:hover,
#account_statistics_wrapper a.switch-to-live:hover {
    background: linear-gradient(to bottom, #34d76d, #166534) !important;
    box-shadow: 0 4px 14px rgba(34, 197, 94, 0.6) !important;
    transform: scale(1.05) !important;
}


#account_statistics_wrapper  #evalStatus {
    margin: 20px;
}
#account_statistics_wrapper  .am-account-toolbar a {
    color: #202747;
    text-decoration-color: #3f7fb099;
    background-color: #fff;
    padding: 0 8px;
    border-radius: 12px;
    font-weight: 600;
    border: 1px solid #202747;
}
#account_statistics_wrapper  .am-account-toolbar a:hover {
    /* transform: scale(1.1);  */
    color:#fff;
    background: #202747;
    border: 1px solid #fff;
}
#account_statistics_wrapper  .am-account-toolbar a:hover::before {
    color:#fff;
}

#account_statistics_wrapper .am-body-content input[type="submit"] {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 20px;
    background: linear-gradient(to bottom, #202747, #3c487b);
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
}

#account_statistics_wrapper .am-body-content input[type="submit"]:hover {
    transform: scale(1.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    background: linear-gradient(to bottom, #202747, #3c487b);
}

/* Stats */
#account_statistics_wrapper .chrt-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

#account_statistics_wrapper #charts-container .box-chrt-container{
    flex: 1 1 calc(30% - 10px); /* 3 items per row with some margin */
    margin: 0;
}

#account_statistics_wrapper #charts-container {
    margin: 10px;
}

@media (max-width: 900px) {
    #account_statistics_wrapper #charts-container .box-chrt-container{
        flex: 1 1 calc(50% - 10px); /* 2 items per row with some margin */
    }
}

@media (max-width: 600px) {
    #account_statistics_wrapper #charts-container .box-chrt-container{
        flex: 1 1 calc(100% - 10px); /* 1 item per row with some margin */
    }
}
#account_statistics_wrapper .box-chrt-container {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 16px;
    padding: 24px;
    margin: 10px;
    width: 100%;
}

#account_statistics_wrapper .box-chart {
    margin-top: 15px;
    height: 300px;
}

#account_statistics_wrapper .netPnl,
#account_statistics_wrapper #payoutDiv {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#account_statistics_wrapper .account-stat-block-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 10px;
}
#account_statistics_wrapper #label-select {
    display: block;
    font-weight: 600;
    font-size: larger;
}

#account_statistics_wrapper #label-select {
    margin: 0 10px;
}

#account_statistics_wrapper .account-select-block {
    display: flex;
    gap: 10px;
    margin: 10px;
}

#account_statistics_wrapper .center {
    display: flex;
    flex-direction: column;
}
#account_statistics_wrapper #consistency,
#account_statistics_wrapper #profit{
    width: 60%;
    height: auto;
}
#account_statistics_wrapper .first-line-block {
    width: 18%;
    min-width: 200px;
}

#account_statistics_wrapper #specific-account,
#account_statistics_wrapper #charts-container {
    width: -webkit-fill-available;
    display:flex ;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}
#account_statistics_wrapper #charts-container {
    gap: 10px;
}

#account_statistics_wrapper .account-stat-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 5px;
    /* width: 225px;  */
    height: 225px;

    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 16px;
    padding: 20px;
}

#account_statistics_wrapper #block-account-balance .account-stat-number,
#account_statistics_wrapper #block-available-payout-amount .account-stat-number {
    font-size: 32px;
    text-align: center;
}

/* PNL Block */

#account_statistics_wrapper #block-pnl .account-stat-number {
    font-size: 32px;
}

#account_statistics_wrapper #totalPNL {
    margin-top: 15px;
}

#account_statistics_wrapper #block-pnl .account-stat-label {
    margin-top: 5px;
}

/* End PNL Block */

#account_statistics_wrapper .account-stat-number {
    font-size: 48px;
    font-weight: bold;
    color: var(--pure-white);
}

#account_statistics_wrapper .account-stat-number-x {
    font-size: 48px;
    font-weight: bold;
    color: var(--pure-white);
    display: none;
}

#account_statistics_wrapper .blurred .account-stat-number {
    display: none;
}

#account_statistics_wrapper .blurred .account-stat-number-x {
    display: block;
}

#account_statistics_wrapper .account-stat-label {
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: var(--pure-white);
}

#account_statistics_wrapper .button-and-payout-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
}
/* Fin refonte graphique */

#account_statistics_wrapper #stat-blocks-container {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.95) 100%);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(211, 181, 116, 0.3);
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgba(211, 181, 116, 0.3);
    border-left: 4px solid var(--classic-gold);
    border-radius: 12px;
    padding: 20px 24px;
    margin-bottom: 28px;
}

#account_statistics_wrapper .payout{
    display: flex;
    flex-direction: column;
    align-items: center;
}

#account_statistics_wrapper .management-btn {
    padding: 12px 20px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    border: 1px solid;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

#account_statistics_wrapper .management-btn.reset {
    background: rgba(245, 158, 11, 0.15);
    border-color: rgba(245, 158, 11, 0.3);
    color: var(--warning-orange);
}

#account_statistics_wrapper .management-btn.reset:hover {
    background: rgba(245, 158, 11, 0.25);
}

#account_statistics_wrapper .management-btn.payment {
    background: rgba(59, 130, 246, 0.15);
    border-color: rgba(59, 130, 246, 0.3);
    color: var(--info-blue);
}

#account_statistics_wrapper .management-btn.payment:hover {
    background: rgba(59, 130, 246, 0.25);
}

#account_statistics_wrapper .management-btn.payout {
    background: linear-gradient(135deg, var(--classic-gold) 0%, var(--light-gold) 100%);
    border-color: transparent;
    color: var(--deep-navy);
}

#account_statistics_wrapper .management-btn.payout:hover {
    box-shadow: 0 4px 16px rgba(211, 181, 116, 0.4);
    transform: translateY(-1px);
}

#account_statistics_wrapper .management-btn.payout[disabled] {
    background: linear-gradient(135deg, #6b7280 0%, #9ca3af 100%);
    opacity: 0.6;
    cursor: not-allowed;
}

#account_statistics_wrapper .management-btn.cancel-sub {
    background: rgba(231, 76, 60, 0.15);
    border-color: rgba(231, 76, 60, 0.3);
    color: var(--danger-red);
}

#account_statistics_wrapper .management-btn.cancel-sub:hover {
    background: rgba(231, 76, 60, 0.25);
}