/* =========================================================
   MYPROFITDAY DASHBOARD
   DESKTOP + TABLET + MOBILE
========================================================= */


/* =========================================================
   1. BASE
========================================================= */

*{
    box-sizing:border-box;
}

html,
body{
    margin:0 !important;
    padding:0 !important;
    min-height:100%;
    background:#050B14 !important;
}

body{
    font-family:Inter, Arial, sans-serif;
    color:#FFFFFF;
}


/* Evitar fondos blancos de WordPress / Hello Elementor */

#page,
.site,
.site-main,
main,
.content-area,
.site-content,
.elementor,
.elementor-section-wrap,
.elementor-location-single{
    background:#050B14 !important;
}


/* =========================================================
   2. ESTRUCTURA GENERAL
   ADS | DASHBOARD | ADS
========================================================= */

.mpd-page{
    width:100%;
    min-height:100vh;

    display:grid;

    grid-template-columns:minmax(0,1020px);

    justify-content:center;
    align-items:start;

    gap:22px;

    padding:20px 20px 60px;

    background:#050B14;
}


/* =========================================================
   3. PUBLICIDAD LATERAL
========================================================= */

.mpd-ad{
    width:100%;
    height:650px;

    margin-top:70px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px dashed #314056;
    border-radius:14px;

    color:#53657D;

    font-size:10px;
    font-weight:600;
    letter-spacing:1px;

    text-transform:uppercase;
}

.mpd-ad span{
    writing-mode:vertical-rl;
    transform:rotate(180deg);
}


/* =========================================================
   4. DASHBOARD
========================================================= */

#mpd-app{
    width:100%;
    max-width:1020px;
    min-width:0;

    margin:0 auto;
    padding:0;

    color:#FFFFFF;
}


/* =========================================================
   5. HEADER
========================================================= */

.mpd-header{
    width:100%;
    min-height:50px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-bottom:14px;
}


.mpd-brand{
    display:flex;
    align-items:center;

    gap:9px;

    color:#FFFFFF;
    text-decoration:none;

    font-size:16px;
    font-weight:800;
}


.mpd-brand-logo{
    width:32px;
    height:32px;

    display:block;

    object-fit:cover;

    border-radius:8px;

    box-shadow:
        0 0 20px rgba(34,197,94,.20);
}


.mpd-user{
    display:flex;
    align-items:center;

    gap:11px;
}


.mpd-user-text{
    display:flex;
    flex-direction:column;

    align-items:flex-end;

    gap:2px;
}


.mpd-user-text span{
    color:#718096;

    font-size:9px;
}


.mpd-user-text strong{
    color:#D7DFEA;

    font-size:11px;
    font-weight:600;
}


.mpd-avatar{
    width:36px;
    height:36px;

    flex-shrink:0;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#19E36D;
    color:#032D16;

    font-size:14px;
    font-weight:800;

    box-shadow:
        0 0 20px rgba(25,227,109,.12);
}


/* =========================================================
   6. ESTILO GENERAL DE TARJETAS
========================================================= */

.mpd-balance,
.mpd-form,
.mpd-chart,
.mpd-calendar,
.mpd-history,
.mpd-day-details,
.stat-card{
    background:
        linear-gradient(
            145deg,
            #0E1827 0%,
            #0A1421 100%
        );

    border:1px solid #203047;
    border-radius:14px;

    box-shadow:
        0 10px 35px rgba(0,0,0,.12);
}


/* =========================================================
   7. BALANCE
========================================================= */

.mpd-balance{
    position:relative;

    width:100%;
    min-height:120px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    overflow:hidden;

    padding:20px 24px;

    margin-bottom:14px;

    background:
        radial-gradient(
            circle at 80% 50%,
            rgba(0,255,111,.10),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #0E1827,
            #09131F
        );
}


.mpd-balance::after{
    content:"";

    position:absolute;

    right:80px;
    top:-70px;

    width:250px;
    height:180px;

    border-radius:50%;

    background:rgba(34,197,94,.05);

    filter:blur(45px);

    pointer-events:none;
}


.mpd-balance-content{
    position:relative;
    z-index:2;
}


.mpd-balance span{
    display:block;

    color:#A0AEC0;

    font-size:11px;
}


.mpd-balance h2{
    margin:7px 0 4px;

    color:#19E36D;

    font-size:34px;
    line-height:1;

    font-weight:800;

    letter-spacing:-1px;

    text-shadow:
        0 0 18px rgba(25,227,109,.08);
}


.mpd-balance small{
    color:#9BAABD;

    font-size:10px;
    font-weight:600;
}


.mpd-balance-decoration{
    position:relative;
    z-index:2;

    width:310px;
    height:80px;

    opacity:.95;
}


.mpd-balance-decoration svg{
    display:block;

    width:100%;
    height:100%;
}


/* =========================================================
   8. ADD TRADE + ESTAD STICAS
========================================================= */

.mpd-action-grid{
    display:grid;

    grid-template-columns:
        minmax(0,1.25fr)
        minmax(330px,.85fr);

    gap:14px;

    margin-bottom:14px;
}


/* =========================================================
   9. ADD TRADE
========================================================= */

.mpd-form{
    min-width:0;

    padding:18px;

    margin:0;
}


.mpd-card-heading{
    margin-bottom:15px;

    color:#FFFFFF;

    font-size:16px;
    font-weight:700;
}


.mpd-grid{
    display:grid;
    grid-template-columns:1fr 1fr;

    gap:12px;

    margin-bottom:12px;
}


.mpd-input{
    min-width:0;
}


.mpd-input label{
    display:block;

    margin-bottom:6px;

    color:#A0AEC0;

    font-size:10px;
    font-weight:500;
}


.mpd-input input{
    display:block;

    width:100%;
    height:42px;

    padding:0 12px;

    background:#081321;

    border:1px solid #31445D;
    border-radius:7px;

    color:#FFFFFF;

    font-family:Inter, Arial, sans-serif;
    font-size:12px;

    outline:none;

    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}


.mpd-input input::placeholder{
    color:#63748A;
}


.mpd-input input:focus{
    border-color:#19E36D;

    box-shadow:
        0 0 0 3px rgba(25,227,109,.07);
}


#mpd-pair{
    text-transform:uppercase;
}


#mpd-save{
    width:100%;
    height:43px;

    padding:0;

    border:1px solid rgba(255,255,255,.08);
    border-radius:7px;

    background:
        linear-gradient(
            90deg,
            #28DF70,
            #00E96B
        );

    color:#032D16;

    font-family:Inter, Arial, sans-serif;

    font-size:11px;
    font-weight:600;

    letter-spacing:.35px;

    cursor:pointer;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        0 6px 18px rgba(0,233,107,.08);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease;
}


#mpd-save:hover{
    transform:translateY(-1px);

    filter:brightness(1.05);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        0 9px 24px rgba(0,233,107,.15);
}


#mpd-save:active{
    transform:translateY(0);
}


/* =========================================================
   10. EDIT MODE
========================================================= */

.mpd-edit-banner{
    margin-bottom:12px;
    padding:8px 10px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:10px;

    border:1px solid rgba(25,227,109,.35);
    border-radius:7px;

    background:rgba(25,227,109,.07);

    color:#19E36D;
}


.mpd-edit-banner span{
    font-size:10px;
    font-weight:600;
}


#mpd-cancel-edit{
    padding:5px 9px;

    border:1px solid #314056;
    border-radius:6px;

    background:#172335;
    color:#FFFFFF;

    font-size:9px;

    cursor:pointer;
}


#mpd-cancel-edit:hover{
    background:#223149;
}


/* =========================================================
   11. ESTAD STICAS
========================================================= */

.mpd-stats{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:10px;

    margin:0;
}


.stat-card{
    min-width:0;

    min-height:94px;

    padding:13px 14px;
}


.stat-label{
    display:flex;
    align-items:center;

    gap:6px;
}


.stat-label > span:not(.stat-icon){
    color:#A0AEC0;

    font-size:9px;
}


.stat-icon{
    width:18px;
    height:18px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;

    font-size:13px;
    line-height:1;
}


.stat-card h3{
    margin:6px 0 0;

    color:#FFFFFF;

    font-size:23px;
    line-height:1;

    font-weight:700;
}


.stat-card small{
    display:block;

    margin-top:5px;

    color:#718096;

    font-size:9px;
    font-weight:500;
}


.rate-green{
    color:#19E36D !important;
}


.rate-yellow{
    color:#FACC15 !important;
}


.rate-red{
    color:#FF4D55 !important;
}


/* =========================================================
   12. EQUITY CURVE
========================================================= */

.mpd-chart{
    width:100%;

    min-width:0;

    padding:18px;

    margin-bottom:14px;

    position:relative;

    overflow:hidden;
}


.mpd-chart::before{
    content:"";

    position:absolute;

    right:8%;
    bottom:-100px;

    width:360px;
    height:180px;

    background:rgba(25,227,109,.035);

    border-radius:50%;

    filter:blur(45px);

    pointer-events:none;
}


.mpd-section-header{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:10px;

    margin-bottom:12px;
}


.section-title{
    margin:0;

    color:#FFFFFF;

    font-size:14px;
    font-weight:700;
}


.mpd-chart-badge{
    padding:6px 9px;

    border:1px solid #2B3D55;
    border-radius:6px;

    background:#101D2C;

    color:#91A1B5;

    font-size:9px;
    font-weight:500;
}


.chart-container{
    position:relative;
    z-index:2;

    width:100%;
    height:285px;

    min-width:0;
}


#mpd-chart{
    display:block;

    width:100% !important;
    height:100% !important;
}


/* =========================================================
   13. BOTTOM GRID
   CALENDAR + RECENT TRADES
========================================================= */

.mpd-bottom-grid{
    display:grid;

    grid-template-columns:
        minmax(300px,.85fr)
        minmax(0,1.15fr);

    gap:14px;

    align-items:stretch;

    margin-bottom:14px;
}


/* =========================================================
   14. CALENDAR
========================================================= */

.mpd-calendar{
    min-width:0;

    padding:17px;

    margin:0;
}


.calendar-header{
    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-bottom:14px;
}


.calendar-header h3{
    margin:0;

    color:#FFFFFF;

    font-size:11px;
    font-weight:700;
}


.calendar-header button{
    width:29px;
    height:29px;

    padding:0;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid #283A51;
    border-radius:7px;

    background:#172537;
    color:#D6DFEA;

    font-size:17px;
    line-height:1;

    cursor:pointer;

    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease;
}


.calendar-header button:hover{
    background:#22344B;

    border-color:#3B4F69;

    transform:translateY(-1px);
}


.calendar-weekdays{
    display:grid;

    grid-template-columns:repeat(7,minmax(0,1fr));

    gap:5px;

    margin-bottom:6px;
}


.calendar-weekdays span{
    text-align:center;

    color:#77899F;

    font-size:8px;
    font-weight:600;
}


.calendar-grid{
    display:grid;

    grid-template-columns:repeat(7,minmax(0,1fr));

    grid-auto-rows:30px;

    column-gap:5px;
    row-gap:5px;

    align-content:start;
}


.calendar-day{
    width:100%;
    height:30px;

    margin:0;
    padding:0;

    display:flex;
    align-items:center;
    justify-content:center;

    border:2px solid transparent;
    border-radius:6px;

    background:#182638;
    color:#A3B1C2;

    font-size:9px;
    font-weight:600;

    cursor:pointer;

    transition:
        transform .15s ease,
        background .15s ease,
        border-color .15s ease,
        box-shadow .15s ease;
}


.calendar-day:hover{
    transform:translateY(-1px);

    background:#203149;
}


.calendar-day.empty{
    height:30px;
    min-height:30px;

    background:transparent;

    border-color:transparent;

    cursor:default;
}


.calendar-day.empty:hover{
    transform:none;

    background:transparent;
}


.calendar-day.gray{
    background:#182638;
    color:#A3B1C2;
}


.calendar-day.green{
    background:#19E36D;
    color:#032D16;

    box-shadow:
        0 0 12px rgba(25,227,109,.10);
}


.calendar-day.red{
    background:#EF4444;
    color:#FFFFFF;
}


.calendar-day.selected{
    border-color:#FFFFFF;
}


/* =========================================================
   15. RECENT TRADES
========================================================= */

.mpd-history{
    min-width:0;

    padding:17px;

    margin:0;
}


.history-scroll{
    display:block;

    width:100%;

    height:220px;
    min-height:220px;
    max-height:220px;

    overflow-y:auto;
    overflow-x:hidden;

    padding-right:5px;

    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    touch-action:pan-y;

    scrollbar-width:thin;
    scrollbar-color:#35475F #0A1421;
}


.history-scroll::-webkit-scrollbar{
    width:5px;
}


.history-scroll::-webkit-scrollbar-track{
    background:#0A1421;

    border-radius:20px;
}


.history-scroll::-webkit-scrollbar-thumb{
    background:#35475F;

    border-radius:20px;
}


.history-scroll::-webkit-scrollbar-thumb:hover{
    background:#4B607B;
}


/* =========================================================
   16. TRADE ROW
========================================================= */

.trade{
    min-height:47px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    padding:8px 2px;

    border-bottom:1px solid #1D2B3E;
}


.trade:last-child{
    border-bottom:0;
}


.trade-left{
    min-width:0;

    display:flex;
    flex-direction:column;
}


.pair{
    color:#FFFFFF;

    font-size:11px;
    font-weight:700;
}


.date{
    margin-top:2px;

    color:#718096;

    font-size:8px;
}


.trade-right{
    position:relative;

    display:flex;
    align-items:center;

    gap:10px;

    font-size:11px;
}


.profit{
    color:#19E36D;

    font-weight:700;
}


.loss{
    color:#FF4D55;

    font-weight:700;
}


/* =========================================================
   17. TRADE MENU
========================================================= */

.trade-menu{
    position:relative;
}


.menu-btn{
    width:27px;
    height:27px;

    padding:0;

    display:flex;
    align-items:center;
    justify-content:center;

    border:0;
    border-radius:6px;

    background:transparent;
    color:#77899F;

    font-size:15px;

    cursor:pointer;
}


.menu-btn:hover{
    background:#182638;

    color:#FFFFFF;
}


.menu-dropdown{
    position:absolute;

    top:31px;
    right:0;

    width:140px;

    display:none;

    overflow:hidden;

    z-index:9999;

    background:#101B2A;

    border:1px solid #33465E;
    border-radius:8px;

    box-shadow:
        0 15px 40px rgba(0,0,0,.50);
}


.menu-dropdown.show{
    display:block;
}


.menu-dropdown button{
    width:100%;

    padding:10px 12px;

    border:0;

    background:transparent;

    text-align:left;

    color:#FFFFFF;

    font-size:10px;

    cursor:pointer;
}


.menu-dropdown button:hover{
    background:#182638;
}


.edit-btn{
    color:#FACC15 !important;
}


.delete-btn{
    color:#FF6B71 !important;
}


/* =========================================================
   18. DAY DETAILS
========================================================= */

.mpd-day-details{
    padding:16px 18px;

    margin:0 0 14px;
}


.day-header{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:15px;

    margin-bottom:12px;
}


.day-header h3{
    margin:0;

    color:#FFFFFF;

    font-size:12px;
    font-weight:700;
}


.day-header p{
    margin:4px 0 0;

    color:#718096;

    font-size:9px;
}


.mpd-day-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;

    gap:10px;
}


.day-close{
    width:29px;
    height:29px;

    flex:0 0 29px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:0;
    margin:0;

    background:#172537;

    border:1px solid #2B3E56;
    border-radius:7px;

    color:#9AAABC;

    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:1;

    cursor:pointer;

    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        transform .18s ease;
}


.day-close:hover{
    background:#22344B;

    border-color:#425873;

    color:#FFFFFF;

    transform:scale(1.04);
}


.day-close:active{
    transform:scale(.96);
}


.day-item{
    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:10px 0;

    border-top:1px solid #1D2B3E;

    font-size:11px;
}


.day-item:first-child{
    border-top:0;
}


/* =========================================================
   19. EMPTY STATE
========================================================= */

.empty{
    padding:28px 18px;

    text-align:center;

    color:#718096;

    font-size:10px;
}


/* =========================================================
   20. TABLET / LAPTOP PEQUE O
   QUITAMOS PUBLICIDAD LATERAL
========================================================= */

@media (max-width:1200px){

    .mpd-page{
        grid-template-columns:minmax(0,960px);

        padding-left:28px;
        padding-right:28px;
    }


    .mpd-ad{
        display:none;
    }


    #mpd-app{
        max-width:960px;
    }

}


/* =========================================================
   21. TABLET
========================================================= */

@media (max-width:820px){

    .mpd-page{
        display:block;

        padding:18px;
    }


    #mpd-app{
        max-width:650px;
    }


    .mpd-action-grid{
        grid-template-columns:1fr;
    }


    .mpd-bottom-grid{
        grid-template-columns:1fr;
    }


    .mpd-balance-decoration{
        width:240px;
    }


    .chart-container{
        height:240px;
    }


    .mpd-calendar{
        padding:18px;
    }


    .calendar-grid{
        grid-auto-rows:34px;
    }


    .calendar-day,
    .calendar-day.empty{
        height:34px;
        min-height:34px;
    }

}


/* =========================================================
   22. MOBILE
========================================================= */

@media (max-width:520px){

    html,
    body,
    #page,
    .site,
    .site-main,
    main,
    .content-area,
    .site-content,
    .elementor,
    .mpd-page{
        background:#050B14 !important;
    }


    .mpd-page{
        display:block;

        width:100%;

        padding:14px 12px 35px;
    }


    #mpd-app{
        width:100%;
        max-width:430px;

        margin:0 auto;

        display:flex;
        flex-direction:column;
    }


    /* =========================================
       ORDEN MOBILE

       Header
       Balance
       Action Grid:
          Add Trade
          Stats
       Chart
       Bottom:
          Calendar
          Trades

       IMPORTANTE:
       Como Stats est  dentro del mismo contenedor
       que Add Trade, no podemos poner Chart entre
       ambos solo con order.

       Por eso mantenemos el flujo estable aqu .
       Luego, si quieres EXACTAMENTE:
       Add Trade -> Chart -> Stats,
       hacemos un ajuste peque o en PHP.
    ========================================== */


    /* HEADER */

    .mpd-header{
        min-height:48px;

        margin-bottom:12px;
    }


    .mpd-brand{
        gap:7px;

        font-size:14px;
    }


    .mpd-brand-logo{
        width:29px;
        height:29px;

        border-radius:7px;
    }


    .mpd-user-text{
        display:none;
    }


    .mpd-avatar{
        width:36px;
        height:36px;

        font-size:14px;
    }


    /* GENERAL CARDS */

    .mpd-balance,
    .mpd-form,
    .mpd-chart,
    .mpd-calendar,
    .mpd-history,
    .mpd-day-details,
    .stat-card{
        border-color:#1D2D42;

        border-radius:13px;

        box-shadow:none;
    }


    /* BALANCE */

    .mpd-balance{
        min-height:110px;

        padding:17px;

        margin-bottom:12px;
    }


    .mpd-balance h2{
        font-size:30px;
    }


    .mpd-balance-decoration{
        width:130px;
        height:60px;

        opacity:.75;
    }


    /* ACTION AREA */

    .mpd-action-grid{
        display:flex;
        flex-direction:column;

        gap:12px;

        margin-bottom:12px;
    }


    /* ADD TRADE */

    .mpd-form{
        padding:16px;
    }


    .mpd-card-heading{
        margin-bottom:14px;

        font-size:15px;
    }


    .mpd-grid{
        gap:9px;

        margin-bottom:10px;
    }


    .mpd-input label{
        font-size:9px;
    }


    .mpd-input input{
        height:40px;

        padding:0 10px;

        font-size:11px;
    }


    #mpd-save{
        height:41px;

        font-size:10px;
        font-weight:600;
    }


    /* STATS */

    .mpd-stats{
        grid-template-columns:1fr 1fr;

        gap:8px;
    }


    .stat-card{
        min-height:100px;

        padding:14px;
    }


    .stat-label{
        gap:6px;
    }


    .stat-icon{
        width:18px;
        height:18px;

        font-size:13px;
    }


    .stat-label > span:not(.stat-icon){
        font-size:9px;
    }


    .stat-card h3{
        margin-top:8px;

        font-size:23px;
    }


    .stat-card small{
        font-size:9px;
    }


    /* EQUITY CURVE */

    .mpd-chart{
        padding:16px;

        margin-bottom:12px;
    }


    .section-title{
        font-size:13px;
    }


    .mpd-chart-badge{
        font-size:8px;

        padding:5px 7px;
    }


    .chart-container{
        height:210px;
    }


    /* BOTTOM GRID */

    .mpd-bottom-grid{
        display:flex;
        flex-direction:column;

        gap:12px;

        margin-bottom:12px;
    }


    /* CALENDAR */

    .mpd-calendar{
        padding:16px;
    }


    .calendar-header{
        margin-bottom:14px;
    }


    .calendar-header h3{
        font-size:11px;
    }


    .calendar-header button{
        width:29px;
        height:29px;
    }


    .calendar-weekdays{
        gap:5px;
    }


    .calendar-grid{
        grid-template-columns:repeat(7,minmax(0,1fr));

        grid-auto-rows:31px;

        column-gap:5px;
        row-gap:5px;
    }


    .calendar-day,
    .calendar-day.empty{
        height:31px;
        min-height:31px;

        font-size:9px;
    }


    /* RECENT TRADES */

    .mpd-history{
        padding:16px;
    }


    .history-scroll{
        height:220px;
        min-height:220px;
        max-height:220px;
    }


    .trade{
        min-height:48px;
    }


    /* DAY DETAILS */

    .mpd-day-details{
        padding:15px;

        margin-bottom:12px;
    }


    .day-header h3{
        font-size:11px;
    }


    .day-close{
        width:28px;
        height:28px;

        flex-basis:28px;

        font-size:14px;
    }

}


