/**
 * CMC Market Profile  [cmc_market_profile]
 */

.cmc-mp-wrap {
    font-family: inherit!important;
    width: 100%;
    color: #0f172a;
}

/* ── Hero ────────────────────────────────────────────────────────────────── */
.cmc-mp-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 2px;
    padding: 14px 20px;
    margin-bottom: 14px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
    flex-wrap: wrap;
}

.cmc-mp-hero-identity {
    display: flex;
    align-items: center;
    gap: 14px;
}

.cmc-mp-asset-logo {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    flex-shrink: 0;
    object-fit: cover;
}

.cmc-mp-asset-logo--fallback {
    background: #eff6ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cmc-mp-asset-text {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.cmc-mp-asset-name {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    line-height: 1.2;
}

.cmc-mp-hero-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cmc-mp-ticker-badge {
    display: inline-block!important;
    background: #1e293b!important;
    color: #ffffff  !important;
    font-size: 11px!important;
    font-weight: 600!important;
    padding: 3px 10px!important;
    border-radius: 4px!important;
    letter-spacing: 0.03em!important;
    direction: ltr;
}

.cmc-mp-updated {
    font-size: 11px;
    color: #94a3b8;
}

/* ── Price block ──────────────────────────────────────────────────────────── */
.cmc-mp-hero-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.cmc-mp-price-row {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.cmc-mp-price {
    font-size: 36px;
    font-weight: 800;
    color: #0f172a;
    direction: ltr;
    display: inline-block;
    line-height: 1;
}

.cmc-mp-currency-label {
    font-size: 15px;
    font-weight: 600;
    color: #64748b;
}

.cmc-mp-change-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    direction: ltr;
}

.cmc-mp-change-abs {
    font-size: 14px;
    font-weight: 600;
    direction: ltr;
    display: inline-block;
}

.cmc-mp-range-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
}

