/* Main visual styles are currently kept inline in templates/chat-ui.php for shortcode portability. */



/* =========================================================
   AI Trading Memory Chat - Premium Dashboard
   ========================================================= */

.aitmc-dashboard-premium,
.aitmc-dashboard-premium *{
    box-sizing:border-box !important;
}

.aitmc-dashboard-premium{
    width:100% !important;
    max-width:1180px !important;
    margin:30px auto !important;
    padding:28px !important;
    border-radius:30px !important;
    background:
        radial-gradient(circle at top left, rgba(45,111,255,.35), transparent 34%),
        linear-gradient(135deg,#071020 0%,#0b1325 44%,#111a30 100%) !important;
    color:#ffffff !important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    border:1px solid rgba(125,176,255,.22) !important;
    box-shadow:0 28px 80px rgba(0,0,0,.35) !important;
}

.aitmc-db-header{
    display:flex !important;
    align-items:stretch !important;
    justify-content:space-between !important;
    gap:20px !important;
    margin-bottom:24px !important;
}

.aitmc-db-kicker{
    display:inline-flex !important;
    padding:7px 12px !important;
    border-radius:999px !important;
    background:rgba(47,113,255,.18) !important;
    border:1px solid rgba(98,157,255,.35) !important;
    color:#8dbbff !important;
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
    margin-bottom:12px !important;
}

.aitmc-db-header h2{
    margin:0 0 8px 0 !important;
    padding:0 !important;
    color:#ffffff !important;
    font-size:34px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
    letter-spacing:-.04em !important;
}

.aitmc-db-header p{
    margin:0 !important;
    color:#9fb0d0 !important;
    font-size:15px !important;
}

.aitmc-db-total{
    min-width:190px !important;
    padding:18px 22px !important;
    border-radius:24px !important;
    background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    text-align:right !important;
}

.aitmc-db-total span,
.aitmc-db-stat span,
.aitmc-db-highlight span{
    display:block !important;
    color:#9fb0d0 !important;
    font-size:13px !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
    margin-bottom:8px !important;
}

.aitmc-db-total strong{
    font-size:34px !important;
    line-height:1 !important;
    font-weight:900 !important;
}

.aitmc-db-stats{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:14px !important;
    margin-bottom:18px !important;
}

.aitmc-db-stat{
    padding:18px !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.aitmc-db-stat strong{
    display:block !important;
    color:#ffffff !important;
    font-size:30px !important;
    line-height:1 !important;
    font-weight:900 !important;
}

.aitmc-db-panels{
    display:grid !important;
    grid-template-columns:1.4fr .8fr !important;
    gap:18px !important;
    margin-bottom:18px !important;
}

.aitmc-db-panel,
.aitmc-db-table-card{
    background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:26px !important;
    padding:20px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.aitmc-db-panel-title{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    margin-bottom:16px !important;
}

.aitmc-db-panel-title h3{
    margin:0 !important;
    padding:0 !important;
    color:#ffffff !important;
    font-size:18px !important;
    font-weight:900 !important;
}

.aitmc-db-panel-title span{
    color:#86a0c8 !important;
    font-size:13px !important;
    font-weight:700 !important;
}

.aitmc-db-chart-placeholder{
    position:relative !important;
    min-height:210px !important;
    overflow:hidden !important;
    border-radius:22px !important;
    background:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
        rgba(0,0,0,.16) !important;
    background-size:42px 42px !important;
    border:1px solid rgba(255,255,255,.08) !important;
}

.aitmc-db-chart-line{
    position:absolute !important;
    left:28px !important;
    right:28px !important;
    top:112px !important;
    height:4px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#ff5d6c,#ffd166,#3dff9f,#62a1ff) !important;
    transform:rotate(-4deg) !important;
    box-shadow:0 0 24px rgba(93,255,169,.35) !important;
}

.aitmc-db-chart-glow{
    position:absolute !important;
    width:170px !important;
    height:170px !important;
    right:60px !important;
    top:35px !important;
    border-radius:999px !important;
    background:rgba(72,255,166,.12) !important;
    filter:blur(20px) !important;
}

.aitmc-db-chart-placeholder p{
    position:absolute !important;
    left:22px !important;
    bottom:18px !important;
    margin:0 !important;
    color:#9fb0d0 !important;
    font-size:14px !important;
    font-weight:700 !important;
}

.aitmc-db-highlight{
    padding:18px !important;
    border-radius:20px !important;
    background:rgba(0,0,0,.16) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    margin-bottom:14px !important;
}

.aitmc-db-highlight strong{
    display:block !important;
    font-size:24px !important;
    font-weight:900 !important;
}

.aitmc-db-table-scroll{
    width:100% !important;
    overflow-x:auto !important;
}

.aitmc-db-table{
    width:100% !important;
    border-collapse:separate !important;
    border-spacing:0 10px !important;
    margin:0 !important;
    color:#ffffff !important;
}

.aitmc-db-table th{
    padding:0 14px 8px 14px !important;
    color:#7fb0ff !important;
    font-size:12px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.1em !important;
    border:0 !important;
    background:transparent !important;
    text-align:left !important;
}

.aitmc-db-table td{
    padding:16px 14px !important;
    color:#dce6f8 !important;
    background:rgba(255,255,255,.055) !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    font-size:15px !important;
    vertical-align:middle !important;
}

.aitmc-db-table td:first-child{
    border-left:1px solid rgba(255,255,255,.08) !important;
    border-radius:16px 0 0 16px !important;
}

.aitmc-db-table td:last-child{
    border-right:1px solid rgba(255,255,255,.08) !important;
    border-radius:0 16px 16px 0 !important;
}

.aitmc-db-table td strong{
    color:#ffffff !important;
    font-weight:900 !important;
}

.aitmc-db-pill,
.aitmc-db-pl{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:30px !important;
    padding:6px 12px !important;
    border-radius:999px !important;
    font-size:12px !important;
    font-weight:900 !important;
    letter-spacing:.08em !important;
}

.aitmc-db-pill.is-direction{
    color:#8fc2ff !important;
    background:rgba(89,158,255,.14) !important;
    border:1px solid rgba(89,158,255,.30) !important;
}

.aitmc-dashboard-premium .is-win{
    color:#82ffb0 !important;
}

.aitmc-dashboard-premium .is-loss{
    color:#ff7a87 !important;
}

.aitmc-dashboard-premium .is-flat{
    color:#d8e3f6 !important;
}

.aitmc-db-pill.is-win,
.aitmc-db-pl.is-win{
    background:rgba(45,214,118,.16) !important;
    border:1px solid rgba(45,214,118,.34) !important;
    color:#82ffb0 !important;
}

.aitmc-db-pill.is-loss,
.aitmc-db-pl.is-loss{
    background:rgba(255,80,100,.14) !important;
    border:1px solid rgba(255,80,100,.32) !important;
    color:#ff7a87 !important;
}

.aitmc-db-pill.is-flat,
.aitmc-db-pl.is-flat{
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    color:#d8e3f6 !important;
}

.aitmc-db-empty{
    text-align:center !important;
    color:#9fb0d0 !important;
    padding:30px !important;
}

@media(max-width:900px){
    .aitmc-db-header,
    .aitmc-db-panels{
        grid-template-columns:1fr !important;
        display:grid !important;
    }

    .aitmc-db-header{
        display:block !important;
    }

    .aitmc-db-total{
        margin-top:18px !important;
        text-align:left !important;
    }

    .aitmc-db-stats{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:560px){
    .aitmc-dashboard-premium{
        padding:18px !important;
        border-radius:22px !important;
    }

    .aitmc-db-header h2{
        font-size:26px !important;
    }

    .aitmc-db-stats{
        grid-template-columns:1fr !important;
    }
}



/* Step 15 real fix - sidebar delete button */
.aitmc-session-actions{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
}

.aitmc-delete-session-btn{
    width:32px !important;
    height:32px !important;
    border-radius:10px !important;
    border:1px solid rgba(248,113,113,.35) !important;
    background:rgba(127,29,29,.35) !important;
    color:#fecaca !important;
    cursor:pointer !important;
    font-size:15px !important;
    line-height:1 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    transition:all .18s ease !important;
}

.aitmc-delete-session-btn:hover{
    background:#dc2626 !important;
    color:#ffffff !important;
    transform:translateY(-1px) !important;
}