/* =========================================================
   23. TEL FONOS MUY PEQUE OS
========================================================= */

@media (max-width:360px){

    .mpd-page{
        padding-left:9px;
        padding-right:9px;
    }


    .mpd-grid{
        grid-template-columns:1fr;
    }


    .mpd-balance-decoration{
        display:none;
    }


    .mpd-stats{
        gap:7px;
    }


    .calendar-grid,
    .calendar-weekdays{
        column-gap:3px;
        row-gap:4px;
    }


    .calendar-day,
    .calendar-day.empty{
        height:29px;
        min-height:29px;
    }

}
/* =========================================================
   PERFORMANCE CENTER
========================================================= */

.mpd-performance{
    width:100%;
    min-width:0;

    margin-bottom:14px;
    padding:18px;

    background:
        radial-gradient(
            circle at 75% 15%,
            rgba(25,227,109,.045),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #0E1827 0%,
            #0A1421 100%
        );

    border:1px solid #203047;
    border-radius:14px;

    box-shadow:
        0 10px 35px rgba(0,0,0,.12);
}


/* =========================================================
   HEADER
========================================================= */

.mpd-performance-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;

    gap:20px;

    margin-bottom:16px;
}


.mpd-performance-eyebrow{
    display:block;

    margin-bottom:5px;

    color:#19E36D;

    font-size:8px;
    font-weight:700;

    letter-spacing:1.2px;
}


.mpd-performance-header h2{
    margin:0;

    color:#FFFFFF;

    font-size:17px;
    font-weight:700;
}


/* =========================================================
   FILTER BUTTONS
========================================================= */

/* =========================================================
   PERFORMANCE FILTERS - CLEAN / PROFESSIONAL
========================================================= */

.mpd-performance-filters{
    display:flex;
    align-items:center;
    gap:4px;

    padding:4px;

    background:#081321;

    border:none;
    border-radius:9px;

    box-shadow:inset 0 0 0 1px rgba(148,163,184,.08);
}


.mpd-filter-btn{
    min-width:88px;
    height:31px;

    padding:0 14px;

    border:none !important;
    outline:none !important;

    border-radius:6px;

    background:transparent;
    color:#8291A5;

    font-family:Inter,Arial,sans-serif;
    font-size:9px;
    font-weight:600;

    cursor:pointer;

    transition:
        background .2s ease,
        color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}


.mpd-filter-btn:hover{
    background:#142235;
    color:#DCE5EF;
}


.mpd-filter-btn.active{
    background:rgba(25,227,109,.14);
    color:#19E36D;

    box-shadow:
        inset 0 0 0 1px rgba(25,227,109,.12);
}


.mpd-filter-btn:focus,
.mpd-filter-btn:focus-visible,
.mpd-filter-btn:active{
    outline:none !important;
    border:none !important;
}


.mpd-filter-btn:active{
    transform:scale(.98);
}


/* =========================================================
   PERIOD NAVIGATION
========================================================= */

.mpd-period-navigation{
    width:100%;

    min-height:55px;

    display:grid;
    grid-template-columns:34px 1fr 34px;

    align-items:center;

    gap:10px;

    margin-bottom:12px;
    padding:8px 10px;

    background:#081321;

    border:1px solid #1C2C40;
    border-radius:10px;
}


.mpd-period-arrow{
    width:31px;
    height:31px;

    padding:0;

    display:flex;
    align-items:center;
    justify-content:center;

    border:none !important;
    outline:none !important;

    border-radius:7px;

    background:#152336;
    color:#8FA0B5;

    font-size:18px;
    font-weight:400;
    line-height:1;

    cursor:pointer;

    box-shadow:
        inset 0 0 0 1px rgba(148,163,184,.08);

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease;
}


.mpd-period-arrow:hover{
    background:#1D2D42;
    color:#FFFFFF;

    transform:translateY(-1px);
}


.mpd-period-arrow:focus,
.mpd-period-arrow:focus-visible{
    outline:none !important;
    border:none !important;

    box-shadow:
        inset 0 0 0 1px rgba(25,227,109,.18);
}


.mpd-period-arrow:active{
    transform:scale(.95);
}


.mpd-period-center{
    min-width:0;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:2px;

    text-align:center;
}


.mpd-period-center span{
    color:#64748B;

    font-size:8px;
}


.mpd-period-center strong{
    max-width:100%;

    overflow:hidden;

    color:#FFFFFF;

    font-size:11px;
    font-weight:700;

    text-overflow:ellipsis;
    white-space:nowrap;
}


/* =========================================================
   PERFORMANCE SUMMARY
========================================================= */

.mpd-performance-summary{
    display:grid;

    grid-template-columns:
        minmax(190px,1.35fr)
        repeat(5,minmax(90px,1fr));

    gap:8px;

    margin-bottom:14px;
}


/* =========================================================
   MAIN P&L
========================================================= */

.mpd-performance-main-stat,
.mpd-performance-stat{
    min-width:0;
    min-height:82px;

    padding:12px;

    background:#0B1625;

    border:1px solid #1E3046;
    border-radius:9px;
}


.mpd-performance-main-stat{
    position:relative;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 90% 50%,
            rgba(25,227,109,.08),
            transparent 45%
        ),
        #0B1625;
}


.mpd-performance-main-stat::after{
    content:"";

    position:absolute;

    right:-25px;
    bottom:-40px;

    width:100px;
    height:100px;

    border-radius:50%;

    background:rgba(25,227,109,.035);

    filter:blur(15px);

    pointer-events:none;
}


.mpd-performance-main-stat > *,
.mpd-performance-stat > *{
    position:relative;
    z-index:2;
}


.mpd-performance-main-stat span,
.mpd-performance-stat span{
    display:block;

    color:#7F90A5;

    font-size:8px;
    font-weight:500;
}


.mpd-performance-main-stat strong{
    display:block;

    margin-top:7px;

    color:#19E36D;

    font-size:23px;
    line-height:1;

    font-weight:800;

    letter-spacing:-.5px;
}


.mpd-performance-stat strong{
    display:block;

    margin-top:8px;

    color:#FFFFFF;

    font-size:18px;
    line-height:1;

    font-weight:700;
}


.mpd-performance-main-stat small,
.mpd-performance-stat small{
    display:block;

    margin-top:6px;

    color:#64748B;

    font-size:8px;
    font-weight:500;
}


/* P&L COLORS */

.mpd-performance-main-stat .rate-green{
    color:#19E36D !important;
}


.mpd-performance-main-stat .rate-red{
    color:#FF4D55 !important;
}


.mpd-performance-main-stat .rate-yellow{
    color:#FACC15 !important;
}


/* =========================================================
   PERFORMANCE CHART
========================================================= */

.mpd-performance-chart{
    position:relative;

    width:100%;
    min-width:0;

    overflow:hidden;

    padding:14px;

    background:
        linear-gradient(
            145deg,
            rgba(10,21,35,.95),
            rgba(8,18,30,.95)
        );

    border:1px solid #1E3046;
    border-radius:10px;
}


.mpd-performance-chart::before{
    content:"";

    position:absolute;

    right:8%;
    bottom:-90px;

    width:350px;
    height:160px;

    background:rgba(25,227,109,.035);

    border-radius:50%;

    filter:blur(45px);

    pointer-events:none;
}


.mpd-performance-chart-header{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    margin-bottom:10px;
}


.mpd-performance-chart-header > div:first-child{
    display:flex;
    flex-direction:column;

    gap:3px;
}


.mpd-performance-chart-header span{
    color:#FFFFFF;

    font-size:12px;
    font-weight:700;
}


.mpd-performance-chart-header small{
    color:#64748B;

    font-size:8px;
}


.mpd-performance-chart .chart-container{
    position:relative;
    z-index:2;

    width:100%;
    height:260px;

    min-width:0;
}


.mpd-performance-chart #mpd-chart{
    display:block;

    width:100% !important;
    height:100% !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:900px){

    .mpd-performance-summary{
        grid-template-columns:
            repeat(3,1fr);
    }


    .mpd-performance-main-stat{
        grid-column:span 1;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:520px){

    .mpd-performance{
        padding:15px;

        margin-bottom:12px;

        border-radius:13px;
    }


    /* HEADER */

    .mpd-performance-header{
        flex-direction:column;

        gap:12px;

        margin-bottom:13px;
    }


    .mpd-performance-eyebrow{
        font-size:7px;

        letter-spacing:1px;
    }


    .mpd-performance-header h2{
        font-size:15px;
    }


    /* FILTERS */

    .mpd-performance-filters{
        width:100%;

        display:grid;
        grid-template-columns:1fr 1fr;

        gap:4px;
    }


    .mpd-filter-btn{
        width:100%;
        min-width:0;

        height:33px;

        font-size:9px;
    }


    /* PERIOD */

    .mpd-period-navigation{
        grid-template-columns:31px 1fr 31px;

        min-height:52px;

        margin-bottom:10px;
        padding:7px 8px;
    }


    .mpd-period-arrow{
        width:29px;
        height:29px;

        font-size:17px;
    }


    .mpd-period-center strong{
        font-size:10px;
    }


    /* SUMMARY */

    .mpd-performance-summary{
        grid-template-columns:1fr 1fr;

        gap:7px;

        margin-bottom:10px;
    }


    /* P&L gets full width */

    .mpd-performance-main-stat{
        grid-column:1 / -1;

        min-height:91px;

        display:flex;
        flex-direction:column;
        justify-content:center;

        padding:14px;
    }


    .mpd-performance-main-stat strong{
        margin-top:7px;

        font-size:27px;
    }


    .mpd-performance-stat{
        min-height:78px;

        padding:11px;
    }


    .mpd-performance-stat strong{
        margin-top:7px;

        font-size:18px;
    }


    /* CHART */

    .mpd-performance-chart{
        padding:12px;
    }


    .mpd-performance-chart .chart-container{
        height:205px;
    }


    .mpd-performance-chart-header span{
        font-size:11px;
    }


    .mpd-chart-badge{
        font-size:7px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width:360px){

    .mpd-performance{
        padding:12px;
    }


    .mpd-performance-summary{
        grid-template-columns:1fr 1fr;
    }


    .mpd-performance-main-stat{
        grid-column:1 / -1;
    }


    .mpd-performance-stat{
        padding:9px;
    }


    .mpd-performance-stat span{
        font-size:7px;
    }


    .mpd-performance-stat strong{
        font-size:16px;
    }


    .mpd-performance-chart .chart-container{
        height:185px;
    }

}
/* =========================================================
   SHARE PERFORMANCE
   MyProfitDay - Share Card #3
========================================================= */


/* =========================================================
   HEADER ACTIONS
========================================================= */

.mpd-performance-actions{
    display:flex;
    align-items:center;
    gap:8px;
}


/* SHARE BUTTON */

.mpd-share-btn{
    height:39px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;

    padding:0 14px;

    border:none !important;
    outline:none !important;

    border-radius:8px;

    background:#142235;
    color:#AEBCCD;

    font-family:Inter,Arial,sans-serif;
    font-size:9px;
    font-weight:600;

    cursor:pointer;

    box-shadow:
        inset 0 0 0 1px rgba(148,163,184,.08);

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}


.mpd-share-btn span{
    color:#19E36D;
    font-size:13px;
}


.mpd-share-btn:hover{
    background:#1A2A40;
    color:#FFFFFF;

    transform:translateY(-1px);
}


.mpd-share-btn:active{
    transform:scale(.98);
}


.mpd-share-btn:focus,
.mpd-share-btn:focus-visible{
    border:none !important;
    outline:none !important;
}


/* =========================================================
   MODAL
========================================================= */

.mpd-share-modal{
    position:fixed;
    inset:0;

    z-index:999999;

    display:none;

    align-items:center;
    justify-content:center;

    padding:24px;

    box-sizing:border-box;
}


.mpd-share-modal.show{
    display:flex;
}


/* DARK BACKGROUND */

.mpd-share-overlay{
    position:absolute;
    inset:0;

    background:rgba(2,8,15,.84);

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}


/* MODAL WINDOW */

.mpd-share-dialog{
    position:relative;
    z-index:2;

    width:min(100%,620px);
    max-height:calc(100vh - 48px);

    overflow-y:auto;
    overflow-x:hidden;

    padding:20px;

    box-sizing:border-box;

    background:#0A1421;

    border:1px solid #203047;
    border-radius:16px;

    box-shadow:
        0 30px 80px rgba(0,0,0,.55);

    scrollbar-width:thin;
    scrollbar-color:#31445C transparent;
}


/* =========================================================
   MODAL HEADER
========================================================= */

.mpd-share-modal-header{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    margin-bottom:18px;
}


.mpd-share-modal-header span{
    display:block;

    margin-bottom:4px;

    color:#19E36D;

    font-size:7px;
    font-weight:800;

    letter-spacing:1.3px;
}


.mpd-share-modal-header h3{
    margin:0;

    color:#FFFFFF;

    font-size:16px;
    font-weight:700;
}


/* CLOSE */

.mpd-share-close{
    flex:0 0 auto;

    width:34px;
    height:34px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0;

    border:none !important;
    outline:none !important;

    border-radius:8px;

    background:#142235;
    color:#8292A6;

    font-size:22px;
    font-family:Arial,sans-serif;
    font-weight:300;
    line-height:1;

    cursor:pointer;

    box-shadow:
        inset 0 0 0 1px rgba(148,163,184,.07);

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease;
}


.mpd-share-close:hover{
    background:#1D2D42;
    color:#FFFFFF;
}


.mpd-share-close:active{
    transform:scale(.94);
}


/* =========================================================
   PREVIEW AREA
========================================================= */

.mpd-share-preview-wrap{
    display:flex;
    justify-content:center;

    padding:18px;

    background:#06101B;

    border-radius:12px;

    overflow:hidden;
}


/* =========================================================
   SHARE CARD
========================================================= */

.mpd-share-card{
    position:relative;

    width:420px;
    aspect-ratio:4 / 5;

    display:flex;
    flex-direction:column;

    overflow:hidden;

    padding:27px;

    box-sizing:border-box;

    background:
        radial-gradient(
            circle at 82% 18%,
            rgba(25,227,109,.10),
            transparent 29%
        ),
        radial-gradient(
            circle at 15% 78%,
            rgba(30,85,125,.12),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #0D1929 0%,
            #07121F 55%,
            #091522 100%
        );

    border:1px solid rgba(94,120,151,.22);
    border-radius:14px;

    box-shadow:
        0 22px 55px rgba(0,0,0,.30);

    color:#FFFFFF;
}


/* subtle inner glow */

.mpd-share-card::before{
    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,.018),
            transparent 35%
        );
}


/* =========================================================
   CARD HEADER
========================================================= */

.mpd-share-card-header{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:15px;
}


.mpd-share-brand{
    display:flex;
    align-items:center;

    gap:8px;
}


.mpd-share-brand img{
    width:27px;
    height:27px;

    display:block;

    object-fit:cover;

    border-radius:7px;

    box-shadow:
        0 0 18px rgba(25,227,109,.10);
}


.mpd-share-brand strong{
    color:#FFFFFF;

    font-size:12px;
    font-weight:700;

    letter-spacing:-.2px;
}


.mpd-share-tagline{
    color:#19E36D;

    font-size:6px;
    line-height:1.55;

    font-weight:800;

    text-align:right;

    letter-spacing:1px;
}


/* =========================================================
   PERIOD + P&L
========================================================= */

.mpd-share-period{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    align-items:center;

    margin-top:33px;

    text-align:center;
}


#mpd-share-period{
    color:#8FA1B6;

    font-size:8px;
    font-weight:700;

    letter-spacing:1.2px;
}


#mpd-share-pnl{
    display:block;

    margin-top:10px;

    font-size:34px;
    line-height:1;

    font-weight:800;

    letter-spacing:-1.2px;
}


#mpd-share-pnl.positive{
    color:#19E36D;
}


#mpd-share-pnl.negative{
    color:#FF5360;
}


#mpd-share-pnl.neutral{
    color:#FFFFFF;
}


.mpd-share-period small{
    margin-top:7px;

    color:#60738A;

    font-size:6px;
    font-weight:700;

    letter-spacing:1.4px;
}


/* =========================================================
   SHARE CHART
========================================================= */

.mpd-share-chart{
    position:relative;
    z-index:2;

    flex:1;

    min-height:145px;

    margin:23px 0 18px;

    padding:8px 0;

    box-sizing:border-box;
}


.mpd-share-chart::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:4px;

    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(100,123,150,.16),
        transparent
    );
}


#mpd-share-chart{
    position:relative;
    z-index:2;

    width:100% !important;
    height:100% !important;
}


/* =========================================================
   SHARE STATS
========================================================= */

.mpd-share-stats{
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:repeat(5,1fr);

    gap:6px;

    padding:12px 0;

    border-top:1px solid rgba(99,123,151,.15);
    border-bottom:1px solid rgba(99,123,151,.15);
}


.mpd-share-stat{
    min-width:0;

    text-align:center;

    border-right:1px solid rgba(99,123,151,.12);
}


.mpd-share-stat:last-child{
    border-right:none;
}


.mpd-share-stat strong{
    display:block;

    color:#FFFFFF;

    font-size:14px;
    font-weight:750;

    line-height:1.2;
}


.mpd-share-stat > span{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:3px;

    margin-top:5px;

    color:#6F8197;

    font-size:6px;
    font-weight:600;

    white-space:nowrap;
}


.mpd-share-dot{
    width:4px;
    height:4px;

    flex:0 0 auto;

    display:inline-block;

    border-radius:50%;
}


.mpd-share-dot.green{
    background:#19E36D;
}


.mpd-share-dot.red{
    background:#FF5360;
}


/* =========================================================
   CARD FOOTER
========================================================= */

.mpd-share-card-footer{
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:1fr auto 1fr;

    align-items:center;

    gap:12px;

    margin-top:17px;
}


.mpd-share-card-footer div{
    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(25,227,109,.25)
    );
}


.mpd-share-card-footer div:last-child{
    background:linear-gradient(
        90deg,
        rgba(25,227,109,.25),
        transparent
    );
}


.mpd-share-card-footer span{
    color:#19E36D;

    font-size:6px;
    font-weight:800;

    letter-spacing:1.3px;
}


/* =========================================================
   MODAL ACTION BUTTONS
========================================================= */

.mpd-share-actions{
    display:grid;
    grid-template-columns:1fr 1fr;

    gap:9px;

    margin-top:16px;
}


.mpd-share-download,
.mpd-share-native{
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:7px;

    padding:0 15px;

    border:none !important;
    outline:none !important;

    border-radius:9px;

    font-family:Inter,Arial,sans-serif;
    font-size:10px;
    font-weight:650;

    cursor:pointer;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease;
}


.mpd-share-download{
    background:#142235;
    color:#C4D0DD;

    box-shadow:
        inset 0 0 0 1px rgba(148,163,184,.08);
}


.mpd-share-download:hover{
    background:#1B2C42;
    color:#FFFFFF;
}


.mpd-share-native{
    background:#19E36D;
    color:#032D16;
}


.mpd-share-native:hover{
    background:#25EB78;
}


.mpd-share-download:active,
.mpd-share-native:active{
    transform:scale(.98);
}


/* =========================================================
   PRIVACY NOTE
========================================================= */

.mpd-share-note{
    margin:11px 0 0;

    color:#60738A;

    font-size:8px;
    line-height:1.5;

    text-align:center;
}


/* =========================================================
   TABLET / MOBILE
========================================================= */

@media (max-width:700px){

    .mpd-performance-header{
        align-items:stretch;
    }


    .mpd-performance-actions{
        width:100%;

        flex-direction:column;

        align-items:stretch;

        gap:7px;
    }


    .mpd-share-btn{
        width:100%;
    }


    .mpd-performance-filters{
        width:100%;
    }


    .mpd-share-modal{
        align-items:flex-start;

        padding:12px;
    }


    .mpd-share-dialog{
        width:100%;
        max-height:calc(100vh - 24px);

        padding:14px;

        border-radius:14px;
    }


    .mpd-share-preview-wrap{
        padding:10px;
    }


    /*
       La tarjeta mantiene su proporci n 4:5,
       pero se reduce para entrar en el m vil.
    */

    .mpd-share-card{
        width:100%;
        max-width:420px;

        padding:22px;
    }


    .mpd-share-period{
        margin-top:27px;
    }


    #mpd-share-pnl{
        font-size:30px;
    }


    .mpd-share-chart{
        min-height:120px;

        margin:18px 0 14px;
    }


    .mpd-share-stats{
        gap:3px;
    }


    .mpd-share-stat strong{
        font-size:12px;
    }


    .mpd-share-stat > span{
        font-size:5.5px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width:430px){

    .mpd-share-modal-header h3{
        font-size:14px;
    }


    .mpd-share-card{
        padding:18px;

        border-radius:11px;
    }


    .mpd-share-brand img{
        width:23px;
        height:23px;

        border-radius:6px;
    }


    .mpd-share-brand strong{
        font-size:10px;
    }


    .mpd-share-tagline{
        font-size:5px;
    }


    .mpd-share-period{
        margin-top:22px;
    }


    #mpd-share-period{
        font-size:7px;
    }


    #mpd-share-pnl{
        margin-top:8px;

        font-size:27px;
    }


    .mpd-share-chart{
        min-height:105px;

        margin:14px 0 12px;
    }


    .mpd-share-stats{
        padding:9px 0;
    }


    .mpd-share-stat strong{
        font-size:11px;
    }


    .mpd-share-stat > span{
        font-size:5px;
    }


    .mpd-share-card-footer{
        margin-top:13px;
    }


    .mpd-share-actions{
        grid-template-columns:1fr;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width:350px){

    .mpd-share-preview-wrap{
        padding:6px;
    }


    .mpd-share-card{
        padding:14px;
    }


    .mpd-share-tagline{
        display:none;
    }


    .mpd-share-stat > span{
        font-size:4.5px;
    }

}
/* =========================================================
   PERFORMANCE ACTIONS - PREMIUM BUTTONS
========================================================= */