.cmc-mp-range-lbl { color: #94a3b8; }
.cmc-mp-range-val { color: #334155; font-weight: 600; direction: ltr; display: inline-block; }

/* Color helpers */
.cmc-mp-pos { color: #16a34a; }
.cmc-mp-neg { color: #dc2626; }
.cmc-mp-pos.cmc-mp-change-badge { background: #f0fdf4; }
.cmc-mp-neg.cmc-mp-change-badge { background: #fef2f2; }

/* ── Metrics bar ──────────────────────────────────────────────────────────── */
.cmc-mp-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
    margin-top: 0;
}

.cmc-mp-metric-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px 18px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cmc-mp-metric-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2px;
}

.cmc-mp-metric-chg {
    font-size: 13px;
    font-weight: 700;
    direction: ltr;
    display: inline-block;
}

/* Icon in gray rounded square box */
.cmc-mp-metric-icon-box {
    width: 40px;
    height: 40px;
    background: #64748b;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    flex-shrink: 0;
}

.cmc-mp-metric-icon-box svg {
    stroke: #ffffff;
    width: 20px;
    height: 20px;
}

.cmc-mp-metric-label {
    font-size: 12px;
    color: #64748b;
    font-weight: 500;
    text-align: right;
}

.cmc-mp-metric-value {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    direction: ltr;
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.cmc-mp-metric-unit {
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
}

/* ── Body layout ──────────────────────────────────────────────────────────── */
.cmc-mp-body {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

/* ── Sticky sidebar (appears on right in RTL flex row) ───────────────────── */
.cmc-mp-sidebar {
    width: 200px;
    flex-shrink: 0;
    position: sticky;
    top: 90px;
    align-self: flex-start;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    order: -1; /* first in DOM → right side in RTL flex */
}

.cmc-mp-nav {
    display: flex;
    flex-direction: column;
}

.cmc-mp-nav-item {
    display: block;
    padding: 13px 16px;
    font-size: 13px;
    font-weight: 500;
    color: #475569;
    text-decoration: none;
    border-bottom: 1px solid #f1f5f9;
    border-right: 3px solid transparent;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
    white-space: nowrap;
}

.cmc-mp-nav-item:last-child {
    border-bottom: none;
}

.cmc-mp-nav-item:hover {
    background: #f8fafc;
    color: #8B3D47;
}

.cmc-mp-nav-item.active {
    background: #fdf2f4;
    color: #8B3D47;
    font-weight: 700;
    border-right-color: #8B3D47;
}

/* ── Main content ────────────────────────────────────────────────────────── */
.cmc-mp-main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ── Sections ────────────────────────────────────────────────────────────── */
.cmc-mp-section {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 2px;
    margin-bottom: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    overflow: hidden;
    scroll-margin-top: 100px;
}

.cmc-mp-section-hd {
    padding: 20px 0 18px;
    background: transparent;
    border-bottom: none;
}

.cmc-mp-section-title {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    margin: 12px;
    border-right: 4px solid #8B3D47;
    padding-right: 14px;
    line-height: 1.2;
}

/* ── Chart ───────────────────────────────────────────────────────────────── */
.cmc-mp-chart-wrap {
    padding: 0;
}

.cmc-mp-tv-chart {
    height: 500px;
}

.cmc-mp-tv-chart .tradingview-widget-container__widget {
    height: calc(100% - 32px);
    width: 100%;
}

.cmc-mp-st-linechart-wrap {
    position: relative;
    padding: 16px 60px 30px 16px;
}

.cmc-mp-st-linechart {
    width: 100%;
    height: 320px;
    display: block;
}

.cmc-mp-st-linechart-yaxis {
    position: absolute;
    top: 16px;
    right: 4px;
    bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 12px;
    color: #64748b;
}

.cmc-mp-st-linechart-xaxis {
    position: absolute;
    left: 16px;
    right: 60px;
    bottom: 4px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #64748b;
}

/* ── News grid ───────────────────────────────────────────────────────────── */
.cmc-mp-news-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
}

.cmc-mp-news-card {
    display: flex;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid #f1f5f9;
    text-decoration: none;
    transition: background 0.12s;
    color: inherit;
}

.cmc-mp-news-card:nth-child(odd) {
    border-left: 1px solid #f1f5f9;
}

.cmc-mp-news-card:hover {
    background: #f8fafc;
}

.cmc-mp-news-thumb {
    width: 72px;
    height: 56px;
    border-radius: 4px;
    overflow: hidden;
    flex-shrink: 0;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cmc-mp-news-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cmc-mp-news-thumb--placeholder {
    border: 1px solid #e2e8f0;
}

.cmc-mp-news-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cmc-mp-news-date {
    font-size: 10px;
    color: #94a3b8;
    display: block;
}

.cmc-mp-news-title {
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.12s;
}

.cmc-mp-news-card:hover .cmc-mp-news-title {
    color: #2563eb;
}

.cmc-mp-news-excerpt {
    font-size: 11px;
    color: #64748b;
    margin: 0;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Technicals ──────────────────────────────────────────────────────────── */
.cmc-mp-technicals-wrap {
    padding: 0;
}

/* ── Empty / placeholder ─────────────────────────────────────────────────── */
.cmc-mp-empty-msg {
    padding: 24px 20px;
    font-size: 13px;
    color: #94a3b8;
    margin: 0;
    text-align: center;
}

.cmc-mp-placeholder {
    padding: 20px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    font-size: 13px;
    color: #334155;
    text-align: center;
}

.cmc-mp-placeholder code {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    color: #2563eb;
    background: #eff6ff;
    padding: 6px 12px;
    border-radius: 4px;
    direction: ltr;
}

/* ── Ticker dropdown ─────────────────────────────────────────────────────── */
.cmc-mp-ticker-wrap {
    position: relative;
    display: inline-block;
}

.cmc-mp-ticker-toggle {
    display: inline-flex;
    align-items: center!important;
    gap: 5px!important;
    background: #1e293b!important;
    color: #ffffff!important;
    font-size: 11px!important;
    font-weight: 600!important;
    padding: 3px 10px!important;
    border-radius: 4px!important;
    letter-spacing: 0.03em!important;
    direction: ltr;
    border: none!important;
    cursor: pointer!important;
    font-family: inherit!important;
    transition: background 0.15s!important;
    -webkit-appearance: none!important;
    appearance: none!important;
    outline: none!important;
}

.cmc-mp-ticker-toggle:hover,
.cmc-mp-ticker-wrap.cmc-open .cmc-mp-ticker-toggle {
    background: #334155!important;
}

.cmc-mp-ticker-arrow {
    font-size: 7px;
    opacity: 0.7;
    transition: transform 0.18s;
    display: inline-block;
}

.cmc-mp-ticker-wrap.cmc-open .cmc-mp-ticker-arrow {
    transform: rotate(180deg);
}

.cmc-mp-ticker-dropdown {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 230px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.14), 0 2px 8px rgba(0,0,0,0.06);
    z-index: 200;
    display: none;
    overflow: hidden;
    direction: rtl;
}

.cmc-mp-ticker-wrap.cmc-open .cmc-mp-ticker-dropdown {
    display: block;
    animation: cmc-dd-in 0.15s ease;
}

@keyframes cmc-dd-in {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.cmc-mp-ticker-dd-hd {
    padding: 8px 14px;
    font-size: 10px;
    font-weight: 700;
    color: #94a3b8;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: #f8fafc;
    border-bottom: 1px solid #f1f5f9;
}

.cmc-mp-ticker-dd-list {
    max-height: 280px;
    overflow-y: auto;
}

.cmc-mp-ticker-dd-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 14px;
    text-decoration: none;
    color: #334155;
    transition: background 0.1s;
    border-bottom: 1px solid #f8fafc;
    position: relative;
    gap: 8px;
}

.cmc-mp-ticker-dd-item:last-child {
    border-bottom: none;
}

.cmc-mp-ticker-dd-item:hover {
    background: #f8fafc;
}

.cmc-mp-ticker-dd-item--cur {
    background: #eff6ff;
}

.cmc-mp-ticker-dd-name {
    flex: 1;
    font-size: 12px;
    font-weight: 500;
    color: #334155;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmc-mp-ticker-dd-item:hover .cmc-mp-ticker-dd-name,
.cmc-mp-ticker-dd-item--cur .cmc-mp-ticker-dd-name {
    color: #2563eb;
}

.cmc-mp-ticker-dd-code {
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    direction: ltr;
    display: inline-block;
    font-family: ui-monospace, monospace;
    flex-shrink: 0;
    transition: opacity 0.1s;
}

.cmc-mp-ticker-dd-item--cur .cmc-mp-ticker-dd-code {
    color: #2563eb;
}

.cmc-mp-ticker-dd-item.cmc-loading .cmc-mp-ticker-dd-code {
    opacity: 0;
}

.cmc-mp-ticker-dd-spin {
    display: none;
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
}

.cmc-mp-ticker-dd-item.cmc-loading .cmc-mp-ticker-dd-spin {
    display: inline-flex;
}

.cmc-mp-ticker-spinner {
    width: 13px;
    height: 13px;
    border: 2px solid #e2e8f0;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: cmc-spin 0.55s linear infinite;
    display: inline-block;
    vertical-align: middle;
}

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

/* ── Stocks recommendation badge ─────────────────────────────────────────── */
.cmc-mp-st-rec-badge {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.cmc-mp-st-rec--buy {
    background: #dcfce7;
    color: #15803d;
    border: 1px solid #bbf7d0;
}

.cmc-mp-st-rec--neutral {
    background: #fef9c3;
    color: #854d0e;
    border: 1px solid #fef08a;
}

/* ── Stocks sidebar: details/summary expandable group ────────────────────── */
.cmc-mp-nav-group {
    border-bottom: 1px solid #f1f5f9;
}

.cmc-mp-nav-group summary.cmc-mp-nav-group-toggle {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 16px;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    cursor: pointer;
    user-select: none;
    background: #f8fafc;
}

.cmc-mp-nav-group summary.cmc-mp-nav-group-toggle::-webkit-details-marker { display: none; }

.cmc-mp-nav-group summary.cmc-mp-nav-group-toggle::after {
    content: '▾';
    font-size: 11px;
    color: #94a3b8;
    transition: transform 0.2s;
}

.cmc-mp-nav-group[open] summary.cmc-mp-nav-group-toggle::after {
    transform: rotate(180deg);
}

.cmc-mp-nav-group-toggle.active {
    color: #8B3D47;
    background: #fdf2f4;
}

.cmc-mp-nav-sub {
    display: flex;
    flex-direction: column;
}

.cmc-mp-nav-sub-item {
    display: block;
    padding: 10px 16px 10px 28px;
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
    text-decoration: none;
    border-right: 3px solid transparent;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
    white-space: nowrap;
}

.cmc-mp-nav-sub-item:hover {
    background: #f8fafc;
    color: #8B3D47;
}

.cmc-mp-nav-sub-item.active {
    background: #fdf2f4;
    color: #8B3D47;
    font-weight: 700;
    border-right-color: #c0707a;
}

/* ── Stocks summary: radar + price two-col ───────────────────────────────── */
#st-quick.cmc-mp-section {
    border-radius: 4px;
    overflow: hidden;
}

.cmc-mp-st-summary-body {
    display: flex;
    gap: 0;
    align-items: stretch;
}

/* GF score header above radar */
.cmc-mp-st-radar-gf-hd {
    font-size: 11px;
    color: #64748b;
    font-weight: 500;
    line-height: 1.4;
    padding-bottom: 8px;
    border-bottom: 1px solid #f1f5f9;
    margin-bottom: 4px;
}

.cmc-mp-st-radar-gf-score {
    color: #16a34a;
    font-weight: 700;
}

.cmc-mp-st-radar-col {
    flex-shrink: 0;
    width: 400px;
    padding: 16px 16px 20px;
    border-right: 1px solid #f1f5f9;
    display: flex;
    flex-direction: column;
}

.cmc-mp-st-price-col {
    flex: 1;
    padding: 24px 28px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ── Radar SVG ───────────────────────────────────────────────────────────── */
.cmc-mp-radar-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.cmc-mp-radar-svg {
    width: 100%;
    max-width: 240px;
    height: auto;
    display: block;
}

.cmc-mp-radar-grid {
    fill: none;
    stroke: #e2e8f0;
    stroke-width: 1;
}

.cmc-mp-radar-grid--outer { stroke: #cbd5e1; }

.cmc-mp-radar-axis {
    stroke: #e2e8f0;
    stroke-width: 1;
}

.cmc-mp-radar-data {
    fill: rgba(37, 99, 235, 0.18);
    stroke: #2563eb;
    stroke-width: 1.5;
    stroke-linejoin: round;
}

.cmc-mp-radar-dot {
    fill: #2563eb;
    stroke: #fff;
    stroke-width: 1.5;
}

.cmc-mp-radar-lbl {
    font-size: 8px;
    fill: #64748b;
    font-family: inherit!important;
}

.cmc-mp-radar-meta {
    text-align: center;
}

.cmc-mp-radar-score-num {
    font-size: 28px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1;
}

.cmc-mp-radar-score-denom {
    font-size: 14px;
    color: #64748b;
    font-weight: 500;
}

.cmc-mp-radar-score-lbl {
    font-size: 11px;
    color: #64748b;
    margin-top: 2px;
    font-weight: 600;
    letter-spacing: 0.04em;
}

/* ── Price col elements ──────────────────────────────────────────────────── */
.cmc-mp-st-live {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: #64748b;
    direction: rtl;
}

.cmc-mp-st-live-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #16a34a;
    flex-shrink: 0;
    animation: cmc-mp-pulse 2s ease-in-out infinite;
}

@keyframes cmc-mp-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.45; }
}

.cmc-mp-st-price-big {
    display: flex !important;
    align-items: baseline !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    direction: ltr !important;
    flex-direction: row !important;
}

.cmc-mp-st-currency {
    font-size: 18px;
    font-weight: 600;
    color: #94a3b8;
    direction: ltr;
}

.cmc-mp-st-price-num {
    font-size: 52px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    line-height: 1 !important;
    direction: ltr !important;
    font-variant-numeric: tabular-nums;
}

.cmc-mp-st-change-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    direction: rtl;
}

/* ── Dark recommendation badge ── */
.cmc-mp-st-rec--dark {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    background: #1e293b !important;
    color: #fff !important;
    border: none !important;
    letter-spacing: 0.01em !important;
}

.cmc-mp-st-key-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: #e2e8f0;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 4px;
}

.cmc-mp-st-stat {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 14px 16px;
    background: #fff;
    text-align: right;
    direction: rtl;
}

.cmc-mp-st-stat-lbl {
    font-size: 11px;
    color: #94a3b8;
    font-weight: 500;
    text-align: right;
}

.cmc-mp-st-stat-val {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    direction: ltr;
    text-align: right;
    display: block;
}

/* ── Fundamentals table ──────────────────────────────────────────────────── */
.cmc-mp-st-fund-wrap {
    overflow-x: auto;
}

.cmc-mp-st-fund-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.cmc-mp-st-fund-table thead th {
    background: #1e293b;
    color: #ffffff;
    padding: 10px 16px;
    font-weight: 600;
    font-size: 12px;
    text-align: right;
    white-space: nowrap;
}

.cmc-mp-st-fund-table tbody tr:nth-child(even) { background: #f8fafc; }

.cmc-mp-st-fund-key {
    padding: 10px 16px;
    color: #64748b;
    font-weight: 500;
    white-space: nowrap;
    border-bottom: 1px solid #f1f5f9;
}

.cmc-mp-st-fund-val {
    padding: 10px 16px;
    color: #0f172a;
    font-weight: 600;
    direction: ltr;
    text-align: right;
    border-bottom: 1px solid #f1f5f9;
    border-left: 1px solid #f1f5f9;
    white-space: nowrap;
}

/* ── Valuation grid ──────────────────────────────────────────────────────── */
.cmc-mp-st-val-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: #f1f5f9;
}

.cmc-mp-st-val-card {
    background: #ffffff;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cmc-mp-st-val-label {
    font-size: 11px;
    color: #64748b;
    font-weight: 500;
}

.cmc-mp-st-val-value {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    direction: ltr;
    display: inline-block;
}

.cmc-mp-st-val-note {
    font-size: 11px;
    color: #94a3b8;
    margin-top: 2px;
}

/* ── Financial bar charts ────────────────────────────────────────────────── */
.cmc-mp-st-fin-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

.cmc-mp-st-fin-col {
    padding: 20px 24px;
}

.cmc-mp-st-fin-col:first-child {
    border-left: 1px solid #f1f5f9;
}

.cmc-mp-st-fin-col-title {
    font-size: 12px;
    font-weight: 700;
    color: #475569;
    margin: 0 0 14px;
}

.cmc-mp-st-fin-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.cmc-mp-st-fin-yr {
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    width: 36px;
    flex-shrink: 0;
    direction: ltr;
}

.cmc-mp-st-fin-bar-wrap {
    flex: 1;
    background: #f1f5f9;
    border-radius: 2px;
    height: 10px;
    overflow: hidden;
}

.cmc-mp-st-fin-bar {
    height: 100%;
    border-radius: 2px;
    width: var(--w, 0%);
    transition: width 0.6s ease;
}

.cmc-mp-st-fin-bar--rev { background: #2563eb; }
.cmc-mp-st-fin-bar--inc { background: #16a34a; }

.cmc-mp-st-fin-num {
    font-size: 12px;
    font-weight: 700;
    color: #0f172a;
    width: 40px;
    flex-shrink: 0;
    text-align: left;
    direction: ltr;
}

/* ── Dividends table ─────────────────────────────────────────────────────── */
.cmc-mp-st-div-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.cmc-mp-st-div-table thead th {
    background: #1e293b;
    color: #ffffff;
    padding: 10px 16px;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
}

.cmc-mp-st-div-table tbody td {
    padding: 11px 16px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    font-weight: 500;
}

.cmc-mp-st-div-table tbody tr:nth-child(even) { background: #f8fafc; }

/* ── Statistics grid ─────────────────────────────────────────────────────── */
.cmc-mp-st-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: #f1f5f9;
}

.cmc-mp-st-stats-card {
    background: #ffffff;
    padding: 16px 18px;
}

.cmc-mp-st-stats-lbl {
    font-size: 11px;
    color: #64748b;
    font-weight: 500;
    margin-bottom: 6px;
    line-height: 1.4;
}

.cmc-mp-st-stats-val {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    direction: ltr;
    display: inline-block;
}

/* ── Ownership & management — new layout ─────────────────────────────────── */
.cmc-mp-own-layout {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 0;
    align-items: start;
}

/* ── Left panel ── */
.cmc-mp-own-left {
    border-left: 1px solid #f1f5f9;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.cmc-mp-own-panel {
    padding: 18px 20px;
    border-bottom: 1px solid #f1f5f9;
}

.cmc-mp-own-panel-title {
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 16px;
}

/* Executive rows */
.cmc-mp-own-exec {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #f8fafc;
}

.cmc-mp-own-exec:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

.cmc-mp-own-exec-name {
    font-size: 13px;
    font-weight: 700;
    color: #1d4ed8;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.cmc-mp-own-exec-role {
    font-size: 11px;
    font-weight: 600;
    color: #475569;
}

/* Contact info */
.cmc-mp-own-contact-item {
    margin-bottom: 14px;
}

.cmc-mp-own-contact-item:last-child { margin-bottom: 0; }

.cmc-mp-own-contact-lbl {
    display: block;
    font-size: 10px;
    color: #94a3b8;
    margin-bottom: 4px;
    font-weight: 600;
    letter-spacing: 0.03em;
}

.cmc-mp-own-contact-val {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #0f172a;
    direction: ltr;
    text-align: right;
    justify-content: flex-end;
}

.cmc-mp-own-ico { color: #4D5B72; flex-shrink: 0; }

/* Map */
.cmc-mp-own-map {
    position: relative;
    overflow: hidden;
    height: 190px;
    background: #e2e8f0;
    flex-shrink: 0;
}

.cmc-mp-own-map-iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: none;
}

.cmc-mp-own-map-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #e2e8f0 0%, #f1f5f9 100%);
}

.cmc-mp-own-map-label {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.55);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 5px 10px;
    text-align: center;
}

/* ── Right panel ── */
.cmc-mp-own-right {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* About section */
.cmc-mp-own-about {
    padding: 22px 28px;
    border-bottom: 1px solid #f1f5f9;
}

.cmc-mp-own-about-hd {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    direction: rtl;
}

.cmc-mp-own-about-ico {
    width: 32px;
    height: 32px;
    background: #4D5B72;
    color: #fff;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cmc-mp-own-about-title {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.cmc-mp-own-about-text {
    font-size: 13px;
    color: #475569;
    line-height: 1.8;
    margin: 0 0 18px;
    text-align: right;
}

.cmc-mp-own-info-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.cmc-mp-own-info-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 14px 16px;
    text-align: right;
}

.cmc-mp-own-info-card-lbl {
    font-size: 11px;
    color: #64748b;
    margin-bottom: 6px;
    font-weight: 600;
}

.cmc-mp-own-info-card-val {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
}

/* Board section */
.cmc-mp-own-board { padding: 22px 28px; }

.cmc-mp-own-board-hd {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    direction: rtl;
}

.cmc-mp-own-board-title {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.cmc-mp-own-board-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.cmc-mp-own-board-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    direction: rtl;
}

.cmc-mp-own-board-avatar {
    width: 36px;
    height: 36px;
    background: #e2e8f0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #64748b;
}

.cmc-mp-own-board-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cmc-mp-own-board-name {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmc-mp-own-board-role {
    font-size: 11px;
    color: #64748b;
}

/* ── Coming-soon placeholder ─────────────────────────────────────────────── */
.cmc-mp-st-coming-soon {
    padding: 48px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.cmc-mp-st-coming-soon p {
    font-size: 13px;
    color: #94a3b8;
    margin: 0;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .cmc-mp-metrics { grid-template-columns: repeat(2, 1fr); }
    .cmc-mp-sidebar { width: 170px; }
}

@media (max-width: 768px) {
    .cmc-mp-hero { flex-direction: column; align-items: flex-start; }
    .cmc-mp-hero-price { align-items: flex-start; }
    .cmc-mp-metrics { grid-template-columns: repeat(2, 1fr); }
    .cmc-mp-body { flex-direction: column; }
    .cmc-mp-sidebar {
        width: 100%;
        position: static;
        order: 0;
    }
    .cmc-mp-nav { flex-direction: row; overflow-x: auto; }
    .cmc-mp-nav-item {
        border-bottom: none;
        border-right: none;
        border-bottom: 3px solid transparent;
        white-space: nowrap;
        flex-shrink: 0;
    }
    .cmc-mp-nav-item.active {
        border-bottom-color: #2563eb;
        border-right-color: transparent;
    }
    .cmc-mp-news-grid { grid-template-columns: 1fr; }
    .cmc-mp-news-card:nth-child(odd) { border-left: none; }
    .cmc-mp-tv-chart { height: 380px; }
    .cmc-mp-price { font-size: 28px; }
    .cmc-mp-asset-name { font-size: 18px; }
}

@media (max-width: 480px) {
    .cmc-mp-metrics { grid-template-columns: 1fr 1fr; }
    .cmc-mp-hero { padding: 16px; }
}

@media (max-width: 900px) {
    .cmc-mp-st-summary-body { flex-direction: column; }
    .cmc-mp-st-radar-col { width: 100%; border-right: none; border-bottom: 1px solid #f1f5f9; }
    .cmc-mp-st-val-grid { grid-template-columns: repeat(2, 1fr); }
    .cmc-mp-st-stats-grid { grid-template-columns: repeat(2, 1fr); }
    .cmc-mp-st-fin-wrap { grid-template-columns: 1fr; }
    .cmc-mp-st-fin-col:first-child { border-left: none; border-bottom: 1px solid #f1f5f9; }
    .cmc-mp-own-layout { grid-template-columns: 1fr; }
    .cmc-mp-own-left { border-left: none; border-bottom: 1px solid #f1f5f9; }
    .cmc-mp-own-board-grid { grid-template-columns: 1fr; }
    .cmc-mp-own-info-cards { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
    .cmc-mp-st-val-grid { grid-template-columns: 1fr 1fr; }
    .cmc-mp-st-stats-grid { grid-template-columns: 1fr 1fr; }
    .cmc-mp-st-fund-table thead th:nth-child(3),
    .cmc-mp-st-fund-table thead th:nth-child(4),
    .cmc-mp-st-fund-table tbody .cmc-mp-st-fund-key:nth-child(3),
    .cmc-mp-st-fund-table tbody .cmc-mp-st-fund-val:nth-child(4) { display: none; }
    .cmc-mp-st-price-num { font-size: 32px; }
    .cmc-mp-st-key-stats { grid-template-columns: 1fr 1fr; }
}

/* ── Company logo in hero ────────────────────────────────────────────────── */
.cmc-mp-asset-logo--img {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 2px;
}
.cmc-mp-asset-logo-img {
    width: 36px;
    height: 36px;
    object-fit: contain;
    border-radius: 6px;
    display: block;
}
.cmc-mp-asset-logo--letter {
    background: #eff6ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cmc-mp-asset-logo--letter::after {
    content: attr(data-init);
    font-size: 16px;
    font-weight: 800;
    color: #2563eb;
}

/* ── Stock summary data grid ─────────────────────────────────────────────── */
.cmc-mp-st-fund-hd {
    background: #1e293b;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    padding: 11px 16px;
    text-align: right;
    border-radius: 8px 8px 0 0;
    margin-top: 16px;
    letter-spacing: 0.01em;
}
.cmc-mp-st-fund-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1px solid #e2e8f0;
    border-top: none;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    margin-bottom: 20px;
}
.cmc-mp-st-fund-col { border-left: 1px solid #e2e8f0; }
.cmc-mp-st-fund-col:last-child { border-left: none; }

.cmc-mp-st-dr {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 14px;
    border-bottom: 1px solid #f1f5f9;
}
.cmc-mp-st-dr:last-child { border-bottom: none; }
.cmc-mp-st-dr--hl { background: #f8fafc; }
.cmc-mp-st-dr--div { background: #f0fdf4; }

.cmc-mp-st-dr-ic {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #eff6ff;
    color: #2563eb;
    flex-shrink: 0;
}
.cmc-mp-st-dr-ic--dark    { background: #1e293b; color: #ffffff; }
.cmc-mp-st-dr-ic--blue    { background: #dbeafe; color: #1d4ed8; }
.cmc-mp-st-dr-ic--emerald { background: #d1fae5; color: #059669; }

.cmc-mp-st-dr-lbl {
    flex: 1;
    font-size: 11px;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Value stacked with unit */
.cmc-mp-st-dr-val-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    gap: 1px;
}
.cmc-mp-st-dr-val {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
    direction: ltr;
    display: block;
}
.cmc-mp-st-dr-val--lg {
    font-size: 15px;
    font-weight: 800;
}
.cmc-mp-st-dr-unit {
    font-size: 10px;
    font-weight: 400;
    color: #94a3b8;
    display: block;
}

/* ── Indicator cards ─────────────────────────────────────────────────────── */
.cmc-mp-st-ind-hd {
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
    text-align: right;
    padding: 16px 20px 12px;
    border-right: 4px solid #8B3D47;
    margin: 8px 20px 16px;
}
.cmc-mp-st-ind-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
    padding: 0 20px;
}
.cmc-mp-st-ind-card {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 16px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}

/* Top row: badge left, icon-box right */
.cmc-mp-st-ind-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    direction: rtl;
}
.cmc-mp-st-ind-ibox {
    width: 38px;
    height: 38px;
    background: #4D5B72;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    flex-shrink: 0;
}
.cmc-mp-st-ind-ibox svg { stroke: #ffffff; width: 18px; height: 18px; }

/* Status badges */
.cmc-mp-st-ind-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 20px;
    direction: rtl;
}
.cmc-mp-st-ind-badge--green { background: #eafaf1; color: #27ae60; }
.cmc-mp-st-ind-badge--gray  { background: #f1f5f9; color: #64748b; }
.cmc-mp-st-ind-badge--red   { background: #fef2f2; color: #e74c3c; }

/* Label + value */
.cmc-mp-st-ind-lbl {
    font-size: 12px;
    color: #64748b;
    font-weight: 500;
    text-align: right;
}
.cmc-mp-st-ind-val {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    text-align: right;
    direction: ltr;
}

/* ── Source attribution bar ──────────────────────────────────────────────── */
.cmc-mp-st-source-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 9px 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 11px;
    color: #64748b;
    margin-bottom: 4px;
}
.cmc-mp-st-source-legend {
    display: flex;
    gap: 14px;
    font-size: 11px;
}
.cmc-mp-st-src-div { color: #16a34a; }
.cmc-mp-st-src-ind { color: #2563eb; }

@media (max-width: 640px) {
    .cmc-mp-st-fund-grid  { grid-template-columns: 1fr; }
    .cmc-mp-st-fund-col   { border-left: none; border-bottom: 1px solid #e2e8f0; }
    .cmc-mp-st-fund-col:last-child { border-bottom: none; }
    .cmc-mp-st-ind-grid   { grid-template-columns: repeat(2, 1fr); }
    .cmc-mp-st-source-bar { flex-direction: column; align-items: flex-end; }
}

/* ── أداء السهم section ────────────────────────────────────────────────── */
.cmc-mp-st-perf-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    direction: rtl;
}

.cmc-mp-st-perf-highlights,
.cmc-mp-st-perf-periods {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 18px 20px;
}

.cmc-mp-st-perf-hl-hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    direction: rtl;
}

.cmc-mp-st-perf-hl-title {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}

.cmc-mp-st-perf-sel {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #f8f9fa;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 4px 10px;
    font-size: 12px;
    color: #334155;
    font-weight: 600;
    cursor: default;
    user-select: none;
}

.cmc-mp-st-perf-cards {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cmc-mp-st-perf-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-right: 3px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px 14px;
    direction: rtl;
}

.cmc-mp-st-perf-card--hi { border-right-color: #2ECC71; }
.cmc-mp-st-perf-card--lo { border-right-color: #e74c3c; }

.cmc-mp-st-perf-card-lbl {
    font-size: 11px;
    color: #94a3b8;
    margin-bottom: 5px;
}

.cmc-mp-st-perf-card-val {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    direction: ltr;
    text-align: right;
}

.cmc-mp-st-perf-card-val--date { font-size: 15px; }

.cmc-mp-st-perf-card-unit {
    font-size: 11px;
    font-weight: 400;
    color: #94a3b8;
    margin-right: 4px;
}

.cmc-mp-st-perf-per-hd {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 14px;
    text-align: right;
}

.cmc-mp-st-perf-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
    border-bottom: 1px solid #f8fafc;
    direction: rtl;
}

.cmc-mp-st-perf-row:last-child { border-bottom: none; }

.cmc-mp-st-perf-row-lbl {
    font-size: 13px;
    color: #334155;
    font-weight: 500;
    flex-shrink: 0;
    min-width: 56px;
    text-align: right;
}

.cmc-mp-st-perf-row-bar {
    flex: 1;
    height: 8px;
    background: #f1f5f9;
    border-radius: 4px;
    overflow: hidden;
    direction: rtl;
}

.cmc-mp-st-perf-bar-fill {
    height: 100%;
    border-radius: 4px;
    transition: width 0.35s ease;
    float: right;
}

.cmc-mp-st-perf-bar--pos { background: #2ECC71; }
.cmc-mp-st-perf-bar--neg { background: #e74c3c; }
.cmc-mp-st-perf-bar--neu { background: #94a3b8; }

.cmc-mp-st-perf-row-pct {
    font-size: 13px;
    font-weight: 700;
    direction: ltr;
    flex-shrink: 0;
    min-width: 72px;
    text-align: left;
}

.cmc-mp-st-perf-pct--pos { color: #2ECC71; }
.cmc-mp-st-perf-pct--neg { color: #e74c3c; }
.cmc-mp-st-perf-pct--neu { color: #94a3b8; }

@media (max-width: 680px) {
    .cmc-mp-st-perf-wrap { grid-template-columns: 1fr; }
}

/* ── Financial Reports  [التقارير المالية التفصيلية] ──────────────────── */

/* Tab bar */
.cmc-mp-fr { direction: rtl; }

.cmc-mp-fr-tabs {
    display: flex;
    gap: 0;
    background: transparent;
    border-radius: 0;
    padding: 0;
    margin-bottom: 24px;
}

.cmc-mp-fr-tab {
    flex: 1;
    padding: 12px 16px!important;
    border: none!important;
    border-bottom: 2px dashed #cbd5e1!important;
    background: transparent!important;
    font-size: 14px!important;
    font-weight: 600!important;
    color: #94a3b8!important;
    cursor: pointer!important;
    font-family: inherit!important;
    transition: color 0.15s, border-color 0.15s!important;
    white-space: nowrap!important;
    text-align: center!important;
    border-radius: 0!important;
}

.cmc-mp-fr-tab:hover { color: #334155; border-color: #94a3b8; }

.cmc-mp-fr-tab--active {
    background: transparent!important;
    color: #4d5b72!important;
    font-weight: 700!important;
    border-bottom: 2.5px solid #4d5b72!important;
    box-shadow: none!important;
    border-radius: 0!important;
}

/* Panels */
.cmc-mp-fr-panel { display: none; }
.cmc-mp-fr-panel--active { display: block; }

/* ── الملخص العام ─────────────────────────────────────────────────────── */
.cmc-mp-fr-overview {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.cmc-mp-fr-ov-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cmc-mp-fr-ov-hd { display: flex; align-items: center; justify-content: space-between; }

.cmc-mp-fr-ov-title {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
}

.cmc-mp-fr-ov-toggles {
    display: flex;
    gap: 2px;
    background: #f1f5f9;
    border-radius: 6px;
    padding: 3px;
}

.cmc-mp-fr-ov-tog {
    padding: 3px 10px!important;
    border: none!important;
    border-radius: 4px!important;
    background: transparent!important;
    font-size: 11px!important;
    font-weight: 600!important;
    color: #64748b!important;
    cursor: pointer!important;
    font-family: inherit!important;
    transition: background 0.15s, color 0.15s!important;
}

.cmc-mp-fr-ov-tog--active {
    background: #1e293b!important;
    color: #ffffff!important;
}

.cmc-mp-fr-ov-chart-area {
    height: 145px;
    display: block;
}

.cmc-mp-fr-ov-nodata {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #94a3b8;
}

.cmc-mp-fr-ov-bars {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    height: 100%;
    width: 100%;
    justify-content: center;
    padding-bottom: 20px;
}

.cmc-mp-fr-ov-bar-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex: 1;
    height: 100%;
    justify-content: flex-end;
}

.cmc-mp-fr-ov-bar-track {
    width: 100%;
    max-width: 40px;
    height: 96px;
    display: flex;
    align-items: flex-end;
    background: #f1f5f9;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}

.cmc-mp-fr-ov-bar-fill {
    width: 100%;
    border-radius: 4px 4px 0 0;
    transition: height 0.4s ease;
    min-height: 4px;
}

.cmc-mp-fr-ov-bar-lbl {
    font-size: 10px;
    color: #64748b;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 48px;
}

.cmc-mp-fr-ov-metrics {
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-top: 1px solid #f1f5f9;
    padding-top: 10px;
}

.cmc-mp-fr-ov-met {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.cmc-mp-fr-ov-met-lbl {
    font-size: 11px;
    color: #64748b;
}

.cmc-mp-fr-ov-met-val {
    font-size: 12px;
    font-weight: 700;
    color: #0f172a;
    direction: ltr;
}

.cmc-mp-fr-ov-met-val.neg { color: #dc2626; }
.cmc-mp-fr-ov-met-val.pos { color: #16a34a; }

.cmc-mp-fr-ov-met-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-block;
}
.cmc-mp-fr-ov-met-dot--d { background: #4D5B72; }
.cmc-mp-fr-ov-met-dot--m { background: #8B3D47; }
.cmc-mp-fr-ov-met-dot--y { background: #e6a817; }

.cmc-mp-fr-ov-date {
    font-size: 10px;
    color: #94a3b8;
    text-align: left;
    direction: ltr;
    border-top: 1px solid #f8fafc;
    padding-top: 4px;
}

.cmc-mp-fr-ov-unit {
    font-size: 10px;
    color: #94a3b8;
    text-align: center;
}

/* ── القوائم المختصرة ─────────────────────────────────────────────────── */
.cmc-mp-fr-summary { direction: rtl; }

.cmc-mp-fr-sum-ctrl-bar {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-bottom: 14px;
}

.cmc-mp-fr-sum-ctrl {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 12px;
}

.cmc-mp-fr-sum-ctrl-lbl { color: #64748b; }
.cmc-mp-fr-sum-ctrl-val { color: #0f172a; font-weight: 600; }

/* Scrollable wrapper for wide table */
.cmc-mp-fr-sum-tbl-wrap { overflow-x: auto; margin-bottom: 20px; }

.cmc-mp-fr-sum-tbl {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
    min-width: 620px;
}

/* Dark navy header row */
.cmc-mp-fr-sum-hdr th {
    background: #4D5B72;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    padding: 10px 12px;
    text-align: right;
    border-bottom: none;
    white-space: nowrap;
}

.cmc-mp-fr-sum-th-bnd { text-align: right !important; }
.cmc-mp-fr-sum-th-yr  { text-align: left !important; direction: ltr; }

/* Section header row */
.cmc-mp-fr-sum-sec td {
    background: #f1f5f9;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    padding: 8px 12px;
    border-right: 4px solid #8B3D47;
    background: linear-gradient(90deg, #4D5B72 0%, #3b4a5e 100%);
}

/* Data rows */
.cmc-mp-fr-sum-row td {
    padding: 8px 12px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.cmc-mp-fr-sum-row:hover td { background: #f8fafc; }

.cmc-mp-fr-sum-bnd { color: #334155; text-align: right; }

.cmc-mp-fr-sum-num {
    direction: ltr;
    text-align: left;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.cmc-mp-fr-sum-num.pos { color: #16a34a; font-weight: 600; }
.cmc-mp-fr-sum-num.neg { color: #dc2626; font-weight: 600; }

/* KPI cards */
.cmc-mp-fr-sum-kpis {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 16px;
    margin-bottom: 14px;
}

.cmc-mp-fr-sum-kpi {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 14px 16px;
    text-align: right;
    direction: rtl;
}

.cmc-mp-fr-sum-kpi-hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.cmc-mp-fr-sum-kpi-title { font-size: 11px; color: #64748b; font-weight: 600; }

.cmc-mp-fr-sum-kpi-ico {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cmc-mp-fr-sum-kpi-ico--blue { background: #eff6ff; color: #3b82f6; }
.cmc-mp-fr-sum-kpi-ico--red  { background: #fef2f2; color: #ef4444; }
.cmc-mp-fr-sum-kpi-ico--teal { background: #f0fdfa; color: #14b8a6; }

.cmc-mp-fr-sum-kpi-val {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    direction: ltr;
    text-align: left;
    line-height: 1.1;
    margin-bottom: 2px;
}

.cmc-mp-fr-sum-kpi-sub { font-size: 10px; color: #94a3b8; }

/* Footer */
.cmc-mp-fr-sum-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 1px solid #f1f5f9;
    gap: 8px;
    flex-wrap: wrap;
}

.cmc-mp-fr-sum-foot-src { font-size: 10px; color: #94a3b8; direction: rtl; }

.cmc-mp-fr-sum-foot-legend {
    display: flex;
    gap: 12px;
    font-size: 10px;
    direction: rtl;
}

.cmc-mp-fr-sum-leg { font-weight: 600; }
.cmc-mp-fr-sum-leg--pos { color: #16a34a; }
.cmc-mp-fr-sum-leg--neg { color: #dc2626; }

/* ── القوائم التفصيلية ────────────────────────────────────────────────── */
.cmc-mp-fr-detailed { direction: rtl; }

/* Controls bar */
.cmc-mp-fr-det-ctrl-bar {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.cmc-mp-fr-det-ctrl {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 12px;
}

.cmc-mp-fr-det-ctrl-lbl { color: #64748b; }
.cmc-mp-fr-det-ctrl-val { color: #0f172a; font-weight: 600; display: flex; align-items: center; gap: 3px; }
.cmc-mp-fr-det-ctrl-val svg { color: #94a3b8; }

/* Scrollable table wrapper */
.cmc-mp-fr-det-tbl-wrap { overflow-x: auto; margin-bottom: 20px; }

.cmc-mp-fr-det-tbl {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
    min-width: 700px;
}

/* Dark navy header */
.cmc-mp-fr-det-hdr th {
    background: #4D5B72;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    padding: 10px;
    text-align: right;
    border-bottom: none;
    white-space: nowrap;
}

.cmc-mp-fr-det-th-bnd   { text-align: right !important; width: 32%; }
.cmc-mp-fr-det-th-note  { text-align: center !important; width: 6%; }
.cmc-mp-fr-det-th-num   { text-align: left !important; direction: ltr; width: 13%; }
.cmc-mp-fr-det-th-pct   { text-align: center !important; width: 9%; }
.cmc-mp-fr-det-th-badge { text-align: center !important; width: 14%; }

/* Statement title row */
.cmc-mp-fr-det-stmt-hd td {
    padding: 14px 16px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.cmc-mp-fr-det-stmt-inner {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    direction: rtl;
}

.cmc-mp-fr-det-stmt-ico {
    width: 32px;
    height: 32px;
    background: #4D5B72;
    color: #fff;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cmc-mp-fr-det-stmt-title { font-size: 14px; font-weight: 700; color: #0f172a; }
.cmc-mp-fr-det-stmt-sub   { font-size: 11px; color: #64748b; margin-top: 2px; }

/* Section header rows */
.cmc-mp-fr-det-sec-hd td {
    background: #f1f5f9;
    color: #475569;
    font-weight: 700;
    font-size: 12px;
    padding: 8px 10px;
    border-top: 1px solid #e2e8f0;
}

/* Data rows */
.cmc-mp-fr-det-row td { padding: 8px 10px; border-bottom: 1px solid #f1f5f9; vertical-align: middle; }
.cmc-mp-fr-det-row:hover td { background: #f8fafc; }

/* Subtotal row */
.cmc-mp-fr-det-sub td { background: #f8fafc; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; }

/* Total highlight row */
.cmc-mp-fr-det-total td { background: #f0fdf4; border-top: 1px solid #d1fae5; border-bottom: 2px solid #d1fae5; }

/* Final net profit row */
.cmc-mp-fr-det-final td { background: #4D5B72; color: #fff; border-top: 2px solid #3b4a5e; }
.cmc-mp-fr-det-final td strong { color: #fff; }

.cmc-mp-fr-det-bnd  { color: #334155; text-align: right; }
.cmc-mp-fr-det-note { color: #94a3b8 !important; text-align: center !important; font-size: 11px; }

.cmc-mp-fr-det-num  { direction: ltr; text-align: left !important; font-variant-numeric: tabular-nums; color: #0f172a; }
.cmc-mp-fr-det-num.pos { color: #15803d; }
.cmc-mp-fr-det-num.neg { color: #dc2626; }
.cmc-mp-fr-det-final .cmc-mp-fr-det-num { color: #fff !important; }

.cmc-mp-fr-det-pct-cell { text-align: center !important; font-size: 12px; font-weight: 600; }
.det-pct-up { color: #16a34a; }
.det-pct-dn { color: #dc2626; }
.cmc-mp-fr-det-final .cmc-mp-fr-det-pct-cell { color: #94a3b8; }

.cmc-mp-fr-det-badge-cell { text-align: center !important; }

/* Analysis badges */
.det-badge {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.det-badge--pos-dk  { background: #dcfce7; color: #15803d; }
.det-badge--pos     { background: #d1fae5; color: #047857; }
.det-badge--pos-lt  { background: #e0f2fe; color: #0369a1; }
.det-badge--neu     { background: #f1f5f9; color: #475569; }
.det-badge--neu-dk  { background: #e2e8f0; color: #334155; }
.det-badge--warn    { background: #fff7ed; color: #c2410c; }
.det-badge--warn-lt { background: #fef9c3; color: #a16207; }
.det-badge--danger  { background: #fee2e2; color: #b91c1c; }
.det-badge--primary { background: #4D5B72; color: #fff; }
.det-badge--total-pos { font-weight: 700; background: #dcfce7; color: #15803d; }

/* KPI cards (new design) */
.cmc-mp-fr-det-kpis {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 20px;
}

.cmc-mp-fr-det-kpi2 {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px;
    text-align: right;
    direction: rtl;
}

.cmc-mp-fr-det-kpi2-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.det-kpi-diff {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
}

.det-kpi-diff--pos { background: #dcfce7; color: #15803d; }
.det-kpi-diff--neg { background: #fee2e2; color: #b91c1c; }

.det-kpi-ico {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cmc-mp-fr-det-kpi2-val {
    font-size: 26px;
    font-weight: 800;
    color: #0f172a;
    direction: ltr;
    text-align: left;
    line-height: 1.1;
}

.cmc-mp-fr-det-kpi2-year  { font-size: 10px; color: #94a3b8; direction: ltr; text-align: left; margin-bottom: 6px; }
.cmc-mp-fr-det-kpi2-title { font-size: 12px; font-weight: 600; color: #334155; margin-bottom: 3px; }
.cmc-mp-fr-det-kpi2-cmp   { font-size: 10px; color: #94a3b8; }

/* Notes section */
.cmc-mp-fr-det-notes {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 16px 18px;
}

.cmc-mp-fr-det-notes-hd {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e8f0;
    direction: rtl;
}

.cmc-mp-fr-det-notes-ico {
    width: 24px;
    height: 24px;
    background: #4D5B72;
    color: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cmc-mp-fr-det-notes-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 20px;
    direction: rtl;
}

.cmc-mp-fr-det-note-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    direction: rtl;
}

.det-note-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: #4D5B72;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
}

.det-note-txt { font-size: 11px; color: #64748b; line-height: 1.65; }

/* ── Responsive ───────────────────────────────────────────────────────── */
@media (max-width: 860px) {
    .cmc-mp-fr-overview { grid-template-columns: 1fr; }
    .cmc-mp-fr-det-kpis { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
    .cmc-mp-fr-tabs     { flex-wrap: wrap; }
    .cmc-mp-fr-tab      { flex: none; padding: 7px 12px; font-size: 12px; }
    .cmc-mp-fr-sum-kpis { grid-template-columns: 1fr; }
    .cmc-mp-fr-det-kpis { grid-template-columns: repeat(2, 1fr); }
    .cmc-mp-fr-det-tbl th,
    .cmc-mp-fr-det-tbl td { padding: 6px 6px; font-size: 12px; }
    .cmc-mp-fr-det-notes-grid { grid-template-columns: 1fr; }
}

/* ══════════════════════════════════════════════════════════════════════════
 * STOCKS PAGE DESIGN THEME  —  scoped to .cmc-mp-wrap--stocks
 * Dark:   #4D5B72  |  Accent: #8B3D47  |  Green: #2ECC71  |  Red: #e74c3c
 * ══════════════════════════════════════════════════════════════════════════ */

/* ── Page background ── */
.cmc-mp-wrap--stocks {
    background: #f4f6f9;
}

/* ── Hero card ── */
.cmc-mp-wrap--stocks .cmc-mp-hero {
    background: #ffffff;
    border: 1px solid #dde3ec;
    border-radius: 2px;
    padding: 20px 24px;
    box-shadow: 0 2px 10px rgba(77,91,114,0.08);
    margin-bottom: 16px;
}
.cmc-mp-wrap--stocks .cmc-mp-asset-name {
    font-size: 24px;
    font-weight: 800;
    color: #8B3D47;
}
.cmc-mp-wrap--stocks .cmc-mp-updated {
    color: #64748b;
    font-size: 12px;
}

/* Company logo icon (stocks) */
.cmc-mp-asset-logo--stocks-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 52px;
    height: 52px;
}
.cmc-mp-asset-logo--stocks-icon img,
.cmc-mp-asset-logo--stocks-icon svg {
    width: 52px;
    height: 52px;
    border-radius: 13px;
    display: block;
}

/* Ticker toggle button */
.cmc-mp-wrap--stocks .cmc-mp-ticker-toggle {
    background: #4D5B72 !important;
}
.cmc-mp-wrap--stocks .cmc-mp-ticker-toggle:hover,
.cmc-mp-wrap--stocks .cmc-mp-ticker-wrap.cmc-open .cmc-mp-ticker-toggle {
    background: #3d4a5e !important;
}

/* ── Sidebar navigation ── */
.cmc-mp-wrap--stocks .cmc-mp-sidebar {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(77,91,114,0.07);
    border: 1px solid #e8eaed;
    background: #ffffff;
}

/* All nav items — clean gray text, no border indicator */
.cmc-mp-wrap--stocks .cmc-mp-nav-item {
    font-size: 13px;
    color: #6b7280;
    font-weight: 400;
    border-right: none !important;
    padding: 10px 18px;
    background: transparent;
}
.cmc-mp-wrap--stocks .cmc-mp-nav-item:hover {
    background: #f5f6f8;
    color: #1e293b;
}
.cmc-mp-wrap--stocks .cmc-mp-nav-item.active {
    background: #f0f1f3 !important;
    color: #1e293b !important;
    font-weight: 600 !important;
    border-right: none !important;
}

/* Group toggle (e.g. "أساسيات الشركة") */
.cmc-mp-wrap--stocks .cmc-mp-nav-group summary.cmc-mp-nav-group-toggle,
.cmc-mp-wrap--stocks .cmc-mp-nav-group-toggle {
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
    background: #f8f9fa;
    padding: 11px 18px;
    border-right: none !important;
}

/* Sub-items */
.cmc-mp-wrap--stocks .cmc-mp-nav-sub-item {
    font-size: 12.5px;
    color: #6b7280;
    font-weight: 400;
    border-right: none !important;
    padding: 9px 24px;
    background: transparent;
}
.cmc-mp-wrap--stocks .cmc-mp-nav-sub-item:hover {
    background: #f5f6f8;
    color: #1e293b;
}
.cmc-mp-wrap--stocks .cmc-mp-nav-sub-item.active {
    background: #f0f1f3 !important;
    color: #1e293b !important;
    font-weight: 600 !important;
    border-right: none !important;
}

/* ── Sections ── */
.cmc-mp-wrap--stocks .cmc-mp-section {
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(77,91,114,0.07);
    border: 1px solid #dde3ec;
    margin-bottom: 16px;
}
.cmc-mp-wrap--stocks .cmc-mp-section-hd {
    padding: 22px 28px 16px;
}
.cmc-mp-wrap--stocks .cmc-mp-section-title {
    font-size: 24px;
    font-weight: 800;
    color: #1e293b;
    border-right-color: #8B3D47;
}

/* ── Metrics cards ── */
.cmc-mp-wrap--stocks .cmc-mp-metrics {
    gap: 14px;
    margin-bottom: 16px;
}
.cmc-mp-wrap--stocks .cmc-mp-metric-card {
    border-radius: 10px;
    padding: 20px 22px;
    box-shadow: 0 2px 8px rgba(77,91,114,0.07);
    border: 1px solid #dde3ec;
}
.cmc-mp-wrap--stocks .cmc-mp-metric-icon-box {
    background: #4D5B72;
    border-radius: 10px;
}
.cmc-mp-wrap--stocks .cmc-mp-metric-value {
    font-size: 22px;
    font-weight: 800;
    color: #4D5B72;
}
.cmc-mp-wrap--stocks .cmc-mp-metric-label {
    color: #64748b;
}

/* ── Positive / negative colors ── */
.cmc-mp-wrap--stocks .cmc-mp-pos { color: #2ECC71 !important; }
.cmc-mp-wrap--stocks .cmc-mp-neg { color: #e74c3c !important; }
.cmc-mp-wrap--stocks .cmc-mp-change-badge.cmc-mp-pos {
    background: #eafaf1 !important;
    color: #2ECC71 !important;
    border: 1px solid #a9dfbf !important;
}
.cmc-mp-wrap--stocks .cmc-mp-change-badge.cmc-mp-neg {
    background: #fdedec !important;
    color: #e74c3c !important;
}

/* ── Quick view section ── */
.cmc-mp-wrap--stocks .cmc-mp-st-price-num {
    color: #8B3D47 !important;
}
.cmc-mp-wrap--stocks .cmc-mp-st-currency {
    color: #7f8c8d;
}
.cmc-mp-wrap--stocks .cmc-mp-st-rec--dark {
    background: #4D5B72 !important;
}
.cmc-mp-wrap--stocks .cmc-mp-st-key-stats {
    border-color: #dde3ec;
    background: #dde3ec;
    border-radius: 10px;
}
.cmc-mp-wrap--stocks .cmc-mp-st-stat-val.cmc-mp-pos { color: #2ECC71 !important; }
.cmc-mp-wrap--stocks .cmc-mp-st-stat-val.cmc-mp-neg { color: #e74c3c !important; }

/* ── Radar chart ── */
.cmc-mp-wrap--stocks .cmc-mp-radar-data {
    fill: rgba(46,204,113,0.22);
    stroke: #2ECC71;
}
.cmc-mp-wrap--stocks .cmc-mp-radar-dot {
    fill: #2ECC71;
}
.cmc-mp-wrap--stocks .cmc-mp-st-radar-gf-score {
    color: #2ECC71 !important;
}
.cmc-mp-wrap--stocks .cmc-mp-radar-score-num {
    color: #4D5B72;
}

/* ── Summary data grid (fund grid) ── */
.cmc-mp-wrap--stocks .cmc-mp-st-fund-hd {
    background: #4D5B72;
}
.cmc-mp-wrap--stocks .cmc-mp-st-fund-grid {
    border-color: #dde3ec;
}
.cmc-mp-wrap--stocks .cmc-mp-st-fund-col {
    border-left-color: #dde3ec;
}
.cmc-mp-wrap--stocks .cmc-mp-st-dr-ic {
    background: #eef2f7;
    color: #4D5B72;
}
.cmc-mp-wrap--stocks .cmc-mp-st-dr-ic--dark {
    background: #4D5B72;
    color: #ffffff;
}
.cmc-mp-wrap--stocks .cmc-mp-st-dr-ic--blue {
    background: #dbeafe;
    color: #4D5B72;
}

/* ── Fund / Dividend tables ── */
.cmc-mp-wrap--stocks .cmc-mp-st-fund-table thead th,
.cmc-mp-wrap--stocks .cmc-mp-st-div-table thead th {
    background: #4D5B72;
    color: #ffffff;
}

/* ── Financial bar charts ── */
.cmc-mp-wrap--stocks .cmc-mp-st-fin-bar--rev { background: #4D5B72; }
.cmc-mp-wrap--stocks .cmc-mp-st-fin-bar--inc { background: #2ECC71; }

/* ── Ownership board avatar ── */
.cmc-mp-wrap--stocks .cmc-mp-own-board-avatar { background: #e8edf2; color: #4D5B72; }
.cmc-mp-wrap--stocks .cmc-mp-own-about-ico,
.cmc-mp-wrap--stocks .cmc-mp-own-board-hd .cmc-mp-own-about-ico { background: #4D5B72; }

/* ── Indicator cards ── */
.cmc-mp-wrap--stocks .cmc-mp-st-ind-dot--green { background: #2ECC71; }
.cmc-mp-wrap--stocks .cmc-mp-st-ind-dot--blue  { background: #4D5B72; }
.cmc-mp-wrap--stocks .cmc-mp-st-ind-val         { color: #4D5B72; }
.cmc-mp-wrap--stocks .cmc-mp-st-ind-hd          { color: #4D5B72; }

/* ── Source legend ── */
.cmc-mp-wrap--stocks .cmc-mp-st-src-div { color: #2ECC71; }
.cmc-mp-wrap--stocks .cmc-mp-st-src-ind { color: #4D5B72; }

/* ── Performance bars ── */
.cmc-mp-wrap--stocks .cmc-mp-st-perf-pos { color: #2ECC71 !important; }
.cmc-mp-wrap--stocks .cmc-mp-st-perf-neg { color: #e74c3c !important; }
.cmc-mp-wrap--stocks .cmc-mp-st-perf-bar-pos { background: #2ECC71 !important; }
.cmc-mp-wrap--stocks .cmc-mp-st-perf-bar-neg { background: #e74c3c !important; }

/* ── Valuation cards ── */
.cmc-mp-wrap--stocks .cmc-mp-st-val-card {
    padding: 22px 24px;
    border-color: #dde3ec;
}
.cmc-mp-wrap--stocks .cmc-mp-st-val-value { color: #4D5B72; }

/* ── Stats grid ── */
.cmc-mp-wrap--stocks .cmc-mp-st-stats-val { color: #4D5B72; }

/* ── Financial Reports tabs & toggles ── */
.cmc-mp-wrap--stocks .cmc-mp-fr-tab--active {
    color: #4D5B72 !important;
    border-bottom-color: #4D5B72 !important;
}
.cmc-mp-wrap--stocks .cmc-mp-fr-tab:hover { color: #4D5B72; }
.cmc-mp-wrap--stocks .cmc-mp-fr-ov-tog--active {
    background: #4D5B72;
    color: #ffffff;
}
.cmc-mp-wrap--stocks .cmc-mp-fr-sum-num.pos { color: #2ECC71; }
.cmc-mp-wrap--stocks .cmc-mp-fr-sum-kpi-val     { color: #4D5B72; }
.cmc-mp-wrap--stocks .cmc-mp-fr-det-kpi2-val    { color: #4D5B72; }

/* ── Fund grid rows ── */
.cmc-mp-wrap--stocks .cmc-mp-st-dr-ic {
    background: #4D5B72 !important;
    color: #ffffff !important;
}
.cmc-mp-wrap--stocks .cmc-mp-st-dr-val { color: #1e293b; font-size: 13px; font-weight: 700; }
.cmc-mp-wrap--stocks .cmc-mp-st-dr-val--lg { font-size: 15px; font-weight: 800; }
.cmc-mp-wrap--stocks .cmc-mp-st-dr-unit { color: #94a3b8; }
.cmc-mp-wrap--stocks .cmc-mp-st-dr--div { background: #f0fdf4; }
.cmc-mp-wrap--stocks .cmc-mp-st-dr--div .cmc-mp-st-dr-ic { background: #16a34a !important; }

/* ── Indicator cards ── */
.cmc-mp-wrap--stocks .cmc-mp-st-ind-card {
    border-color: #dde3ec;
    box-shadow: 0 2px 8px rgba(77,91,114,0.07);
    border-radius: 10px;
    padding: 18px;
}
.cmc-mp-wrap--stocks .cmc-mp-st-ind-ibox { background: #4D5B72; border-radius: 10px; }
.cmc-mp-wrap--stocks .cmc-mp-st-ind-val  { color: #1e293b; font-size: 18px; font-weight: 800; }
.cmc-mp-wrap--stocks .cmc-mp-st-ind-grid { gap: 14px; }

/* ── News hover ── */
.cmc-mp-wrap--stocks .cmc-mp-news-card:hover .cmc-mp-news-title {
    color: #4D5B72;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ⑪ المقارنات — research report preview cards
   ═══════════════════════════════════════════════════════════════════════════ */

.cmc-mp-cmp-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 16px;
}

/* ── Card shell ── */
.cmc-mp-cmp-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}

/* ── Card header ── */
.cmc-mp-cmp-card-hd {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: #4D5B72;
    color: #fff;
    direction: rtl;
}

.cmc-mp-cmp-card-ico {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255,255,255,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cmc-mp-cmp-card-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: right;
    min-width: 0;
}

.cmc-mp-cmp-card-lbl {
    font-size: 10px;
    color: rgba(255,255,255,0.7);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cmc-mp-cmp-card-name {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    direction: ltr;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmc-mp-cmp-card-date {
    font-size: 10px;
    color: rgba(255,255,255,0.6);
    flex-shrink: 0;
    white-space: nowrap;
}

/* ── Consensus / score bar ── */
.cmc-mp-cmp-cons-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px 10px;
    border-bottom: 1px solid #f1f5f9;
    background: #fafbfc;
    direction: rtl;
}

.cmc-mp-cmp-cons-rating {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cmc-mp-cmp-cons-badge {
    padding: 4px 12px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
}

.cmc-mp-cmp-cons--buy  { background: #dcfce7; color: #15803d; }
.cmc-mp-cmp-cons--hold { background: #fff7ed; color: #c2410c; }
.cmc-mp-cmp-cons--sell { background: #fee2e2; color: #b91c1c; }

.cmc-mp-cmp-cons-count {
    font-size: 12px;
    color: #64748b;
    font-weight: 600;
}

.cmc-mp-cmp-upside {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
}

.cmc-mp-cmp-upside-val {
    font-size: 20px;
    font-weight: 800;
    direction: ltr;
    line-height: 1.1;
}

.cmc-mp-cmp-upside-lbl {
    font-size: 10px;
    color: #94a3b8;
}

/* ── Company score (Profile card) ── */
.cmc-mp-cmp-score-val {
    font-size: 26px;
    font-weight: 800;
    color: #4D5B72;
    line-height: 1;
}

.cmc-mp-cmp-score-of {
    font-size: 14px;
    color: #94a3b8;
    margin-right: 2px;
    align-self: flex-end;
    padding-bottom: 2px;
}

.cmc-mp-cmp-score-lbl {
    font-size: 11px;
    color: #64748b;
    margin-right: 8px;
    align-self: center;
}

.cmc-mp-cmp-score-stars {
    font-size: 20px;
    color: #f59e0b;
    letter-spacing: 2px;
    line-height: 1;
}

/* ── Price targets row ── */
.cmc-mp-cmp-price-row {
    display: flex;
    align-items: stretch;
    padding: 10px 14px;
    border-bottom: 1px solid #f1f5f9;
    direction: rtl;
}

.cmc-mp-cmp-price-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: center;
    text-align: center;
}

.cmc-mp-cmp-price-divider {
    width: 1px;
    background: #f1f5f9;
    flex-shrink: 0;
    margin: 0 6px;
    align-self: stretch;
}

.cmc-mp-cmp-price-lbl {
    font-size: 10px;
    color: #94a3b8;
    white-space: nowrap;
}

.cmc-mp-cmp-price-val {
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    direction: ltr;
}

/* ── Buy/Hold/Sell distribution bar ── */
.cmc-mp-cmp-dist-wrap {
    padding: 10px 14px;
    border-bottom: 1px solid #f1f5f9;
}

.cmc-mp-cmp-dist-bar {
    display: flex;
    height: 24px;
    border-radius: 3px;
    overflow: hidden;
    direction: ltr;
}

.cmc-mp-cmp-dist-seg {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
}

.cmc-mp-cmp-dist--buy  { background: #22c55e; color: #fff; }
.cmc-mp-cmp-dist--hold { background: #f59e0b; color: #fff; }
.cmc-mp-cmp-dist--sell { background: #ef4444; color: #fff; }

/* ── Section sub-header ── */
.cmc-mp-cmp-rev-hd {
    font-size: 11px;
    font-weight: 700;
    color: #475569;
    padding: 8px 14px 4px;
    direction: rtl;
    text-align: right;
}

/* ── Revisions grid ── */
.cmc-mp-cmp-rev-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 14px 10px;
    border-bottom: 1px solid #f1f5f9;
}

.cmc-mp-cmp-rev-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 6px 0;
    border-bottom: 1px solid #f8fafc;
    direction: rtl;
}

.cmc-mp-cmp-rev-item:nth-last-child(-n+2) { border-bottom: none; }

.cmc-mp-cmp-rev-lbl {
    font-size: 10px;
    color: #94a3b8;
}

.cmc-mp-cmp-rev-val {
    font-size: 12px;
    font-weight: 700;
}

/* ── Financials grid (Profile card) ── */
.cmc-mp-cmp-fin-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 8px 14px 10px;
    border-bottom: 1px solid #f1f5f9;
    direction: rtl;
}

.cmc-mp-cmp-fin-item {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 6px 8px;
    text-align: center;
    border-left: 1px solid #f1f5f9;
}

.cmc-mp-cmp-fin-item:nth-child(3n) { border-left: none; }

.cmc-mp-cmp-fin-lbl {
    font-size: 10px;
    color: #94a3b8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmc-mp-cmp-fin-val {
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
    direction: ltr;
    text-align: center;
}

/* ── Business segments ── */
.cmc-mp-cmp-seg-list {
    padding: 4px 14px 12px;
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.cmc-mp-cmp-seg-item {
    display: flex;
    align-items: center;
    gap: 8px;
    direction: rtl;
}

.cmc-mp-cmp-seg-name {
    font-size: 11px;
    color: #475569;
    width: 130px;
    flex-shrink: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmc-mp-cmp-seg-bar-wrap {
    flex: 1;
    background: #f1f5f9;
    height: 6px;
    border-radius: 3px;
    overflow: hidden;
}

.cmc-mp-cmp-seg-bar {
    height: 100%;
    background: #4D5B72;
    border-radius: 3px;
}

.cmc-mp-cmp-seg-pct {
    font-size: 11px;
    font-weight: 700;
    color: #475569;
    width: 32px;
    text-align: left;
    flex-shrink: 0;
    direction: ltr;
}

/* ── Card footer ── */
.cmc-mp-cmp-card-ft {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    border-top: 1px solid #f1f5f9;
    background: #fafbfc;
    margin-top: auto;
    direction: rtl;
}

.cmc-mp-cmp-ft-src {
    font-size: 10px;
    color: #94a3b8;
    font-weight: 600;
    letter-spacing: 0.03em;
}

.cmc-mp-cmp-view-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    background: #4D5B72;
    color: #fff !important;
    font-size: 11px;
    font-weight: 700;
    border-radius: 3px;
    text-decoration: none !important;
    transition: background 0.15s;
    cursor: pointer;
    border: none;
    outline: none;
}

.cmc-mp-cmp-view-btn:hover { background: #3b4a5e; color: #fff !important; }
.cmc-mp-cmp-view-btn svg { flex-shrink: 0; }

/* ── Shared value colors ── */
.cmc-mp-cmp-pos { color: #16a34a; }
.cmc-mp-cmp-neg { color: #dc2626; }
.cmc-mp-cmp-neu { color: #64748b; }

/* ── Stocks override ── */
.cmc-mp-wrap--stocks .cmc-mp-cmp-seg-bar { background: #4D5B72; }
.cmc-mp-wrap--stocks .cmc-mp-cmp-view-btn { background: #4D5B72; }
.cmc-mp-wrap--stocks .cmc-mp-cmp-view-btn:hover { background: #3b4a5e; }

/* ── Responsive ── */
@media (max-width: 768px) {
    .cmc-mp-cmp-grid { grid-template-columns: 1fr; }
    .cmc-mp-cmp-fin-grid { grid-template-columns: 1fr 1fr; }
    .cmc-mp-cmp-fin-item:nth-child(3n) { border-left: 1px solid #f1f5f9; }
    .cmc-mp-cmp-fin-item:nth-child(2n) { border-left: none; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   ⑩ التحليلات والبحوث — related stocks + price range + performance
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Related stocks header bar ── */
.cmc-mp-res-related-hd {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 14px 16px 10px;
    direction: rtl;
    border-bottom: 1px solid #f1f5f9;
}

.cmc-mp-res-related-title {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
}

.cmc-mp-res-related-sub {
    font-size: 12px;
    color: #94a3b8;
}

/* ── 4-stock cards grid ── */
.cmc-mp-res-related-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px solid #e2e8f0;
}

.cmc-mp-res-stock-card {
    padding: 14px 16px;
    border-left: 1px solid #f1f5f9;
    display: flex;
    flex-direction: column;
    gap: 6px;
    direction: rtl;
}

.cmc-mp-res-stock-card:last-child { border-left: none; }

.cmc-mp-res-stock-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.cmc-mp-res-stock-meta-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cmc-mp-res-stock-sym {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    direction: ltr;
    text-align: right;
}

.cmc-mp-res-stock-name-ar {
    font-size: 11px;
    color: #8B3D47;
    font-weight: 500;
}

.cmc-mp-res-stock-badge {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: #e2e8f0;
    color: #475569;
    font-size: 13px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cmc-mp-res-stock-price {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.1;
    text-align: right;
}

.cmc-mp-res-stock-bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.cmc-mp-res-stock-chg {
    font-size: 13px;
    font-weight: 700;
    direction: ltr;
}

.cmc-mp-res-stock-ccy {
    font-size: 11px;
    color: #94a3b8;
    font-weight: 500;
}

/* ── Bottom 2-column grid ── */
.cmc-mp-res-bottom-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

/* ── Panel shared ── */
.cmc-mp-res-panel {
    padding: 0;
    border-left: 1px solid #f1f5f9;
    display: flex;
    flex-direction: column;
}

.cmc-mp-res-panel--right { border-left: none; }

.cmc-mp-res-panel-hd {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 12px 16px 10px;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    direction: rtl;
    border-bottom: 1px solid #f1f5f9;
}

.cmc-mp-res-panel-hd svg { color: #64748b; flex-shrink: 0; }

/* ── Price range rows ── */
.cmc-mp-res-range-row {
    display: grid;
    grid-template-columns: 90px 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    border-bottom: 1px solid #f8fafc;
    direction: rtl;
}

.cmc-mp-res-range-row:last-of-type { border-bottom: none; }

.cmc-mp-res-range-lbl {
    font-size: 12px;
    color: #475569;
    font-weight: 500;
    white-space: nowrap;
    text-align: right;
}

.cmc-mp-res-range-track {
    position: relative;
    height: 6px;
    background: #e2e8f0;
    border-radius: 3px;
    overflow: visible;
}

.cmc-mp-res-range-fill {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: #4D5B72;
    border-radius: 3px;
}

.cmc-mp-res-range-thumb {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(50%);
    width: 12px;
    height: 12px;
    background: #fff;
    border: 2px solid #4D5B72;
    border-radius: 50%;
    z-index: 1;
}

.cmc-mp-res-range-vals {
    font-size: 10px;
    color: #64748b;
    white-space: nowrap;
    direction: rtl;
    text-align: left;
}

.cmc-mp-res-range-hi { color: #0f172a; font-weight: 600; }
.cmc-mp-res-range-lo { color: #0f172a; font-weight: 600; }

/* ── Performance rows ── */
.cmc-mp-res-perf-row {
    display: grid;
    grid-template-columns: 110px 1fr 60px;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-bottom: 1px solid #f8fafc;
    direction: rtl;
}

.cmc-mp-res-perf-row:last-of-type { border-bottom: none; }

.cmc-mp-res-perf-lbl {
    font-size: 12px;
    color: #475569;
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
}

.cmc-mp-res-perf-bar-wrap {
    background: #f1f5f9;
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
    direction: rtl;
}

.cmc-mp-res-perf-bar {
    height: 100%;
    border-radius: 4px;
    float: right;
}

.cmc-mp-res-perf-bar--pos { background: #16a34a; }
.cmc-mp-res-perf-bar--neg { background: #dc2626; }

.cmc-mp-res-perf-val {
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}

/* ── Panel footer link ── */
.cmc-mp-res-panel-ft {
    padding: 10px 16px;
    border-top: 1px solid #f1f5f9;
    direction: rtl;
    margin-top: auto;
}

.cmc-mp-res-panel-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    text-decoration: none;
    transition: color 0.15s;
}

.cmc-mp-res-panel-link:hover { color: #4D5B72; }
.cmc-mp-res-panel-link svg { flex-shrink: 0; }

/* ── Shared value colors (research section) ── */
.cmc-mp-res-pos { color: #16a34a; }
.cmc-mp-res-neg { color: #dc2626; }

/* ── Stocks theme overrides ── */
.cmc-mp-wrap--stocks .cmc-mp-res-stock-badge  { background: #e8edf2; color: #4D5B72; }
.cmc-mp-wrap--stocks .cmc-mp-res-range-fill   { background: #4D5B72; }
.cmc-mp-wrap--stocks .cmc-mp-res-range-thumb  { border-color: #4D5B72; }
.cmc-mp-wrap--stocks .cmc-mp-res-panel-link:hover { color: #4D5B72; }

/* ── Responsive ── */
@media (max-width: 900px) {
    .cmc-mp-res-related-grid { grid-template-columns: repeat(2, 1fr); }
    .cmc-mp-res-stock-card:nth-child(2) { border-left: none; }
}

@media (max-width: 640px) {
    .cmc-mp-res-bottom-grid   { grid-template-columns: 1fr; }
    .cmc-mp-res-panel         { border-left: none; border-bottom: 1px solid #f1f5f9; }
    .cmc-mp-res-panel--right  { border-bottom: none; }
    .cmc-mp-res-related-grid  { grid-template-columns: repeat(2, 1fr); }
    .cmc-mp-res-perf-row      { grid-template-columns: 90px 1fr 54px; }
    .cmc-mp-res-range-row     { grid-template-columns: 80px 1fr auto; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   التحليل المالي والاستثماري — 6-tab financial analysis section
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Tab bar ── */
.cmc-mp-fa-tabs {
    display: flex;
    align-items: flex-end;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    direction: rtl;
    border-bottom: 1px solid #e2e8f0;
    background: #fff;
    padding: 0 16px;
    gap: 0;
}

.cmc-mp-fa-tabs::-webkit-scrollbar { display: none; }

.cmc-mp-fa-tab {
    flex: 1;
    background: transparent!important;
    border: none!important;
    border-bottom: 2px dashed #cbd5e1!important;
    font-family: inherit!important;
    font-size: 13px!important;
    font-weight: 600!important;
    color: #94a3b8!important;
    padding: 12px 14px!important;
    cursor: pointer!important;
    white-space: nowrap;
    transition: color 0.15s, border-color 0.15s!important;
    text-align: center;
    outline: none!important;
    border-radius: 0!important;
}

.cmc-mp-fa-tab:hover { color: #334155!important; border-color: #94a3b8; }

.cmc-mp-fa-tab--active {
    color: #4D5B72!important;
    font-weight: 700!important;
    border-bottom: 2.5px solid #4D5B72!important;
}

/* ── Panel show/hide ── */
.cmc-mp-fa-panel         { display: none; }
.cmc-mp-fa-panel--active { display: block; }

/* ── Circular gauge ── */
.cmc-mp-fa-gauge-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 28px 16px 20px;
    border-bottom: 1px solid #f1f5f9;
    background: #fff;
}

.cmc-mp-fa-gauge {
    width: 168px;
    height: 168px;
    border-radius: 50%;
    border: 2px solid #e2e8f0;
    box-shadow: 0 4px 18px rgba(0,0,0,0.07);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    direction: ltr;
    text-align: center;
}

.cmc-mp-fa-gauge-lbl {
    font-size: 10px;
    color: #94a3b8;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.cmc-mp-fa-gauge-val {
    font-size: 30px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.1;
}

.cmc-mp-fa-gauge-pe {
    margin-top: 16px;
    display: flex;
    align-items: center;
    gap: 7px;
    direction: ltr;
}

.cmc-mp-fa-gauge-pe strong {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
}

.cmc-mp-fa-gauge-pe span {
    font-size: 13px;
    color: #64748b;
    font-weight: 600;
}

/* ── 2×3 data grid ── */
.cmc-mp-fa-data-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    direction: rtl;
    border-top: 1px solid #e2e8f0;
}

.cmc-mp-fa-data-box {
    padding: 14px 16px;
    border-bottom: 1px solid #f1f5f9;
    direction: rtl;
}

/* Divider: right-column boxes (1,3,5 = odd) get border-left */
.cmc-mp-fa-data-box:nth-child(odd)  { border-left: 1px solid #f1f5f9; }

/* Last row: no bottom border */
.cmc-mp-fa-data-box--last { border-bottom: none; }

.cmc-mp-fa-data-title {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 10px;
    text-align: right;
}

.cmc-mp-fa-data-ttm {
    font-size: 11px;
    font-weight: 400;
    color: #94a3b8;
    direction: ltr;
}

.cmc-mp-fa-data-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    border-bottom: 1px solid #f8fafc;
    gap: 8px;
}

.cmc-mp-fa-data-row:last-child { border-bottom: none; }

.cmc-mp-fa-data-key {
    font-size: 11px;
    color: #94a3b8;
    text-align: right;
    flex-shrink: 0;
}

.cmc-mp-fa-data-val {
    font-size: 12px;
    font-weight: 700;
    color: #0f172a;
    direction: ltr;
    text-align: left;
    white-space: nowrap;
}

/* ── Simplified balance sheet ── */
.cmc-mp-fa-balance {
    padding: 16px;
    border-top: 1px solid #f1f5f9;
    direction: rtl;
}

.cmc-mp-fa-balance-title {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    text-align: right;
    margin-bottom: 12px;
}

.cmc-mp-fa-balance-cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    direction: rtl;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
}

.cmc-mp-fa-balance-col {
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    text-align: center;
    border-left: 1px solid #e2e8f0;
}

.cmc-mp-fa-balance-col:last-child { border-left: none; }

.cmc-mp-fa-balance-col-lbl {
    font-size: 11px;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmc-mp-fa-balance-col-val {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    direction: ltr;
}

/* ── Fundamentals grid (tab 2) ── */
.cmc-mp-fa-fund-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    direction: rtl;
    padding: 8px 0;
}

.cmc-mp-fa-fund-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    border-bottom: 1px solid #f8fafc;
}

.cmc-mp-fa-fund-item:nth-child(odd) { border-left: 1px solid #f1f5f9; }

.cmc-mp-fa-fund-key {
    font-size: 12px;
    color: #64748b;
}

.cmc-mp-fa-fund-val {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    direction: ltr;
}

/* ── Performance bars (tab 3) ── */
.cmc-mp-fa-perf-section {
    padding: 16px;
    border-bottom: 1px solid #f1f5f9;
}

.cmc-mp-fa-perf-section:last-child { border-bottom: none; }

.cmc-mp-fa-perf-title {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 12px;
    text-align: right;
    direction: rtl;
}

.cmc-mp-fa-perf-bars {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cmc-mp-fa-perf-row {
    display: grid;
    grid-template-columns: 40px 1fr 80px;
    align-items: center;
    gap: 10px;
    direction: rtl;
}

.cmc-mp-fa-perf-yr {
    font-size: 12px;
    color: #475569;
    font-weight: 600;
    direction: ltr;
    text-align: center;
}

.cmc-mp-fa-perf-bar-wrap {
    background: #f1f5f9;
    height: 26px;
    border-radius: 4px;
    overflow: hidden;
    direction: rtl;
}

.cmc-mp-fa-perf-bar {
    height: 100%;
    border-radius: 4px;
    float: right;
}

.cmc-mp-fa-perf-bar--rev { background: #4D5B72; }
.cmc-mp-fa-perf-bar--inc { background: #22c55e; }
.cmc-mp-fa-perf-bar--neg { background: #ef4444; }

.cmc-mp-fa-perf-val {
    font-size: 12px;
    font-weight: 700;
    color: #0f172a;
    text-align: left;
    direction: ltr;
    white-space: nowrap;
}

/* ── Financial position (tab 4) ── */
.cmc-mp-fa-fin-pos-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    direction: rtl;
    padding: 16px;
    gap: 16px;
}

.cmc-mp-fa-fin-pos-box {
    border: 1px solid #f1f5f9;
    border-radius: 4px;
    padding: 14px;
    direction: rtl;
}

/* ── Dividends (tab 5) ── */
.cmc-mp-fa-div-hd {
    display: flex;
    gap: 24px;
    padding: 16px;
    border-bottom: 1px solid #f1f5f9;
    direction: rtl;
    flex-wrap: wrap;
}

.cmc-mp-fa-div-current {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.cmc-mp-fa-div-lbl {
    font-size: 11px;
    color: #94a3b8;
}

.cmc-mp-fa-div-val {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    direction: ltr;
}

.cmc-mp-fa-div-table {
    width: 100%;
    border-collapse: collapse;
    direction: rtl;
    font-size: 12px;
}

.cmc-mp-fa-div-table th {
    background: #fafbfc;
    padding: 9px 16px;
    text-align: right;
    font-weight: 700;
    color: #475569;
    border-bottom: 1px solid #e2e8f0;
}

.cmc-mp-fa-div-table td {
    padding: 10px 16px;
    border-bottom: 1px solid #f8fafc;
    color: #1e293b;
    font-weight: 500;
}

.cmc-mp-fa-div-table tbody tr:last-child td { border-bottom: none; }

/* ── Statistics grid (tab 6) ── */
.cmc-mp-fa-stats-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    direction: rtl;
}

.cmc-mp-fa-stats-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    border-bottom: 1px solid #f8fafc;
}

.cmc-mp-fa-stats-item:nth-child(odd) { border-left: 1px solid #f1f5f9; }

.cmc-mp-fa-stats-lbl {
    font-size: 12px;
    color: #64748b;
}

.cmc-mp-fa-stats-val {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    direction: ltr;
}

/* ── Responsive ── */
@media (max-width: 640px) {
    .cmc-mp-fa-data-grid         { grid-template-columns: 1fr; }
    .cmc-mp-fa-data-box:nth-child(odd) { border-left: none; }
    .cmc-mp-fa-data-box--last    { border-bottom: 1px solid #f1f5f9; }
    .cmc-mp-fa-data-box:last-child { border-bottom: none; }
    .cmc-mp-fa-fund-grid         { grid-template-columns: 1fr; }
    .cmc-mp-fa-fund-item:nth-child(odd) { border-left: none; }
    .cmc-mp-fa-stats-grid        { grid-template-columns: 1fr; }
    .cmc-mp-fa-stats-item:nth-child(odd) { border-left: none; }
    .cmc-mp-fa-fin-pos-grid      { grid-template-columns: 1fr; }
    .cmc-mp-fa-balance-cols      { grid-template-columns: 1fr; }
    .cmc-mp-fa-balance-col       { border-left: none; border-bottom: 1px solid #e2e8f0; }
    .cmc-mp-fa-balance-col:last-child { border-bottom: none; }
    .cmc-mp-fa-perf-row          { grid-template-columns: 38px 1fr 70px; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   البيانات الأساسية tab — charts & valuation
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Section sub-header ── */
.cmc-mp-fab-section-hd {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    text-align: right;
    padding: 14px 16px 12px;
    direction: rtl;
    border-bottom: 1px solid #f1f5f9;
}

/* ── 2×2 chart grid ── */
.cmc-mp-fab-charts-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid #e2e8f0;
}

.cmc-mp-fab-chart-card {
    padding: 14px 16px 10px;
    border-bottom: 1px solid #f1f5f9;
    direction: rtl;
    border-left: 1px solid #f1f5f9;
}

/* Right column (odd in RTL): no left divider (it's the rightmost) */
.cmc-mp-fab-chart-card:nth-child(odd) { border-left: none; }

/* Last 2 cards: no bottom border */
.cmc-mp-fab-chart-card:nth-last-child(-n+2) { border-bottom: none; }

.cmc-mp-fab-chart-title {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    text-align: right;
    margin-bottom: 8px;
}

/* ── SVG charts ── */
.cmc-mp-fab-svg {
    width: 100%;
    height: auto;
    display: block;
    direction: ltr;
}

.cmc-mp-fab-grid {
    stroke: #f1f5f9;
    stroke-width: 1;
}

.cmc-mp-fab-axis-lbl {
    font-size: 10px;
    fill: #94a3b8;
    font-family: inherit;
}

.cmc-mp-fab-legend-lbl {
    font-size: 10px;
    fill: #475569;
    font-family: inherit;
}

/* ── Bar chart legend ── */
.cmc-mp-fab-legend {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 0 0;
    direction: rtl;
    justify-content: flex-end;
}

.cmc-mp-fab-leg-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    color: #475569;
}

.cmc-mp-fab-leg-sq {
    width: 12px;
    height: 8px;
    border-radius: 2px;
    flex-shrink: 0;
}

.cmc-mp-fab-leg-sq--navy  { background: #4D5B72; }

.cmc-mp-fab-leg-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.cmc-mp-fab-leg-dot--gold { background: #f59e0b; }

/* ── Donut charts ── */
.cmc-mp-fab-donut-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
    direction: rtl;
    padding: 8px 0;
    flex-wrap: wrap;
}

.cmc-mp-fab-donut-svg {
    width: 150px;
    height: 150px;
    flex-shrink: 0;
}

.cmc-mp-fab-donut-legend {
    display: flex;
    flex-direction: column;
    gap: 10px;
    direction: rtl;
}

.cmc-mp-fab-donut-leg-row {
    display: flex;
    align-items: center;
    gap: 7px;
    direction: rtl;
}

.cmc-mp-fab-donut-pct {
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
    min-width: 36px;
    direction: ltr;
    text-align: right;
}

.cmc-mp-fab-donut-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.cmc-mp-fab-dot--navy   { background: #4D5B72; }
.cmc-mp-fab-dot--green  { background: #22c55e; }
.cmc-mp-fab-dot--maroon { background: #8B3D47; }

.cmc-mp-fab-donut-lbl {
    font-size: 12px;
    color: #475569;
}

/* ── Valuation section (gauge + area chart) ── */
.cmc-mp-fab-valuation {
    direction: rtl;
}

.cmc-mp-fab-area-card {
    padding: 14px 16px 10px;
    direction: rtl;
}

.cmc-mp-fab-area-svg {
    width: 100%;
    height: auto;
    display: block;
    direction: ltr;
}

/* ── Responsive ── */
@media (max-width: 640px) {
    .cmc-mp-fab-charts-grid               { grid-template-columns: 1fr; }
    .cmc-mp-fab-chart-card:nth-child(odd) { border-left: 1px solid #f1f5f9; }
    .cmc-mp-fab-chart-card:nth-last-child(-n+2) { border-bottom: 1px solid #f1f5f9; }
    .cmc-mp-fab-chart-card:last-child     { border-bottom: none; }
    .cmc-mp-fab-donut-svg                 { width: 120px; height: 120px; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   الأداء السابق tab — cash-flow bar chart
   ═══════════════════════════════════════════════════════════════════════════ */

.cmc-mp-faph-head {
    padding: 16px 20px 10px;
    direction: rtl;
    border-bottom: 1px solid #f1f5f9;
}

.cmc-mp-faph-title {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 8px;
}

.cmc-mp-faph-bullets {
    margin: 0;
    padding: 0;
    padding-right: 18px;
    list-style: disc;
}

.cmc-mp-faph-bullets li {
    font-size: 12px;
    color: #475569;
    line-height: 1.7;
}

.cmc-mp-faph-chart-wrap { padding: 8px 16px 0; }

.cmc-mp-faph-svg {
    width: 100%;
    height: auto;
    display: block;
    direction: ltr;
}

.cmc-mp-faph-bar--red    { fill: #ef4444; }
.cmc-mp-faph-bar--green  { fill: #22c55e; }
.cmc-mp-faph-bar--maroon { fill: #8B3D47; }
.cmc-mp-faph-bar--navy   { fill: #4D5B72; }

.cmc-mp-faph-legend {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 10px 16px 16px;
    flex-wrap: wrap;
    direction: rtl;
}

/* Additional leg-sq color variants */
.cmc-mp-fab-leg-sq--green  { background: #22c55e; }
.cmc-mp-fab-leg-sq--maroon { background: #8B3D47; }
.cmc-mp-fab-leg-sq--red    { background: #ef4444; }

/* ═══════════════════════════════════════════════════════════════════════════
   المركز المالي tab — debt metrics + bar chart
   ═══════════════════════════════════════════════════════════════════════════ */

.cmc-mp-fafl-metric-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid #e2e8f0;
    direction: rtl;
}

.cmc-mp-fafl-metric-card {
    padding: 20px 24px 18px;
    direction: rtl;
    border-left: 1px solid #f1f5f9;
}

.cmc-mp-fafl-metric-card:last-child { border-left: none; }

.cmc-mp-fafl-metric-label {
    font-size: 11px;
    color: #64748b;
    margin-bottom: 6px;
    direction: ltr;
    text-align: right;
}

.cmc-mp-fafl-metric-val {
    font-size: 28px;
    font-weight: 800;
    color: #0f172a;
    direction: ltr;
    text-align: right;
    line-height: 1.1;
    letter-spacing: -0.5px;
}

.cmc-mp-fafl-metric-sub {
    font-size: 11px;
    color: #64748b;
    margin-top: 5px;
}

.cmc-mp-fafl-info-section { border-bottom: 1px solid #e2e8f0; }

.cmc-mp-fafl-info-title {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    text-align: right;
    padding: 12px 16px 10px;
    direction: rtl;
}

.cmc-mp-fafl-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    direction: rtl;
}

.cmc-mp-fafl-info-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 16px;
    border-bottom: 1px solid #f1f5f9;
    direction: rtl;
}

.cmc-mp-fafl-info-row:nth-child(odd) { border-left: 1px solid #f1f5f9; }

.cmc-mp-fafl-info-row--full {
    grid-column: 1 / -1;
    border-left: none;
    border-bottom: none;
}

.cmc-mp-fafl-info-lbl { font-size: 12px; color: #475569; }

.cmc-mp-fafl-info-val {
    font-size: 12px;
    font-weight: 700;
    color: #0f172a;
    direction: ltr;
}

.cmc-mp-fafl-pos-title {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    text-align: right;
    padding: 12px 16px 0;
    direction: rtl;
    border-top: 1px solid #f1f5f9;
}

.cmc-mp-fafl-pos-groups {
    display: grid;
    grid-template-columns: 1fr 1fr;
    direction: rtl;
}

.cmc-mp-fafl-pos-group {
    padding: 10px 24px 16px;
    border-left: 1px solid #f1f5f9;
}

.cmc-mp-fafl-pos-group:last-child { border-left: none; }

.cmc-mp-fafl-pos-group-lbl {
    font-size: 12px;
    color: #475569;
    text-align: center;
    margin-bottom: 8px;
}

.cmc-mp-fafl-pos-bars {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 20px;
    height: 180px;
}

.cmc-mp-fafl-pos-bar {
    width: 80px;
    border-radius: 2px 2px 0 0;
    flex-shrink: 0;
}

.cmc-mp-fafl-pos-bar--assets { background: #4D5B72; }
.cmc-mp-fafl-pos-bar--liab   { background: #8B3D47; }

.cmc-mp-fafl-pos-labels {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 8px;
}

.cmc-mp-fafl-pos-bar-info {
    width: 80px;
    text-align: center;
    flex-shrink: 0;
}

.cmc-mp-fafl-pos-lbl--assets { font-size: 12px; font-weight: 700; color: #4D5B72; }
.cmc-mp-fafl-pos-lbl--liab   { font-size: 12px; font-weight: 700; color: #8B3D47; }
.cmc-mp-fafl-pos-val--assets  { font-size: 11px; color: #4D5B72; direction: ltr; }
.cmc-mp-fafl-pos-val--liab    { font-size: 11px; color: #8B3D47; direction: ltr; }

@media (max-width: 640px) {
    .cmc-mp-fafl-metric-row                  { grid-template-columns: 1fr; }
    .cmc-mp-fafl-metric-card                 { border-left: none; border-bottom: 1px solid #f1f5f9; }
    .cmc-mp-fafl-metric-card:last-child      { border-bottom: none; }
    .cmc-mp-fafl-info-grid                   { grid-template-columns: 1fr; }
    .cmc-mp-fafl-info-row:nth-child(odd)     { border-left: none; }
    .cmc-mp-fafl-info-row--full              { border-bottom: none; }
    .cmc-mp-fafl-pos-groups                  { grid-template-columns: 1fr; }
    .cmc-mp-fafl-pos-group                   { border-left: none; border-bottom: 1px solid #f1f5f9; }
    .cmc-mp-fafl-pos-group:last-child        { border-bottom: none; }
    .cmc-mp-fafl-pos-bar                     { width: 60px; }
    .cmc-mp-fafl-pos-bar-info                { width: 60px; }
    .cmc-mp-faph-legend                      { gap: 12px; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   Shared SVG arc gauge (used in التوزيعات + لوحة الإحصائيات)
   ═══════════════════════════════════════════════════════════════════════════ */

.cmc-mp-farc-bg {
    fill: none;
    stroke: #e2e8f0;
    stroke-width: 14;
    stroke-linecap: round;
}

.cmc-mp-farc-fg {
    fill: none;
    stroke: #4D5B72;
    stroke-width: 14;
    stroke-linecap: round;
}

/* ═══════════════════════════════════════════════════════════════════════════
   لوحة الإحصائيات tab — ROCE / ROA / ROE gauge cards
   ═══════════════════════════════════════════════════════════════════════════ */

.cmc-mp-fast-wrap { direction: rtl; }

.cmc-mp-fast-title {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    text-align: right;
    padding: 14px 20px 10px;
    border-bottom: 1px solid #f1f5f9;
}

.cmc-mp-fast-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    direction: rtl;
    border-bottom: 1px solid #e2e8f0;
}

.cmc-mp-fast-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 16px 16px;
    border-left: 1px solid #f1f5f9;
    direction: rtl;
}

.cmc-mp-fast-card:last-child { border-left: none; }

.cmc-mp-fast-card-hd {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 12px;
    direction: ltr;
}

.cmc-mp-fast-svg {
    width: 160px;
    height: 160px;
    display: block;
    direction: ltr;
}

.cmc-mp-fast-pct {
    font-size: 30px;
    font-weight: 800;
    fill: #0f172a;
    font-family: inherit;
}

.cmc-mp-fast-sub {
    font-size: 11px;
    fill: #8B3D47;
    font-family: inherit;
}

.cmc-mp-fast-subval {
    font-size: 11px;
    fill: #8B3D47;
    font-weight: 700;
    font-family: inherit;
}

.cmc-mp-fast-card-lbl {
    font-size: 11px;
    color: #64748b;
    text-align: center;
    margin-top: 10px;
}

.cmc-mp-fast-banner {
    font-size: 12px;
    color: #475569;
    text-align: right;
    padding: 12px 20px;
    direction: rtl;
    border-top: 1px solid #f1f5f9;
    line-height: 1.6;
}

/* ═══════════════════════════════════════════════════════════════════════════
   التوزيعات النقدية tab — payout ratio gauges + metrics
   ═══════════════════════════════════════════════════════════════════════════ */

.cmc-mp-fadiv-wrap { direction: rtl; }

.cmc-mp-fadiv-intro {
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
    text-align: right;
    padding: 14px 20px 12px;
    direction: rtl;
    border-bottom: 1px solid #f1f5f9;
    line-height: 1.5;
}

.cmc-mp-fadiv-gauges {
    display: grid;
    grid-template-columns: 1fr 1fr;
    direction: rtl;
    border-bottom: 1px solid #e2e8f0;
}

.cmc-mp-fadiv-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 24px 16px;
    border-left: 1px solid #f1f5f9;
}

.cmc-mp-fadiv-card:last-child { border-left: none; }

.cmc-mp-fadiv-card-title {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 14px;
    text-align: center;
}

.cmc-mp-fadiv-svg {
    width: 200px;
    height: 200px;
    display: block;
    direction: ltr;
}

.cmc-mp-fadiv-big-num {
    font-size: 48px;
    font-weight: 800;
    fill: #0f172a;
    font-family: inherit;
}

.cmc-mp-fadiv-big-sym {
    font-size: 28px;
    font-weight: 700;
    fill: #0f172a;
    font-family: inherit;
}

.cmc-mp-fadiv-card-lbl {
    font-size: 12px;
    color: #64748b;
    text-align: center;
    margin-top: 10px;
}

.cmc-mp-fadiv-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    direction: rtl;
}

.cmc-mp-fadiv-metric {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 18px 16px;
    border-left: 1px solid #f1f5f9;
    text-align: center;
}

.cmc-mp-fadiv-metric:last-child { border-left: none; }

.cmc-mp-fadiv-metric-lbl {
    font-size: 12px;
    color: #64748b;
    margin-bottom: 6px;
}

.cmc-mp-fadiv-metric-val {
    font-size: 26px;
    font-weight: 800;
    color: #0f172a;
    direction: ltr;
    line-height: 1.1;
}

.cmc-mp-fadiv-metric-sub {
    font-size: 11px;
    color: #64748b;
    margin-top: 4px;
}

/* Responsive */
@media (max-width: 640px) {
    .cmc-mp-fast-cards              { grid-template-columns: 1fr; }
    .cmc-mp-fast-card               { border-left: none; border-bottom: 1px solid #f1f5f9; }
    .cmc-mp-fast-card:last-child    { border-bottom: none; }
    .cmc-mp-fadiv-gauges            { grid-template-columns: 1fr; }
    .cmc-mp-fadiv-card              { border-left: none; border-bottom: 1px solid #f1f5f9; }
    .cmc-mp-fadiv-card:last-child   { border-bottom: none; }
    .cmc-mp-fadiv-metrics           { grid-template-columns: 1fr; }
    .cmc-mp-fadiv-metric            { border-left: none; border-bottom: 1px solid #f1f5f9; }
    .cmc-mp-fadiv-metric:last-child { border-bottom: none; }
    .cmc-mp-fa-tab                  { font-size: 11px; padding: 8px 8px; }
}