/* ═══════════════════════════════════════════════════════════════════
   Macchina public site (car page + lists) — professional look (7 Sept 2026)
   نفسُ نظام لوحتَي الزبون والأدمن: سطوحٌ مسطّحة، زوايا 10px، ظلٌّ خفيف،
   برتقاليٌّ واحدٌ للفعل، حالةٌ بإطار، بلا تدرّجات ولا توهّج ولا تكبيرٍ عند التمرير.
   يُحمَّل بعد أوراق theme3 ويغلب ما تبقّى بـ !important.
   ═══════════════════════════════════════════════════════════════════ */
:root {
  --sp-surface: #131a25; --sp-surface-2: #182130; --sp-border: rgba(148, 163, 184, .14); --sp-border-strong: rgba(148, 163, 184, .28);
  --sp-bg: #0c1017; --sp-text: #e5e9f0; --sp-muted: #94a0b4; --sp-accent: #ff6500; --sp-good: #22c55e; --sp-bad: #ef4444; --sp-warn: #f59e0b; --sp-info: #60a5fa;
}
html[data-theme="light"], body.light-mode { --sp-bg: #eef1f5; --sp-surface: #ffffff; --sp-surface-2: #f8fafc; --sp-border: #e3e8ef; --sp-border-strong: #cbd3de; --sp-text: #0f172a; --sp-muted: #526074; }

/* ── صفحةُ السيارة ── */
.det-d .det-price-card, .det-l .det-price-card, .det-bid-info-card, .det-history-card, .det-specs, .det-contact-card, .det-damage-box, .det-addr-box, .det-calc, .det-stat, .det-360-wrap, .det-history-panel, .det-sidebar-wrap > div[style*="border-radius"] {
  background: var(--sp-surface) !important; background-image: none !important; border: 1px solid var(--sp-border) !important; border-radius: 10px !important; box-shadow: 0 1px 2px rgba(0, 0, 0, .25) !important;
}
.det-calc-grandtotal { background: var(--sp-surface-2) !important; background-image: none !important; border: 1px solid rgba(255, 101, 0, .45) !important; border-radius: 10px !important; box-shadow: none !important; }
.det-calc-grandtotal .det-calc-gt-usd { color: var(--sp-accent) !important; }
.det-calc-grandtotal .det-calc-gt-lyd, .det-calc-grandtotal .det-calc-gt-label { color: var(--sp-text) !important; }
.det-bid-btn { border-radius: 8px !important; box-shadow: none !important; background: var(--sp-accent) !important; }
.det-bid-btn:hover { filter: brightness(1.08); transform: none !important; }
.det-watch-btn, .det-nav-btn, .det-sc-msg-btn { border-radius: 8px !important; box-shadow: none !important; background: transparent !important; border: 1px solid var(--sp-border-strong) !important; color: var(--sp-text) !important; }
.det-watch-btn:hover, .det-nav-btn:hover { background: var(--sp-surface-2) !important; transform: none !important; }
.det-main-img, .det-thumb, .det-lb-strip-thumb, .det-nav-btn-img { border-radius: 8px !important; box-shadow: none !important; }
.det-thumb:hover, .det-main-img:hover { transform: none !important; }
.det-gbar-badge { border-radius: 6px !important; background: transparent !important; border: 1px solid currentColor !important; }
.det-price { text-shadow: none !important; }
.mcn-intel-banner, .mcn-intel-card { background: var(--sp-surface) !important; background-image: none !important; border: 1px solid var(--sp-border) !important; border-radius: 10px !important; box-shadow: none !important; }
.mcn-price-bar .bar-fill { background: var(--sp-accent) !important; background-image: none !important; }
#mcnLanded, #mcnSalesHistory, #mcnLivePrice, #mcnMarketPrice { border-radius: 10px !important; }
.det-sidebar-wrap [style*="linear-gradient(135deg,#059669"] { background: var(--sp-surface-2) !important; border: 1px solid rgba(34, 197, 94, .45) !important; }
.det-sidebar-wrap [style*="linear-gradient(135deg,#059669"] * { color: var(--sp-good) !important; }

/* ── قوائمُ السيارات ── */
.vl-card, .list-d .vl-card, .list-l .vl-card { border-radius: 10px !important; box-shadow: 0 1px 2px rgba(0, 0, 0, .25) !important; border: 1px solid var(--sp-border) !important; background: var(--sp-surface) !important; transition: border-color .15s !important; }
.vl-card:hover { transform: none !important; box-shadow: 0 1px 2px rgba(0, 0, 0, .25) !important; border-color: var(--sp-border-strong) !important; }
.vl-card:hover .vl-card-img { transform: none !important; }
.vl-card-img { background: var(--sp-surface-2) !important; }
.vl-bid-btn, .vl-btn-bid-ref, .vl-mobile-filter-btn { background: var(--sp-accent) !important; background-image: none !important; color: #fff !important; border-radius: 8px !important; box-shadow: none !important; }
.vl-bid-btn:hover, .vl-btn-bid-ref:hover { transform: none !important; filter: brightness(1.08); }
.vl-btn-details-ref { background: transparent !important; background-image: none !important; border: 1px solid var(--sp-border-strong) !important; color: var(--sp-text) !important; border-radius: 8px !important; box-shadow: none !important; }
.vl-btn-details-ref:hover { background: var(--sp-surface-2) !important; }
.vl-live-join-btn, .vl-live-join-card { background: var(--sp-good) !important; background-image: none !important; border-radius: 8px !important; box-shadow: none !important; }
.vl-live-join-btn:hover, .vl-live-join-card:hover { filter: brightness(1.06); background-image: none !important; }
.vl-restricted-badge, .list-l .vl-restricted-badge, #sf-restricted-wrap { background: transparent !important; background-image: none !important; border: 1px solid rgba(239, 68, 68, .5) !important; border-radius: 8px !important; }
.vl-auction-btn { border-radius: 8px !important; box-shadow: none !important; }
.vl-auction-btn.active, .vl-auction-btn[aria-pressed="true"] { background: var(--sp-accent) !important; color: #fff !important; border-color: var(--sp-accent) !important; }
.vl-keys-badge, .vl-src-badge, [class^="src-"] { border-radius: 6px !important; box-shadow: none !important; }
.noUi-connect { background: var(--sp-accent) !important; background-image: none !important; }
.vl-filter-box, .vl-sidebar, .vl-filters { border-radius: 10px !important; box-shadow: none !important; }

/* ═══ ٧ سبتمبر (٣) — طارق: «طبّق نفس الحدود والظلال على صفحة السيارة والقوائم» — الوضع الفاتح ═══ */
html[data-theme="light"], body.light-mode { --sp-border: #c9d2de; --sp-border-strong: #aab6c6; --sp-surface-2: #f3f6fa; }
html[data-theme="light"] .det-price-card, html[data-theme="light"] .det-bid-info-card, html[data-theme="light"] .det-history-card, html[data-theme="light"] .det-specs, html[data-theme="light"] .det-contact-card, html[data-theme="light"] .det-damage-box, html[data-theme="light"] .det-addr-box, html[data-theme="light"] .det-calc, html[data-theme="light"] .det-stat, html[data-theme="light"] .det-360-wrap, html[data-theme="light"] .det-history-panel, html[data-theme="light"] .det-sidebar-wrap > div[style*="border-radius"], html[data-theme="light"] .mcn-intel-banner, html[data-theme="light"] .mcn-intel-card, html[data-theme="light"] #mcnLanded, html[data-theme="light"] #mcnSalesHistory, html[data-theme="light"] #mcnLivePrice, html[data-theme="light"] #mcnMarketPrice, html[data-theme="light"] .mcn-title-mailing, html[data-theme="light"] .vl-card, html[data-theme="light"] .vl-card:hover, html[data-theme="light"] .vl-filter-box, html[data-theme="light"] .vl-sidebar, html[data-theme="light"] .vl-filters, html[data-theme="light"] .det-gallery-wrap, html[data-theme="light"] .det-main-img,
body.light-mode .det-price-card, body.light-mode .det-bid-info-card, body.light-mode .det-history-card, body.light-mode .det-specs, body.light-mode .det-contact-card, body.light-mode .det-damage-box, body.light-mode .det-addr-box, body.light-mode .det-calc, body.light-mode .det-stat, body.light-mode .det-360-wrap, body.light-mode .det-history-panel, body.light-mode .det-sidebar-wrap > div[style*="border-radius"], body.light-mode .mcn-intel-banner, body.light-mode .mcn-intel-card, body.light-mode #mcnLanded, body.light-mode #mcnSalesHistory, body.light-mode #mcnLivePrice, body.light-mode #mcnMarketPrice, body.light-mode .mcn-title-mailing, body.light-mode .vl-card, body.light-mode .vl-card:hover, body.light-mode .vl-filter-box, body.light-mode .vl-sidebar, body.light-mode .vl-filters, body.light-mode .det-gallery-wrap, body.light-mode .det-main-img {
  border: 1px solid #c9d2de !important; box-shadow: 0 2px 8px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .06) !important;
}
html[data-theme="light"] .det-calc-grandtotal, body.light-mode .det-calc-grandtotal { border: 1px solid rgba(255, 101, 0, .55) !important; box-shadow: 0 2px 8px rgba(15, 23, 42, .08) !important; }
html[data-theme="light"] .det-thumb, body.light-mode .det-thumb, html[data-theme="light"] .vl-card-img, body.light-mode .vl-card-img { border: 1px solid #d6dde7 !important; }
html[data-theme="light"] .det-specs th, html[data-theme="light"] .det-specs td, body.light-mode .det-specs th, body.light-mode .det-specs td { border-bottom: 1px solid #e3e8ef !important; }
html[data-theme="light"] .vl-btn-details-ref, html[data-theme="light"] .det-watch-btn, html[data-theme="light"] .det-nav-btn, body.light-mode .vl-btn-details-ref, body.light-mode .det-watch-btn, body.light-mode .det-nav-btn { border: 1px solid #aab6c6 !important; }
/* صفوف عرض القائمة وشريط الفلاتر (الوضع الفاتح) */
html[data-theme="light"] .vl-row-ref, body.light-mode .vl-row-ref, html[data-theme="light"] .sidebar-right-listing, body.light-mode .sidebar-right-listing, html[data-theme="light"] #vl-sidebar, body.light-mode #vl-sidebar, html[data-theme="light"] .vl-acv-card, body.light-mode .vl-acv-card, html[data-theme="light"] .vl-col-hdr-ref, body.light-mode .vl-col-hdr-ref {
  background: #ffffff !important; border: 1px solid #c9d2de !important; border-radius: 10px !important; box-shadow: 0 2px 8px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .06) !important;
}
html[data-theme="light"] .vl-row-ref:hover, body.light-mode .vl-row-ref:hover { border-color: #aab6c6 !important; }
html[data-theme="light"] .sb-section, body.light-mode .sb-section { border-bottom: 1px solid #e3e8ef !important; }
html[data-theme="light"] .sb-section-hdr, body.light-mode .sb-section-hdr { border-color: transparent !important; }
html body.light-mode #vl-sidebar.sidebar-right-listing, html[data-theme="light"] body #vl-sidebar.sidebar-right-listing { border: 1px solid #c9d2de !important; }

/* ═══ ٧ سبتمبر ٢٠٢٦ — طارق: «غيّر شكل الفلتر لشكل أكثر احترافية وأبسط» — شريطُ الفلاتر ═══ */
#vl-sidebar { border-radius: 10px !important; }
#vl-sidebar .sb-header { padding: 14px 16px 12px !important; position: sticky; top: 0; z-index: 2; background: var(--sp-surface) !important; border-bottom: 1px solid var(--sp-border) !important; }
#vl-sidebar .sb-header-title { font-size: 14px !important; font-weight: 800 !important; color: var(--sp-text) !important; letter-spacing: .01em; }
#vl-sidebar .sb-reset, #vl-sidebar .sb-reset-small { color: var(--sp-muted) !important; font-weight: 600 !important; font-size: 11px !important; }
#vl-sidebar .sb-reset:hover, #vl-sidebar .sb-reset-small:hover { color: var(--sp-accent) !important; text-decoration: none !important; }
#vl-sidebar .sb-section { border-bottom: 1px solid var(--sp-border) !important; }
#vl-sidebar .sb-section-hdr { padding: 11px 16px !important; background: transparent !important; }
#vl-sidebar .sb-section-hdr:hover { background: var(--sp-surface-2) !important; }
#vl-sidebar .sb-section-label { font-size: 12px !important; font-weight: 700 !important; color: var(--sp-muted) !important; letter-spacing: .02em; text-transform: uppercase; }
#vl-sidebar .sb-section:not(.collapsed) .sb-section-label { color: var(--sp-text) !important; }
#vl-sidebar .sb-toggle-arrow { font-size: 9px !important; color: var(--sp-muted) !important; opacity: .7; }
#vl-sidebar .sb-section-body { padding: 4px 16px 12px !important; }
#vl-sidebar .sb-scope-note { display: none !important; }
/* رقائقُ المزادات: نصٌّ فقط، إطارٌ رقيق، البرتقاليُّ للمختار وحدَه */
#vl-sidebar .vl-auction-btn { background: transparent !important; border: 1px solid var(--sp-border-strong) !important; color: var(--sp-text) !important; border-radius: 6px !important; padding: 5px 11px !important; font-size: 12px !important; font-weight: 600 !important; box-shadow: none !important; transition: border-color .15s, background .15s !important; }
#vl-sidebar .vl-auction-btn:hover { border-color: var(--sp-accent) !important; color: var(--sp-accent) !important; background: transparent !important; }
#vl-sidebar .vl-auction-btn.active { background: var(--sp-accent) !important; border-color: var(--sp-accent) !important; color: #fff !important; }
/* صفوفُ الاختيار: خطٌّ أوضح، عدّادٌ رماديّ إلى الطرف */
#vl-sidebar .sb-check { padding: 4px 0 !important; gap: 8px !important; }
#vl-sidebar .sb-check label { font-size: 13px !important; color: var(--sp-text) !important; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
#vl-sidebar .sb-check .sb-cnt { font-size: 11px !important; color: var(--sp-muted) !important; font-variant-numeric: tabular-nums; margin: 0 !important; }
#vl-sidebar .sb-check input[type=checkbox] { width: 14px !important; height: 14px !important; border-radius: 3px; }
/* المفاتيح */
#vl-sidebar .sb-switch-row { padding: 6px 0 !important; }
#vl-sidebar .sb-switch-lbl { font-size: 13px !important; color: var(--sp-text) !important; }
#vl-sidebar .sb-switch { width: 34px !important; height: 18px !important; background: var(--sp-border-strong) !important; border: 0 !important; }
#vl-sidebar .sb-switch.on { background: var(--sp-accent) !important; }
/* حقولُ البحث داخل الأقسام */
#vl-sidebar .sb-input { border-radius: 7px !important; font-size: 12.5px !important; padding: 7px 10px !important; background: var(--sp-surface-2) !important; border: 1px solid var(--sp-border) !important; color: var(--sp-text) !important; }
#vl-sidebar .sb-input:focus { border-color: var(--sp-accent) !important; }
#vl-sidebar .sb-search-icon { color: var(--sp-muted) !important; font-size: 13px !important; }
#vl-sidebar .sb-search-icon::before { content: '⌕'; }
#vl-sidebar .sb-search-btn { border-radius: 7px !important; background: var(--sp-accent) !important; }
#vl-sidebar .sb-list { max-height: 190px !important; }
#vl-sidebar #sf-restricted-wrap { border-radius: 7px !important; border: 1px solid var(--sp-border) !important; background: var(--sp-surface-2) !important; padding: 7px 10px !important; font-size: 12.5px !important; }
#vl-sidebar .noUi-target { border: 0 !important; box-shadow: none !important; background: var(--sp-border-strong) !important; height: 4px !important; }
#vl-sidebar .noUi-handle { width: 16px !important; height: 16px !important; border-radius: 50% !important; background: #fff !important; border: 2px solid var(--sp-accent) !important; box-shadow: none !important; top: -6px !important; }
#vl-sidebar .noUi-handle::before, #vl-sidebar .noUi-handle::after { display: none !important; }
#vl-sidebar .sb-range-row { display: flex; gap: 8px; }
#vl-sidebar .sb-range-sel { flex: 1; min-width: 0; appearance: auto; -webkit-appearance: auto; cursor: pointer; }

/* ═══ ٧ سبتمبر ٢٠٢٦ — طارق: «طبّق هذه الألوان على كل الموقع وكل القوائم» — لوحةٌ واحدة لصفحة القائمة ═══ */
:root { --vl-bg: #0c1017 !important; --vl-bg2: #131a25 !important; --vl-bg3: #131a25 !important; --vl-border: rgba(148, 163, 184, .14) !important; --vl-muted: #94a0b4 !important; --vl-text: #e5e9f0 !important; }
body:not(.light-mode) #vl-cont.list-d, body:not(.light-mode) #vl-cont { background: var(--sp-bg, #0c1017) !important; }
body:not(.light-mode) #vl-sidebar, body:not(.light-mode) .vl-row-ref, body:not(.light-mode) .vl-card, body:not(.light-mode) .vl-sort, body:not(.light-mode) .vl-toolbar select, body:not(.light-mode) .vl-theme-bar { background: #131a25 !important; border-color: rgba(148, 163, 184, .14) !important; }
/* الشرائطُ العلوية: بلا تدرّجٍ برتقاليّ — سطحٌ واحدٌ وإطارٌ رقيق */
#vl-active-chips, .vl-ss-bar { background: var(--sp-surface) !important; background-image: none !important; border: 1px solid var(--sp-border) !important; border-radius: 10px !important; }
#vl-active-chips .vl-chip { background: var(--sp-surface-2) !important; color: var(--sp-text) !important; border: 1px solid var(--sp-border-strong) !important; border-radius: 6px !important; box-shadow: none !important; }
#vl-active-chips .vl-chip-clear-all { border-radius: 6px !important; background: transparent !important; border: 1px solid rgba(239, 68, 68, .45) !important; }
.vl-ss-btn { background: var(--sp-accent) !important; background-image: none !important; border: 1px solid var(--sp-accent) !important; border-radius: 6px !important; box-shadow: none !important; }
.vl-ss-btn:hover { transform: none !important; box-shadow: none !important; filter: brightness(1.06); }
.vl-ss-btn.vl-ss-list { background: transparent !important; color: var(--sp-text) !important; border: 1px solid var(--sp-border-strong) !important; }
.vl-ss-dropdown { background: var(--sp-surface) !important; color: var(--sp-text) !important; border: 1px solid var(--sp-border) !important; border-radius: 10px !important; }
/* شريطُ «وضع القائمة» ورأسُ الأعمدة */
.vl-view-divider { background: var(--sp-surface) !important; border: 1px solid var(--sp-border) !important; border-inline-start: 3px solid var(--sp-accent) !important; border-radius: 8px !important; color: var(--sp-text) !important; letter-spacing: .02em !important; font-size: 13px !important; font-weight: 700 !important; text-align: start !important; }
.vl-col-hdr-ref { background: var(--sp-surface-2) !important; border: 1px solid var(--sp-border) !important; border-radius: 8px !important; }
.vl-col-hdr-ref .vl-col-hdr-cell-ref { color: var(--sp-muted) !important; font-size: 11px !important; letter-spacing: .06em !important; }
#vl-page-hdr { border-bottom: 1px solid var(--sp-border) !important; }
.vl-hdr-title { color: var(--sp-text) !important; }
/* أزرارُ الصفّ: برتقاليٌّ واحدٌ للمزايدة، والباقي بإطار */
.vl-btn-detail-ref, .vl-btn-watch-ref, .vl-btn-details-ref { background: transparent !important; background-image: none !important; color: var(--sp-text) !important; border: 1px solid var(--sp-border-strong) !important; border-radius: 6px !important; box-shadow: none !important; }
.vl-btn-detail-ref:hover, .vl-btn-watch-ref:hover, .vl-btn-details-ref:hover { background: var(--sp-surface-2) !important; border-color: var(--sp-accent) !important; }
.vl-btn-bid-ref { border-radius: 6px !important; }
.vl-lot-num-ref, .vl-lot-num-ref a { color: var(--sp-info) !important; }
/* مفاتيحُ «الوضع» أعلى الصفحة */
.vl-theme-bar { background: transparent !important; border: 0 !important; }
.vl-th-btn { border-radius: 6px !important; border: 1px solid var(--sp-border-strong) !important; background: transparent !important; color: var(--sp-text) !important; box-shadow: none !important; }
.vl-th-btn.active, .vl-th-btn[aria-pressed="true"] { background: var(--sp-accent) !important; border-color: var(--sp-accent) !important; color: #fff !important; }
.vl-vb { border-radius: 6px !important; }
/* الوضعُ الفاتح يحتفظ بقيمه */
html[data-theme="light"], body.light-mode { --vl-bg: #eef1f5 !important; --vl-bg2: #ffffff !important; --vl-bg3: #ffffff !important; --vl-border: #c9d2de !important; --vl-muted: #526074 !important; --vl-text: #0f172a !important; }

/* ٧ سبتمبر ٢٠٢٦ — نبضةُ السعر الحيّ.
   النقطةُ الخضراء: السعرُ يُقرأ من موقع المزاد الآن، والمزايدةُ تصل إليه آليّاً.
   النقطةُ الكهرمانية: غرفةُ مزادٍ حيّة (كوبارت / IAAI) — المزايدةُ فيها مباشرة. */
@keyframes mcn-pulse-ring{
  0%{box-shadow:0 0 0 0 rgba(16,185,129,.55)}
  70%{box-shadow:0 0 0 7px rgba(16,185,129,0)}
  100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}
}
@keyframes mcn-pulse-ring-room{
  0%{box-shadow:0 0 0 0 rgba(245,158,11,.55)}
  70%{box-shadow:0 0 0 7px rgba(245,158,11,0)}
  100%{box-shadow:0 0 0 0 rgba(245,158,11,0)}
}
@keyframes mcn-pulse-glow{
  0%,100%{text-shadow:none}
  50%{text-shadow:0 0 9px rgba(16,185,129,.45)}
}
.mcn-pulse-dot{
  display:inline-block;width:8px;height:8px;border-radius:50%;
  background:#10b981;vertical-align:middle;
  margin-inline-end:6px;flex:0 0 auto;
  animation:mcn-pulse-ring 1.8s ease-out infinite;
}
.mcn-pulse-dot.is-room{background:#f59e0b;animation-name:mcn-pulse-ring-room}
.mcn-pulse-beat{animation:mcn-pulse-glow 2.4s ease-in-out infinite}
/* الشارةُ المكتوبة: لا أحد يمرّر الماوس ليعرف، فالنصُّ ظاهرٌ دائماً. */
/* سطرُ نصٍّ مثل «شراء فوري» فوق السعر — لا مربّع، لا إطار. */
.mcn-pulse-tag{
  display:block;margin:0 0 3px;padding:0;background:none;border:0;
  font-size:11px;font-weight:600;line-height:1.6;
  color:#10b981;
}
.mcn-pulse-tag.is-room{color:#f59e0b}
.mcn-pulse-tag .mcn-pulse-dot{margin-inline-end:5px}
/* سطرُ الشرح فوق القائمة — يقولها مرّةً بالكامل بدل تكرارها في كلّ صفّ. */
.mcn-pulse-legend{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  margin:0 0 10px;padding:8px 12px;border-radius:10px;
  font-size:12px;line-height:1.7;
  color:#065f46;background:rgba(16,185,129,.10);border:1px solid rgba(16,185,129,.28);
}
.list-d .mcn-pulse-legend{color:#6ee7b7}
.mcn-pulse-only{display:none}
.mcn-pulse-only.mcn-pulse-on{
  display:inline-flex;align-items:center;gap:2px;
  font-size:11px;font-weight:800;line-height:1.5;
  padding:4px 10px;border-radius:999px;margin:0 0 8px;
  color:#fff;background:#10b981;
}
.mcn-pulse-only.mcn-pulse-on[data-live-mode="room"]{background:#f59e0b}
@media (prefers-reduced-motion:reduce){
  .mcn-pulse-dot,.mcn-pulse-beat,.mcn-pulse-tag .mcn-pulse-dot{animation:none}
}


/* ٨ سبتمبر ٢٠٢٦ — تنبيهُ أوراق ACV، عند زرّ المزايدة على كلّ سيّارة ACV.
   ليس تحذيرَ خطرٍ بل تذكيرُ تكلفة: لونٌ كهرمانيٌّ هادئ، ونصٌّ يُقرأ لا يُصرخ. */
.mcn-acv-papers{
  display:flex;align-items:flex-start;gap:8px;
  margin:0 0 10px;padding:10px 12px;border-radius:10px;
  font-size:12.5px;line-height:1.75;
  color:#92400e;background:rgba(245,158,11,.10);
  border:1px solid rgba(245,158,11,.32);
}
.mcn-acv-papers-icon{flex:0 0 auto;font-size:14px;line-height:1.5}
[data-theme="dark"] .mcn-acv-papers,
html.dark .mcn-acv-papers{color:#fcd34d}


/* ٨ سبتمبر ٢٠٢٦ — تنبيهُ النقل داخل صندوق التكاليف، تحت البنود.
   ليس رقماً يُجمع بل تحذيرُ ما لا يُجمع — فلونُه غيرُ لون الأرقام. */
.mcn-transport-note{
  display:flex;align-items:flex-start;gap:8px;
  margin:8px 0 0;padding:9px 11px;border-radius:9px;
  font-size:12px;line-height:1.8;
  color:#7c2d12;background:rgba(234,88,12,.09);
  border:1px solid rgba(234,88,12,.28);
}
.mcn-transport-note-icon{flex:0 0 auto}
[data-theme="dark"] .mcn-transport-note,
html.dark .mcn-transport-note{color:#fdba74}


/* ٨ سبتمبر ٢٠٢٦ — مؤشّر ماكينا في صفحة السيّارة.
   الرقمُ كبيرٌ لأنّه الخلاصة، والأعمدةُ مطويّةٌ لأنّ من يريد التفصيل يفتح.
   واللونُ يقول الحكمَ قبل القراءة: أخضرُ فرصة، وأحمرُ خسارة. */
.mcn-score{margin:0 0 10px;padding:11px 13px;border-radius:12px;
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.mcn-score-head{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.mcn-score-num{font-size:30px;font-weight:900;line-height:1}
.mcn-score-of{font-size:13px;opacity:.65}
.mcn-score-band{font-size:13px;font-weight:800;margin-inline-start:4px}
.mcn-score.is-top{border-color:rgba(16,185,129,.5);background:rgba(16,185,129,.10)}
.mcn-score.is-top .mcn-score-num,.mcn-score.is-top .mcn-score-band{color:#10b981}
.mcn-score.is-good{border-color:rgba(132,204,22,.45);background:rgba(132,204,22,.09)}
.mcn-score.is-good .mcn-score-num,.mcn-score.is-good .mcn-score-band{color:#84cc16}
.mcn-score.is-fair{border-color:rgba(245,158,11,.45);background:rgba(245,158,11,.09)}
.mcn-score.is-fair .mcn-score-num,.mcn-score.is-fair .mcn-score-band{color:#f59e0b}
.mcn-score.is-weak{border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.09)}
.mcn-score.is-weak .mcn-score-num,.mcn-score.is-weak .mcn-score-band{color:#ef4444}
.mcn-score.is-none{border-style:dashed;opacity:.9}
.mcn-score-why{margin-top:7px}
.mcn-score-why summary{cursor:pointer;font-size:12px;opacity:.85}
.mcn-score-row{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:12px}
.mcn-score-bar{flex:0 0 62px;height:6px;border-radius:99px;
  background:rgba(255,255,255,.14);overflow:hidden}
.mcn-score-bar i{display:block;height:100%;background:currentColor;opacity:.85}
.mcn-score-pts{flex:0 0 46px;font-weight:800;font-variant-numeric:tabular-nums}
.mcn-score-txt{flex:1 1 auto;opacity:.92;line-height:1.7}


/* ٨ سبتمبر ٢٠٢٦ — شارةُ مؤشّر ماكينا في صفوف القائمة.
   صغيرةٌ لأنّ الصفَّ مزدحم، وملوّنةٌ لأنّ العينَ تفرز باللون قبل الرقم. */
.mcn-badge{
  display:inline-flex;align-items:center;gap:5px;
  margin:0 0 6px;padding:3px 9px;border-radius:999px;
  font-size:11px;font-weight:800;line-height:1.6;color:#fff;
  white-space:nowrap;
}
.mcn-badge b{font-size:13px;font-variant-numeric:tabular-nums}
.mcn-badge span{font-weight:600;opacity:.95}
.mcn-badge.is-top{background:#10b981}
.mcn-badge.is-good{background:#84cc16;color:#14310a}
.mcn-badge.is-fair{background:#f59e0b;color:#3b2503}
.mcn-badge.is-weak{background:#ef4444}


/* ٨ سبتمبر ٢٠٢٦ — سطرُ الأرضيّة ملتصقاً ببند النقل البريّ داخل التفاصيل.
   طارق: «ليكون مفهوماً أكثر وملاحَظاً أكثر في موقعين». */
.mcn-inland-note{
  font-size:10.5px;line-height:1.65;margin-top:2px;
  color:#c2410c;opacity:.95;font-weight:600;
}
[data-theme="dark"] .mcn-inland-note,
html.dark .mcn-inland-note{color:#fdba74}


/* ٨ سبتمبر ٢٠٢٦ — تاريخُ المزادات مطويّاً.
   طارق: «اجعلها نافذةً منسدلة تفتح بالنقر، ويظهر في أعلاها السطرُ الأوّل فقط».
   الجدولُ كان يدفعُ زرّ المزايدة خارج الشاشة على الهاتف. */
.mcn-hist{margin:0}
.mcn-hist>summary{
  cursor:pointer;list-style:none;
  display:flex;align-items:flex-start;gap:6px;
  font-size:13px;line-height:1.7;
}
.mcn-hist>summary::-webkit-details-marker{display:none}
.mcn-hist>summary::after{
  content:"▾";margin-inline-start:auto;flex:0 0 auto;
  opacity:.6;font-size:11px;transition:transform .15s ease;
}
.mcn-hist[open]>summary::after{transform:rotate(180deg)}
.mcn-hist>summary:focus-visible{outline:2px solid rgba(251,191,36,.6);outline-offset:2px;border-radius:6px}
.mcn-hist-body{margin-top:6px;padding-top:6px;border-top:1px solid rgba(251,191,36,.22)}