/* SHARE + WEEK + MONTH */
.mpd-share-btn,
.mpd-filter-btn{
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;

    padding:0 16px;

    border:none !important;
    outline:none !important;
    border-radius:8px;

    /* integrado con el dashboard */
    background:#101D2D;

    /* texto blanco */
    color:#EAF2F8 !important;

    font-family:Inter,Arial,sans-serif;
    font-size:12px;
    font-weight:600;

    cursor:pointer;

    box-shadow:
        inset 0 0 0 1px rgba(148,163,184,.08);

    transition:
        background .20s ease,
        color .20s ease,
        box-shadow .20s ease,
        transform .20s ease;
}


/* Flecha del Share */
.mpd-share-btn span{
    color:#7F91A7;
    transition:color .20s ease;
}


/* HOVER */
.mpd-share-btn:hover,
.mpd-filter-btn:hover{
    background:#153526;

    color:#22E67A !important;

    box-shadow:
        inset 0 0 0 1px rgba(34,230,122,.18),
        0 4px 14px rgba(0,0,0,.12);

    transform:translateY(-1px);
}


.mpd-share-btn:hover span{
    color:#22E67A;
}


/* BOT N ACTIVO
   Ej: This Month */
.mpd-filter-btn.active{
    background:#143426;

    color:#22E67A !important;

    box-shadow:
        inset 0 0 0 1px rgba(34,230,122,.20);
}


/* activo + hover */
.mpd-filter-btn.active:hover{
    background:#19442F;

    box-shadow:
        inset 0 0 0 1px rgba(34,230,122,.28),
        0 4px 14px rgba(0,0,0,.12);
}


/* CLICK */
.mpd-share-btn:active,
.mpd-filter-btn:active{
    transform:translateY(0) scale(.98);
}


/* QUITAMOS CONTORNOS FEOS DEL NAVEGADOR */
.mpd-share-btn:focus,
.mpd-share-btn:focus-visible,
.mpd-filter-btn:focus,
.mpd-filter-btn:focus-visible{
    outline:none !important;
    border:none !important;
}
/* =========================================================
   SHARE CARD V2
   M s cercana al dise o #3
========================================================= */


/* PER ODO */

#mpd-share-period{
    color:#8A9AAF;

    font-size:9px;
    font-weight:700;

    letter-spacing:1.7px;

    text-transform:uppercase;
}


/* P&L PRINCIPAL */

#mpd-share-pnl{
    margin-top:12px;

    font-size:46px;
    line-height:.95;

    font-weight:800;

    letter-spacing:-2px;

    font-variant-numeric:tabular-nums;
}


/* PERIOD P&L */

.mpd-share-period small{
    margin-top:10px;

    color:#718196;

    font-size:7px;
    font-weight:700;

    letter-spacing:2px;
}


/* MENOS ESPACIO ARRIBA */

.mpd-share-period{
    margin-top:38px;
}


/* =========================================================
   GR FICA M S PROTAGONISTA
========================================================= */

.mpd-share-chart{
    position:relative;

    flex:1;

    width:100%;

    min-height:180px;

    margin:20px 0 14px;

    padding:0;

    overflow:hidden;
}


#mpd-share-chart{
    display:block;

    width:100% !important;
    height:100% !important;
}


/* L nea decorativa inferior anterior ya no hace falta */

.mpd-share-chart::after{
    display:none;
}
/* =========================================================
   SHARE CARD - FINAL STRUCTURE
========================================================= */

.mpd-share-card{
    padding:24px 22px 20px;
}


/* =========================
   HEADER
========================= */

.mpd-share-card-header{
    align-items:flex-start;
}

.mpd-share-brand{
    gap:7px;
}

.mpd-share-brand img{
    width:28px;
    height:28px;
    border-radius:7px;
}

.mpd-share-brand strong{
    font-size:12px;
    font-weight:700;
    letter-spacing:-.25px;
}

.mpd-share-tagline{
    padding-top:3px;

    font-size:5.5px;
    line-height:1.5;

    letter-spacing:.8px;
}


/* =========================
   PERIOD
========================= */

.mpd-share-period{
    margin-top:22px;
}

#mpd-share-period{
    color:#F4F7FA;

    font-size:17px;
    line-height:1.1;

    font-weight:800;

    letter-spacing:-.35px;
}


/* =========================
   BIG P&L
========================= */

#mpd-share-pnl{
    margin-top:13px;

    font-size:34px;
    line-height:1;

    font-weight:800;

    letter-spacing:-1.2px;
}

.mpd-share-period small{
    margin-top:6px;

    color:#7E90A5;

    font-size:7px;
    font-weight:700;

    letter-spacing:1.1px;
}


/* =========================
   CHART
========================= */

.mpd-share-chart{
    flex:none;

    width:100%;
    height:145px;
    min-height:145px;

    margin:6px 0 5px;

    padding:0;
}

#mpd-share-chart{
    width:100% !important;
    height:100% !important;
}


/* =========================
   STATS
========================= */

.mpd-share-stats{
    display:grid;

    grid-template-columns:
        repeat(6,minmax(0,1fr));

    gap:7px;

    padding:0;

    border:none;
}


/* Primera fila: 3 tarjetas */

.mpd-share-stat:nth-child(1),
.mpd-share-stat:nth-child(2),
.mpd-share-stat:nth-child(3){
    grid-column:span 2;
}


/* Segunda fila: 2 tarjetas */

.mpd-share-stat:nth-child(4){
    grid-column:2 / span 2;
}

.mpd-share-stat:nth-child(5){
    grid-column:4 / span 2;
}


/* TARJETAS */

.mpd-share-stat{
    min-height:52px;

    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;

    padding:9px 11px;

    box-sizing:border-box;

    text-align:left;

    border:none;

    border-radius:9px;

    background:rgba(13,29,46,.62);

    box-shadow:
        inset 0 0 0 1px rgba(106,134,164,.12);
}


/* N MERO */

.mpd-share-stat strong{
    display:flex;
    align-items:center;

    gap:5px;

    color:#F5F8FB;

    font-size:15px;
    line-height:1;

    font-weight:750;
}


/* LABEL */

.mpd-share-stat > span{
    display:flex;
    justify-content:flex-start;

    margin-top:6px;

    color:#718399;

    font-size:6px;

    font-weight:600;

    white-space:nowrap;
}


/* DOTS */

.mpd-share-stat strong .mpd-share-dot{
    width:6px;
    height:6px;
}

.share-red-value{
    color:#FF5360 !important;
}


/* =========================
   FOOTER
========================= */

.mpd-share-card-footer{
    margin-top:13px;
}

.mpd-share-card-footer span{
    font-size:6px;
    letter-spacing:1.4px;
}


/* =========================================================
   MOBILE PREVIEW
========================================================= */

@media(max-width:430px){

    .mpd-share-card{
        padding:20px 17px 17px;
    }

    #mpd-share-period{
        font-size:15px;
    }

    #mpd-share-pnl{
        font-size:31px;
    }

    .mpd-share-chart{
        height:125px;
        min-height:125px;
    }

    .mpd-share-stat{
        min-height:47px;
        padding:8px 9px;
    }

    .mpd-share-stat strong{
        font-size:13px;
    }

}
/* =========================================================
   SHARE CARD - FINAL DETAILS
========================================================= */


/* =========================================================
   STATS - TODO ALINEADO A LA IZQUIERDA
========================================================= */

.mpd-share-stat{
    align-items:flex-start !important;
    justify-content:center;

    text-align:left !important;
}


.mpd-share-stat strong{
    width:100%;

    display:flex;
    align-items:center;
    justify-content:flex-start;

    text-align:left !important;
}


.mpd-share-stat > span{
    width:100%;

    display:flex;
    align-items:center;
    justify-content:flex-start !important;

    text-align:left !important;
}


/* Los dots tambi n quedan junto al texto */

.mpd-share-stat .mpd-share-dot{
    flex:0 0 auto;
}


/* =========================================================
   MYPROFITDAY.COM - M S VISIBLE
========================================================= */

.mpd-share-card-footer{
    margin-top:15px;

    display:grid;
    grid-template-columns:1fr auto 1fr;

    align-items:center;

    gap:12px;
}


/* l neas laterales m s discretas */

.mpd-share-card-footer div{
    height:1px;

    opacity:.45;
}


/* NUESTRA FIRMA */

.mpd-share-card-footer span{
    color:#FFFFFF !important;

    font-size:9px !important;
    line-height:1;

    font-weight:800 !important;

    letter-spacing:1.5px;

    text-transform:uppercase;

    white-space:nowrap;

    text-shadow:
        0 0 12px rgba(255,255,255,.10);
}
/* =========================================================
   SHARE CARD - DOMAIN / BRAND SIGNATURE
========================================================= */

.mpd-share-card-footer{
    /* ocupa mejor el espacio debajo de las estad sticas */
    flex:1;

    min-height:48px;

    margin-top:4px;

    display:grid;
    grid-template-columns:1fr auto 1fr;

    align-items:center;

    gap:16px;
}


/* L neas laterales */

.mpd-share-card-footer div{
    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.16)
    );

    opacity:1;
}

.mpd-share-card-footer div:last-child{
    background:linear-gradient(
        90deg,
        rgba(255,255,255,.16),
        transparent
    );
}


/* MYPROFITDAY.COM */

.mpd-share-card-footer span{
    color:#FFFFFF !important;

    font-size:11px !important;
    line-height:1;

    font-weight:800 !important;

    /* letras un poco m s separadas */
    letter-spacing:2.3px !important;

    text-transform:uppercase;

    white-space:nowrap;

    text-align:center;

    text-shadow:
        0 0 14px rgba(255,255,255,.10);
}
.mpd-share-download:disabled{
    opacity:.55;
    cursor:wait;
    pointer-events:none;
}
/* =====================================================
   SHARE CARD - FIX PARA IMAGEN DESCARGADA
===================================================== */

.mpd-exporting .mpd-share-stat{
    background:#0D1A2A !important;
    background-image:none !important;
    box-shadow:none !important;
    border:1px solid #1C3044 !important;
}

.mpd-exporting .mpd-share-stat::before,
.mpd-exporting .mpd-share-stat::after{
    display:none !important;
    content:none !important;
}
/* =====================================================
   EXPORT - ELIMINAR BORDES / ESPACIO EXTERIOR
===================================================== */

#mpd-share-card.mpd-exporting{
    margin:0 !important;

    border-radius:18px !important;

    background:#07121F !important;

    overflow:hidden !important;

    box-shadow:none !important;

    border:1px solid #1B3044 !important;
}


/* Mantener limpias las estad sticas al exportar */

#mpd-share-card.mpd-exporting .mpd-share-stat{
    background:#0D1A2A !important;
    background-image:none !important;

    border:1px solid #1C3044 !important;

    box-shadow:none !important;
}
.mpd-share-native:disabled{
    opacity:.55;
    cursor:wait;
    pointer-events:none;
}
/* =========================================================
   USER LOGOUT
========================================================= */

.mpd-logout{
    position:relative;

    display:flex;
    align-items:center;
    gap:8px;

    text-decoration:none;
    color:inherit;
}


/* Avatar */

.mpd-logout .mpd-avatar{
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


/* Texto logout */

.mpd-logout-label{
    position:absolute;

    right:0;
    top:calc(100% + 9px);

    padding:7px 11px;

    background:#0D1B2A;

    border:1px solid rgba(148,163,184,.18);
    border-radius:8px;

    color:#fff;

    font-size:11px;
    font-weight:600;

    white-space:nowrap;

    opacity:0;
    visibility:hidden;

    transform:translateY(-4px);

    transition:
        opacity .18s ease,
        transform .18s ease,
        visibility .18s ease;

    z-index:100;
}


/* Hover */

.mpd-logout:hover .mpd-avatar{
    transform:translateY(-2px);

    box-shadow:
        0 0 0 4px rgba(34,197,94,.08);
}


.mpd-logout:hover .mpd-logout-label{
    opacity:1;
    visibility:visible;

    transform:translateY(0);
}


/* Keyboard accessibility */

.mpd-logout:focus-visible{
    outline:2px solid #22C55E;
    outline-offset:4px;
    border-radius:50%;
}


/* Mobile */

@media (max-width:768px){

    .mpd-logout-label{
        display:none;
    }

}
/* =========================================================
   SHARE RESULTS - MAIN CTA
========================================================= */

.mpd-share-btn{
    background:linear-gradient(
        90deg,
        #28DF70,
        #00E96B
    ) !important;

    color:#032D16 !important;

    font-weight:700 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.22),
        0 7px 20px rgba(0,233,107,.16) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease !important;
}


/* Flecha */

.mpd-share-btn span{
    color:#032D16 !important;
}


/* Hover */

.mpd-share-btn:hover{
    background:linear-gradient(
        90deg,
        #32E87A,
        #08F075
    ) !important;

    color:#032D16 !important;

    transform:translateY(-1px);

    filter:brightness(1.05);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.25),
        0 10px 26px rgba(0,233,107,.24) !important;
}


.mpd-share-btn:hover span{
    color:#032D16 !important;
}


/* Click */

.mpd-share-btn:active{
    transform:translateY(0) scale(.98);
}
/* =========================================================
   SUPPORT MYPROFITDAY
========================================================= */

.mpd-support-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;

    margin-left:auto;
    margin-right:18px;

    padding:8px 13px;

    border:1px solid rgba(0, 200, 255, .28);
    border-radius:9px;

    background:rgba(0, 150, 220, .07);

    color:#dbeafe;
    text-decoration:none;

    font-size:12px;
    font-weight:700;

    white-space:nowrap;

    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.mpd-support-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    color:#38bdf8;

    font-size:17px;
    line-height:1;
}

.mpd-support-btn:hover{
    color:#ffffff;

    background:rgba(0, 150, 220, .13);

    border-color:rgba(56, 189, 248, .55);

    box-shadow:
        0 5px 18px rgba(0, 150, 220, .10);

    transform:translateY(-1px);
}

.mpd-support-btn:hover .mpd-support-icon{
    color:#60a5fa;
}


/* =========================================================
   SUPPORT MYPROFITDAY - GREEN CTA
========================================================= */

.mpd-support-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;

    margin-left:auto;
    margin-right:18px;

    padding:9px 15px;

    border:1px solid rgba(40,223,112,.45);
    border-radius:9px;

    background:linear-gradient(
        90deg,
        #28DF70,
        #00E96B
    );

    color:#032D16 !important;
    text-decoration:none !important;

    font-size:12px;
    font-weight:700;

    white-space:nowrap;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.22),
        0 7px 20px rgba(0,233,107,.14);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease;
}


/* CORAZ N */

.mpd-support-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    color:#032D16 !important;

    font-size:16px;
    line-height:1;
}


/* HOVER */

.mpd-support-btn:hover{
    background:linear-gradient(
        90deg,
        #32E87A,
        #08F075
    );

    color:#032D16 !important;

    transform:translateY(-1px);
    filter:brightness(1.05);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.25),
        0 10px 26px rgba(0,233,107,.22);
}

.mpd-support-btn:hover .mpd-support-icon{
    color:#032D16 !important;
}


/* CLICK */

.mpd-support-btn:active{
    transform:translateY(0) scale(.98);
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:700px){

    .mpd-support-btn{
        margin-left:auto;
        margin-right:10px;

        padding:8px 10px;
    }

    .mpd-support-text{
        display:none;
    }

    .mpd-support-icon{
        font-size:17px;
    }

}
/* =========================================================
   CALENDAR COLUMN + DAY DETAILS
========================================================= */

.mpd-calendar-column{
    display:flex;
    flex-direction:column;
    gap:18px;
    min-width:0;
}

.mpd-calendar-column .mpd-day-details{
    width:100%;
    margin:0;
}
/* Date picker + save: compact, aligned, and consistent with the dashboard */
.mpd-trade-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: end;
    gap: 12px;
    margin-top: 12px;
}
.mpd-date-field { min-width: 0; }
.mpd-date-shell { position: relative; min-width: 0; }
.mpd-date-shell .mpd-date-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    color: #20db78;
    pointer-events: none;
    z-index: 1;
}
.mpd-date-shell #mpd-trade-date {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    height: 43px;
    padding: 0 12px 0 38px;
    color-scheme: dark;
    font-variant-numeric: tabular-nums;
    background: linear-gradient(110deg, #0c1e2b, #081321);
    border: 1px solid #30465a;
    border-radius: 8px;
    cursor: pointer;
}
.mpd-date-shell #mpd-trade-date:hover { border-color: #4b6b76; }
.mpd-date-shell #mpd-trade-date:focus-visible {
    border-color: #19e36d;
    box-shadow: 0 0 0 3px rgba(25,227,109,.10);
}
.mpd-date-shell #mpd-trade-date::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: .8;
    filter: invert(1);
}
.mpd-trade-actions #mpd-save { margin: 0; height: 43px; }
@media (max-width: 480px) {
    .mpd-trade-actions { grid-template-columns: 1fr; gap: 10px; }
    .mpd-trade-actions #mpd-save { width: 100%; }
}

/* Dashboard público: sin columnas de publicidad laterales. */
.mpd-page > .mpd-ad { display:none !important; }

