/* ═══════════════════════════════════════════════════════════════════════
   MAVRONIX Finance — Yeni Frontend Tasarım Sistemi (Faz 0)
   "Capital Intelligence" terminali kimliği.
   • Mevcut admin-modern.css'in --mav-* tokenlarına DAYANIR (dark/light otomatik).
   • Yeni bileşenler .mvx-* adıyla (çakışma yok; mevcut .mav-/.mp- bozulmaz).
   • Global yüklenir; sayfalar bu bileşenleri kullanarak yeni dile geçer (faz faz).
   ═══════════════════════════════════════════════════════════════════════ */

:root{
  --mvx-green:#1CB960; --mvx-green2:#2ee08a; --mvx-gold:#E2AE30;
  --mvx-up:#2ee08a; --mvx-down:#ef5350; --mvx-blue:#39a0ff;
  --mvx-grid:rgba(46,224,138,.055);
  --mvx-glass:color-mix(in srgb, var(--mav-surface) 78%, transparent);
  --mvx-radius:16px;
}
html[data-bs-theme="light"]{ --mvx-grid:rgba(18,120,80,.05); --mvx-down:#e2483f; }

/* ── İnce ızgara dokusu (sadece .mvx-app gövdesinde) ── */
.mvx-app::before{
  content:''; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background-image:linear-gradient(var(--mvx-grid) 1px,transparent 1px),
                   linear-gradient(90deg,var(--mvx-grid) 1px,transparent 1px);
  background-size:40px 40px;
  mask-image:radial-gradient(130% 80% at 80% 0%, #000, transparent 72%);
}
/* NOT: Eskiden buraya z-index:1 veriliyordu; bu .main-content'i bir stacking-context'e
   sokup Bootstrap modallarını (backdrop body'de, z-index~1050) perdenin ARKASINA
   düşürüyordu. Doku ::before'da z-index:-1'e alındı; içerik zaten üstte kalır, wrapper'lara
   z-index gerekmez → modallar artık perdenin önünde açılır. */
.mvx-app #layout-wrapper, .mvx-app .main-content{ position:relative; }

/* ── Hex logo aksanı (sidebar/marka için kullanılabilir) ── */
.mvx-hex{ width:38px;height:42px;display:inline-flex;align-items:center;justify-content:center;
  font-weight:900;font-size:15px;color:#04130d;flex-shrink:0;
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  background:linear-gradient(145deg,var(--mvx-green2),#12a368);box-shadow:0 6px 18px -4px rgba(46,224,138,.5); }

/* ── Sayısal tipografi ── */
.mvx-mono{ font-variant-numeric:tabular-nums; }

/* ════════ Ticker şeridi ════════ */
.mvx-ticks{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; }
.mvx-tick{ position:relative; overflow:hidden; background:var(--mvx-glass); backdrop-filter:blur(8px);
  border:1px solid var(--mav-border); border-radius:15px; padding:13px 15px; }
.mvx-tick .nm{ font-size:11.5px; color:var(--mav-muted); font-weight:700; letter-spacing:.3px; }
.mvx-tick .vl{ font-size:19px; font-weight:800; margin-top:3px; font-variant-numeric:tabular-nums; color:var(--mav-text); }
.mvx-tick .ch{ font-size:12px; font-weight:800; margin-top:1px; }
.mvx-tick svg{ position:absolute; right:10px; bottom:8px; opacity:.85; }
.mvx-up{ color:var(--mvx-up); } .mvx-down{ color:var(--mvx-down); }

/* ════════ Kart ════════ */
.mvx-card{ background:var(--mvx-glass); backdrop-filter:blur(10px); border:1px solid var(--mav-border);
  border-radius:var(--mvx-radius); overflow:hidden; box-shadow:var(--mav-shadow-sm); }
.mvx-card-h{ display:flex; align-items:center; gap:9px; padding:14px 16px; border-bottom:1px solid var(--mav-border);
  font-weight:800; font-size:14px; color:var(--mav-text); }
.mvx-card-h .i{ color:var(--mvx-green2); }
.mvx-card-h a{ margin-left:auto; color:var(--mvx-green2); font-size:12px; font-weight:700; text-decoration:none; }
.mvx-card-h a:hover{ opacity:.75; }
.mvx-card-b{ padding:14px 16px; }

/* ════════ Isı haritası ════════ */
.mvx-heat{ display:grid; grid-template-columns:repeat(auto-fill,minmax(96px,1fr)); gap:6px; }
.mvx-hcell{ border-radius:9px; padding:9px 8px; font-weight:800; font-size:11.5px; color:#04130d; }
.mvx-hcell small{ display:block; font-weight:700; font-size:9.5px; opacity:.82; margin-top:2px; }
.mvx-hcell.neg{ color:#fff; }

/* ════════ Pro veri tablosu ════════ */
.mvx-tbl{ width:100%; border-collapse:collapse; font-size:13px; }
.mvx-tbl th{ text-align:left; color:var(--mav-muted); font-size:11px; font-weight:700; text-transform:uppercase;
  letter-spacing:.4px; padding:6px 8px; border-bottom:1px solid var(--mav-border); }
.mvx-tbl td{ padding:9px 8px; border-bottom:1px solid var(--mav-border); font-variant-numeric:tabular-nums; color:var(--mav-text); }
.mvx-tbl tr:last-child td{ border-bottom:0; }
.mvx-tbl tbody tr{ transition:background .12s; }
.mvx-tbl tbody tr:hover{ background:color-mix(in srgb, var(--mvx-green) 7%, transparent); }
.mvx-sym{ display:flex; align-items:center; gap:9px; font-weight:800; color:var(--mav-text); }
.mvx-sym .d{ width:26px; height:26px; border-radius:8px; background:color-mix(in srgb,var(--mvx-green) 16%,transparent);
  color:var(--mvx-green2); display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:900; }

/* ════════ Skor halkası (AI) ════════ */
.mvx-ai{ display:flex; flex-direction:column; gap:11px; }
.mvx-ai-row{ display:flex; align-items:center; gap:13px; background:var(--mav-surface); border:1px solid var(--mav-border);
  border-radius:14px; padding:11px 13px; }
.mvx-ring{ width:54px; height:54px; flex:0 0 54px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-weight:900; font-size:15px; position:relative; }
.mvx-ring::after{ content:''; position:absolute; inset:5px; border-radius:50%; background:var(--mav-surface); }
.mvx-ring span{ position:relative; z-index:1; }
.mvx-ai-row .nm b{ font-size:14px; font-weight:800; color:var(--mav-text); }
.mvx-ai-row .nm div{ font-size:11.5px; color:var(--mav-muted); }
.mvx-ai-row .gr{ margin-left:auto; text-align:right; }
.mvx-ai-row .gr b{ font-size:12.5px; } .mvx-ai-row .gr small{ display:block; font-size:10.5px; color:var(--mav-muted); }

/* ════════ Pill / rozet ════════ */
.mvx-pill{ font-size:11px; font-weight:800; padding:2px 9px; border-radius:20px; white-space:nowrap; }
.mvx-pill.g{ background:color-mix(in srgb,var(--mvx-green) 16%,transparent); color:var(--mvx-green2); }
.mvx-pill.y{ background:rgba(245,158,11,.16); color:var(--mvx-gold); }
.mvx-pill.r{ background:rgba(239,83,80,.16); color:var(--mvx-down); }

/* ════════ Segment kontrol (sekme) ════════ */
.mvx-seg{ display:inline-flex; background:var(--mav-surface); border:1px solid var(--mav-border); border-radius:11px; padding:3px; }
.mvx-seg button{ border:0; background:transparent; color:var(--mav-muted); font-weight:700; font-size:12px;
  padding:6px 13px; border-radius:8px; cursor:pointer; }
.mvx-seg button.on{ background:color-mix(in srgb,var(--mvx-green) 16%,transparent); color:var(--mvx-green2); }

/* ════════ İzleme listesi satırı ════════ */
.mvx-wl{ display:flex; align-items:center; justify-content:space-between; padding:8px 0; border-bottom:1px solid var(--mav-border); }
.mvx-wl:last-child{ border-bottom:0; }

/* ════════ Pro upsell şeridi (altın) ════════ */
.mvx-pro-strip{ display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  background:linear-gradient(135deg, rgba(226,174,48,.16), rgba(226,174,48,.04) 60%, var(--mav-surface));
  border:1px solid rgba(226,174,48,.34); border-radius:var(--mvx-radius); padding:15px 18px; }
.mvx-pro-strip .ic{ width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:20px;
  background:linear-gradient(140deg,var(--mvx-gold),#c8961f); color:#1a1304; flex-shrink:0; }
.mvx-pro-strip b{ color:var(--mav-text); font-size:15px; } .mvx-pro-strip p{ margin:2px 0 0; color:var(--mav-muted); font-size:12.5px; }
.mvx-pro-strip .btn-gold{ margin-left:auto; border:0; border-radius:11px; padding:10px 18px; font-weight:800; font-size:13px;
  color:#1a1304; cursor:pointer; background:linear-gradient(135deg,var(--mvx-gold),#d29f24); text-decoration:none; }

/* ════════ Bölüm başlığı ════════ */
.mvx-page-h{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
.mvx-page-h h1{ font-size:21px; font-weight:800; margin:0; letter-spacing:-.4px; color:var(--mav-text); }
.mvx-page-h .sub{ color:var(--mav-muted); font-size:12.5px; }

/* yardımcı grid */
.mvx-2col{ display:grid; grid-template-columns:1.55fr 1fr; gap:16px; }
@media(max-width:991px){ .mvx-2col{ grid-template-columns:1fr; } }
.mvx-3col{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
@media(max-width:880px){ .mvx-3col{ grid-template-columns:1fr; } }

/* ════════ Piyasa: ısı haritası (sektör gruplu, boyut-ağırlıklı) ════════ */
.mvx-heat-wrap{ display:flex; flex-direction:column; gap:13px; }
.mvx-heat-sec-h{ display:flex; justify-content:space-between; align-items:center; font-size:12px; font-weight:800;
  color:var(--mav-text); margin-bottom:5px; }
.mvx-heat-cells{ display:flex; flex-wrap:wrap; gap:4px; }
.mvx-cell{ flex:1 1 62px; min-width:56px; border-radius:8px; padding:7px 8px; cursor:pointer;
  display:flex; flex-direction:column; justify-content:center; transition:transform .12s, filter .12s; }
.mvx-cell:hover{ transform:translateY(-2px); filter:brightness(1.09); }
.mvx-cell.pos{ color:#04130d; } .mvx-cell.neg{ color:#fff; } .mvx-cell.flat{ color:var(--mav-muted); }
.mvx-cell-tk{ font-weight:900; font-size:11px; }
.mvx-cell-chg{ font-weight:700; font-size:10px; opacity:.86; }

/* ════════ Piyasa genişliği + sektör barları ════════ */
.mvx-bar{ height:9px; border-radius:6px; background:var(--mav-surface-2); overflow:hidden; display:flex; }
.mvx-bar .up{ background:var(--mvx-green); } .mvx-bar .down{ background:var(--mvx-down); }
.mvx-breadth-nums{ display:flex; justify-content:space-between; font-size:12.5px; font-weight:700; margin-bottom:8px; }
.mvx-sec-row{ display:flex; align-items:center; gap:12px; padding:7px 0; border-bottom:1px solid var(--mav-border); font-size:13px; }
.mvx-sec-row:last-child{ border-bottom:0; }
.mvx-sec-name{ flex:0 0 140px; color:var(--mav-text); font-weight:600; }
.mvx-sec-name .mut{ color:var(--mav-muted); font-weight:500; }
.mvx-sec-track{ flex:1; height:7px; border-radius:5px; background:var(--mav-surface-2); position:relative; overflow:hidden; }
.mvx-sec-fill{ position:absolute; top:0; bottom:0; border-radius:5px; }
.mvx-sec-val{ flex:0 0 58px; text-align:right; font-weight:800; font-variant-numeric:tabular-nums; }

/* movers satırı (tıkla → şirket kartı) */
.mvx-mv{ display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid var(--mav-border); cursor:pointer; }
.mvx-mv:last-child{ border-bottom:0; } .mvx-mv:hover{ background:color-mix(in srgb,var(--mvx-green) 6%,transparent); }
.mvx-mv .tk{ font-weight:800; color:var(--mav-text); }
.mvx-mv .nm{ flex:1; color:var(--mav-muted); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mvx-mv .vl{ font-weight:800; font-variant-numeric:tabular-nums; }

/* ════════ Tarayıcı: strateji kartları + adım etiketi ════════ */
.mvx-step{ font-size:12px; font-weight:700; color:var(--mav-muted); margin-bottom:9px; }
.mvx-step .n{ color:var(--mvx-gold); font-weight:900; }
.mvx-strat{ display:block; border:2px solid var(--mav-border); border-radius:13px; padding:13px 14px; background:var(--mav-surface);
  cursor:pointer; transition:.16s; height:100%; margin:0; }
.mvx-strat:hover{ border-color:color-mix(in srgb,var(--mvx-gold) 50%,var(--mav-border)); transform:translateY(-2px); }
.mvx-strat.on{ border-color:var(--mvx-gold); background:rgba(226,174,48,.08); box-shadow:0 6px 18px -8px rgba(226,174,48,.5); }
.mvx-strat.disabled{ opacity:.5; cursor:not-allowed; } .mvx-strat.disabled:hover{ transform:none; border-color:var(--mav-border); }
.mvx-strat-ic{ width:38px; height:38px; border-radius:11px; display:inline-flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
.mvx-strat-t{ font-weight:800; color:var(--mav-text); font-size:13.5px; }
.mvx-strat-d{ font-size:11.5px; color:var(--mav-muted); }
.mvx-strat-code{ font-size:10.5px; color:var(--mav-muted); font-family:ui-monospace,Consolas,monospace; margin-top:8px; }

/* ════════ DataTable (bilançolar) — mvx görünümü ════════ */
.mvx-app #blTable thead th{ color:var(--mav-muted)!important; font-size:11px!important; font-weight:700!important;
  text-transform:uppercase; letter-spacing:.4px; border-bottom:1px solid var(--mav-border)!important; background:transparent!important; }
.mvx-app #blTable tbody td{ border-bottom:1px solid var(--mav-border)!important; font-variant-numeric:tabular-nums; vertical-align:middle; }
.mvx-app #blTable tbody tr:hover{ background:color-mix(in srgb,var(--mvx-green) 6%,transparent)!important; }

/* ══════════ Sinyal Risk Uyarısı (signal_disclaimer) — global ══════════ */
.cc-riskwarn{ margin:12px 0 16px; background:rgba(245,158,11,.07); border:1px solid rgba(245,158,11,.28); border-radius:11px; padding:11px 14px; }
.cc-riskwarn-head{ display:flex; align-items:flex-start; gap:9px; font-size:12.5px; line-height:1.5; color:var(--mav-text,#e8edf3); }
.cc-riskwarn-head i{ color:#f59e0b; font-size:15px; margin-top:1px; flex:0 0 auto; }
.cc-riskwarn-head u{ text-decoration-color:#f59e0b; }
.cc-riskwarn-more{ margin-top:8px; }
.cc-riskwarn-more > summary{ cursor:pointer; font-size:11.5px; color:#f59e0b; font-weight:600; list-style:none; padding:3px 0; user-select:none; }
.cc-riskwarn-more > summary::-webkit-details-marker{ display:none; }
.cc-riskwarn-more > summary::before{ content:"\25B8 "; }
.cc-riskwarn-more[open] > summary::before{ content:"\25BE "; }
.cc-riskwarn-more ul{ margin:6px 0 4px; padding-left:18px; }
.cc-riskwarn-more li{ font-size:12px; color:var(--mav-text-2,#c7cfdb); margin-bottom:5px; line-height:1.45; }
.cc-riskwarn-more p{ font-size:12px; color:var(--mav-text-2,#c7cfdb); margin:6px 0 0; line-height:1.45; }
.cc-riskwarn-foot{ margin-top:8px; font-size:11.5px; color:#f59e0b; letter-spacing:.02em; }

/* ══════════ Kıymetli Madenler kartı (Piyasa) ══════════ */
.mvx-gold-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:10px; }
.mvx-gold{ background:var(--mav-surface,#131922); border:1px solid var(--mav-border,rgba(255,255,255,.07)); border-radius:11px; padding:11px 13px; }
.mvx-gold-nm{ font-size:12.5px; color:var(--mav-text-2,#c7cfdb); margin-bottom:5px; }
.mvx-gold-v{ font-size:19px; font-weight:800; color:var(--mav-text,#e8edf3); font-variant-numeric:tabular-nums; letter-spacing:-.01em; }
.mvx-gold-v small{ font-size:12px; font-weight:600; color:var(--mav-muted,#7b8794); }
.mvx-gold-sub{ display:flex; justify-content:space-between; align-items:center; margin-top:5px; font-size:11.5px; color:var(--mav-muted,#7b8794); font-variant-numeric:tabular-nums; }
.mvx-gold-sub .ch.mvx-up{ color:#1CB960; } .mvx-gold-sub .ch.mvx-down{ color:#ef5350; }

/* ══════════ Tarayıcı dönem seçici — seçili pill YEŞİL (net görünürlük) ══════════ */
.scanner-pill-group .btn-check:checked + .btn,
.scanner-pill-group .btn-check:active + .btn{
    background: var(--mav-green, #1CB960) !important;
    border-color: var(--mav-green, #1CB960) !important;
    color: #fff !important;
    box-shadow: 0 2px 10px rgba(28,185,96,.35) !important;
    font-weight: 700 !important;
}
.scanner-pill-group .btn-check:checked + .btn strong{ color:#fff !important; }
/* Seçili olmayanlar: nötr, hover'da hafif yeşil ipucu */
.scanner-pill-group .btn:hover{ border-color: var(--mav-green, #1CB960) !important; color: var(--mav-green, #1CB960) !important; }

/* ═══════ Piyasa — sade üst düzen (Faz 1b) ═══════ */
.mvx-mut,.mvx-dtable .mut,.mvx-idx .mut{ color:var(--mav-muted); }
/* Sekmeli enstrüman şeridi */
.mvx-strip{ background:var(--mvx-glass); backdrop-filter:blur(10px); border:1px solid var(--mav-border); border-radius:16px; overflow:hidden; }
.mvx-strip-tabs{ display:flex; gap:4px; padding:6px; border-bottom:1px solid var(--mav-border); }
.mvx-strip-tab{ background:transparent; border:0; color:var(--mav-muted); font-weight:700; font-size:12.5px; padding:7px 14px; border-radius:9px; cursor:pointer; letter-spacing:.2px; }
.mvx-strip-tab:hover{ color:var(--mav-text); }
.mvx-strip-tab.on{ background:color-mix(in srgb,var(--mvx-green) 14%,transparent); color:var(--mvx-green2); }
.mvx-strip-body{ display:none; grid-template-columns:repeat(auto-fit,minmax(138px,1fr)); gap:9px; padding:11px; }
.mvx-strip-body.on{ display:grid; }
.mvx-strip .mvx-tick{ border-radius:11px; padding:9px 12px; }
.mvx-strip .mvx-tick .nm{ display:flex; align-items:center; gap:5px; }
.mvx-strip .mvx-tick .nm .mvx-tick-ic{ color:var(--mvx-green2); font-size:13px; }
.mvx-strip .mvx-tick .vl{ font-size:16.5px; font-weight:800; margin-top:4px; }
.mvx-strip .mvx-tick .ch{ font-size:11.5px; }

/* 2 kolon + sağ ray */
.mvx-mkt-grid{ display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:16px; align-items:start; }
.mvx-mkt-main{ min-width:0; }
.mvx-rail{ display:flex; flex-direction:column; gap:16px; }
@media(max-width:991px){ .mvx-mkt-grid{ grid-template-columns:1fr; } }

/* Panel sekmeleri (temettü/bilanço) */
.mvx-panel-tabs{ display:flex; gap:2px; padding:6px; background:color-mix(in srgb,var(--mav-surface) 55%,transparent); border-bottom:1px solid var(--mav-border); }
.mvx-ptab{ flex:1; background:transparent; border:0; color:var(--mav-muted); font-weight:700; font-size:13px; padding:9px 8px; border-radius:9px; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:6px; }
.mvx-ptab i{ font-size:15px; }
.mvx-ptab:hover{ color:var(--mav-text); }
.mvx-ptab.on{ background:var(--mvx-glass); color:var(--mav-text); box-shadow:inset 0 -2px 0 var(--mvx-green); }
.mvx-pane{ display:none; }
.mvx-pane.on{ display:block; }
.mvx-pane-note{ display:flex; align-items:center; gap:7px; padding:10px 16px; font-size:11.5px; color:var(--mav-muted); border-top:1px solid var(--mav-border); }
.mvx-pane-note i{ color:var(--mvx-blue); }

/* Panel tabloları */
.mvx-dtable{ width:100%; border-collapse:collapse; }
.mvx-dtable th{ font-size:10.5px; text-transform:uppercase; letter-spacing:.5px; color:var(--mav-muted); font-weight:700; text-align:right; padding:10px 16px 7px; }
.mvx-dtable th:first-child{ text-align:left; }
.mvx-dtable td{ padding:10px 16px; border-top:1px solid var(--mav-border); font-size:13px; text-align:right; color:var(--mav-text); }
.mvx-dtable td:first-child{ text-align:left; }
.mvx-dtable tbody tr{ cursor:pointer; }
.mvx-dtable tbody tr:hover{ background:color-mix(in srgb,var(--mvx-green) 6%,transparent); }
.mvx-co{ display:flex; align-items:center; gap:10px; }
.mvx-lg{ width:26px; height:26px; flex:0 0 26px; border-radius:8px; background:color-mix(in srgb,var(--mav-surface) 60%,transparent); border:1px solid var(--mav-border); display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:800; color:var(--mvx-gold); }
.mvx-co b{ font-weight:800; display:block; font-size:13px; }
.mvx-co small{ color:var(--mav-muted); font-size:11px; }

/* Hareketliler bölünmüş */
.mvx-mv-split{ display:grid; grid-template-columns:1fr 1fr; }
.mvx-mv-split>div{ padding:6px 16px 10px; }
.mvx-mv-split>div:first-child{ border-right:1px solid var(--mav-border); }
.mvx-mv-sub{ font-size:12px; font-weight:800; padding:6px 0 8px; letter-spacing:.2px; }
.mvx-mv-split .mvx-mv .nm{ flex:1; }
@media(max-width:520px){ .mvx-mv-split{ grid-template-columns:1fr; } .mvx-mv-split>div:first-child{ border-right:0; border-bottom:1px solid var(--mav-border); } }

/* Sağ ray — endeks detayı */
.mvx-idx{ padding:16px; }
.mvx-idx .idx-top{ display:flex; align-items:center; justify-content:space-between; font-size:12.5px; color:var(--mav-muted); font-weight:700; }
.mvx-idx .idx-big{ font-size:30px; font-weight:800; letter-spacing:-.5px; margin:8px 0 2px; color:var(--mav-text); }
.mvx-idx .idx-dl{ font-size:13px; font-weight:800; }
.mvx-rail .mvx-mv{ padding:9px 16px; border-bottom:1px solid var(--mav-border); }
.mvx-rail .mvx-mv .nm{ flex:none; }

/* ═══════ Sidebar global hisse arama ═══════ */
.mav-search{ position:relative; margin:10px 14px 6px; }
.mav-search-ic{ position:absolute; left:12px; top:50%; transform:translateY(-50%); color:var(--mav-muted); font-size:15px; pointer-events:none; }
.mav-search-input{ width:100%; height:38px; padding:0 12px 0 34px; border-radius:10px; font-size:13px;
    background:color-mix(in srgb,var(--mav-surface) 65%,transparent); border:1px solid var(--mav-border);
    color:var(--mav-text); outline:none; transition:border-color .15s, box-shadow .15s; }
.mav-search-input::placeholder{ color:var(--mav-muted); }
.mav-search-input:focus{ border-color:var(--mvx-green); box-shadow:0 0 0 3px color-mix(in srgb,var(--mvx-green) 18%,transparent); }
.mav-search-res{ display:none; position:absolute; left:0; right:0; top:calc(100% + 6px); z-index:60;
    background:var(--mav-surface); border:1px solid var(--mav-border); border-radius:12px; overflow:hidden;
    box-shadow:0 18px 40px -12px rgba(0,0,0,.6); max-height:340px; overflow-y:auto; }
.mav-search-res.on{ display:block; }
.mav-search-item{ display:flex; align-items:center; gap:9px; padding:9px 12px; text-decoration:none;
    border-bottom:1px solid var(--mav-border); color:var(--mav-text); }
.mav-search-item:last-child{ border-bottom:0; }
.mav-search-item:hover,.mav-search-item.active{ background:color-mix(in srgb,var(--mvx-green) 12%,transparent); }
.mav-search-item .ic{ font-size:15px; flex:0 0 auto; }
.mav-search-item .tk{ font-weight:800; font-size:12.5px; flex:0 0 auto; color:var(--mav-text); }
.mav-search-item .nm{ font-size:11.5px; color:var(--mav-muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mav-search-empty{ padding:12px; font-size:12.5px; color:var(--mav-muted); text-align:center; }