.mc-page {
    margin: -24px;
    padding: 18px;
    min-height: 100vh;
    color: #e7f0ff;
    background: radial-gradient(circle at top left, #0b2444 0, #07111f 34%, #030814 100%);
}
.mc-top, .mc-actions, .mc-tabs, .mc-grid, .chart-header, .ranges, .detail-title, .bottom-tabs, .bottom-grid {
    display: flex;
}
.mc-top {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}
.mc-top h1 {
    margin: 0;
    font-size: 1.5rem;
    letter-spacing: .04em;
}
.mc-top p {
    margin: 4px 0 0;
    color: #8fa6c2;
    font-size: .84rem;
}
.mc-actions {
    gap: 10px;
}
.mc-page button {
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.12);
    color: #e7f0ff;
    border-radius: 8px;
    padding: 8px 13px;
    font-weight: 700;
    font-size: .78rem;
}
.mc-page button.primary, .mc-page .primary {
    background: #0d6efd;
    border-color: #0d6efd;
}
.mc-tabs {
    gap: 8px;
    margin-bottom: 14px;
}
.mc-tabs button.active {
    background: #0d6efd;
}
.mc-grid {
    display: grid;
    grid-template-columns: 310px minmax(520px, 1fr) 360px;
    gap: 12px;
}
.mc-card {
    background: rgba(7, 17, 31, .92);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 12px;
    box-shadow: 0 14px 34px rgba(0,0,0,.30);
}
.mc-list, .mc-chart-panel, .mc-detail {
    min-height: 560px;
}
.mc-list {
    padding: 12px;
}
.mc-search {
    width: 100%;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.12);
    color: #e7f0ff;
    border-radius: 8px;
    padding: 10px;
    font-size: .78rem;
    margin-bottom: 10px;
}
.mc-mini-tabs {
    display: flex;
    gap: 7px;
    margin-bottom: 10px;
    font-size: .74rem;
}
.mc-mini-tabs span {
    padding: 6px 9px;
    border-radius: 7px;
    color: #94a8c2;
}
.mc-mini-tabs span.active {
    background: #0d6efd;
    color: #fff;
}
.mc-stock {
    width: 100%;
    display: grid;
    grid-template-columns: 22px 1fr 70px 70px 20px;
    gap: 8px;
    align-items: center;
    text-align: left;
    padding: 9px 8px;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.06);
    border-radius: 0;
    background: transparent;
    cursor: pointer;
    font-size: .76rem;
}
.mc-stock.selected {
    background: rgba(13,110,253,.22);
    border-left: 3px solid #0d6efd;
}
.mc-stock strong, .mc-stock small {
    display: block;
}
.mc-stock small {
    color: #8fa6c2;
    font-size: .66rem;
}
.star {
    color: #ffc107;
}
.ok, .up {
    color: #31d970;
}
.down {
    color: #ff4d5e;
}
.mc-stock em {
    font-style: normal;
    font-weight: 800;
}
.mc-chart-panel {
    padding: 14px;
}
.chart-header {
    justify-content: space-between;
    gap: 14px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    padding-bottom: 12px;
}
.chart-header h2 {
    margin: 0;
    font-size: 1.45rem;
}
.chart-header p {
    color: #9fb2c8;
    font-size: .74rem;
    margin: 2px 0 7px;
}
.price {
    font-size: 2rem;
    font-weight: 900;
}
.price span {
    font-size: 1rem;
    color: #31d970;
    margin-left: 10px;
}
.metrics {
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 16px;
}
.metrics small {
    display: block;
    color: #9fb2c8;
    font-size: .68rem;
}
.metrics b {
    font-size: .82rem;
}
.ranges {
    align-items: center;
    gap: 13px;
    margin: 12px 0;
    font-size: .78rem;
}
.ranges .active {
    background: #0d6efd;
    padding: 5px 9px;
    border-radius: 6px;
}
.ranges .mc-page button {
    margin-left: auto;
}
.ranges button + .mc-page button {
    margin-left: 0;
}
.fake-chart {
    position: relative;
    height: 320px;
    border-radius: 10px;
    overflow: hidden;
    background-image:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: 70px 45px;
}
.fake-chart svg {
    width: 100%;
    height: 320px;
    margin-top: 24px;
}
.years {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 15px;
    display: flex;
    justify-content: space-between;
    color: #9fb2c8;
    font-size: .7rem;
}
.mc-detail {
    padding: 12px;
}
.detail-tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-bottom: 1px solid rgba(255,255,255,.08);
    margin-bottom: 12px;
}
.detail-tabs span {
    text-align: center;
    color: #9fb2c8;
    padding: 8px;
    font-size: .75rem;
}
.detail-tabs .active {
    color: #fff;
    border-bottom: 2px solid #0d6efd;
}
.detail-title {
    gap: 10px;
    align-items: center;
    margin-bottom: 14px;
}
.logo {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: white;
    color: #0d6efd;
    display: grid;
    place-items: center;
    font-weight: 900;
}
.detail-title h3 {
    margin: 0;
}
.detail-title p {
    margin: 2px 0 0;
    color: #9fb2c8;
    font-size: .72rem;
}
.detail-title strong {
    margin-left: auto;
    color: #ffc107;
}
.info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 10px;
    font-size: .74rem;
}
.info-grid span {
    color: #9fb2c8;
}
.info-grid b {
    text-align: right;
}
.box {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,.08);
}
.box h4 {
    margin: 0 0 10px;
    color: #39a0ff;
    font-size: .76rem;
    text-transform: uppercase;
}
.perf {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.perf div, .ai-tags span {
    background: rgba(255,255,255,.045);
    border-radius: 8px;
    padding: 8px;
}
.perf span {
    display: block;
    color: #9fb2c8;
    font-size: .68rem;
}
.ai-score {
    font-size: 1.9rem;
    font-weight: 900;
}
.ai-score span {
    font-size: .85rem;
    color: #9fb2c8;
}
.ai-tags {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin-top: 8px;
}
.ai-tags span {
    text-align: center;
    font-size: .65rem;
}
.mc-bottom {
    margin-top: 12px;
}
.bottom-tabs {
    gap: 28px;
    padding: 12px 18px 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.bottom-tabs span {
    padding-bottom: 10px;
    color: #9fb2c8;
    font-size: .78rem;
    text-transform: uppercase;
}
.bottom-tabs .active {
    color: #39a0ff;
    border-bottom: 2px solid #0d6efd;
}
.bottom-grid {
    display: grid;
    grid-template-columns: 1.4fr .9fr 1fr;
    gap: 20px;
    padding: 14px 18px;
}
.summary {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.summary div {
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 9px;
    padding: 12px;
}
.summary span {
    color: #9fb2c8;
    font-size: .68rem;
}
.summary b {
    display: block;
    margin-top: 8px;
    font-size: 1.4rem;
}
.mc-page label {
    display: block;
    margin-bottom: 8px;
    font-size: .78rem;
}
.progress {
    height: 11px;
    background: rgba(255,255,255,.08);
    border-radius: 999px;
    overflow: hidden;
    margin: 12px 0;
}
.progress span {
    display: block;
    height: 100%;
    width: 57%;
    background: #0d6efd;
}
@@media (max-width: 1400px) {
    .mc-grid {
        grid-template-columns: 290px 1fr;
    }
    .mc-detail {
        grid-column: 1 / -1;
        min-height: auto;
    }
    .bottom-grid {
        grid-template-columns: 1fr;
    }
}

/* Layout polish */
.mc-page {
    min-height: calc(100vh - 0px);
    overflow: hidden;
}

.mc-grid {
    align-items: stretch;
}

.mc-list {
    max-height: 660px;
    overflow-y: auto;
}

.mc-chart-panel,
.mc-detail {
    max-height: 660px;
    overflow: hidden;
}

.fake-chart {
    height: 330px;
}

.fake-chart svg {
    height: 285px;
}

.mc-bottom {
    min-height: 170px;
}

.nav-link {
    white-space: nowrap;
}


/* Watchlist final */
.mc-search-wrap {
    display: grid;
    grid-template-columns: 28px 1fr;
    align-items: center;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    padding: 0 10px;
    margin-bottom: 10px;
}

.mc-search-wrap span {
    color: #8fa6c2;
    font-size: .95rem;
}

.mc-search-wrap .mc-search {
    border: 0;
    margin: 0;
    background: transparent;
    padding: 11px 0;
}

.mc-search-wrap .mc-search:focus {
    outline: none;
}

.mc-watch-columns {
    display: grid;
    grid-template-columns: 1.35fr .75fr .75fr;
    gap: 10px;
    padding: 10px 12px 9px;
    color: #9fb2c8;
    font-size: .72rem;
    border-top: 1px solid rgba(255,255,255,.06);
    border-bottom: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.025);
}

.mc-watch-columns span:nth-child(2),
.mc-watch-columns span:nth-child(3) {
    text-align: right;
}

.mc-stock.modern {
    width: 100%;
    display: grid;
    grid-template-columns: 1.35fr .75fr .75fr;
    gap: 10px;
    align-items: center;
    min-height: 62px;
    padding: 11px 12px;
    margin: 0;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.07);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
    transition: background .15s ease;
}

.mc-stock.modern:hover {
    background: rgba(255,255,255,.055);
}

.mc-stock.modern.selected {
    background: linear-gradient(90deg, rgba(13,110,253,.25), rgba(13,110,253,.07));
    border-left: 3px solid #0d6efd;
}

.stock-symbol {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    min-width: 0;
}

.stock-symbol strong {
    display: block;
    font-size: .86rem;
    line-height: 1.1;
}

.stock-symbol small {
    display: block;
    color: #9fb2c8;
    font-size: .68rem;
    margin-top: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stock-price {
    text-align: right;
}

.stock-price b {
    font-size: .88rem;
}

.stock-change-pill {
    justify-self: end;
    background: transparent;
    padding: 0;
    min-width: auto;
    border-radius: 0;
    font-style: normal;
    font-weight: 900;
    font-size: .72rem;
    text-align: right;
}

.stock-change-pill.up {
    color: #31d970;
}

.stock-change-pill.down {
    color: #ff4d5e;
}

.mc-page .favorite-star {
    width: 22px;
    height: 22px;
    min-width: 22px;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    color: #ffc107;
    border-radius: 0;
    font-size: 1rem;
    line-height: 1;
    display: grid;
    place-items: center;
}

.mc-page .favorite-star:hover {
    background: transparent;
    color: #ffd966;
    transform: scale(1.12);
}

.mc-empty {
    padding: 18px;
    color: #9fb2c8;
    text-align: center;
    font-size: .8rem;
}


.import-action-row {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.mc-page .seed-button {
    background: rgba(255, 193, 7, .14);
    border-color: rgba(255, 193, 7, .35);
    color: #ffd966;
}

.seed-status {
    margin-top: 8px;
    color: #31d970;
    font-size: .76rem;
}

.mc-summary-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.mc-summary-card {
    min-height: 112px;
    padding: 16px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(12,29,52,.96), rgba(5,15,29,.97));
    border: 1px solid rgba(96,165,250,.16);
    box-shadow: 0 18px 45px rgba(0,0,0,.24);
}

.mc-summary-card span {
    display: block;
    color: #91a5bf;
    font-size: 12px;
    font-weight: 700;
}

.mc-summary-card strong {
    display: block;
    color: #fff;
    font-size: 25px;
    margin-top: 8px;
    line-height: 1.1;
}

.mc-summary-card small {
    display: block;
    color: #91a5bf;
    font-size: 12px;
    margin-top: 7px;
}

.mc-summary-card.success {
    background:
        radial-gradient(circle at 20% 15%, rgba(34,197,94,.14), transparent 36%),
        linear-gradient(180deg, rgba(12,29,52,.96), rgba(5,15,29,.97));
}

@media (max-width: 1400px) {
    .mc-summary-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .mc-summary-grid {
        grid-template-columns: 1fr;
    }
}

.mc-summary-card.direction {
    background:
        radial-gradient(circle at 20% 15%, rgba(59,130,246,.18), transparent 36%),
        linear-gradient(180deg, rgba(12,29,52,.96), rgba(5,15,29,.97));
}

.mc-summary-card.opportunity {
    background:
        radial-gradient(circle at 20% 15%, rgba(34,197,94,.18), transparent 36%),
        linear-gradient(180deg, rgba(12,29,52,.96), rgba(5,15,29,.97));
}

.mc-summary-card.risk {
    background:
        radial-gradient(circle at 20% 15%, rgba(239,68,68,.16), transparent 36%),
        linear-gradient(180deg, rgba(12,29,52,.96), rgba(5,15,29,.97));
}

.mc-summary-card.favorite {
    background:
        radial-gradient(circle at 20% 15%, rgba(250,204,21,.16), transparent 36%),
        linear-gradient(180deg, rgba(12,29,52,.96), rgba(5,15,29,.97));
}

.mc-summary-card.volume {
    background:
        radial-gradient(circle at 20% 15%, rgba(249,115,22,.16), transparent 36%),
        linear-gradient(180deg, rgba(12,29,52,.96), rgba(5,15,29,.97));
}

.mc-summary-card.ai {
    background:
        radial-gradient(circle at 20% 15%, rgba(168,85,247,.20), transparent 36%),
        linear-gradient(180deg, rgba(12,29,52,.96), rgba(5,15,29,.97));
}

.mc-summary-card.ai strong {
    color: #c084fc;
}

/* Market Center compact polish */
.mc-page {
    padding: 18px 22px 28px;
}

.mc-summary-grid {
    gap: 10px;
    margin-bottom: 12px;
}

.mc-summary-card {
    min-height: 92px;
    padding: 13px 14px;
}

.mc-summary-card span {
    font-size: 11px;
}

.mc-summary-card strong {
    font-size: 21px;
    margin-top: 6px;
}

.mc-summary-card small {
    font-size: 11px;
    margin-top: 5px;
}

.mc-top {
    margin-bottom: 12px;
}

.mc-tabs {
    margin-bottom: 12px;
}

.mc-watchlist-pro {
    padding: 12px;
}

.mc-search-wrap {
    position: relative;
}

.mc-search-wrap > span {
    position: absolute;
    left: 11px;
    top: 9px;
    color: #8fa6c2;
    z-index: 1;
}

.mc-watchlist-pro .mc-search {
    padding-left: 32px;
    margin-bottom: 9px;
}

.mc-filter-row {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.mc-filter-row button {
    white-space: nowrap;
    padding: 6px 9px;
    font-size: 11px;
    border-radius: 999px;
}

.mc-filter-row button.active {
    background: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
}

.mc-watch-meta {
    display: flex;
    justify-content: space-between;
    color: #8fa6c2;
    font-size: 11px;
    margin-bottom: 8px;
}

.mc-watch-columns.pro {
    display: grid;
    grid-template-columns: 1.25fr .7fr .72fr;
    gap: 8px;
    color: #8fa6c2;
    font-size: 11px;
    font-weight: 800;
    padding: 0 8px 7px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.mc-watchlist-scroll {
    max-height: 475px;
    overflow-y: auto;
    padding-right: 3px;
}

.mc-stock-row {
    width: 100%;
    display: grid;
    grid-template-columns: 1.25fr .7fr .72fr;
    gap: 8px;
    align-items: center;
    text-align: left;
    padding: 9px 8px;
    border-radius: 10px;
    border: 1px solid transparent;
    background: transparent;
    margin-top: 5px;
}

.mc-stock-row:hover {
    background: rgba(59,130,246,.10);
    border-color: rgba(96,165,250,.14);
}

.mc-stock-row.selected {
    background: linear-gradient(90deg, rgba(37,99,235,.28), rgba(14,165,233,.08));
    border-color: rgba(96,165,250,.22);
    box-shadow: inset 3px 0 0 #38bdf8;
}

.mc-stock-main {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.favorite-star {
    width: 24px;
    height: 24px;
    padding: 0 !important;
    border-radius: 7px !important;
    color: #64748b !important;
}

.favorite-star.active {
    color: #facc15 !important;
    border-color: rgba(250,204,21,.22) !important;
    background: rgba(250,204,21,.10) !important;
}

.mc-stock-main strong,
.mc-stock-price-cell strong {
    display: block;
    color: #fff;
    font-size: 12px;
}

.mc-stock-main small,
.mc-stock-price-cell small {
    display: block;
    color: #8fa6c2;
    font-size: 10px;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mc-stock-price-cell {
    text-align: right;
}

.mc-stock-row .stock-change-pill {
    justify-self: end;
    min-width: 68px;
    text-align: center;
    border-radius: 999px;
    padding: 5px 7px;
    font-size: 11px;
    font-weight: 800;
}

.stock-change-pill.up {
    color: #bbf7d0;
    background: rgba(34,197,94,.12);
    border: 1px solid rgba(34,197,94,.18);
}

.stock-change-pill.down {
    color: #fecaca;
    background: rgba(239,68,68,.12);
    border: 1px solid rgba(239,68,68,.18);
}

.mc-detail-pro {
    padding: 14px;
}

.detail-title.pro {
    border-bottom: 1px solid rgba(255,255,255,.08);
    padding-bottom: 13px;
}

.favorite-indicator {
    color: #facc15 !important;
    font-size: 20px;
}

.detail-price-box {
    margin: 14px 0;
    padding: 16px;
    border-radius: 14px;
    background:
        radial-gradient(circle at 18% 18%, rgba(59,130,246,.20), transparent 34%),
        linear-gradient(180deg, rgba(37,99,235,.15), rgba(15,23,42,.42));
    border: 1px solid rgba(96,165,250,.14);
}

.detail-price-box span {
    display: block;
    color: #91a5bf;
    font-size: 12px;
}

.detail-price-box strong {
    display: block;
    color: #fff;
    font-size: 30px;
    line-height: 1.1;
    margin-top: 7px;
}

.detail-price-box small {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 800;
}

.info-grid.pro {
    margin-bottom: 14px;
}

.detail-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 14px;
}

.detail-actions button {
    min-height: 38px;
}

.detail-title.pro small {
    display: block;
    color: #8fa6c2;
    font-size: 11px;
    margin-top: 2px;
}

.detail-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 14px 0;
    padding: 14px;
    border-radius: 14px;
    background:
        radial-gradient(circle at 18% 18%, rgba(59,130,246,.18), transparent 34%),
        linear-gradient(180deg, rgba(37,99,235,.14), rgba(15,23,42,.42));
    border: 1px solid rgba(96,165,250,.14);
}

.detail-price-row span {
    display: block;
    color: #91a5bf;
    font-size: 12px;
}

.detail-price-row strong {
    display: block;
    color: #fff;
    font-size: 26px;
    line-height: 1.1;
    margin-top: 6px;
}

.detail-price-row > div:last-child {
    font-size: 14px;
    font-weight: 900;
}

.detail-matrix {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 12px;
}

.detail-matrix div {
    min-height: 58px;
    border-radius: 11px;
    padding: 10px;
    background: rgba(15,23,42,.48);
    border: 1px solid rgba(148,163,184,.10);
}

.detail-matrix span {
    display: block;
    color: #8fa6c2;
    font-size: 11px;
}

.detail-matrix strong {
    display: block;
    color: #fff;
    font-size: 12px;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detail-mini-performance {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 8px;
    margin-bottom: 12px;
}

.detail-mini-performance div {
    border-radius: 11px;
    padding: 10px;
    background: rgba(15,23,42,.42);
    border: 1px solid rgba(148,163,184,.10);
}

.detail-mini-performance span {
    display: block;
    color: #8fa6c2;
    font-size: 11px;
}

.detail-mini-performance strong {
    display: block;
    color: #fff;
    font-size: 12px;
    margin-top: 4px;
}

.compact-ai-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-radius: 13px;
    padding: 12px;
    background:
        radial-gradient(circle at 18% 18%, rgba(168,85,247,.18), transparent 34%),
        linear-gradient(180deg, rgba(15,23,42,.62), rgba(15,23,42,.38));
    border: 1px solid rgba(168,85,247,.18);
}

.compact-ai-box span {
    display: block;
    color: #c4b5fd;
    font-size: 12px;
}

.compact-ai-box strong {
    display: block;
    color: #c084fc;
    font-size: 24px;
    margin-top: 3px;
}

.compact-ai-box small {
    color: #91a5bf;
    font-size: 12px;
}
.coming-card{
    position:relative;
    overflow:hidden;
}

.coming-card strong{
    color:#f8fafc;
}

.coming-card small{
    display:block;
    margin-top:6px;
    font-size:10px;
    color:#94a3b8;
}

.coming-card::after{
    content:"MVP";
    position:absolute;
    top:8px;
    right:8px;
    font-size:9px;
    font-weight:700;
    color:#60a5fa;
    letter-spacing:.08em;
}
/* Right detail panel compact fit */
.mc-detail-pro {
    padding: 12px;
    overflow: hidden;
}

.detail-title.pro {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.detail-title.pro .logo {
    width: 42px;
    height: 42px;
}

.detail-title.pro h3 {
    font-size: 24px;
    line-height: 1;
}

.detail-title.pro p {
    font-size: 12px;
}

.detail-price-row {
    margin: 10px 0;
    padding: 12px;
}

.detail-price-row strong {
    font-size: 24px;
}

.detail-matrix {
    gap: 7px;
    margin-bottom: 10px;
}

.detail-matrix div {
    min-height: 54px;
    padding: 9px;
}

.detail-matrix span {
    font-size: 10px;
}

.detail-matrix strong {
    font-size: 12px;
    margin-top: 4px;
}

.coming-card small {
    margin-top: 4px;
    font-size: 9px;
}

.coming-card::after {
    top: 7px;
    right: 7px;
    font-size: 8px;
}

.detail-mini-performance {
    gap: 7px;
    margin-bottom: 10px;
}

.detail-mini-performance div {
    padding: 8px;
}

.compact-ai-box {
    padding: 10px 12px;
}

.compact-ai-box strong {
    font-size: 22px;
}

.detail-actions {
    gap: 8px;
    margin-top: 10px;
}

.detail-actions button {
    min-height: 34px;
    padding: 7px 10px;
    font-size: 12px;
}
.mc-grid {

    grid-template-columns: 370px minmax(520px, 1fr) 310px;

}
/* Watchlist richer rows */
.mc-watch-columns.pro,
.mc-stock-row {
    grid-template-columns: 1.15fr .85fr .75fr;
}

.mc-stock-row {
    min-height: 58px;
}

.mc-stock-main strong {
    font-size: 13px;
}

.mc-stock-main small {
    max-width: 135px;
}

.mc-stock-price-cell strong {
    font-size: 13px;
}

.mc-stock-price-cell small {
    font-size: 10px;
    color: #94a3b8;
}

.mc-stock-row .stock-change-pill {
    min-width: 76px;
}
.fake-chart.professional {
    position: relative;
}

.chart-watermark {
    position: absolute;
    left: 18px;
    top: 16px;
    z-index: 2;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(2, 8, 23, .58);
    border: 1px solid rgba(96, 165, 250, .12);
    backdrop-filter: blur(8px);
}

.chart-watermark strong {
    display: block;
    color: #fff;
    font-size: 13px;
}

.chart-watermark span {
    display: block;
    color: #8fa6c2;
    font-size: 11px;
    margin-top: 3px;
}

.chart-header .price span {
    font-size: 14px;
    margin-left: 10px;
}

.mc-bottom-pro {
    margin-top: 12px;
    padding: 12px;
}

.bottom-grid.pro {
    display: grid;
    grid-template-columns: 1.15fr 1fr 1.25fr;
    gap: 12px;
}

.bottom-section {
    border-radius: 14px;
    padding: 12px;
    background: rgba(15, 23, 42, .45);
    border: 1px solid rgba(148, 163, 184, .10);
}

.bottom-section h4 {
    color: #fff;
    font-size: 14px;
    margin: 0 0 10px;
}

.summary.compact {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.summary.compact div {
    min-height: 54px;
    border-radius: 10px;
    padding: 9px;
    background: rgba(2, 8, 23, .35);
    border: 1px solid rgba(148, 163, 184, .08);
}

.summary.compact span {
    display: block;
    color: #8fa6c2;
    font-size: 11px;
}

.summary.compact b {
    display: block;
    color: #fff;
    font-size: 13px;
    margin-top: 4px;
}

.seed-button,
.bottom-section .primary {
    width: 100%;
    min-height: 36px;
}

.seed-status {
    color: #91a5bf;
    font-size: 12px;
    margin: 8px 0 0;
}

@media (max-width: 1200px) {
    .bottom-grid.pro {
        grid-template-columns: 1fr;
    }
}

.bottom-grid.pro.investor {
    grid-template-columns: 1.15fr 1fr 1.2fr;
}

.action-stack {
    display: grid;
    gap: 8px;
}

.action-stack button {
    width: 100%;
    min-height: 36px;
}

.trade-plan-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.trade-plan-grid div {
    min-height: 54px;
    border-radius: 10px;
    padding: 9px;
    background: rgba(2, 8, 23, .35);
    border: 1px solid rgba(148, 163, 184, .08);
}

.trade-plan-grid span {
    display: block;
    color: #8fa6c2;
    font-size: 11px;
}

.trade-plan-grid b {
    display: block;
    color: #fff;
    font-size: 13px;
    margin-top: 4px;
}

.market-bottom-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 12px;
}

.market-bottom-main {
    min-width: 0;
}

.market-bottom-side {
    border-radius: 14px;
    padding: 12px;
    background: rgba(15, 23, 42, .45);
    border: 1px solid rgba(148, 163, 184, .10);
}

.market-bottom-side h4 {
    color: #fff;
    font-size: 14px;
    margin: 0 0 10px;
}

.quick-summary-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.quick-summary-grid div {
    min-height: 54px;
    border-radius: 10px;
    padding: 9px;
    background: rgba(2, 8, 23, .35);
    border: 1px solid rgba(148, 163, 184, .08);
}

.quick-summary-grid span {
    display: block;
    color: #8fa6c2;
    font-size: 11px;
}

.quick-summary-grid b {
    display: block;
    color: #fff;
    font-size: 13px;
    margin-top: 4px;
}

@media (max-width: 1200px) {
    .market-bottom-layout {
        grid-template-columns: 1fr;
    }
}

.decision-side {
    display: grid;
    gap: 10px;
    align-content: start;
}

.decision-card,
.decision-note {
    border-radius: 12px;
    padding: 12px;
    background: rgba(2, 8, 23, .35);
    border: 1px solid rgba(148, 163, 184, .08);
}

.decision-card span,
.decision-note span {
    display: block;
    color: #8fa6c2;
    font-size: 11px;
}

.decision-card strong {
    display: block;
    color: #fff;
    font-size: 22px;
    margin-top: 6px;
}

.decision-card small {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    margin-top: 4px;
}

.decision-note p {
    color: #cbd5e1;
    font-size: 12px;
    line-height: 1.45;
    margin: 6px 0 0;
}

.decision-note.warning {
    border-color: rgba(245, 158, 11, .18);
}
/* Market bottom final compact polish */
.mc-bottom-pro {
    padding: 10px 12px;
    margin-top: 10px;
}

.bottom-tabs {
    gap: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(148, 163, 184, .10);
    padding-bottom: 8px;
}

.bottom-tabs button {
    min-height: 32px;
    padding: 7px 13px;
    font-size: 12px;
    border-radius: 9px;
}

.market-bottom-layout {
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 10px;
}

.bottom-grid.pro.investor,
.bottom-grid.pro {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.bottom-section {
    min-height: 132px;
    padding: 10px;
}

.bottom-section h4,
.market-bottom-side h4 {
    font-size: 13px;
    margin-bottom: 8px;
}

.summary.compact {
    gap: 7px;
}

.summary.compact div,
.trade-plan-grid div {
    min-height: 48px;
    padding: 8px;
}

.summary.compact span,
.trade-plan-grid span,
.decision-card span,
.decision-note span {
    font-size: 10px;
}

.summary.compact b,
.trade-plan-grid b {
    font-size: 12px;
}

.market-note {
    font-size: 12px;
    line-height: 1.45;
}

.market-bottom-side {
    padding: 10px;
}

.decision-side {
    gap: 8px;
}

.decision-card,
.decision-note {
    padding: 10px;
}

.decision-card strong {
    font-size: 20px;
}

.decision-note p {
    font-size: 11px;
    line-height: 1.4;
}

.empty-mini {
    min-height: 88px;
}
/* Market bottom final sizing */
.market-bottom-layout {
    grid-template-columns: minmax(0, 1fr) 260px;
    align-items: stretch;
}

.market-bottom-main .bottom-grid.pro.investor {
    grid-template-columns: 1fr 1.15fr;
}

.market-bottom-main .bottom-section {
    min-height: 164px;
}

.market-bottom-side {
    min-height: 164px;
}

.decision-card,
.decision-note {
    padding: 8px 9px;
}

.decision-card strong {
    font-size: 18px;
}

.decision-card small,
.decision-note p {
    font-size: 10px;
}

.decision-note {
    min-height: 54px;
}

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

.summary.compact div {
    min-height: 54px;
}
/* Align Market Center shell spacing with Command Center */
.mc-page {
    min-height: 100vh;
    margin: -24px !important;
    padding: 22px 24px 30px !important;
    box-sizing: border-box;
}
/* Market Center final shell alignment */
.mc-page {
    min-height: 100vh !important;
    margin: -24px -24px -24px -8px !important;
    padding: 22px 24px 30px 20px !important;
    box-sizing: border-box !important;
}

.mc-top,
.mc-tabs,
.mc-summary-grid,
.mc-grid,
.mc-bottom {
    max-width: none !important;
}

.mc-grid {
    width: 100%;
}

@media (max-width: 768px) {
    .mc-page {
        margin: -16px !important;
        padding: 14px !important;
    }
}
.ipo-badge{
    display:inline-block;
    margin-left:8px;
    padding:2px 8px;
    border-radius:999px;
    background:#00b86b;
    color:#fff;
    font-size:11px;
    font-weight:700;
}

.ipo-firstday{
    display:inline-block;
    margin-left:6px;
    padding:2px 8px;
    border-radius:999px;
    background:#ff9800;
    color:white;
    font-size:11px;
    font-weight:700;
}
/* FINAL MARKET CENTER COMPACT FIX */

.mc-search-wrap {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 10px !important;
    margin-bottom: 8px !important;
}

.mc-search {
    height: 32px !important;
    min-height: 32px !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
}

.mc-filter-row,
.compact-filter {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    max-height: 72px !important;
    overflow: visible !important;
    margin-bottom: 8px !important;
}

.mc-filter-row button,
.compact-filter button {
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
}

.stock-title-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
}

.stock-badges-mini {
    display: flex !important;
    flex-direction: row !important;
    gap: 4px !important;
    align-items: center !important;
}

.ipo-badge,
.ipo-firstday {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 1px 5px !important;
    height: 16px !important;
    min-height: 16px !important;
    border-radius: 999px !important;
    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .2px !important;
}

.ipo-card {
    padding: 10px !important;
    margin-top: 10px !important;
}

.ipo-card-title {
    font-size: 12px !important;
    margin-bottom: 8px !important;
}

.ipo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.ipo-grid > div {
    padding: 7px 8px !important;
    min-height: 52px !important;
}

.ipo-grid span {
    font-size: 10px !important;
    line-height: 1.1 !important;
}

.ipo-grid strong {
    font-size: 13px !important;
    line-height: 1.15 !important;
}


/* FINAL WATCHLIST TURKISH COMPACT FIX */

.compact-filter {
    gap: 5px !important;
    max-height: 58px !important;
}

.compact-filter button {
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 8px !important;
    font-size: 9.5px !important;
}

.stock-badges-mini {
    gap: 3px !important;
    max-width: 96px !important;
}

.ipo-badge,
.ipo-firstday {
    height: 14px !important;
    min-height: 14px !important;
    padding: 0 4px !important;
    font-size: 6.8px !important;
    line-height: 14px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.ipo-badge {
    max-width: 54px !important;
}

.ipo-firstday {
    max-width: 38px !important;
}

.mc-stock-main strong {
    font-size: 12px !important;
}

.mc-stock-main small {
    font-size: 9px !important;
}