/* MyProfitDay 2026: expanded trade form, period insights, goal */
.mpd-action-grid{display:block!important;grid-template-columns:1fr!important}
.mpd-action-grid>.mpd-form{width:100%;box-sizing:border-box}
.mpd-action-grid>.mpd-stats{display:none!important}
.mpd-entry-grid{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,1.2fr) minmax(120px,1fr) minmax(160px,1fr) minmax(130px,.9fr) minmax(130px,.85fr);gap:12px;align-items:end}
.mpd-entry-grid .mpd-input{min-width:0}
.mpd-entry-grid input{box-sizing:border-box;width:100%;height:43px}
.mpd-entry-grid #mpd-save{height:43px;margin:0;width:100%;white-space:nowrap}
.mpd-direction-options{display:flex;gap:6px;height:43px}
.mpd-direction{flex:1;min-width:0;background:#091828;border:1px solid #30465a;border-radius:7px;color:#c6d4e6;font-weight:700;cursor:pointer}
.mpd-direction.active#mpd-direction-buy{background:#10dc78;color:#03190f;border-color:#10dc78}
.mpd-direction.active#mpd-direction-sell{background:#e13e55;color:#fff;border-color:#e13e55}
.mpd-direction:focus-visible,.mpd-goal-card button:focus-visible{outline:2px solid #19e36d;outline-offset:2px}
.mpd-trade-direction{font-size:10px;font-weight:600;margin-left:6px;color:#94a3b8}
.mpd-trade-direction.buy{color:#16d77a}.mpd-trade-direction.sell{color:#fb5b6b}
.mpd-custom-dates{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:12px 14px;margin:0 0 12px;border:1px solid #23374b;border-radius:9px;background:#091726}
.mpd-custom-dates[hidden],.mpd-goal-editor[hidden]{display:none!important}
.mpd-custom-dates label,.mpd-goal-editor label{font-size:12px;color:#b3c7d7;display:flex;flex-direction:column;gap:5px}
.mpd-custom-dates input,.mpd-goal-editor input{height:37px;min-width:155px;box-sizing:border-box;background:#0c1e2b;color:#fff;border:1px solid #344b62;border-radius:7px;padding:7px 10px;color-scheme:dark}
.mpd-custom-dates button,.mpd-goal-card button{background:#0e2434;color:#e7f5fa;border:1px solid #38526b;border-radius:7px;padding:10px 13px;cursor:pointer}
.mpd-custom-dates small{color:#7893aa;font-size:11px}
.mpd-insights-grid{display:grid;grid-template-columns:1fr 1.25fr 1.2fr;gap:12px;margin:12px 0}
.mpd-insights-card,.mpd-goal-card{background:#0b1727;border:1px solid #223750;border-radius:12px;padding:16px;min-width:0;color:#eaf4ff}
.mpd-insights-card h3,.mpd-goal-card h3{font-size:14px;margin:0 0 15px;font-weight:700;color:#f7fbff}
.mpd-insights-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.mpd-insight-metric{padding:12px 8px;min-width:0;background:#0d1e30;border:1px solid #2a4054;border-radius:8px;display:flex;flex-direction:column;gap:9px}
.mpd-insight-metric span{font-size:10px;color:#a6b9ca;line-height:1.3}
.mpd-insight-metric strong{font-size:24px;color:#eaf3fa}
.mpd-insight-metric.good{border-color:#125a46}.mpd-insight-metric.good strong{color:#14dc7c}
.mpd-insight-metric.bad{border-color:#6d2735}.mpd-insight-metric.bad strong{color:#fa4f69}
.mpd-report-scroll{overflow-x:auto;max-height:225px;overflow-y:auto}
.mpd-report-table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}
.mpd-report-table th{text-align:left;color:#95a9bf;font-size:10px;font-weight:500;padding:8px 5px;border-bottom:1px solid #20354a}
.mpd-report-table td{padding:9px 5px;border-bottom:1px solid #1b3045;color:#d8e7f5}
.mpd-report-table .mpd-positive{color:#15db7c;font-weight:700}.mpd-report-table .mpd-negative{color:#ff546a;font-weight:700}
.mpd-goal-card{margin:12px 0 18px}
.mpd-goal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.mpd-goal-heading h3{margin:0 0 5px}.mpd-goal-heading p{margin:0;color:#9ab0c5;font-size:12px}
.mpd-goal-values{display:grid;grid-template-columns:1fr 1.4fr 1fr 1fr;gap:16px;margin-top:17px}
.mpd-goal-values>div{display:flex;flex-direction:column;gap:7px;min-width:0}
.mpd-goal-values span{color:#9cb2c5;font-size:11px}.mpd-goal-values strong{color:#f5fbff;font-size:19px}
.mpd-goal-progress{height:9px;background:#1a2e40;border-radius:20px;overflow:hidden}
#mpd-goal-fill{height:100%;width:0;background:#14e27e;border-radius:20px;transition:width .3s ease}
#mpd-goal-current{color:#16e17d}.mpd-goal-note{display:block;margin-top:14px;color:#718ca2;font-size:10px}
.mpd-goal-editor{display:flex;gap:9px;align-items:end;margin-top:14px;flex-wrap:wrap}
@media(max-width:1100px){.mpd-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mpd-insights-grid{grid-template-columns:1fr 1fr}.mpd-insights-card:last-child{grid-column:1/-1}}
@media(max-width:680px){.mpd-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mpd-insights-grid{grid-template-columns:1fr}.mpd-insights-card:last-child{grid-column:auto}.mpd-goal-values{grid-template-columns:1fr 1fr}.mpd-insights-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.mpd-entry-grid{grid-template-columns:1fr}.mpd-goal-values{grid-template-columns:1fr 1fr}}

/* Importador local de Excel y CSV */
.mpd-import-overlay[hidden]{display:none!important}
.mpd-import-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,5,14,.83);display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box}
.mpd-import-dialog{position:relative;width:min(690px,100%);max-height:90vh;overflow:auto;background:#0b1728;border:1px solid #26415b;border-radius:16px;padding:25px;color:#eaf3ff;box-shadow:0 25px 90px #0009;box-sizing:border-box}
.mpd-import-dialog h3{margin:0 0 12px;font-size:22px;color:#fff}
.mpd-import-dialog p{color:#a5bbd0;font-size:13px;line-height:1.6}
.mpd-import-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#c5d7e9;font-size:26px;cursor:pointer}
.mpd-import-preview{overflow:auto;max-height:260px;border:1px solid #253d54;border-radius:9px;margin:16px 0}
.mpd-import-preview table{width:100%;border-collapse:collapse;font-size:12px;min-width:520px}
.mpd-import-preview th,.mpd-import-preview td{padding:9px;border-bottom:1px solid #24384e;text-align:left;white-space:nowrap}
.mpd-import-preview th{color:#17df86;background:#101f30}
.mpd-import-check{display:flex;gap:9px;align-items:center;font-size:13px;color:#c8d8e9}
.mpd-import-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}
#mpd-import-confirm{background:#0bdd7c;border:0;color:#061a13;border-radius:7px;font-weight:800;padding:11px 18px;cursor:pointer}
#mpd-import-confirm:disabled{opacity:.4;cursor:not-allowed}

/* Importador: plantilla descargable y selección de archivo */
.mpd-import-template-guide{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 18px;padding:16px;margin:14px 0 18px;background:#0d2132;border:1px solid #21425b;border-radius:12px}
.mpd-import-template-guide>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.mpd-import-template-guide strong{font-size:13px;color:#f0f7ff}
.mpd-import-template-guide small{font-size:12px;line-height:1.55;color:#9eb6c9}
.mpd-import-template-download,.mpd-import-template-select{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:38px;padding:9px 13px;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none!important;cursor:pointer;white-space:nowrap;box-sizing:border-box}
.mpd-import-template-download{background:#13d779;color:#052017!important;border:1px solid #13d779}
.mpd-import-template-select{background:#15283d;color:#eaf3ff;border:1px solid #34516c}
.mpd-import-template-download:hover{background:#2df091;color:#052017!important}
.mpd-import-template-select:hover{border-color:#17c978}
@media(max-width:560px){.mpd-import-template-guide{grid-template-columns:1fr}.mpd-import-template-download,.mpd-import-template-select{width:100%}}

/* Add Trade — controles simétricos, compactos, sin accesos rápidos. */
.mpd-entry-grid{align-items:end;column-gap:12px;row-gap:12px}
.mpd-entry-grid>.mpd-input{display:flex;flex-direction:column;justify-content:flex-end;min-width:0}
.mpd-entry-grid>.mpd-input>label{display:block;line-height:16px;margin:0 0 7px;min-height:16px}
.mpd-entry-grid input,.mpd-entry-grid .mpd-direction-options,.mpd-entry-grid #mpd-save,.mpd-entry-grid .mpd-time-shell{height:43px!important;min-height:43px;max-height:43px;box-sizing:border-box}
.mpd-direction-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}
.mpd-direction{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 7px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:700;line-height:1;border-radius:8px;background:#0b1b2b;color:#bdcfe0;border:1px solid #294056;transition:background .16s,border-color .16s,box-shadow .16s,color .16s;box-shadow:none}
.mpd-direction-icon{font-size:17px;font-weight:800;line-height:1}
#mpd-direction-buy:not(.active){color:#49dba0;border-color:#1a5747}
#mpd-direction-sell:not(.active){color:#fa8191;border-color:#63303f}
.mpd-direction.active#mpd-direction-buy{background:#12d77b;color:#042616;border-color:#12d77b;box-shadow:0 0 0 1px rgba(18,215,123,.1)}
.mpd-direction.active#mpd-direction-sell{background:#d93452;color:#fff;border-color:#d93452;box-shadow:0 0 0 1px rgba(217,52,82,.1)}
.mpd-direction:hover{filter:brightness(1.12)}
.mpd-time-shell{position:relative;display:flex;align-items:center;width:100%;border:1px solid #30465a;border-radius:7px;background:#091827;overflow:hidden}
.mpd-time-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:20px;color:#82a5b8;pointer-events:none}
.mpd-entry-grid .mpd-time-shell input{height:100%!important;min-height:0!important;max-height:none!important;border:0!important;background:transparent!important;padding:0 10px 0 39px!important;box-shadow:none!important;outline:0;width:100%;font-variant-numeric:tabular-nums;letter-spacing:.4px;color:#f0f7ff}
.mpd-time-shell:focus-within{border-color:#17d68a;box-shadow:0 0 0 2px rgba(23,214,138,.11)}
.mpd-time-shell:has(.mpd-time-invalid){border-color:#fa5470}
.mpd-entry-grid #mpd-save{align-self:end}


/* =========================================================
   PERFORMANCE CENTER — CORPORATE REFINEMENT (2026)
   Scoped styles: no impact on Add Trade or importer.
========================================================= */
.mpd-performance{border:1px solid #203347;border-radius:14px;background:#0a1726;box-shadow:0 12px 35px rgba(0,0,0,.13)}
.mpd-performance-header{align-items:center;gap:18px;margin-bottom:18px}
.mpd-performance-eyebrow{font-size:9px;letter-spacing:1.5px;color:#25d58d}
.mpd-performance-header h2{font-size:20px;letter-spacing:-.45px;font-weight:750;color:#f3f7fc}
.mpd-performance-actions{align-items:center;gap:10px}
.mpd-performance-filters{gap:3px;padding:4px;border:1px solid #203348;background:#091523;border-radius:9px;box-shadow:none}
.mpd-performance .mpd-filter-btn{height:34px;min-width:78px;padding:0 12px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}
.mpd-performance .mpd-filter-btn.active{color:#35e5a0;background:#12392f;box-shadow:inset 0 0 0 1px rgba(42,212,148,.24)}
.mpd-performance .mpd-filter-btn:hover:not(.active){background:#14283b;color:#eef7ff}
.mpd-period-navigation{background:#0b1a2b;border:1px solid #20354a;border-radius:10px;margin-bottom:14px}
.mpd-period-center span{font-size:10px;color:#839ab0}
.mpd-period-center strong{font-size:13px;letter-spacing:.05px}
.mpd-period-arrow{border:1px solid #2b4158!important;background:#12253a;color:#b9cadb}
.mpd-performance-summary{gap:10px;margin-bottom:15px;grid-template-columns:minmax(180px,1.45fr) repeat(5,minmax(0,1fr))}
.mpd-performance-main-stat,.mpd-performance-stat{min-height:102px;padding:16px 14px;border:1px solid #23394e;border-radius:10px;background:#0e1e30;box-shadow:none}
.mpd-performance-main-stat{background:linear-gradient(130deg,#102a2a 0%,#0d2030 68%,#0e1e30 100%);border-color:#235445}
.mpd-performance-main-stat::after{display:none}
.mpd-performance-main-stat span,.mpd-performance-stat span{font-size:10px;font-weight:600;color:#94a9bb;letter-spacing:.08px}
.mpd-performance-main-stat strong{font-size:27px;line-height:1.15;letter-spacing:-.8px;color:#2cdda0;font-variant-numeric:tabular-nums}
.mpd-performance-stat strong{font-size:23px;line-height:1.15;font-weight:750;letter-spacing:-.4px;font-variant-numeric:tabular-nums}
.mpd-performance-main-stat small,.mpd-performance-stat small{font-size:10px;color:#8297ac;margin-top:8px}
.mpd-performance-main-stat .rate-green{color:#2cdda0!important}
.mpd-performance-main-stat .rate-red{color:#f07985!important}
.mpd-performance-chart{padding:18px 20px 16px;border:1px solid #23394e;border-radius:11px;background:#0c1a2a}
.mpd-performance-chart::before{display:none}
.mpd-performance-chart-header{margin-bottom:14px}
.mpd-performance-chart-header span{font-size:15px;font-weight:700;color:#eef5fc}
.mpd-performance-chart-header small{font-size:10px;color:#8ca2b6}
.mpd-chart-badge{border:1px solid #255344!important;background:#102d29!important;color:#43d9a2!important;font-size:10px!important;font-weight:650!important;border-radius:7px!important}
@media(max-width:1080px){.mpd-performance-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.mpd-performance-main-stat{grid-column:span 3}}
@media(max-width:700px){.mpd-performance-header{align-items:flex-start;flex-direction:column}.mpd-performance-actions{width:100%;flex-wrap:wrap}.mpd-performance-filters{width:100%;overflow-x:auto;justify-content:flex-start}.mpd-performance .mpd-filter-btn{min-width:max-content}.mpd-performance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mpd-performance-main-stat{grid-column:span 2}.mpd-performance-chart{padding:14px 12px}}
@media(max-width:390px){.mpd-performance-main-stat,.mpd-performance-stat{padding:13px 10px}.mpd-performance-stat strong{font-size:20px}}


/* =========================================================
   CALENDAR · DAILY P&L (diseño aprobado)
   No modifica otras secciones ni la lógica de operaciones.
========================================================= */
.calendar-grid{
    grid-auto-rows:minmax(43px,auto);
    gap:6px;
}
.calendar-day,
.calendar-day.empty{
    height:43px;
    min-height:43px;
    box-sizing:border-box;
}
.calendar-day{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:3px;
    padding:4px 2px;
    border:1px solid transparent;
    border-radius:7px;
    font-variant-numeric:tabular-nums;
}
.calendar-day .mpd-calendar-date{
    display:block;
    font-size:10px;
    font-weight:700;
    line-height:1.15;
}
.calendar-day .mpd-calendar-pnl{
    display:block;
    max-width:100%;
    font-size:9px;
    font-weight:700;
    line-height:1.15;
    white-space:nowrap;
    letter-spacing:-.15px;
}
.calendar-day.gray{
    background:#182638;
    color:#A3B1C2;
}
.calendar-day.green{
    background:rgba(39,217,154,.16);
    border-color:rgba(39,217,154,.28);
    color:#59E6B1;
    box-shadow:none;
}
.calendar-day.red{
    background:rgba(255,105,111,.15);
    border-color:rgba(255,105,111,.28);
    color:#FF8589;
}
.calendar-day.gray.has-trades{
    background:#1C3040;
    color:#C1D1DE;
}
.calendar-day.selected,
.calendar-day.green.selected,
.calendar-day.red.selected{
    border-color:#E9F2FA;
    box-shadow:inset 0 0 0 1px rgba(233,242,250,.65);
}
@media(max-width:767px){
    .calendar-grid{grid-auto-rows:minmax(38px,auto);gap:4px;}
    .calendar-day,.calendar-day.empty{height:38px;min-height:38px;}
    .calendar-day{gap:2px;padding:3px 1px;border-radius:5px;}
    .calendar-day .mpd-calendar-date{font-size:9px;}
    .calendar-day .mpd-calendar-pnl{font-size:clamp(6px,1.65vw,8px);letter-spacing:-.3px;}
}

/* =========================================================
   CALENDAR · DAY DETAIL — COMPACT CORPORATE CARD
   Visual only: keeps all existing IDs and trade handling.
========================================================= */
.mpd-calendar-column .mpd-day-details{
    padding:13px 15px 10px;
    border:1px solid #25384d;
    border-radius:11px;
    background:#0c1929;
    box-shadow:none;
}
.mpd-day-details .day-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 0 9px;
}
.mpd-day-details .day-header h3{
    margin:0;
    color:#eaf2f9;
    font-size:12px;
    font-weight:700;
    line-height:1.35;
    letter-spacing:-.12px;
}
.mpd-day-details .day-header p{
    margin:3px 0 0;
    color:#8499ad;
    font-size:10px;
    line-height:1.2;
}
.mpd-day-details .mpd-day-actions{
    display:flex;
    align-items:center;
    gap:11px;
    flex-shrink:0;
}
.mpd-day-details #mpd-day-total{
    font-size:16px;
    font-weight:750;
    letter-spacing:-.3px;
    line-height:1.2;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
}
.mpd-day-details #mpd-day-total.profit{color:#37dfa0;}
.mpd-day-details #mpd-day-total.loss{color:#ff7c87;}
.mpd-day-details .day-close{
    width:25px;
    height:25px;
    flex:0 0 25px;
    border:1px solid #2c4259;
    border-radius:6px;
    background:#132338;
    color:#91a8bc;
    font-size:17px;
    line-height:1;
}
.mpd-day-details .day-close:hover{
    background:#1a3046;
    border-color:#3d5972;
    color:#edf5fc;
    transform:none;
}
.mpd-day-details #mpd-day-list{
    border-top:1px solid #203348;
}
.mpd-day-details .day-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:33px;
    padding:8px 1px;
    border-top:1px solid rgba(37,56,77,.65);
    font-size:11px;
    line-height:1.3;
}
.mpd-day-details .day-item:first-child{border-top:0;}
.mpd-day-details .day-item strong{
    color:#d8e5ef;
    font-size:11px;
    font-weight:650;
    overflow-wrap:anywhere;
}
.mpd-day-details .day-item span{
    font-size:11px;
    font-weight:700;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
}
.mpd-day-details .day-item span.profit{color:#37dfa0;}
.mpd-day-details .day-item span.loss{color:#ff7c87;}
@media(max-width:480px){
    .mpd-calendar-column .mpd-day-details{padding:11px 12px 8px;}
    .mpd-day-details .day-header h3{font-size:11px;}
    .mpd-day-details #mpd-day-total{font-size:14px;}
    .mpd-day-details .mpd-day-actions{gap:8px;}
}

/* DAY DETAIL — CENTER THE CLOSE X */
.mpd-day-details .day-close{
    display:grid;
    place-items:center;
    padding:0;
    text-align:center;
    text-indent:0;
    line-height:1;
    box-sizing:border-box;
}


/* INSIGHTS — CORPORATE REFINEMENT / scoped to three analytics cards */
.mpd-insights-grid{gap:14px;align-items:stretch}
.mpd-insights-grid>.mpd-insights-card{background:#0b1929;border:1px solid #20364b;border-radius:13px;padding:17px 16px 18px;box-shadow:0 4px 18px rgba(0,0,0,.07);min-width:0}
.mpd-insights-grid>.mpd-insights-card h3{font-size:13px;font-weight:700;letter-spacing:-.01em;line-height:1.4;color:#f1f6fb;margin:0 0 16px;padding-bottom:13px;border-bottom:1px solid rgba(137,163,187,.12)}
.mpd-insights-grid .mpd-insights-metrics{gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}
.mpd-insights-grid .mpd-insight-metric{min-height:94px;padding:12px 9px 11px;gap:11px;background:#102235;border:1px solid #263d51;border-radius:9px;justify-content:space-between;box-sizing:border-box}
.mpd-insights-grid .mpd-insight-metric span{font-size:10px;font-weight:500;line-height:1.35;color:#a3b7ca}
.mpd-insights-grid .mpd-insight-metric strong{font-size:23px;font-weight:750;line-height:1;letter-spacing:-.035em;color:#e9f3fa;font-variant-numeric:tabular-nums}
.mpd-insights-grid .mpd-insight-metric.good{background:rgba(39,217,154,.055);border-color:rgba(39,217,154,.27)}
.mpd-insights-grid .mpd-insight-metric.good strong{color:#27d99a}
.mpd-insights-grid .mpd-insight-metric.bad{background:rgba(255,111,126,.05);border-color:rgba(255,111,126,.25)}
.mpd-insights-grid .mpd-insight-metric.bad strong{color:#ff7786}
.mpd-insights-grid .mpd-report-scroll{max-height:225px;overflow:auto;border:1px solid #23384b;border-radius:9px;background:#0c1b2b}
.mpd-insights-grid .mpd-report-table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px;white-space:nowrap}
.mpd-insights-grid .mpd-report-table th{background:#122539;color:#9eb7cc;font-size:10px;font-weight:600;letter-spacing:.01em;padding:11px 9px;border:0;border-bottom:1px solid #294155;text-align:left}
.mpd-insights-grid .mpd-report-table td{padding:11px 9px;color:#dce8f3;border:0;border-bottom:1px solid rgba(128,154,179,.13);font-variant-numeric:tabular-nums}
.mpd-insights-grid .mpd-report-table tbody tr:last-child td{border-bottom:0}
.mpd-insights-grid .mpd-report-table tbody tr:nth-child(even){background:rgba(255,255,255,.018)}
.mpd-insights-grid .mpd-report-table tbody tr:hover{background:rgba(71,112,140,.13)}
.mpd-insights-grid .mpd-report-table .mpd-positive{color:#27d99a;font-weight:700}
.mpd-insights-grid .mpd-report-table .mpd-negative{color:#ff7786;font-weight:700}
@media(max-width:680px){.mpd-insights-grid .mpd-insights-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mpd-insights-grid>.mpd-insights-card{padding:15px}}

/* INSIGHTS TABLES — 3 VISIBLE DATA ROWS (2026-10-19) */
/* Header ~35px + three rows ~36px; additional rows scroll vertically. */
.mpd-insights-grid .mpd-report-scroll{
    max-height:141px;
    overflow-y:auto;
    overflow-x:auto;
    scrollbar-width:thin;
    scrollbar-color:#36566b #0c1b2b;
    overscroll-behavior:contain;
}
.mpd-insights-grid .mpd-report-scroll::-webkit-scrollbar{width:6px;height:6px}
.mpd-insights-grid .mpd-report-scroll::-webkit-scrollbar-track{background:#0c1b2b;border-radius:8px}
.mpd-insights-grid .mpd-report-scroll::-webkit-scrollbar-thumb{background:#36566b;border-radius:8px}
.mpd-insights-grid .mpd-report-scroll::-webkit-scrollbar-thumb:hover{background:#52758b}
.mpd-insights-grid .mpd-report-table thead th{position:sticky;top:0;z-index:2}

/* TRADING GOAL — REFINED CORPORATE CARD (cumulative goal, no reset) */
.mpd-goal-card{
  position:relative;overflow:hidden;margin:14px 0 20px;padding:21px 23px 18px;
  background:linear-gradient(120deg,#0b1929 0%,#0b1b2b 68%,#0a1928 100%);
  border:1px solid #243c51;border-radius:14px;
  box-shadow:0 6px 24px rgba(0,0,0,.08);color:#edf5fb;
}
.mpd-goal-card::after{content:"";position:absolute;right:24px;top:65px;width:118px;height:118px;border:12px solid rgba(39,217,154,.035);border-radius:50%;pointer-events:none}
.mpd-goal-heading{position:relative;z-index:1;align-items:flex-start;gap:18px}
.mpd-goal-heading h3{margin:0 0 7px;font-size:16px;font-weight:750;letter-spacing:-.025em;color:#f3f8fd}
.mpd-goal-heading p{font-size:12px;line-height:1.5;color:#96adc2}
.mpd-goal-card #mpd-goal-edit{flex-shrink:0;background:#11283b;border:1px solid #31536b;border-radius:9px;padding:10px 15px;color:#e9f4fb;font-size:12px;font-weight:650;transition:background .2s,border-color .2s}
.mpd-goal-card #mpd-goal-edit:hover{background:#18354a;border-color:#49768a}
.mpd-goal-values{position:relative;z-index:1;grid-template-columns:1fr 1.65fr 1fr 1fr;gap:clamp(12px,2.5vw,35px);margin-top:27px;align-items:start}
.mpd-goal-values>div{gap:10px}
.mpd-goal-values span{font-size:11px;font-weight:500;color:#9bb2c7;letter-spacing:.01em}
.mpd-goal-values strong{font-size:clamp(19px,2vw,26px);line-height:1.2;letter-spacing:-.035em;font-weight:750;font-variant-numeric:tabular-nums;color:#f3f8fc}
.mpd-goal-values #mpd-goal-current{color:#27d99a}
.mpd-goal-progress{height:10px;background:#1a3043;border-radius:30px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.13)}
.mpd-goal-progress #mpd-goal-fill{background:linear-gradient(90deg,#20c88e,#27d99a);border-radius:30px;box-shadow:0 0 12px rgba(39,217,154,.14)}
.mpd-goal-note{position:relative;z-index:1;margin-top:23px;padding-top:13px;border-top:1px solid rgba(133,165,189,.13);font-size:10px;color:#829db3}
.mpd-goal-editor{position:relative;z-index:2;padding:12px 0 2px}
@media(max-width:780px){.mpd-goal-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 17px}.mpd-goal-card{padding:18px}}
@media(max-width:430px){.mpd-goal-heading{flex-wrap:wrap}.mpd-goal-card #mpd-goal-edit{width:100%}.mpd-goal-values strong{font-size:20px}.mpd-goal-card::after{display:none}}

/* TRADING GOAL — SUBTLE CHECKERED FINISH FLAG */
.mpd-goal-card::after{
  content:"🏁";
  position:absolute;
  right:24px;
  top:58px;
  width:128px;
  height:128px;
  border:0;
  border-radius:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  font-size:103px;
  line-height:1;
  opacity:.20; /* 80% transparency: visible but discreet */
  transform:rotate(-10deg);
  pointer-events:none;
  z-index:0;
}
@media(max-width:430px){.mpd-goal-card::after{display:none}}

/* TRADING GOAL — WAVING FINISH FLAG WATERMARK (approved) */
.mpd-goal-card::after{
  content:"";position:absolute;top:auto;left:auto;right:-43px;bottom:-62px;
  width:270px;height:225px;border:0;border-radius:0;display:block;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20340%20280%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22shade%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%22.4%22%3E%3Cstop%20stop-color%3D%22%23ffffff%22%20stop-opacity%3D%22.8%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%237898a9%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e4f3ff%22%20stop-opacity%3D%22.65%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22pole%22%20x1%3D%220%22%20x2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23486779%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23b4c7d0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232c4c60%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M76%2065%20L116%20274%22%20stroke%3D%22%23223d4c%22%20stroke-width%3D%2215%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M74%2062%20L114%20270%22%20stroke%3D%22url%28%23pole%29%22%20stroke-width%3D%227%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2274%22%20cy%3D%2260%22%20r%3D%2210%22%20fill%3D%22%23a6bbc5%22%2F%3E%3Cpolygon%20points%3D%2278.0%2C72.0%20114.0%2C78.5%20114.0%2C108.9%2078.0%2C103.5%22%20fill%3D%22%23d7e5ed%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%22114.0%2C78.5%20150.0%2C81.0%20150.0%2C109.6%20114.0%2C108.9%22%20fill%3D%22%23183140%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%22150.0%2C81.0%20186.0%2C78.1%20186.0%2C105.0%20150.0%2C109.6%22%20fill%3D%22%23d7e5ed%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%22186.0%2C78.1%20222.0%2C71.5%20222.0%2C98.0%20186.0%2C105.0%22%20fill%3D%22%23183140%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%22222.0%2C71.5%20258.0%2C65.2%20258.0%2C92.8%20222.0%2C98.0%22%20fill%3D%22%23d7e5ed%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%22258.0%2C65.2%20294.0%2C63.0%20294.0%2C92.6%20258.0%2C92.8%22%20fill%3D%22%23183140%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%2278.0%2C103.5%20114.0%2C108.9%20114.0%2C138.8%2078.0%2C134.8%22%20fill%3D%22%23183140%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%22114.0%2C108.9%20150.0%2C109.6%20150.0%2C137.5%20114.0%2C138.8%22%20fill%3D%22%23d7e5ed%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%22150.0%2C109.6%20186.0%2C105.0%20186.0%2C131.6%20150.0%2C137.5%22%20fill%3D%22%23183140%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%22186.0%2C105.0%20222.0%2C98.0%20222.0%2C124.8%20186.0%2C131.6%22%20fill%3D%22%23d7e5ed%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%22222.0%2C98.0%20258.0%2C92.8%20258.0%2C121.1%20222.0%2C124.8%22%20fill%3D%22%23183140%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%22258.0%2C92.8%20294.0%2C92.6%20294.0%2C122.8%20258.0%2C121.1%22%20fill%3D%22%23d7e5ed%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%2278.0%2C134.8%20114.0%2C138.8%20114.0%2C168.0%2078.0%2C165.7%22%20fill%3D%22%23d7e5ed%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%22114.0%2C138.8%20150.0%2C137.5%20150.0%2C164.8%20114.0%2C168.0%22%20fill%3D%22%23183140%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%22150.0%2C137.5%20186.0%2C131.6%20186.0%2C158.1%20150.0%2C164.8%22%20fill%3D%22%23d7e5ed%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%22186.0%2C131.6%20222.0%2C124.8%20222.0%2C152.0%20186.0%2C158.1%22%20fill%3D%22%23183140%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%22222.0%2C124.8%20258.0%2C121.1%20258.0%2C150.1%20222.0%2C152.0%22%20fill%3D%22%23d7e5ed%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%22258.0%2C121.1%20294.0%2C122.8%20294.0%2C153.6%20258.0%2C150.1%22%20fill%3D%22%23183140%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%2278.0%2C165.7%20114.0%2C168.0%20114.0%2C196.5%2078.0%2C196.1%22%20fill%3D%22%23183140%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%22114.0%2C168.0%20150.0%2C164.8%20150.0%2C191.7%20114.0%2C196.5%22%20fill%3D%22%23d7e5ed%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%22150.0%2C164.8%20186.0%2C158.1%20186.0%2C184.7%20150.0%2C191.7%22%20fill%3D%22%23183140%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%22186.0%2C158.1%20222.0%2C152.0%20222.0%2C179.7%20186.0%2C184.7%22%20fill%3D%22%23d7e5ed%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%22222.0%2C152.0%20258.0%2C150.1%20258.0%2C179.7%20222.0%2C179.7%22%20fill%3D%22%23183140%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpolygon%20points%3D%22258.0%2C150.1%20294.0%2C153.6%20294.0%2C184.8%20258.0%2C179.7%22%20fill%3D%22%23d7e5ed%22%20stroke%3D%22%235c7785%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M78%2072%20Q190%2037%20294%2069%20L294%20193%20Q175%20164%2078%20188Z%22%20fill%3D%22url%28%23shade%29%22%20opacity%3D%22.17%22%2F%3E%3C%2Fsvg%3E");
  background-repeat:no-repeat;background-position:center;background-size:contain;
  opacity:.20;transform:none;filter:drop-shadow(0 0 16px rgba(39,217,154,.13));
  pointer-events:none;z-index:0;
  -webkit-mask-image:linear-gradient(115deg,transparent 0%,rgba(0,0,0,.6) 22%,#000 60%);
  mask-image:linear-gradient(115deg,transparent 0%,rgba(0,0,0,.6) 22%,#000 60%);
}
@media(max-width:780px){.mpd-goal-card::after{right:-75px;bottom:-58px;width:205px;height:180px;opacity:.12}}
@media(max-width:430px){.mpd-goal-card::after{display:block;right:-82px;bottom:-70px;width:180px;height:160px;opacity:.09}}

/* ACCOUNT OVERVIEW — isolated corporate component */
.mpd-account{margin:24px 0 32px;padding:26px;background:#0c1828;border:1px solid #243247;border-radius:18px;color:#eaf1f9}
.mpd-account-head,.mpd-account-ledger-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.mpd-account-kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#27d99a}
.mpd-account h3{font-size:23px;line-height:1.3;margin:5px 0 6px;color:#f4f7fc}
.mpd-account p{margin:0;color:#91a1b5;font-size:12px}
.mpd-account-primary{background:#20bf88!important;border:1px solid #20bf88!important;color:#061b1a!important;font-weight:750!important;padding:11px 16px!important;border-radius:9px!important;cursor:pointer}
.mpd-account-stats{display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:12px;margin:23px 0}
.mpd-account-stats>div{min-width:0;padding:20px 17px;background:#101f31;border:1px solid #27384c;border-radius:12px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.mpd-account-stats span{font-size:11px;color:#a6b5c7;font-weight:600}
.mpd-account-stats strong{font-size:22px;color:#f1f6fb;letter-spacing:-.6px;overflow-wrap:anywhere}
.mpd-account-stats .mpd-account-feature{background:linear-gradient(130deg,#11332f,#102437);border-color:#276557}
.mpd-account-stats .mpd-account-feature strong{font-size:31px}
.mpd-account-stats small{font-size:10px;color:#a1bcb6}
.mpd-account-ledger-head{padding:3px 0 13px;border-bottom:1px solid #27384c}
.mpd-account-ledger-head h4{margin:0 0 5px;font-size:14px;color:#f1f6fb}
.mpd-account-ledger-head>span{font-size:11px;color:#90a1b5;white-space:nowrap}
.mpd-account-list{max-height:360px;overflow:auto}
.mpd-account-empty{padding:25px 0;text-align:center;color:#8295ac;font-size:12px}
.mpd-account-movement{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #213146}
.mpd-account-movement-info{flex:1;min-width:0}.mpd-account-movement-info strong{display:block;font-size:12px;color:#e8f1f9}.mpd-account-movement-info small{display:block;color:#8397ad;font-size:11px;margin-top:4px;overflow-wrap:anywhere}
.mpd-account-movement-amount{font-weight:700;font-size:13px;white-space:nowrap}.mpd-account-positive{color:#27d99a!important}.mpd-account-negative{color:#f38188!important}
.mpd-account-movement button{border:1px solid #314159;background:#142439;color:#b7c6d8;padding:6px 9px;border-radius:7px;font-size:11px;cursor:pointer}
.mpd-account-disclaimer{display:block;margin-top:17px;font-size:10px;line-height:1.7;color:#8294aa}
.mpd-account-modal[hidden]{display:none!important}.mpd-account-modal{position:fixed;inset:0;z-index:99999;background:rgba(3,9,17,.78);display:flex;align-items:center;justify-content:center;padding:18px}
.mpd-account-dialog{width:min(100%,440px);background:#0e1d2e;border:1px solid #33475e;border-radius:16px;padding:24px;box-shadow:0 22px 70px #0009;color:#eaf1f9}
.mpd-account-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.mpd-account-dialog-head h3{margin:0;font-size:18px}.mpd-account-dialog-head button{font-size:24px;background:transparent;border:0;color:#b9c8d8;cursor:pointer}
#mpd-account-form{display:grid;gap:13px}#mpd-account-form label{display:grid;gap:6px;font-size:12px;color:#a9bbce}#mpd-account-form input,#mpd-account-form select{width:100%;box-sizing:border-box;background:#13283c;border:1px solid #34506a;border-radius:8px;padding:11px;color:#f1f6fb;font:inherit;color-scheme:dark}
.mpd-account-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:9px}.mpd-account-form-actions>button:first-child{border:1px solid #34506a;background:#14263a;color:#c9d6e4;border-radius:9px;padding:10px 16px;cursor:pointer}
@media(max-width:950px){.mpd-account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.mpd-account{padding:18px}.mpd-account-head{align-items:flex-start;flex-direction:column}.mpd-account-stats{grid-template-columns:1fr 1fr;gap:8px}.mpd-account-stats>div{padding:14px 11px}.mpd-account-stats strong{font-size:17px}.mpd-account-stats .mpd-account-feature{grid-column:1/-1}.mpd-account-stats .mpd-account-feature strong{font-size:27px}.mpd-account-movement{flex-wrap:wrap}.mpd-account-movement-info{flex-basis:60%}}

/* Account Overview — compact card + accessible native disclosure */
.mpd-account{margin:14px 0 22px;padding:18px 20px 13px;border-radius:15px}
.mpd-account-head{gap:12px}
.mpd-account-kicker{font-size:9px;letter-spacing:1.7px}
.mpd-account h3{font-size:19px;line-height:1.2;margin:3px 0 0}
.mpd-account-primary{padding:9px 13px!important;font-size:12px!important;white-space:nowrap}
.mpd-account-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0 10px}
.mpd-account-stats>div{padding:11px 12px;gap:6px;border-radius:9px;min-height:65px}
.mpd-account-stats span{font-size:10px;font-weight:500}
.mpd-account-stats strong,.mpd-account-stats .mpd-account-feature strong{font-size:20px;letter-spacing:-.4px}
.mpd-account-stats .mpd-account-feature{background:#102a2c;border-color:#27584e}
.mpd-account-stats abbr{text-decoration:none;cursor:help;color:#83acaa}
.mpd-account-history{border-top:1px solid #26384b}
.mpd-account-history>summary{list-style:none;cursor:pointer;user-select:none;padding:10px 0 0;border:0;font-size:11px;color:#a6b5c7}
.mpd-account-history>summary::-webkit-details-marker{display:none}
.mpd-account-history>summary:focus-visible{outline:2px solid #27d99a;outline-offset:3px;border-radius:3px}
.mpd-account-history-action{color:#27d99a!important;font-size:11px!important;font-weight:600}
.mpd-account-count-inline{margin-left:6px;color:#8196ad;font-size:10px;font-weight:400}
.mpd-account-chevron{display:inline-block;transition:transform .2s;font-size:16px;line-height:0;vertical-align:middle;margin-left:3px}
.mpd-account-history[open] .mpd-account-chevron{transform:rotate(180deg)}
.mpd-account-history[open]>summary{padding-bottom:8px}
.mpd-account-disclaimer{margin-top:10px}
@media(max-width:650px){.mpd-account{padding:16px 13px 12px}.mpd-account-head{flex-direction:row;align-items:center}.mpd-account h3{font-size:17px}.mpd-account-primary{padding:8px 9px!important;font-size:11px!important}.mpd-account-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0 10px}.mpd-account-stats>div{padding:11px 10px;min-height:58px}.mpd-account-stats .mpd-account-feature{grid-column:auto}.mpd-account-stats strong,.mpd-account-stats .mpd-account-feature strong{font-size:18px}}
@media(max-width:370px){.mpd-account-head{flex-wrap:wrap}.mpd-account-primary{margin-left:auto}}

/* TRADING GOAL — compact layout, visual-only override */
.mpd-goal-card{margin:14px 0 16px;padding:16px 20px 13px;border-radius:15px}
.mpd-goal-heading{gap:12px;align-items:center}
.mpd-goal-heading h3{margin:0 0 3px;font-size:15px;line-height:1.25}
.mpd-goal-heading p{margin:0;font-size:11px;line-height:1.35}
.mpd-goal-card #mpd-goal-edit{padding:9px 13px;font-size:11px;border-radius:9px}
.mpd-goal-values{margin-top:15px;gap:clamp(12px,2vw,25px);grid-template-columns:1fr 1.65fr 1fr 1fr}
.mpd-goal-values>div{gap:5px}
.mpd-goal-values span{font-size:10px}
.mpd-goal-values strong{font-size:clamp(18px,1.8vw,22px);line-height:1.15}
.mpd-goal-progress{height:8px}
.mpd-goal-note{margin-top:13px;padding-top:9px;font-size:9px;line-height:1.35}
.mpd-goal-card::after{width:225px;height:185px;right:-48px;bottom:-65px;opacity:.16}
@media(max-width:780px){.mpd-goal-card{padding:15px 16px 12px}.mpd-goal-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:14px}.mpd-goal-card::after{width:175px;height:150px;right:-65px;bottom:-55px;opacity:.10}}
@media(max-width:430px){.mpd-goal-heading{align-items:flex-start}.mpd-goal-card #mpd-goal-edit{width:auto;padding:8px 10px}.mpd-goal-values strong{font-size:19px}.mpd-goal-card::after{width:150px;height:130px;right:-70px;bottom:-50px;opacity:.08}}


/* PERFORMANCE REPORT — centered modal, existing report cards reused */
.mpd-chart-header-actions{display:flex;align-items:center;gap:12px}
.mpd-view-report-btn{border:1px solid rgba(39,217,154,.35);background:#112e30;color:#52e7b7;border-radius:8px;padding:9px 15px;font-size:12px;font-weight:700;cursor:pointer;transition:background .18s,border-color .18s}
.mpd-view-report-btn:hover,.mpd-view-report-btn:focus-visible{background:#16453d;border-color:#27d99a;outline:none}
.mpd-report-modal[hidden]{display:none!important}
.mpd-report-modal{position:fixed;inset:0;z-index:999999;background:rgba(1,7,14,.78);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;backdrop-filter:blur(5px)}
body.mpd-report-open{overflow:hidden!important}
.mpd-report-dialog{width:min(1040px,100%);max-height:min(85vh,850px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;background:#0b1929;border:1px solid #2b4358;border-radius:16px;box-shadow:0 24px 90px rgba(0,0,0,.55);padding:24px;scrollbar-width:thin;scrollbar-color:#35566d #0b1929}
.mpd-report-dialog:focus{outline:none}
.mpd-report-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:23px;padding-bottom:18px;border-bottom:1px solid #23394d}
.mpd-report-dialog-header h2{color:#f3f8fc;font-size:20px;line-height:1.3;font-weight:750;margin:0 0 6px}
.mpd-report-dialog-header p{color:#98b2c7;font-size:12px;margin:0}
#mpd-report-close{width:34px;height:34px;flex:0 0 34px;border:1px solid #2d465d;border-radius:9px;background:#14283d;color:#dceaf5;font-size:23px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;text-align:center;font-family:Arial,sans-serif;appearance:none}
#mpd-report-close:hover,#mpd-report-close:focus-visible{background:#223d55;border-color:#4b7088}
.mpd-report-dialog .mpd-insights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}
.mpd-report-dialog .mpd-insights-grid>.mpd-insights-card:first-child{grid-column:1/-1}
.mpd-report-dialog .mpd-insights-grid .mpd-report-scroll{max-height:270px;overflow:auto}
@media(max-width:700px){.mpd-report-modal{padding:12px}.mpd-report-dialog{padding:17px;max-height:90vh}.mpd-report-dialog .mpd-insights-grid{grid-template-columns:minmax(0,1fr)}.mpd-report-dialog .mpd-insights-grid>.mpd-insights-card:first-child{grid-column:auto}.mpd-chart-header-actions{gap:7px}.mpd-view-report-btn{padding:8px 10px;font-size:11px}}

/* Extended Trading Report tabs and analytics */
.mpd-report-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;border-bottom:1px solid #263d52;padding-bottom:12px}
.mpd-report-tabs button{border:1px solid #2c4559;background:#112439;color:#a9bfd0;border-radius:8px;padding:10px 15px;cursor:pointer;font-weight:650;font-size:12px}
.mpd-report-tabs button.active,.mpd-report-tabs button:hover{background:#12392f;color:#31dca5;border-color:#246f59}
.mpd-report-panel[hidden]{display:none!important}
.mpd-report-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mpd-report-panel>.mpd-report-metrics{grid-column:1/-1}
.mpd-report-panel>.mpd-insights-card{min-width:0}
.mpd-report-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}
.mpd-report-metric{background:#11263a;border:1px solid #2b4155;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:9px}
.mpd-report-metric span{color:#a1b8c9;font-size:11px}
.mpd-report-metric strong{color:#f1f8fc;font-size:21px;font-weight:750;font-variant-numeric:tabular-nums}
.mpd-report-panel[data-mpd-report-panel="overview"]>.mpd-insights-card{grid-column:1/-1}
.mpd-report-caption{color:#8ea9be;font-size:11px}
.mpd-report-distribution{display:grid;gap:11px;margin-top:16px}
.mpd-report-bin{display:grid;grid-template-columns:115px 1fr 28px;gap:12px;align-items:center;color:#a9c1d3;font-size:11px}
.mpd-report-bin-track{height:12px;border-radius:8px;background:#0a1727;overflow:hidden;border:1px solid #274055}
.mpd-report-bin-track>div{height:100%;border-radius:8px;background:#25ce95}
.mpd-report-bin strong{text-align:right;color:#e6f2f8}
.mpd-report-highlights{display:grid;gap:12px;margin-top:14px}
.mpd-report-highlight{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #263d52;padding-bottom:10px;color:#acc3d4;font-size:12px}
.mpd-report-highlight strong{white-space:nowrap}
.mpd-report-highlight .mpd-positive{color:#27d99a}.mpd-report-highlight .mpd-negative{color:#ff7786}
@media(max-width:700px){.mpd-report-panel{grid-template-columns:1fr}.mpd-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mpd-report-bin{grid-template-columns:100px 1fr 24px;gap:7px}.mpd-report-tabs button{flex:1;padding:9px 7px;font-size:11px}}

/* View Report: único botón, estilo del antiguo distintivo Performance */
#mpd-view-report.mpd-chart-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 11px;border:1px solid #255344!important;border-radius:7px!important;background:#102d29!important;color:#43d9a2!important;font-size:10px!important;font-weight:650!important;line-height:1.2;cursor:pointer;white-space:nowrap;transition:background .18s,border-color .18s}
#mpd-view-report.mpd-chart-badge:hover,#mpd-view-report.mpd-chart-badge:focus-visible{background:#164338!important;border-color:#32c895!important;outline:none}

/* Compact P&L integrated with View Report — October 2026 */
.mpd-performance-hidden-stats[hidden]{display:none!important}
.mpd-performance-chart-header .mpd-chart-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.mpd-chart-pnl{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;min-width:116px;padding:5px 14px 5px 0;border-right:1px solid #294158;text-align:right}
.mpd-performance-chart-header .mpd-chart-pnl .mpd-chart-pnl-label{font-size:10px;font-weight:500;color:#8faac1;line-height:1.25}
.mpd-performance-chart-header .mpd-chart-pnl strong{font-size:21px;font-weight:800;letter-spacing:-.6px;line-height:1.15;font-variant-numeric:tabular-nums}
.mpd-performance-chart-header .mpd-chart-pnl strong.rate-green{color:#20d89a}
.mpd-performance-chart-header .mpd-chart-pnl strong.rate-red{color:#f07886}
.mpd-performance-chart-header .mpd-chart-pnl small{font-size:9px;line-height:1.3;color:#8faac1}
@media(max-width:580px){
 .mpd-performance-chart-header{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
 .mpd-performance-chart-header .mpd-chart-header-actions{margin-left:auto;gap:9px}
 .mpd-chart-pnl{min-width:0;padding-right:10px}
 .mpd-performance-chart-header .mpd-chart-pnl strong{font-size:17px}
}

/* Share Results integrado como ultima accion de la barra de periodos. */
.mpd-performance .mpd-performance-filters > #mpd-share-performance{
  flex:0 0 auto; width:auto; min-width:0; height:34px; margin:0 0 0 5px;
  padding:0 13px; border-radius:6px; white-space:nowrap; font-size:11px;
}
@media (max-width:760px){
  .mpd-performance .mpd-performance-filters > #mpd-share-performance{
    width:100%; grid-column:1 / -1; margin:0; min-height:35px;
  }
}

/* Optional R:R journal field and period report */
.mpd-entry-grid>.mpd-rr-field{grid-column:span 2}
.mpd-rr-field small{font-size:10px;color:#829db2;margin-top:5px;line-height:1.35}
.mpd-rr-field input{background:#0b1828;color:#e9f4fb;border:1px solid #31475b;border-radius:5px;padding:0 12px}
.mpd-rr-report{grid-column:1/-1}
.mpd-rr-report .mpd-report-metrics{margin:12px 0}
.mpd-rr-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px}
.mpd-rr-breakdown-row{display:flex;justify-content:space-between;gap:8px;background:#10263a;border:1px solid #2b4155;border-radius:8px;padding:11px;color:#aec6d7;font-size:12px}
.mpd-rr-breakdown-row strong{color:#e8f5fc}
@media(max-width:680px){.mpd-entry-grid>.mpd-rr-field{grid-column:1/-1}}

/* Add Trade: seven compact fields on one desktop row (R:R included). */
@media (min-width:1101px){
 .mpd-entry-grid{grid-template-columns:minmax(105px,1.1fr) minmax(135px,1.25fr) minmax(105px,1.05fr) minmax(145px,1.2fr) minmax(120px,1fr) minmax(90px,.72fr) minmax(115px,.95fr);column-gap:10px;row-gap:0}
 .mpd-entry-grid>.mpd-rr-field{grid-column:auto;min-width:0}
 .mpd-entry-grid>.mpd-rr-field small{display:none}
 .mpd-entry-grid>.mpd-rr-field input{padding:0 8px;font-size:12px}
 .mpd-entry-grid>.mpd-rr-field>label{white-space:nowrap}
}
@media (min-width:681px) and (max-width:1100px){
 .mpd-entry-grid>.mpd-rr-field{grid-column:auto}
}

/* Contextual help inside all Performance Report tabs */
.mpd-report-dialog .mpd-report-metric{position:relative;}
.mpd-report-dialog .mpd-info-tip{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:0 0 auto;width:17px;height:17px;margin-left:6px;padding:0;border:1px solid #466078;border-radius:50%;background:#193046;color:#a9c3d5;font-size:11px;font-weight:700;line-height:1;cursor:help;position:relative;z-index:2;}
.mpd-report-dialog .mpd-report-metric>.mpd-info-tip{position:absolute;top:12px;right:10px;margin:0;}
.mpd-report-dialog .mpd-info-tip:hover,.mpd-report-dialog .mpd-info-tip:focus-visible{background:#1c745d;color:#fff;border-color:#35dca7;outline:2px solid transparent;}
.mpd-report-dialog .mpd-info-tip:is(:hover,:focus-visible)::after{content:attr(data-tooltip);position:absolute;z-index:1000;right:0;top:calc(100% + 9px);width:max-content;max-width:min(270px,75vw);min-width:175px;box-sizing:border-box;white-space:normal;text-align:left;overflow-wrap:break-word;background:#06111d;color:#e8f4fc;border:1px solid #37566b;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:400;line-height:1.5;box-shadow:0 12px 28px #0009;pointer-events:none;}
.mpd-report-dialog .mpd-report-metric:nth-child(4n) .mpd-info-tip:is(:hover,:focus-visible)::after{right:0;}
.mpd-report-dialog .mpd-insights-card h3 .mpd-info-tip{margin-left:7px;}
@media(max-width:760px){.mpd-report-dialog .mpd-info-tip:is(:hover,:focus-visible)::after{max-width:min(220px,65vw);}}

/* Keep help popups inside Performance Report, including the first cards. */
.mpd-report-dialog .mpd-report-metrics>.mpd-report-metric:nth-child(-n+2)>.mpd-info-tip:is(:hover,:focus-visible)::after{left:0;right:auto;}
@media(max-width:700px){
 .mpd-report-dialog .mpd-report-metrics>.mpd-report-metric:nth-child(2)>.mpd-info-tip:is(:hover,:focus-visible)::after{left:auto;right:0;}
}

/* Editable instrument dropdown: keeps the original one-row Add Trade layout. */
.mpd-entry-grid .mpd-instrument-combo{position:relative;min-width:0;width:100%}
.mpd-entry-grid .mpd-instrument-combo>input{padding-right:34px!important;width:100%}
.mpd-entry-grid .mpd-instrument-toggle{position:absolute;top:0;right:0;width:32px;height:43px;border:0;background:transparent;color:#8da9c2;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:0 7px 7px 0;z-index:2}
.mpd-entry-grid .mpd-instrument-toggle svg{width:15px;height:15px;transition:transform .18s ease}
.mpd-entry-grid .mpd-instrument-toggle:hover,.mpd-entry-grid .mpd-instrument-toggle:focus-visible{color:#00df91;background:rgba(0,220,142,.07);outline:none}
.mpd-entry-grid .mpd-instrument-open .mpd-instrument-toggle svg{transform:rotate(180deg)}
.mpd-entry-grid .mpd-instrument-list{position:absolute;z-index:10020;top:calc(100% + 6px);left:0;width:max(100%,215px);max-width:min(290px,calc(100vw - 38px));max-height:205px;overflow-y:auto;overscroll-behavior:contain;background:#0d2032;border:1px solid #304b62;border-radius:9px;padding:4px;box-shadow:0 14px 35px rgba(0,0,0,.48);scrollbar-width:thin;scrollbar-color:#3b6074 #0d2032}
.mpd-entry-grid .mpd-instrument-list[hidden]{display:none!important}
.mpd-entry-grid .mpd-instrument-option{height:39px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px;border-radius:6px;color:#e4effa;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.mpd-entry-grid .mpd-instrument-option small{font-size:10px;font-weight:400;color:#8ba7bc}
.mpd-entry-grid .mpd-instrument-option:hover,.mpd-entry-grid .mpd-instrument-option.is-active{background:#173d43;color:#29e5a2}
.mpd-entry-grid .mpd-instrument-empty{font-size:11px;line-height:1.5;padding:12px;color:#aac0d0}
@media(max-width:680px){.mpd-entry-grid .mpd-instrument-list{width:max(100%,195px)}}

/* Visible white dropdown chevron for the Instrument combobox. */
.mpd-entry-grid .mpd-instrument-toggle{color:#fff!important;background:rgba(255,255,255,.045)!important;opacity:1!important}
.mpd-entry-grid .mpd-instrument-toggle svg{display:none!important}
.mpd-entry-grid .mpd-instrument-toggle::after{content:"";display:block;width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease;flex-shrink:0}
.mpd-entry-grid .mpd-instrument-open .mpd-instrument-toggle::after{transform:translateY(2px) rotate(225deg)}
.mpd-entry-grid .mpd-instrument-toggle:hover,.mpd-entry-grid .mpd-instrument-toggle:focus-visible{background:rgba(0,220,142,.15)!important;outline:1px solid rgba(0,220,142,.5);outline-offset:-1px}

/* Trading Plan: subtle, accessible integrated disclosure chevron */
#mpd-trading-plan .mpd-plan-toggle{min-width:0}
#mpd-trading-plan .mpd-plan-chevron{display:inline-flex!important;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;border:1px solid rgba(116,150,174,.32);border-radius:7px;background:rgba(255,255,255,.035);color:#d7e7f3;transition:background .2s ease,border-color .2s ease,color .2s ease;transform:none!important;font-size:0;line-height:1}
#mpd-trading-plan .mpd-plan-chevron svg{width:15px;height:15px;display:block;transition:transform .2s ease}
#mpd-trading-plan .mpd-plan-toggle[aria-expanded="true"] .mpd-plan-chevron svg{transform:rotate(180deg)}
#mpd-trading-plan .mpd-plan-toggle:hover .mpd-plan-chevron,#mpd-trading-plan .mpd-plan-toggle:focus-visible .mpd-plan-chevron{border-color:rgba(25,220,157,.65);background:rgba(25,220,157,.1);color:#26e4aa}

/* Restore missing Trading Plan component styles */
/* Trading Plan compacto y desplegable */
#mpd-app .mpd-plan{background:#0b1929;border:1px solid #29415a;border-radius:15px;margin:0 0 15px;padding:10px 17px;color:#e9f4ff}
#mpd-app .mpd-plan-top{display:flex;align-items:center;gap:12px;justify-content:space-between}
#mpd-app .mpd-plan-toggle{display:flex;align-items:center;gap:15px;flex:1;min-width:0;background:transparent;border:0;color:inherit;padding:3px 0;text-align:left;cursor:pointer}
#mpd-app .mpd-plan-title{font-size:14px;font-weight:800;white-space:nowrap}
#mpd-app .mpd-plan-summary{font-size:11px;color:#9bb4cb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mpd-app .mpd-plan-chevron{margin-left:auto;color:#20d9a3;font-size:20px;transition:transform .2s}
#mpd-app .mpd-plan-toggle[aria-expanded="true"] .mpd-plan-chevron{transform:rotate(180deg)}
#mpd-app .mpd-plan-edit,#mpd-app .mpd-plan-editor-actions button{background:#13283b;color:#eaf7ff;border:1px solid #36536a;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:700;cursor:pointer}
#mpd-app .mpd-plan-content{border-top:1px solid #274058;margin-top:10px;padding-top:12px}
#mpd-app .mpd-plan-content[hidden],#mpd-app .mpd-plan-editor[hidden]{display:none!important}
#mpd-app .mpd-plan-progress-line{display:flex;justify-content:space-between;color:#a7bfd3;font-size:12px;margin-bottom:7px}
#mpd-app .mpd-plan-progress-line strong{color:#19d6a2}
#mpd-app .mpd-plan-track{height:6px;background:#1a3144;border-radius:30px;overflow:hidden;margin-bottom:12px}
#mpd-app .mpd-plan-track span{display:block;height:100%;background:linear-gradient(90deg,#0ba67d,#20e0a8);width:0;transition:width .25s ease;border-radius:30px}
#mpd-app .mpd-plan-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
#mpd-app .mpd-plan-item{display:flex;gap:9px;align-items:flex-start;color:#dceaf6;font-size:12px;line-height:1.5;cursor:pointer}
#mpd-app .mpd-plan-item input{accent-color:#16d6a0;width:16px;height:16px;flex-shrink:0;margin:1px 0 0}
#mpd-app .mpd-plan-item:has(input:checked) span{color:#9eb9b4}
#mpd-app .mpd-plan-foot{display:block;color:#829fb6;margin-top:14px;font-size:10px}
#mpd-app .mpd-plan-date-label{display:flex;gap:9px;align-items:center;color:#a6c0d5;font-size:11px;margin-top:10px}
#mpd-app .mpd-plan-date-label input{background:#11273a;color:#e6f2fb;border:1px solid #345069;border-radius:7px;padding:6px}
#mpd-app .mpd-plan-editor{margin-top:15px;padding:12px;background:#102337;border:1px solid #2d4860;border-radius:10px}
#mpd-app .mpd-plan-editor label{display:block;font-size:12px;margin-bottom:7px}
#mpd-app .mpd-plan-editor textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:120px;background:#0b1929;color:#f0f8ff;border:1px solid #36536a;border-radius:8px;padding:10px;font:12px/1.6 inherit}
#mpd-app .mpd-plan-editor-actions{display:flex;gap:9px;margin-top:9px}
#mpd-app #mpd-plan-save{background:#13c891;color:#041c16;border-color:#13c891}
#mpd-app .mpd-plan-editor small{display:block;color:#91a9bd;margin-top:8px}
@media(max-width:700px){#mpd-app .mpd-plan{padding:10px 12px}#mpd-app .mpd-plan-list{grid-template-columns:1fr}#mpd-app .mpd-plan-toggle{gap:8px}#mpd-app .mpd-plan-summary{font-size:10px}}

/* Trading Plan: cabecera compacta, fecha junto al progreso */
#mpd-app .mpd-plan{padding:9px 15px;margin-bottom:12px}
#mpd-app .mpd-plan-content{margin-top:7px;padding-top:9px}
#mpd-app .mpd-plan-progress-line{align-items:center;margin-bottom:6px;gap:10px}
#mpd-app .mpd-plan-date-label{margin:0;display:inline-flex;align-items:center;gap:9px}
#mpd-app .mpd-plan-date-label input{padding:4px 8px;font-size:11px;max-width:155px;min-height:27px}
#mpd-app .mpd-plan-track{margin-bottom:9px;height:5px}
#mpd-app .mpd-plan-list{gap:5px 16px}
#mpd-app .mpd-plan-item{line-height:1.35}
#mpd-app .mpd-plan-item input{width:15px;height:15px}
#mpd-app .mpd-plan-editor{margin-top:10px;padding:10px}
#mpd-app .mpd-plan-editor textarea{min-height:95px}
#mpd-app .mpd-plan-report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
#mpd-app .mpd-plan-report-metrics>div{background:#10263a;border:1px solid #29445d;border-radius:10px;padding:13px;display:flex;flex-direction:column;gap:8px}
#mpd-app .mpd-plan-report-metrics span{color:#9bb6cb;font-size:11px}
#mpd-app .mpd-plan-report-metrics strong{color:#e8f7ff;font-size:21px}
#mpd-app .mpd-plan-report h4{font-size:13px;margin:15px 0 10px;color:#dcecf7}
#mpd-app .mpd-plan-report-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin-bottom:15px}
#mpd-app .mpd-plan-report-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;font-size:11px;color:#dcecf7}
#mpd-app .mpd-plan-report-row strong{color:#18d9a3;font-size:11px}
#mpd-app .mpd-plan-report-track{grid-column:1/-1;height:5px;border-radius:8px;overflow:hidden;background:#1c3449}
#mpd-app .mpd-plan-report-track i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#0ba77d,#1ce0a6)}
@media(max-width:700px){#mpd-app .mpd-plan-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#mpd-app .mpd-plan-report-breakdown{grid-template-columns:1fr}#mpd-app .mpd-plan-date-label input{max-width:135px}}


/* Final refinement: integrated, full-width Trading Plan header */
#mpd-app #mpd-trading-plan{display:block;width:100%;box-sizing:border-box;background:#0b1929!important;border:1px solid #29415a!important;border-radius:13px!important;padding:10px 16px!important;margin:0 0 12px!important;box-shadow:none!important}
#mpd-app #mpd-trading-plan .mpd-plan-top{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%}
#mpd-app #mpd-trading-plan .mpd-plan-toggle{appearance:none!important;display:flex!important;align-items:center;gap:12px;flex:1;min-width:0;width:auto;min-height:31px;padding:0!important;margin:0!important;background:transparent!important;border:0!important;outline:none;color:#e9f4ff!important;box-shadow:none!important;text-align:left;cursor:pointer;border-radius:0!important}
#mpd-app #mpd-trading-plan .mpd-plan-title{color:#e9f4ff!important;font-size:14px;font-weight:750}
#mpd-app #mpd-trading-plan .mpd-plan-summary{color:#9bb4cb!important;font-size:11px;font-weight:400}
#mpd-app #mpd-trading-plan .mpd-plan-edit{appearance:none!important;flex:0 0 auto;min-height:32px;padding:7px 12px!important;margin:0!important;background:#13283b!important;border:1px solid #36536a!important;border-radius:7px!important;color:#eaf7ff!important;font-size:11px!important;font-weight:700;box-shadow:none!important}
#mpd-app #mpd-trading-plan .mpd-plan-chevron{margin-left:auto!important;display:inline-flex!important;align-items:center;justify-content:center;width:25px;height:25px;min-width:25px;border:1px solid #355169!important;border-radius:6px;background:#10263a!important;color:#dcecf7!important;transform:none!important;box-shadow:none!important}
#mpd-app #mpd-trading-plan .mpd-plan-chevron svg{display:block;width:14px;height:14px;transition:transform .2s ease;transform:none}
#mpd-app #mpd-trading-plan .mpd-plan-toggle[aria-expanded="true"] .mpd-plan-chevron svg{transform:rotate(180deg)}
#mpd-app #mpd-trading-plan .mpd-plan-toggle:hover .mpd-plan-chevron{border-color:#20c995!important;color:#27dba6!important}
#mpd-app #mpd-trading-plan .mpd-plan-toggle:focus-visible{outline:2px solid #1fc995!important;outline-offset:3px}
@media(max-width:650px){#mpd-app #mpd-trading-plan{padding:9px 11px!important}#mpd-app #mpd-trading-plan .mpd-plan-top{gap:7px}#mpd-app #mpd-trading-plan .mpd-plan-toggle{gap:7px}#mpd-app #mpd-trading-plan .mpd-plan-title{font-size:12px}#mpd-app #mpd-trading-plan .mpd-plan-summary{font-size:10px}#mpd-app #mpd-trading-plan .mpd-plan-edit{padding:7px 8px!important}}

/* Trading Plan: advertencia de validacion destacada y accesible */
#mpd-app #mpd-plan-required-warning:empty{display:none!important}
#mpd-app #mpd-plan-required-warning:not(:empty){
  display:flex!important;align-items:center;gap:12px;position:relative;
  margin:4px 0 14px!important;padding:15px 18px 15px 54px!important;
  border:1px solid #fb5262!important;border-left:4px solid #ff4a5f!important;
  border-radius:10px!important;background:linear-gradient(110deg,rgba(118,23,43,.43),rgba(66,19,37,.32))!important;
  box-shadow:0 0 0 1px rgba(255,79,100,.09),0 7px 25px rgba(115,15,35,.18)!important;
  color:#ffe8eb!important;font-size:13px!important;font-weight:650!important;line-height:1.5!important;
  animation:mpd-plan-alert-enter .28s ease-out,mpd-plan-alert-glow 1.6s ease-in-out 2;
}
#mpd-app #mpd-plan-required-warning:not(:empty)::before{
  content:'!';position:absolute;left:16px;top:50%;transform:translateY(-50%);
  width:25px;height:25px;display:grid;place-items:center;border-radius:50%;
  background:#fa4258;color:#fff;font-size:17px;font-weight:900;
  box-shadow:0 0 0 4px rgba(250,66,88,.15);
}
@keyframes mpd-plan-alert-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@keyframes mpd-plan-alert-glow{0%,100%{box-shadow:0 0 0 1px rgba(255,79,100,.09),0 7px 25px rgba(115,15,35,.18)}50%{box-shadow:0 0 0 3px rgba(255,79,100,.3),0 7px 28px rgba(200,30,55,.22)}}
@media(max-width:600px){#mpd-app #mpd-plan-required-warning:not(:empty){padding:13px 12px 13px 46px!important;font-size:12px!important}#mpd-app #mpd-plan-required-warning:not(:empty)::before{left:11px}}
@media(prefers-reduced-motion:reduce){#mpd-app #mpd-plan-required-warning:not(:empty){animation:none!important}}


/* Restore compact Trading Goal without changing dashboard behavior */
/* Trading Goal: top compact strip + continuously moving light */
#mpd-app>.mpd-goal-card{margin:0 0 14px;padding:13px 18px 14px;overflow:hidden}
#mpd-app>.mpd-goal-card .mpd-goal-heading{gap:12px}
#mpd-app>.mpd-goal-card .mpd-goal-heading h3{font-size:14px;margin:0}
#mpd-app>.mpd-goal-card .mpd-goal-heading p{display:none}
#mpd-app>.mpd-goal-card .mpd-goal-values{margin-top:11px;gap:14px;grid-template-columns:1fr 1.7fr 1fr 1fr}
#mpd-app>.mpd-goal-card .mpd-goal-values>div{gap:3px;min-width:0}
#mpd-app>.mpd-goal-card .mpd-goal-values strong{font-size:clamp(15px,1.6vw,19px)}
#mpd-app>.mpd-goal-card .mpd-goal-progress{position:relative;height:8px;overflow:hidden;border-radius:99px;isolation:isolate}
#mpd-app>.mpd-goal-card .mpd-goal-progress #mpd-goal-fill{position:relative;overflow:hidden;border-radius:inherit}
#mpd-app>.mpd-goal-card .mpd-goal-progress #mpd-goal-fill::after{content:"";position:absolute;inset:0;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(220,255,245,.58),rgba(255,255,255,.08),transparent);transform:translateX(-130%);animation:mpd-goal-light 2.7s linear infinite;pointer-events:none}
@keyframes mpd-goal-light{to{transform:translateX(370%)}}
@media(max-width:780px){#mpd-app>.mpd-goal-card{padding:13px 14px}#mpd-app>.mpd-goal-card .mpd-goal-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:430px){#mpd-app>.mpd-goal-card .mpd-goal-values strong{font-size:17px}#mpd-app>.mpd-goal-card #mpd-goal-edit{width:auto}}
@media(prefers-reduced-motion:reduce){#mpd-app>.mpd-goal-card .mpd-goal-progress #mpd-goal-fill::after{animation:none}}

/* Trading Goal: slim horizontal dashboard strip (desktop). */
@media (min-width:901px){
 #mpd-app>.mpd-goal-card{position:relative;min-height:74px;box-sizing:border-box;padding:12px 138px 12px 165px;margin-bottom:12px;display:flex;align-items:center}
 #mpd-app>.mpd-goal-card .mpd-goal-heading{position:static;display:contents}
 #mpd-app>.mpd-goal-card .mpd-goal-heading>div{position:absolute;left:17px;top:50%;transform:translateY(-50%);max-width:145px}
 #mpd-app>.mpd-goal-card .mpd-goal-heading h3{font-size:13px;white-space:nowrap;line-height:1.25}
 #mpd-app>.mpd-goal-card #mpd-goal-edit{position:absolute;right:17px;top:50%;transform:translateY(-50%);padding:8px 10px;font-size:10px;white-space:nowrap;z-index:3}
 #mpd-app>.mpd-goal-card .mpd-goal-values{flex:1;margin:0;gap:clamp(9px,1.5vw,22px);grid-template-columns:1fr 1.55fr 1fr 1fr;align-items:center}
 #mpd-app>.mpd-goal-card .mpd-goal-values>div{gap:3px}
 #mpd-app>.mpd-goal-card .mpd-goal-values span{font-size:10px;white-space:nowrap}
 #mpd-app>.mpd-goal-card .mpd-goal-values strong{font-size:17px;line-height:1.2}
 #mpd-app>.mpd-goal-card .mpd-goal-progress{height:6px}
 #mpd-app>.mpd-goal-card:has(#mpd-goal-editor:not([hidden])){display:block;padding:12px 18px}
 #mpd-app>.mpd-goal-card:has(#mpd-goal-editor:not([hidden])) .mpd-goal-heading{display:flex}
 #mpd-app>.mpd-goal-card:has(#mpd-goal-editor:not([hidden])) .mpd-goal-heading>div,
 #mpd-app>.mpd-goal-card:has(#mpd-goal-editor:not([hidden])) #mpd-goal-edit{position:static;transform:none}
 #mpd-app>.mpd-goal-card:has(#mpd-goal-editor:not([hidden])) .mpd-goal-values{margin-top:10px}
}
@media (max-width:900px){
 #mpd-app>.mpd-goal-card{padding:11px 14px;margin-bottom:12px}
 #mpd-app>.mpd-goal-card .mpd-goal-values{margin-top:9px;gap:10px}
 #mpd-app>.mpd-goal-card .mpd-goal-values>div{gap:3px}
 #mpd-app>.mpd-goal-card .mpd-goal-progress{height:6px}
 #mpd-app>.mpd-goal-card #mpd-goal-edit{padding:8px 10px;font-size:10px}
}


/* Compact Capital Management / Account Overview */
#mpd-app .mpd-account{margin:0 0 14px!important;padding:16px 18px!important;border-radius:14px!important}
#mpd-app .mpd-account-head{gap:12px!important;align-items:center!important}
#mpd-app .mpd-account-kicker{font-size:9px!important;letter-spacing:1.4px!important}
#mpd-app .mpd-account h3{font-size:18px!important;margin:3px 0 0!important;line-height:1.2!important}
#mpd-app .mpd-account-primary{padding:9px 12px!important;font-size:11px!important;border-radius:8px!important}
#mpd-app .mpd-account-stats{margin:12px 0 10px!important;gap:9px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
#mpd-app .mpd-account-stats>div{padding:11px 12px!important;gap:5px!important;min-height:65px!important;border-radius:9px!important}
#mpd-app .mpd-account-stats span{font-size:10px!important}
#mpd-app .mpd-account-stats strong,#mpd-app .mpd-account-stats .mpd-account-feature strong{font-size:19px!important;line-height:1.25!important}
#mpd-app .mpd-account-ledger-head{padding:4px 0 0!important}
#mpd-app .mpd-account-ledger-head h4{font-size:12px!important;margin:0!important}
#mpd-app .mpd-account-ledger-head>span{font-size:10px!important}
@media(max-width:800px){#mpd-app .mpd-account{padding:14px!important}#mpd-app .mpd-account-head{flex-wrap:wrap!important}#mpd-app .mpd-account-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:450px){#mpd-app .mpd-account-stats>div{padding:10px!important}#mpd-app .mpd-account-stats strong,#mpd-app .mpd-account-stats .mpd-account-feature strong{font-size:17px!important}}


/* =========================================================
   MYPROFITDAY — PALETA NEGRO GRAFITO / VERDE ESMERALDA
   Referencia visual: 23 octubre 2026
   SOLO COLOR: no modifica estructura, tamaños ni funciones.
========================================================= */
:root {
  --mpd-bg: #080a0c;
  --mpd-surface: #101316;
  --mpd-surface-raised: #14181b;
  --mpd-border: #292e33;
  --mpd-text: #f7f8fa;
  --mpd-muted: #b8c1cd;
  --mpd-green: #00d991;
  --mpd-green-bright: #00e59a;
  --mpd-red: #fb5969;
}
html, body, #page, .site, .site-main, main, .content-area,
.site-content, .elementor, .elementor-section-wrap,
.elementor-location-single { background-color: var(--mpd-bg) !important; }
.mpd-page { background: var(--mpd-bg) !important; }
#mpd-app { color: var(--mpd-text); }
/* Superficies */
#mpd-app :is(.mpd-form,.mpd-stats,.mpd-performance,.mpd-goal-card,
.mpd-insights-card,.mpd-report-panel,.mpd-share-card,.mpd-calendar,
.mpd-balance,.mpd-performance-chart,.mpd-performance-stat,
.mpd-performance-summary,.mpd-account-stats,.mpd-account-movement,
.mpd-custom-dates,.mpd-goal-editor) {
  background: linear-gradient(135deg,#111518 0%,#0d1012 100%) !important;
  border-color: var(--mpd-border) !important;
}
/* Campos, selectores y botones secundarios */
#mpd-app :is(input,select,textarea,.mpd-input,.mpd-direction,
.mpd-filter-btn,.mpd-custom-dates button,.mpd-goal-card button) {
  background-color: #15191d;
  border-color: #363d43;
  color: var(--mpd-text);
}
#mpd-app :is(input,select,textarea)::placeholder { color: #a8b2be; }
#mpd-app :is(input,select,textarea):focus-visible {
  border-color: var(--mpd-green) !important;
  outline-color: var(--mpd-green);
  box-shadow: 0 0 0 3px rgba(0,217,145,.11);
}
#mpd-app .mpd-date-shell #mpd-trade-date {
  background: #15191d !important;
  border-color: #363d43 !important;
}
/* Acciones principales */
#mpd-app :is(#mpd-save,.mpd-share-btn,.mpd-support-btn,
.mpd-direction.active#mpd-direction-buy) {
  background: linear-gradient(115deg,#00d18b,#00e59a) !important;
  border-color: #00d991 !important;
  color: #041611 !important;
}
#mpd-app :is(#mpd-save,.mpd-share-btn,.mpd-support-btn) :is(span,svg,i) {
  color: #041611 !important;
}
#mpd-app .mpd-direction.active#mpd-direction-sell {
  background: #a92639 !important;
  border-color: var(--mpd-red) !important;
  color: #fff !important;
}
/* Métricas y acentos */
#mpd-app :is(.mpd-performance-eyebrow,.mpd-performance-main-stat,
.mpd-calendar-pnl.positive,.mpd-trade-direction.buy) { color: var(--mpd-green) !important; }
#mpd-app .mpd-trade-direction.sell { color: var(--mpd-red) !important; }
#mpd-app :is(.mpd-user-text span,.mpd-goal-note) { color: var(--mpd-muted); }
#mpd-app :is(.mpd-goal-progress,.mpd-filter-btn.active) { border-color: rgba(0,217,145,.4) !important; }
#mpd-app .mpd-filter-btn.active { background: rgba(0,217,145,.10) !important; color: var(--mpd-green) !important; }
#mpd-app .mpd-ad { border-color: var(--mpd-border); color: var(--mpd-muted); }

/* MyProfitDay Sidebar Workspace — responsive, preserving existing widget IDs */
body:has(.mpd-workspace),body:has(.mpd-workspace) #page{background:#080b0e!important}
.mpd-page{max-width:none!important;display:block!important;padding:0 18px 48px!important;background:#080b0e!important}
.mpd-workspace{max-width:1480px;margin:18px auto;display:grid;grid-template-columns:218px minmax(0,1fr);gap:20px;align-items:start;color:#f1f4f6}
.mpd-sidebar{position:sticky;top:18px;min-height:calc(100vh - 36px);background:#12161b;border:1px solid #262c32;border-radius:15px;padding:22px 12px;display:flex;flex-direction:column;gap:30px}
.mpd-sidebar-brand{font-weight:800;font-size:18px;padding:4px 10px;color:#fff}.mpd-side-nav{display:grid;gap:6px}
.mpd-side-nav button{display:flex;gap:12px;align-items:center;text-align:left;background:transparent;border:1px solid transparent;border-radius:9px;padding:13px 12px;color:#bdc7d0;font-size:13px;font-weight:650;cursor:pointer}
.mpd-side-nav button span{font-size:19px;min-width:22px}.mpd-side-nav button:hover{background:#20262c;color:white}.mpd-side-nav button.is-active{background:#14392f;border-color:#236b53;color:#00dfa0}
.mpd-sidebar-foot{margin-top:auto;padding:12px;color:#798692;font-size:11px}.mpd-workspace-main{min-width:0}
.mpd-workspace #mpd-app{max-width:none!important;width:100%;margin:0!important}.mpd-view{min-width:0}.mpd-view[hidden]{display:none!important}.mpd-view>h2{margin:3px 0 5px;font-size:25px;font-weight:800}.mpd-view-subtitle{margin:0 0 18px;color:#a9b5bf;font-size:13px}
.mpd-workspace .mpd-goal-card,.mpd-workspace .mpd-account,.mpd-workspace .mpd-form,.mpd-workspace .mpd-plan,.mpd-workspace .mpd-performance,.mpd-workspace .mpd-history,.mpd-workspace .mpd-calendar{background:#12161b!important;border:1px solid #292f35!important;border-radius:14px!important;margin:0 0 18px!important}
.mpd-workspace .mpd-account-stats>div,.mpd-workspace .mpd-insights-card{background:#1a1f24!important;border-color:#30373c!important}
.mpd-workspace .mpd-bottom-grid{display:block!important}.mpd-workspace .mpd-calendar-column{display:block!important}.mpd-workspace .mpd-history{width:100%!important}
.mpd-sidebar-cta{display:inline-flex;align-items:center;justify-content:center;background:#00d991;border:0;border-radius:9px;padding:12px 18px;color:#07130f!important;text-decoration:none;font-weight:750;cursor:pointer;margin-bottom:15px}
.mpd-static-card,.mpd-suggestion-form{background:#12161b;border:1px solid #292f35;border-radius:14px;padding:24px;max-width:750px}.mpd-suggestion-form{display:grid;gap:15px}.mpd-suggestion-form label{display:grid;gap:7px;color:#d3dce4}.mpd-suggestion-form input,.mpd-suggestion-form textarea{width:100%;background:#1b2127;border:1px solid #3b454d;border-radius:8px;color:white;padding:12px;font:inherit}.mpd-mobile-nav{display:none}
@media(max-width:900px){.mpd-workspace{grid-template-columns:170px minmax(0,1fr);gap:12px}.mpd-sidebar{padding:14px 8px}.mpd-side-nav button{font-size:12px;padding:11px 8px}.mpd-sidebar-brand{font-size:14px}}
@media(max-width:700px){.mpd-page{padding:0 10px 35px!important}.mpd-workspace{display:block;margin:12px auto}.mpd-sidebar{display:none}.mpd-mobile-nav{display:flex;align-items:center;gap:12px;margin:0 0 18px}.mpd-mobile-nav label{font-size:13px}.mpd-mobile-nav select{flex:1;background:#171c22;color:#fff;border:1px solid #384149;border-radius:9px;padding:11px}.mpd-view>h2{font-size:22px}}

/* MyProfitDay — Recent Trades: columnas alineadas y legibles */
.mpd-history-head,
#mpd-history-list .mpd-trade-table-row {
    display:grid;
    grid-template-columns:minmax(108px,1.1fr) minmax(58px,.55fr) minmax(90px,1fr) minmax(100px,.9fr) minmax(90px,.85fr) 30px;
    align-items:center;
    column-gap:12px;
    width:100%;
}
.mpd-history-head {
    padding:11px 8px;
    color:#aab6c2;
    font-size:11px;
    font-weight:700;
    border-bottom:1px solid #293138;
}
#mpd-history-list .mpd-trade-table-row {
    min-height:46px;
    padding:9px 8px;
    border-bottom:1px solid #242c32;
}
#mpd-history-list .mpd-trade-table-row .mpd-trade-cell {
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
}
#mpd-history-list .mpd-trade-pair {font-weight:700;color:#f4f7fa}
#mpd-history-list .mpd-trade-time {color:#b3bec9;font-variant-numeric:tabular-nums}
#mpd-history-list .mpd-trade-result {text-align:right;font-weight:750;font-variant-numeric:tabular-nums}
#mpd-history-list .mpd-trade-direction {font-size:12px;margin-left:0}
#mpd-history-list .trade-menu {justify-self:end}
#mpd-history-list .mpd-trade-table-row:hover {background:rgba(255,255,255,.025)}
@media(max-width:700px){
    .mpd-history-head,
    #mpd-history-list .mpd-trade-table-row {
        grid-template-columns:100px 52px minmax(80px,1fr) 80px 84px 26px;
        column-gap:8px;
        min-width:530px;
    }
    .mpd-history-head {font-size:10px}
    .mpd-history .history-scroll {overflow-x:auto;touch-action:pan-x pan-y}
    .mpd-history {overflow-x:auto}
}

/* ============================================================
   OPERACIONES — botones uniformes y tabla hasta el pie del menú
   Ajuste visual, sin alterar JavaScript, datos ni otras secciones
   ============================================================ */
#mpd-view-operations .mpd-account-actions .mpd-balance-tool,
#mpd-view-operations .mpd-account-actions .mpd-account-primary {
    background: #00d991 !important;
    border: 1px solid #00d991 !important;
    color: #061611 !important;
    border-radius: 9px !important;
    font-weight: 750 !important;
    box-shadow: none !important;
    transition: background .18s ease, border-color .18s ease !important;
}
#mpd-view-operations .mpd-account-actions .mpd-balance-tool:hover,
#mpd-view-operations .mpd-account-actions .mpd-account-primary:hover {
    background: #19ecaa !important;
    border-color: #19ecaa !important;
    color: #061611 !important;
}
#mpd-view-operations .mpd-account-actions .mpd-balance-tool:focus-visible,
#mpd-view-operations .mpd-account-actions .mpd-account-primary:focus-visible {
    outline: 2px solid #a6ffdf;
    outline-offset: 2px;
}
/* El bloque de operaciones alcanza, como mínimo, el borde inferior
   del menú lateral, y Recent Trades absorbe el espacio sobrante. */
@media (min-width: 701px) {
    .mpd-workspace-main:has(#mpd-view-operations:not([hidden])) {
        min-height: calc(100vh - 36px);
        display: flex;
        flex-direction: column;
    }
    #mpd-view-operations:not([hidden]) {
        flex: 1;
        display: flex;
        flex-direction: column;
        min-height: calc(100vh - 36px);
    }
    #mpd-view-operations:not([hidden]) > .mpd-history {
        flex: 1 1 auto;
        min-height: 260px;
        display: flex;
        flex-direction: column;
        margin-bottom: 0 !important;
    }
    #mpd-view-operations:not([hidden]) > .mpd-history .history-scroll {
        flex: 1 1 auto;
        height: auto !important;
        min-height: 190px;
        max-height: none !important;
        overflow-y: auto;
    }
}

/* Sidebar: altura estable al cambiar el zoom del navegador.
   No depende de vh, que aumenta al reducir el zoom. */
@media (min-width:701px) {
  .mpd-workspace > .mpd-sidebar {
    height: 760px !important;
    min-height: 0 !important;
    max-height: 760px !important;
    align-self: start !important;
    overflow-y: auto;
  }
}

/* Operaciones: mismo acabado para los cuatro botones de Account Overview.
   Se usan IDs porque los componentes son reubicados por el script de navegación. */
#mpd-app #mpd-import-local-trades,
#mpd-app #mpd-export-excel-trades,
#mpd-app #mpd-clear-local-trades,
#mpd-app #mpd-account-add {
  appearance:none !important;
  background:#00d991 !important;
  background-image:none !important;
  border:1px solid #00d991 !important;
  border-radius:9px !important;
  color:#061611 !important;
  font-size:11px !important;
  font-weight:750 !important;
  line-height:1.3 !important;
  padding:10px 13px !important;
  min-height:38px !important;
  box-shadow:none !important;
  text-shadow:none !important;
  opacity:1 !important;
  transition:background .18s ease,border-color .18s ease !important;
}
#mpd-app #mpd-import-local-trades:hover,
#mpd-app #mpd-export-excel-trades:hover,
#mpd-app #mpd-clear-local-trades:hover,
#mpd-app #mpd-account-add:hover {
  background:#19ecaa !important;
  border-color:#19ecaa !important;
  color:#061611 !important;
}
#mpd-app #mpd-import-local-trades:focus-visible,
#mpd-app #mpd-export-excel-trades:focus-visible,
#mpd-app #mpd-clear-local-trades:focus-visible,
#mpd-app #mpd-account-add:focus-visible {outline:2px solid #a6ffdf;outline-offset:2px}

/* Recent Trades: mostrar cinco filas y desplazar el resto.
   Sobrescribe el crecimiento flexible anterior que expandía el historial. */
#mpd-view-operations:not([hidden]) > .mpd-history .history-scroll,
#mpd-view-operations:not([hidden]) > .mpd-history #mpd-history-list {
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    height: 230px !important;
    min-height: 0 !important;
    max-height: 230px !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    scrollbar-width: thin;
    scrollbar-color: #35475f #0a1421;
}
#mpd-view-operations:not([hidden]) > .mpd-history {
    flex: 0 0 auto !important;
    min-height: 0 !important;
}
#mpd-view-operations:not([hidden]) #mpd-history-list .mpd-trade-table-row {
    box-sizing: border-box !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
}

/* Estadísticas: reporte completo integrado, sin overlay ni scroll modal. */
#mpd-view-statistics .mpd-report-inline {
    display:block !important;
    position:static !important;
    inset:auto !important;
    width:100% !important;
    min-width:0 !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    backdrop-filter:none !important;
    z-index:auto !important;
    overflow:visible !important;
}
#mpd-view-statistics .mpd-report-inline .mpd-report-dialog {
    width:100% !important;
    max-width:none !important;
    max-height:none !important;
    height:auto !important;
    overflow:visible !important;
    box-sizing:border-box !important;
    box-shadow:none !important;
    margin:0 !important;
}
#mpd-view-statistics .mpd-report-inline .mpd-report-dialog-header {padding-right:0}
#mpd-view-statistics {min-width:0;width:100%}
@media(max-width:700px){
  #mpd-view-statistics .mpd-report-inline .mpd-report-dialog {padding:14px !important}
}


/* MyProfitDay — Performance Report: harmonización visual (23-10-2026).
   Se usan selectores reales del reporte, sin depender de #mpd-app. */
.mpd-workspace .mpd-report-dialog,
.mpd-workspace .mpd-report-modal .mpd-report-dialog,
.mpd-workspace .mpd-report-panel {
  color:#eaf3f8;
}
.mpd-workspace .mpd-report-dialog .mpd-insights-card {
  background:#141b22 !important;
  border:1px solid #2b3943 !important;
  border-radius:13px !important;
  padding:18px !important;
  box-shadow:none !important;
}
.mpd-workspace .mpd-report-dialog .mpd-insights-card h3 {
  color:#f1f7fa !important;
  font-size:14px !important;
  font-weight:750 !important;
  margin:0 0 15px !important;
}
.mpd-workspace .mpd-report-dialog .mpd-report-metric,
.mpd-workspace .mpd-report-dialog .mpd-insight-metric,
.mpd-workspace .mpd-report-dialog .mpd-plan-report-metrics > div {
  background:#101e2b !important;
  border:1px solid #294053 !important;
  border-radius:10px !important;
  padding:14px !important;
}
.mpd-workspace .mpd-report-dialog .mpd-report-metric strong,
.mpd-workspace .mpd-report-dialog .mpd-insight-metric strong,
.mpd-workspace .mpd-report-dialog .mpd-plan-report-metrics strong {
  color:#f1f7fa !important;
  font-size:21px !important;
  font-weight:750 !important;
}
.mpd-workspace .mpd-report-dialog .mpd-report-metric span,
.mpd-workspace .mpd-report-dialog .mpd-insight-metric span,
.mpd-workspace .mpd-report-dialog .mpd-plan-report-metrics span {
  color:#a8bdca !important;
  font-size:11px !important;
}
.mpd-workspace .mpd-report-dialog .mpd-report-panel[data-mpd-report-panel="plan"] > .mpd-plan-report {
  grid-column:1/-1 !important;
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}
.mpd-workspace .mpd-report-dialog .mpd-plan-report-metrics {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:18px 0 24px !important;
}
.mpd-workspace .mpd-report-dialog .mpd-plan-report-metrics > div {
  display:flex !important;
  flex-direction:column !important;
  gap:9px !important;
  min-width:0 !important;
}
.mpd-workspace .mpd-report-dialog .mpd-plan-report h4 {
  color:#f0f6fa !important;
  font-size:15px !important;
  font-weight:750 !important;
  margin:20px 0 15px !important;
}
.mpd-workspace .mpd-report-dialog .mpd-plan-report-breakdown {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 0 18px !important;
}
.mpd-workspace .mpd-report-dialog .mpd-plan-report-row {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:10px 12px !important;
  padding:15px !important;
  min-width:0 !important;
  background:#101e2b !important;
  border:1px solid #294053 !important;
  border-radius:10px !important;
  color:#eaf3f8 !important;
  font-size:12px !important;
}
.mpd-workspace .mpd-report-dialog .mpd-plan-report-row > span {
  min-width:0 !important;
  line-height:1.45 !important;
  overflow-wrap:anywhere !important;
}
.mpd-workspace .mpd-report-dialog .mpd-plan-report-row > strong {
  color:#00d991 !important;
  font-size:12px !important;
  font-weight:750 !important;
  white-space:nowrap !important;
}
.mpd-workspace .mpd-report-dialog .mpd-plan-report-track {
  display:block !important;
  grid-column:1/-1 !important;
  height:9px !important;
  min-height:9px !important;
  width:100% !important;
  overflow:hidden !important;
  background:#273847 !important;
  border:1px solid #344c5a !important;
  border-radius:999px !important;
}
.mpd-workspace .mpd-report-dialog .mpd-plan-report-track > i {
  display:block !important;
  height:100% !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#00b981,#00e7a0) !important;
  transition:width .25s ease !important;
}
.mpd-workspace .mpd-report-dialog .mpd-plan-report .mpd-report-caption {
  color:#a8bdca !important;
  font-size:11px !important;
  line-height:1.6 !important;
}
@media(max-width:800px) {
  .mpd-workspace .mpd-report-dialog .mpd-plan-report-metrics {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .mpd-workspace .mpd-report-dialog .mpd-plan-report-breakdown {
    grid-template-columns:1fr !important;
  }
}


/* 2026-10-23 — Trading Plan compacto, sin modificar datos ni lógica */
@media (min-width:801px) {
 .mpd-workspace .mpd-report-dialog .mpd-plan-report-metrics {
   gap:8px !important; margin:9px 0 13px !important;
 }
 .mpd-workspace .mpd-report-dialog .mpd-plan-report-metrics > div {
   padding:9px 12px !important; gap:3px !important;
 }
 .mpd-workspace .mpd-report-dialog .mpd-plan-report-metrics strong {
   font-size:17px !important; line-height:1.15 !important;
 }
 .mpd-workspace .mpd-report-dialog .mpd-plan-report h4 {
   margin:11px 0 9px !important; font-size:13px !important;
 }
 .mpd-workspace .mpd-report-dialog .mpd-plan-report-breakdown {
   gap:7px 10px !important; margin-bottom:9px !important;
 }
 .mpd-workspace .mpd-report-dialog .mpd-plan-report-row {
   padding:9px 11px !important; gap:5px 9px !important;
   font-size:11px !important; line-height:1.2 !important;
 }
 .mpd-workspace .mpd-report-dialog .mpd-plan-report-row > span {
   line-height:1.2 !important;
 }
 .mpd-workspace .mpd-report-dialog .mpd-plan-report-track {
   height:5px !important; min-height:5px !important;
 }
 .mpd-workspace .mpd-report-dialog .mpd-plan-report .mpd-report-caption {
   font-size:10px !important; line-height:1.35 !important;
 }
 .mpd-workspace .mpd-report-dialog .mpd-plan-report.mpd-insights-card {
   padding:13px 16px !important;
 }
}

/* Trading Plan en Operaciones: misma estética que Add Trade y Account Overview. */
#mpd-view-operations > .mpd-plan {
  box-sizing:border-box; width:100%; margin:0 0 18px; padding:15px 18px;
  border:1px solid #29343d; border-radius:14px; background:#11161c;
  color:#edf5f8; box-shadow:none;
}
#mpd-view-operations .mpd-plan-top {display:flex; align-items:center; gap:12px;}
#mpd-view-operations .mpd-plan-toggle {display:flex; flex:1 1 auto; min-width:0; align-items:center; gap:12px; border:0; background:transparent; color:#eef5f8; padding:4px 0; text-align:left; cursor:pointer;}
#mpd-view-operations .mpd-plan-title {font-size:14px; font-weight:750; white-space:nowrap;}
#mpd-view-operations .mpd-plan-summary {font-size:12px; color:#9eb4c0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#mpd-view-operations .mpd-plan-chevron {margin-left:auto; display:inline-flex; align-items:center; justify-content:center; width:27px; height:27px; min-width:27px; border:1px solid #34414a; border-radius:7px; color:#00d991;}
#mpd-view-operations .mpd-plan-chevron svg {display:block; width:15px; height:15px; transition:transform .2s;}
#mpd-view-operations .mpd-plan-toggle[aria-expanded="true"] .mpd-plan-chevron svg {transform:rotate(180deg);}
#mpd-view-operations .mpd-plan-edit, #mpd-view-operations .mpd-plan-editor-actions button {background:#102b25; color:#00e5a1; border:1px solid #24594b; border-radius:8px; padding:9px 13px; font-size:12px; font-weight:700; cursor:pointer;}
#mpd-view-operations .mpd-plan-content {margin-top:13px; padding-top:14px; border-top:1px solid #29343d;}
#mpd-view-operations .mpd-plan-content[hidden], #mpd-view-operations .mpd-plan-editor[hidden] {display:none!important;}
#mpd-view-operations .mpd-plan-progress-line {display:flex; justify-content:space-between; gap:12px; margin-bottom:7px; font-size:12px; color:#a8bbc8;}
#mpd-view-operations .mpd-plan-progress-line strong {color:#00d991;}
#mpd-view-operations .mpd-plan-track {height:6px; margin-bottom:13px; background:#233440; border-radius:99px; overflow:hidden;}
#mpd-view-operations .mpd-plan-track span {display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,#00a979,#00e9a6); transition:width .2s;}
#mpd-view-operations .mpd-plan-list {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px 13px;}
#mpd-view-operations .mpd-plan-list label {background:#101e2b; border:1px solid #2b3e4a; border-radius:9px; padding:10px 12px; color:#e8f1f5; font-size:12px;}
#mpd-view-operations .mpd-plan-list input[type="checkbox"] {accent-color:#00d991;}
@media(max-width:700px){#mpd-view-operations .mpd-plan-list{grid-template-columns:1fr;}#mpd-view-operations .mpd-plan-top{flex-wrap:wrap;}}

/* Dashboard — Equity Curve: fondo carbón integrado, sin modificar la gráfica */
#mpd-view-dashboard .mpd-performance-chart {
  background:#11171b !important;
  background-image:none !important;
  border-color:#29343c !important;
  box-shadow:none !important;
}
#mpd-view-dashboard .mpd-performance-chart::before {display:none !important;}

/* Dashboard: filtros y navegación mensual en carbón, a juego con Equity Curve */
#mpd-view-dashboard .mpd-performance-filters {
  background:#11171b !important;
  border:1px solid #29343c !important;
  box-shadow:none !important;
}
#mpd-view-dashboard .mpd-filter-btn {
  background:transparent !important;
  color:#c0cbd1 !important;
  box-shadow:none !important;
}
#mpd-view-dashboard .mpd-filter-btn:hover {
  background:#1c292d !important;
  color:#eef7f5 !important;
}
#mpd-view-dashboard .mpd-filter-btn.active {
  background:#123c31 !important;
  color:#00e5a1 !important;
  box-shadow:inset 0 0 0 1px #26634f !important;
}
#mpd-view-dashboard .mpd-period-navigation {
  background:#11171b !important;
  border-color:#29343c !important;
  box-shadow:none !important;
}
#mpd-view-dashboard .mpd-period-arrow {
  background:#171f24 !important;
  color:#aebfc6 !important;
  box-shadow:inset 0 0 0 1px #304049 !important;
}
#mpd-view-dashboard .mpd-period-arrow:hover {
  background:#20302e !important;
  color:#00e5a1 !important;
}
#mpd-view-dashboard .mpd-period-center span {color:#91a4af !important;}
#mpd-view-dashboard .mpd-period-center strong {color:#eef5f8 !important;}


/* Sugerencias: botón verde permanente, sin heredar estilos del tema */
#mpd-view-suggestions .mpd-suggestion-form button[type="submit"],
#mpd-view-suggestions .mpd-suggestion-form button[type="submit"]:hover,
#mpd-view-suggestions .mpd-suggestion-form button[type="submit"]:focus,
#mpd-view-suggestions .mpd-suggestion-form button[type="submit"]:active {
 background:#00d991 !important;
 background-image:none !important;
 color:#061611 !important;
 border:1px solid #00d991 !important;
 border-radius:9px !important;
 box-shadow:none !important;
 opacity:1 !important;
 font-size:14px !important;
 font-weight:750 !important;
 min-height:44px !important;
 cursor:pointer;
}
#mpd-view-suggestions .mpd-suggestion-form button[type="submit"]:disabled {
 background:#00d991 !important;
 color:#061611 !important;
 opacity:.7 !important;
 cursor:wait;
}
#mpd-view-suggestions .mpd-suggestion-form input,
#mpd-view-suggestions .mpd-suggestion-form textarea {
 background:#1b2127 !important;
 color:#f0f5f7 !important;
 border:1px solid #3b454d !important;
}


/* Opiniones: diseño integrado en la paleta oscura de MyProfitDay */
#mpd-view-opinions .mpd-opinions-heading{margin:0 0 18px}
#mpd-view-opinions .mpd-opinions-heading h2{margin:5px 0 6px;font-size:22px;color:#f5f7fa}
#mpd-view-opinions .mpd-opinions-heading p,#mpd-view-opinions .mpd-opinions-note{color:#9cb0c2;font-size:12px}
#mpd-view-opinions .mpd-opinions-layout{display:grid;grid-template-columns:minmax(260px,0.85fr) minmax(300px,1.15fr);gap:16px;align-items:start}
#mpd-view-opinions .mpd-opinions-card{background:#11171c;border:1px solid #2a3540;border-radius:14px;padding:22px;min-width:0}
#mpd-view-opinions .mpd-opinions-card h3{color:#f5f7fa;font-size:16px;margin:0 0 17px}
#mpd-view-opinions form{display:grid;gap:14px}
#mpd-view-opinions form label{display:grid;gap:7px;color:#dce7ee;font-size:13px}
#mpd-view-opinions form input,#mpd-view-opinions form textarea{width:100%;box-sizing:border-box;background:#1b2229!important;border:1px solid #354550!important;border-radius:8px!important;color:#f2f7fa!important;padding:12px!important;font-size:14px!important}
#mpd-view-opinions form input:focus,#mpd-view-opinions form textarea:focus{outline:1px solid #00d991!important}
#mpd-view-opinions .mpd-opinion-submit,#mpd-view-opinions .mpd-opinion-submit:hover,#mpd-view-opinions .mpd-opinion-submit:focus{background:#00d991!important;color:#061611!important;border:1px solid #00d991!important;border-radius:9px!important;min-height:44px;font-weight:750!important;cursor:pointer;box-shadow:none!important}
#mpd-view-opinions .mpd-opinion-submit:disabled{opacity:.7!important;cursor:wait}
#mpd-view-opinions #mpd-opinions-status{color:#00d991;font-size:13px;margin:0}
#mpd-view-opinions .mpd-opinions-note{margin:16px 0 0}
#mpd-view-opinions .mpd-opinions-list{display:grid;gap:10px;max-height:570px;overflow-y:auto}
#mpd-view-opinions .mpd-opinion-item{background:#0c1b25;border:1px solid #263b49;border-radius:10px;padding:15px}
#mpd-view-opinions .mpd-opinion-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
#mpd-view-opinions .mpd-opinion-top strong{color:#00d991;font-size:13px}
#mpd-view-opinions .mpd-opinion-top time{color:#8da3b4;font-size:11px;white-space:nowrap}
#mpd-view-opinions .mpd-opinion-item p{white-space:normal;overflow-wrap:anywhere;color:#e1e8ef;font-size:13px;line-height:1.55;margin:9px 0 0}
#mpd-view-opinions .mpd-opinions-empty{color:#9cb0c2;font-size:13px}
#mpd-view-opinions .mpd-opinion-trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
@media(max-width:800px){#mpd-view-opinions .mpd-opinions-layout{grid-template-columns:1fr}}

/* On-demand Trading Summary */
.mpd-report-panel.mpd-summary-panel{display:block}
.mpd-report-panel.mpd-summary-panel[hidden]{display:none!important}
.mpd-summary-card{width:100%;box-sizing:border-box}
.mpd-summary-generate{background:#15835d;color:#fff;border:1px solid #27a77a;border-radius:8px;padding:11px 18px;font-weight:700;cursor:pointer;margin:10px 0 16px}
.mpd-summary-generate:hover{background:#116e4f}
.mpd-summary-output{display:grid;gap:12px}
.mpd-summary-section{background:#151c22;border:1px solid #303a41;border-radius:10px;padding:15px}
.mpd-summary-section h4{margin:0 0 8px;color:#43d7a1;font-size:14px}
.mpd-summary-section p{margin:0;color:#d5dfe5;line-height:1.65;font-size:13px}
.mpd-summary-disclaimer{font-size:12px;color:#9aabb7;line-height:1.5}

/* Refined on-demand Summary */
.mpd-summary-card{background:transparent!important;border:0!important;padding:4px 0!important}
.mpd-summary-card>h3,.mpd-summary-card>.mpd-report-caption{display:none}
.mpd-summary-generate{background:#00b981!important;color:#051b15!important;border:1px solid #00d991!important;border-radius:8px!important;font-weight:750!important}
.mpd-summary-generate:hover{background:#00d991!important}
.mpd-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mpd-summary-heading h3{font-size:19px;color:#f3f7fb;margin:0 0 5px}
.mpd-summary-heading p{color:#94a9b9;font-size:12px;margin:0}
.mpd-summary-status{color:#55d7a7;background:#10392f;border:1px solid #225d49;border-radius:18px;padding:5px 10px;font-size:11px}
.mpd-summary-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mpd-summary-metric{display:flex;flex-direction:column;gap:9px;background:#102230;border:1px solid #294052;border-radius:10px;padding:16px;min-width:0}
.mpd-summary-metric span{font-size:12px;color:#9ab1c1}
.mpd-summary-metric strong{font-size:23px;color:#f3f7fb;overflow-wrap:anywhere}
.mpd-summary-metric .mpd-summary-positive{color:#42dca6}
.mpd-summary-section{background:#121f29;border:1px solid #2b3d49;border-radius:11px;padding:17px}
.mpd-summary-section h4{color:#e9f4f8;font-size:14px;margin:0 0 9px}
.mpd-summary-section h4 span{color:#00d991;margin-right:6px}
.mpd-summary-section p{color:#d0dde6;font-size:13px;line-height:1.75}
@media(max-width:700px){.mpd-summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mpd-summary-metric strong{font-size:19px}}

/* Guía educativa del panel: aislada de las tarjetas y controles existentes. */
#mpd-education-fullwidth{margin:28px 0 36px;padding:clamp(20px,3vw,36px);border:1px solid rgba(140,160,170,.2);border-radius:16px;background:#10191c;color:#d7e1e3;line-height:1.75;font-size:15px}
#mpd-education-fullwidth h2{font-size:clamp(22px,2.5vw,30px);line-height:1.3;color:#f1f7f6;margin:8px 0 20px}
#mpd-education-fullwidth h3{font-size:19px;color:#f1f7f6;margin:26px 0 9px}
#mpd-education-fullwidth h4{font-size:15px;color:#f1f7f6;margin:17px 0 4px}
#mpd-education-fullwidth p{margin:0 0 13px;max-width:none}
#mpd-education-fullwidth-kicker{color:#46d8a5;font-size:12px;font-weight:700;letter-spacing:.1em}
#mpd-education-fullwidth-note{border-top:1px solid rgba(140,160,170,.2);padding-top:16px;margin-top:24px;font-size:13px;color:#a8b9bd}

/* Guía debajo del workspace, de lado a lado y sin limitar los párrafos. */
#mpd-education-fullwidth{box-sizing:border-box;width:100%;max-width:1480px;margin:24px auto 36px;}
#mpd-education-fullwidth[hidden]{display:none!important;}
#mpd-education-fullwidth p{max-width:none!important;width:100%;}

/* Corrección de layout: la guía pertenece al mismo grid que la navegación. */
@media (min-width:701px) {
  .mpd-workspace { align-items:start !important; grid-template-rows:auto auto !important; row-gap:12px !important; }
  .mpd-workspace > .mpd-sidebar { grid-column:1 !important; grid-row:1 / span 2 !important; position:sticky !important; top:12px !important; height:auto !important; min-height:0 !important; max-height:calc(100vh - 24px) !important; align-self:start !important; }
  .mpd-workspace > .mpd-workspace-main { grid-column:2 !important; grid-row:1 !important; min-height:0 !important; }
  .mpd-workspace > #mpd-education-fullwidth { grid-column:1 / -1 !important; grid-row:2 !important; margin:0 0 24px !important; }
  .mpd-workspace-main:has(#mpd-view-operations:not([hidden])),
  #mpd-view-operations:not([hidden]) { min-height:0 !important; flex:initial !important; }
  #mpd-view-operations:not([hidden]) > .mpd-history { flex:initial !important; min-height:0 !important; }
  #mpd-view-operations:not([hidden]) > .mpd-history .history-scroll { flex:initial !important; min-height:0 !important; max-height:190px !important; }
}
@media (max-width:700px) { .mpd-workspace > #mpd-education-fullwidth { margin-top:12px !important; } }

/* Navegación de secciones: franja horizontal bajo el encabezado del sitio. */
@media (min-width:701px) {
  .mpd-workspace {display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;gap:12px!important;align-items:start!important;}
  .mpd-workspace > .mpd-sidebar {position:sticky!important;top:0!important;left:auto!important;right:auto!important;grid-column:1!important;grid-row:1!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;box-sizing:border-box!important;z-index:80!important;display:block!important;margin:0!important;padding:7px 10px!important;border-radius:10px!important;background:#12161b!important;}
  .mpd-workspace > .mpd-sidebar .mpd-sidebar-brand,.mpd-workspace > .mpd-sidebar .mpd-sidebar-foot {display:none!important;}
  .mpd-workspace > .mpd-sidebar .mpd-side-nav {display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:4px!important;}
  .mpd-workspace > .mpd-sidebar .mpd-side-nav button {display:inline-flex!important;width:auto!important;flex:0 0 auto!important;white-space:nowrap!important;min-height:34px!important;padding:7px 10px!important;font-size:12px!important;gap:6px!important;}
  .mpd-workspace > .mpd-sidebar .mpd-side-nav button span {font-size:14px!important;min-width:0!important;}
  .mpd-workspace > .mpd-workspace-main {grid-column:1!important;grid-row:2!important;min-width:0!important;margin:0!important;}
  .mpd-workspace > #mpd-education-fullwidth {grid-column:1!important;grid-row:3!important;width:100%!important;margin:0 0 24px!important;}
  .mpd-workspace::before {display:none!important;content:none!important;}
}
@media (max-width:700px) {
  .mpd-workspace {display:flex!important;flex-direction:column!important;gap:10px!important;}
  .mpd-workspace > .mpd-sidebar {display:block!important;position:sticky!important;top:0!important;z-index:80!important;width:100%!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:7px!important;margin:0!important;box-sizing:border-box!important;}
  .mpd-workspace > .mpd-sidebar .mpd-sidebar-brand,.mpd-workspace > .mpd-sidebar .mpd-sidebar-foot {display:none!important;}
  .mpd-workspace > .mpd-sidebar .mpd-side-nav {display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:4px!important;scrollbar-width:thin;}
  .mpd-workspace > .mpd-sidebar .mpd-side-nav button {flex:0 0 auto!important;white-space:nowrap!important;padding:9px!important;font-size:12px!important;}
  .mpd-workspace > .mpd-sidebar .mpd-side-nav button span {min-width:0!important;font-size:14px!important;}
  .mpd-workspace .mpd-mobile-nav {display:none!important;}
  .mpd-workspace > .mpd-workspace-main,.mpd-workspace > #mpd-education-fullwidth {width:100%!important;min-width:0!important;margin:0!important;}
}

/* Distribuir las ocho secciones por todo el ancho de la barra superior. */
@media (min-width:701px) {
  .mpd-workspace > .mpd-sidebar .mpd-side-nav {width:100%!important;flex-wrap:nowrap!important;justify-content:space-between!important;}
  .mpd-workspace > .mpd-sidebar .mpd-side-nav button {flex:1 1 0!important;width:0!important;min-width:0!important;justify-content:center!important;text-align:center!important;padding-left:5px!important;padding-right:5px!important;}
}
@media (min-width:701px) and (max-width:900px) {
  .mpd-workspace > .mpd-sidebar .mpd-side-nav {overflow-x:auto!important;}
  .mpd-workspace > .mpd-sidebar .mpd-side-nav button {flex:0 0 auto!important;width:auto!important;}
}