/* priceboard v2 - SaaS minimal */
.mb-priceboard{background:#F8FAFC;padding-block:40px 36px;border-top:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0}
.mb-priceboard .container{max-width:1120px;position:relative}
.mb-pb-header{margin-bottom:18px}
.mb-pb-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.mb-pb-title{font-size:clamp(18px,2.2vw,22px);font-weight:800;color:#0F172A;letter-spacing:-.02em;line-height:1.3}
.mb-pb-update-badge{display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #E2E8F0;font-size:12px;font-weight:600;color:#475569;box-shadow:0 1px 6px rgba(15,23,42,0.04)}
.mb-pb-dot{width:7px;height:7px;border-radius:50%;background:#10B981;box-shadow:0 0 0 5px rgba(16,185,129,.18);animation:mb-dot-pulse 2.2s ease infinite}
@keyframes mb-dot-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.88);opacity:.75}}
.mb-pb-desc{font-size:13px;color:#64748B;line-height:1.8;max-width:72ch;margin-bottom:14px}
.mb-pb-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:5px;background:#fff;border:1px solid #E2E8F0;border-radius:999px;width:fit-content;max-width:100%;box-shadow:0 1px 8px rgba(15,23,42,0.04);overflow-x:auto;scrollbar-width:none}
.mb-pb-tab{font-family:var(--font-family);font-size:13px;font-weight:700;padding:8px 16px;border-radius:999px;border:1px solid transparent;background:transparent;color:#64748B;cursor:pointer;white-space:nowrap;transition:background 150ms ease,color 150ms ease,border-color 150ms ease}
.mb-pb-tab-sub{font-weight:500;font-size:11.5px;opacity:.7}
.mb-pb-tab:hover{background:#F1F5F9;color:#334155;border-color:#E2E8F0}
.mb-pb-tab.is-active{background:#0F172A;color:#fff;border-color:#0F172A;box-shadow:0 2px 10px rgba(15,23,42,.18)}
.mb-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
@media(max-width:980px){.mb-kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.mb-kpi-grid{grid-template-columns:1fr}}
.mb-kpi{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:16px 16px 14px;box-shadow:0 4px 20px rgba(0,0,0,0.03);display:flex;flex-direction:column;gap:8px;min-width:0;transition:border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}
.mb-kpi:hover{border-color:#CBD5E1;box-shadow:0 8px 24px rgba(15,23,42,.07);transform:translateY(-1px)}
.mb-kpi-label{font-size:11px;font-weight:600;color:#64748B;display:flex;align-items:center;gap:6px}
.mb-kpi-icon{width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.mb-kpi-icon--emerald{background:#ECFDF5;border:1px solid #A7F3D0}
.mb-kpi-icon--rose{background:#FFF1F2;border:1px solid #FECDD3}
.mb-kpi-icon--slate{background:#F1F5F9;border:1px solid #E2E8F0}
.mb-kpi-icon--amber{background:#FFFBEB;border:1px solid #FDE68A}
.mb-kpi-value{font-size:clamp(19px,1.9vw,22px);font-weight:800;color:#0F172A;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}
.mb-kpi-value small{font-size:12px;font-weight:600;color:#64748B}
.mb-kpi-sub{font-size:11.5px;color:#94A3B8;line-height:1.5}
.mb-kpi-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;border:1px solid transparent}
.mb-kpi-badge--up{color:#065F46;background:#ECFDF5;border-color:#A7F3D0}
.mb-kpi-badge--down{color:#9F1239;background:#FFF1F2;border-color:#FECDD3}
.mb-kpi-badge--flat{color:#475569;background:#F1F5F9;border-color:#E2E8F0}
.mb-kpi-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:8px;border-top:1px solid #F1F5F9}
.mb-chart-card{background:#fff;border:1px solid #E2E8F0;border-radius:18px;padding:18px;box-shadow:0 4px 20px rgba(0,0,0,0.03);margin-bottom:16px;overflow:hidden}
.mb-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.mb-chart-title{font-size:15px;font-weight:800;color:#0F172A}
.mb-chart-title span{color:#10B981}
.mb-chart-subtitle{font-size:12px;color:#94A3B8;margin-top:2px;display:block}
.mb-timeframes{display:inline-flex;align-items:center;gap:4px;padding:4px;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:999px}
.mb-tf-btn{font-family:var(--font-family);font-size:12.5px;font-weight:700;padding:6px 14px;border-radius:999px;border:1px solid transparent;background:transparent;color:#64748B;cursor:pointer;transition:all 140ms ease}
.mb-tf-btn:hover{background:#fff;border-color:#E2E8F0;color:#334155}
.mb-tf-btn.is-active{background:#0F172A;color:#fff;border-color:#0F172A;box-shadow:0 2px 10px rgba(15,23,42,.14)}
.mb-chart-wrap{position:relative;background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:16px 14px 12px 62px;overflow:hidden;min-height:220px}
.mb-chart-svg{width:100%;height:auto;display:block;min-height:200px;aspect-ratio:800/260}
.mb-chart-svg .mb-grid-line{stroke:rgba(15,23,42,0.05);stroke-width:1;stroke-dasharray:4 6}
.mb-chart-svg .mb-y-label{fill:#64748B;font-size:10.5px;font-family:IRANSansX,system-ui;font-weight:600;font-variant-numeric:tabular-nums}
.mb-chart-svg .mb-axis-label{fill:#64748B;font-size:10.5px;font-family:IRANSansX,system-ui;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.mb-chart-svg .mb-y-axis-bg{fill:#F8FAFC;stroke:#E2E8F0;stroke-width:1;rx:8}
.mb-chart-svg .mb-area{fill:url(#mb-gradient) rgba(16,185,129,.16);stroke:none}
.mb-chart-svg .mb-line{fill:none;stroke:#10B981;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mb-chart-svg .mb-dot-hit{fill:transparent;stroke:none;pointer-events:all;cursor:pointer}
.mb-chart-svg .mb-dot-hit:focus-visible{outline:2px solid #10B981;outline-offset:2px}
.mb-chart-svg .mb-dot{fill:#fff;stroke:#10B981;stroke-width:2;pointer-events:none;opacity:0;transition:opacity 120ms ease}
.mb-chart-svg .mb-dot.is-active{opacity:1}
.mb-chart-tooltip{position:absolute;top:14px;inset-inline-start:50%;transform:translateX(-50%);min-width:170px;max-width:min(260px,92%);background:#0F172A;color:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 12px 28px rgba(15,23,42,.22);font-size:12px;line-height:1.6;pointer-events:none;z-index:2;border:1px solid rgba(255,255,255,.08)}
.mb-chart-tooltip[hidden]{display:none!important}
.mb-tip-date{color:rgba(255,255,255,.7);font-size:11px;font-weight:600;margin-bottom:2px}
.mb-tip-price{font-weight:800;font-size:13.5px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.mb-tip-vol{color:rgba(255,255,255,.65);font-size:11px;margin-top:2px}
.mb-chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#64748B;font-size:12.5px;font-weight:700;background:rgba(248,250,252,.78)}
.mb-chart-empty[hidden]{display:none!important}
.mb-chart-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #F1F5F9;font-size:11.5px;color:#64748B}
.mb-chart-change{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-weight:800;font-variant-numeric:tabular-nums;border:1px solid transparent}
.mb-chart-change.is-up{color:#065F46;background:#ECFDF5;border-color:#A7F3D0}
.mb-chart-change.is-down{color:#9F1239;background:#FFF1F2;border-color:#FECDD3}
.mb-chart-change.is-flat{color:#475569;background:#F1F5F9;border-color:#E2E8F0}
.mb-chart-unit{color:#94A3B8;font-weight:600}
.mb-trades-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.03);overflow:hidden}
.mb-trades-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px 12px;border-bottom:1px solid #F1F5F9}
.mb-trades-title{font-size:14px;font-weight:800;color:#0F172A}
.mb-trades-hint{font-size:11.5px;color:#94A3B8;font-weight:500}
.mb-trades-table-wrap{overflow-x:auto}
.mb-trades-table{width:100%;border-collapse:collapse;min-width:560px;font-size:13px}
.mb-trades-table th{text-align:right;padding:10px 14px;font-size:11px;font-weight:800;color:#64748B;background:#F8FAFC;border-bottom:1px solid #E2E8F0;white-space:nowrap}
.mb-trades-table td{padding:11px 14px;border-bottom:1px solid #F1F5F9;text-align:right;vertical-align:middle;white-space:nowrap;font-variant-numeric:tabular-nums}
.mb-trades-table .num{font-weight:800;color:#0F172A}
.mb-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid transparent;white-space:nowrap}
.mb-badge--up{color:#065F46;background:#ECFDF5;border-color:#A7F3D0}
.mb-badge--down{color:#9F1239;background:#FFF1F2;border-color:#FECDD3}
.mb-badge--flat{color:#475569;background:#F1F5F9;border-color:#E2E8F0}
.mb-badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.mb-delta-up{color:#059669;font-weight:800}
.mb-delta-down{color:#E11D48;font-weight:800}
.mb-delta-flat{color:#64748B;font-weight:700}
@media(max-width:640px){.mb-pb-tabs{width:100%;border-radius:16px;padding:6px}.mb-pb-tab{flex:1 1 auto;text-align:center}.mb-chart-head{flex-direction:column;align-items:stretch}.mb-timeframes{width:100%;justify-content:space-between}.mb-tf-btn{flex:1 1 0;text-align:center}.mb-chart-wrap{padding:10px 8px 8px;min-height:200px}.mb-chart-svg{min-height:180px}.mb-trades-table{font-size:12px}}