/* =====================================================================
 * DigiSalvage — Scrap / Salvage marketplace (shared look)
 * Used by scrap-market.html, scrap-sell.html, admin-scrap.html and
 * vehicle-scrap-salvage.html. Chrome 109 safe: no nesting, no
 * color-mix(), no :has(), no container queries.
 * ===================================================================== */
:root{
  --sv-bg:#06101d; --sv-surface:#0b1728; --sv-card:#0f1d33; --sv-card-2:#132440;
  --sv-line:rgba(158,178,210,0.14); --sv-line-2:rgba(158,178,210,0.24);
  --sv-gold:#e4b04a; --sv-gold-2:#f0c268; --sv-gold-dim:rgba(228,176,74,0.13);
  --sv-teal:#35d0bb; --sv-teal-dim:rgba(53,208,187,0.13);
  --sv-red:#ff6b6b; --sv-red-dim:rgba(255,107,107,0.13);
  --sv-sky:#5fb4ff; --sv-sky-dim:rgba(95,180,255,0.13);
  --sv-violet:#a78bfa;
  --sv-text:#f1f4f9; --sv-dim:#9eabc0; --sv-dim-2:#6d7d95;
  --sv-r-s:8px; --sv-r:12px; --sv-r-l:18px;
  --sv-ease:cubic-bezier(.2,.7,.2,1);
  --sv-head:'Sora','Segoe UI',system-ui,sans-serif;
  --sv-body:'Inter','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
  --sv-mono:'JetBrains Mono',Consolas,'Courier New',monospace;
  --sv-shadow:0 12px 40px rgba(0,0,0,0.35);
}
*{box-sizing:border-box;}
html{background:var(--sv-bg);}
body{margin:0;
  background:
    radial-gradient(1150px 540px at 6% -10%, rgba(37,99,235,0.13), transparent 58%),
    radial-gradient(900px 460px at 100% -8%, rgba(228,176,74,0.07), transparent 55%),
    var(--sv-bg);
  background-attachment:fixed;
  color:var(--sv-text); font-family:var(--sv-body); font-size:15px; line-height:1.55; overflow-x:hidden; min-height:100vh;}
a{color:var(--sv-gold-2); text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;}
h1,h2,h3,h4{font-family:var(--sv-head); margin:0; letter-spacing:-0.01em; line-height:1.25;}
p{margin:0;}
.mono{font-family:var(--sv-mono);}
.sv-wrap{max-width:1280px; margin:0 auto; padding:0 16px;}
@media (min-width:720px){ .sv-wrap{padding:0 28px;} }
.sv-hidden{display:none !important;}
.sv-sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
.sv-skip{position:absolute; left:16px; top:-60px; z-index:2000; background:var(--sv-gold); color:#1a1204; padding:10px 16px; border-radius:8px; font-weight:700;}
.sv-skip:focus{top:12px;}

/* ---------- nav ---------- */
.sv-nav{position:sticky; top:0; z-index:900; background:rgba(6,16,29,0.9); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); border-bottom:1px solid var(--sv-line);}
.sv-nav-in{display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:60px;}
.sv-brand{display:flex; align-items:center; gap:10px; color:var(--sv-text); font-family:var(--sv-head); font-weight:700; font-size:15px; white-space:nowrap;}
.sv-brand:hover{text-decoration:none;}
.sv-word{letter-spacing:-.01em;}
.sv-word b{color:var(--sv-gold); font-weight:inherit;}
.sv-brand-mark{width:32px; height:32px; border-radius:9px; background:linear-gradient(135deg,#132440,#0b1728); border:1px solid rgba(228,176,74,0.45); display:flex; align-items:center; justify-content:center; color:var(--sv-gold); font-size:14px; font-weight:800; flex:0 0 auto;}
.sv-brand small{display:block; font-family:var(--sv-body); font-weight:500; font-size:11px; color:var(--sv-dim); letter-spacing:.02em;}
.sv-nav-links{display:flex; align-items:center; gap:4px;}
.sv-nav-links a{color:var(--sv-dim); font-size:13.5px; font-weight:600; padding:8px 12px; border-radius:8px; white-space:nowrap;}
.sv-nav-links a:hover, .sv-nav-links a.active{color:var(--sv-text); background:rgba(255,255,255,0.05); text-decoration:none;}
.sv-nav-links a.active{color:var(--sv-gold-2);}
@media (max-width:760px){
  .sv-nav-links a.sv-hide-m{display:none;}
  .sv-brand small{display:none;}
}
@media (max-width:440px){
  .sv-nav-in{gap:8px;}
  .sv-brand{font-size:14px; gap:8px;}
  .sv-brand-mark{width:28px; height:28px; font-size:13px;}
  .sv-nav-links{gap:2px;}
  .sv-nav-links a{padding:8px 7px; font-size:13px;}
  .sv-nav-links a.sv-btn{padding:7px 10px;}
  .sv-nav-links a.active:not(.sv-btn){display:none;}
  .sv-nav-links a.sv-hide-xs{display:none;}
}

/* ---------- buttons ---------- */
.sv-btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid transparent; border-radius:10px; padding:10px 18px; font-size:14px; font-weight:700; font-family:var(--sv-body); cursor:pointer; line-height:1.2; transition:transform .15s var(--sv-ease), background .15s, border-color .15s, box-shadow .15s; text-decoration:none; white-space:nowrap;}
.sv-btn:hover{text-decoration:none;}
.sv-btn:active{transform:translateY(1px);}
.sv-btn:disabled{opacity:.5; cursor:not-allowed; transform:none;}
.sv-btn-gold{background:linear-gradient(135deg,var(--sv-gold-2),var(--sv-gold)); color:#1a1204; box-shadow:0 6px 18px rgba(228,176,74,0.22);}
.sv-btn-gold:hover{box-shadow:0 8px 24px rgba(228,176,74,0.34); color:#1a1204;}
.sv-btn-ghost{background:rgba(255,255,255,0.04); border-color:var(--sv-line-2); color:var(--sv-text);}
.sv-btn-ghost:hover{border-color:rgba(228,176,74,0.5); color:var(--sv-text);}
.sv-btn-teal{background:var(--sv-teal-dim); border-color:rgba(53,208,187,0.4); color:var(--sv-teal);}
.sv-btn-danger{background:var(--sv-red-dim); border-color:rgba(255,107,107,0.35); color:var(--sv-red);}
.sv-btn-sm{padding:7px 12px; font-size:12.5px; border-radius:8px;}
.sv-btn-block{width:100%;}
.sv-icon-btn{width:36px; height:36px; border-radius:9px; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,0.05); border:1px solid var(--sv-line-2); color:var(--sv-text); cursor:pointer; font-size:16px; padding:0; flex:0 0 auto;}
.sv-icon-btn:hover{border-color:rgba(228,176,74,0.5);}

/* ---------- forms ---------- */
.sv-field{display:flex; flex-direction:column; gap:6px; min-width:0;}
.sv-label{font-size:12.5px; font-weight:600; color:var(--sv-dim);}
.sv-label .req{color:var(--sv-gold);}
.sv-input, .sv-select, .sv-textarea{width:100%; background:#0a1627; border:1px solid var(--sv-line-2); color:var(--sv-text); border-radius:10px; padding:11px 12px; font-size:14px; font-family:var(--sv-body); outline:none; transition:border-color .15s, box-shadow .15s; min-width:0;}
.sv-input:focus, .sv-select:focus, .sv-textarea:focus{border-color:var(--sv-gold); box-shadow:0 0 0 3px rgba(228,176,74,0.15);}
.sv-input.invalid, .sv-select.invalid, .sv-textarea.invalid{border-color:var(--sv-red);}
.sv-select{-webkit-appearance:none; -moz-appearance:none; appearance:none; padding-right:34px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239eabc0' stroke-width='1.6' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center;}
.sv-select option{background:#0b1728; color:var(--sv-text);}
.sv-textarea{resize:vertical; min-height:110px; line-height:1.5;}
.sv-hint{font-size:12px; color:var(--sv-dim-2);}
.sv-err-text{font-size:12px; color:var(--sv-red);}
.sv-grid-2{display:grid; grid-template-columns:1fr; gap:14px;}
.sv-grid-3{display:grid; grid-template-columns:1fr; gap:14px;}
@media (min-width:640px){ .sv-grid-2{grid-template-columns:1fr 1fr;} .sv-grid-3{grid-template-columns:1fr 1fr;} }
@media (min-width:980px){ .sv-grid-3{grid-template-columns:1fr 1fr 1fr;} }
.sv-span-all{grid-column:1/-1;}

/* ---------- cards / chips ---------- */
.sv-card{background:var(--sv-card); border:1px solid var(--sv-line); border-radius:var(--sv-r-l);}
.sv-pad{padding:18px;}
@media (min-width:720px){ .sv-pad{padding:24px;} }
.sv-chip{display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; font-size:11.5px; font-weight:700; letter-spacing:.02em; background:rgba(255,255,255,0.06); color:var(--sv-dim); white-space:nowrap;}
.sv-chip-gold{background:var(--sv-gold-dim); color:var(--sv-gold-2);}
.sv-chip-teal{background:var(--sv-teal-dim); color:var(--sv-teal);}
.sv-chip-red{background:var(--sv-red-dim); color:var(--sv-red);}
.sv-chip-sky{background:var(--sv-sky-dim); color:var(--sv-sky);}
.sv-chip-violet{background:rgba(167,139,250,0.14); color:var(--sv-violet);}
.sv-dot{width:8px; height:8px; border-radius:50%; background:var(--sv-dim-2); display:inline-block; flex:0 0 auto;}
.sv-dot.live{background:var(--sv-teal); box-shadow:0 0 0 0 rgba(53,208,187,0.6); animation:svPulse 2s infinite;}
@keyframes svPulse{0%{box-shadow:0 0 0 0 rgba(53,208,187,0.55);}70%{box-shadow:0 0 0 9px rgba(53,208,187,0);}100%{box-shadow:0 0 0 0 rgba(53,208,187,0);}}
.sv-eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--sv-gold-2);}

/* ---------- empty state ---------- */
.sv-empty{border:1px dashed var(--sv-line-2); border-radius:var(--sv-r-l); padding:34px 20px; text-align:center; color:var(--sv-dim); background:linear-gradient(180deg,rgba(15,29,51,0.6),rgba(11,23,40,0.3));}
.sv-empty-ic{width:56px; height:56px; margin:0 auto 14px; border-radius:16px; background:var(--sv-gold-dim); color:var(--sv-gold); display:flex; align-items:center; justify-content:center;}
.sv-empty h3{font-size:17px; color:var(--sv-text); margin-bottom:6px;}
.sv-empty p{font-size:13.5px; max-width:520px; margin:0 auto;}
.sv-empty .sv-btn{margin-top:16px;}

/* ---------- modal / drawer ---------- */
.sv-overlay{position:fixed; inset:0; z-index:1500; background:rgba(2,7,14,0.72); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); display:flex; align-items:flex-start; justify-content:center; padding:24px 12px; overflow-y:auto; opacity:0; visibility:hidden; transition:opacity .2s, visibility .2s;}
.sv-overlay.open{opacity:1; visibility:visible;}
.sv-modal{width:100%; max-width:1000px; background:var(--sv-surface); border:1px solid var(--sv-line-2); border-radius:var(--sv-r-l); box-shadow:var(--sv-shadow); position:relative; transform:translateY(12px); transition:transform .25s var(--sv-ease);}
.sv-overlay.open .sv-modal{transform:none;}
.sv-modal-head{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:18px 18px 14px; border-bottom:1px solid var(--sv-line);}
.sv-modal-body{padding:18px;}
@media (max-width:600px){ .sv-overlay{padding:0;} .sv-modal{border-radius:0; min-height:100%; border:0;} }
body.sv-lock{overflow:hidden;}

.sv-drawer{position:fixed; top:0; right:0; bottom:0; width:100%; max-width:720px; z-index:1600; background:var(--sv-surface); border-left:1px solid var(--sv-line-2); box-shadow:var(--sv-shadow); transform:translateX(105%); transition:transform .28s var(--sv-ease); display:flex; flex-direction:column;}
.sv-drawer.open{transform:none;}
.sv-drawer-head{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--sv-line); flex:0 0 auto;}
.sv-drawer-body{flex:1 1 auto; overflow-y:auto; padding:18px;}
.sv-drawer-foot{flex:0 0 auto; border-top:1px solid var(--sv-line); padding:12px 18px; display:flex; gap:8px; flex-wrap:wrap; background:#0a1525;}
.sv-scrim{position:fixed; inset:0; z-index:1550; background:rgba(2,7,14,0.6); opacity:0; visibility:hidden; transition:opacity .2s, visibility .2s;}
.sv-scrim.open{opacity:1; visibility:visible;}

/* ---------- toasts ---------- */
.sv-toasts{position:fixed; right:16px; bottom:16px; z-index:3000; display:flex; flex-direction:column; gap:10px; max-width:calc(100vw - 32px); width:360px; pointer-events:none;}
.sv-toast{pointer-events:auto; background:#0f1d33; border:1px solid rgba(228,176,74,0.45); border-left:4px solid var(--sv-gold); color:var(--sv-text); border-radius:12px; padding:12px 14px; box-shadow:var(--sv-shadow); font-size:13.5px; display:flex; gap:10px; align-items:flex-start; animation:svToastIn .3s var(--sv-ease);}
.sv-toast.ok{border-left-color:var(--sv-teal); border-color:rgba(53,208,187,0.4);}
.sv-toast.err{border-left-color:var(--sv-red); border-color:rgba(255,107,107,0.4);}
.sv-toast b{display:block; font-family:var(--sv-head); font-size:13.5px; margin-bottom:2px;}
.sv-toast .sv-toast-x{margin-left:auto; background:none; border:0; color:var(--sv-dim); cursor:pointer; font-size:18px; line-height:1; padding:0 2px;}
@keyframes svToastIn{from{opacity:0; transform:translateY(10px);}to{opacity:1; transform:none;}}
@media (max-width:600px){ .sv-toasts{left:16px; right:16px; width:auto;} }

/* ---------- photo placeholder / carousel ---------- */
.sv-ph{position:relative; background:linear-gradient(135deg,#10203a,#0a1628); overflow:hidden;}
.sv-ph-empty{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; color:var(--sv-dim-2); font-size:12px;}
.sv-ph img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;}

/* ---------- leaflet tweaks ---------- */
.leaflet-container{background:#0d1a2e; font-family:var(--sv-body);}
.leaflet-popup-content-wrapper, .leaflet-popup-tip{background:#0f1d33; color:var(--sv-text); border:1px solid var(--sv-line-2);}
.leaflet-popup-content{margin:10px 12px;}
.leaflet-container a.leaflet-popup-close-button{color:var(--sv-dim);}
.leaflet-control-attribution{background:rgba(6,16,29,0.8) !important; color:var(--sv-dim) !important;}
.leaflet-control-attribution a{color:var(--sv-gold-2) !important;}
.leaflet-bar a{background:#0f1d33; color:var(--sv-text); border-bottom-color:var(--sv-line-2);}
.leaflet-bar a:hover{background:#132440;}
.sv-pin{width:30px; height:30px; border-radius:50% 50% 50% 0; transform:rotate(-45deg); background:linear-gradient(135deg,var(--sv-gold-2),var(--sv-gold)); border:2px solid #06101d; box-shadow:0 4px 10px rgba(0,0,0,0.45);}
.sv-pin.new{background:linear-gradient(135deg,#5ff0da,var(--sv-teal));}
.sv-pin.sold{background:#6d7d95;}
.sv-pin-wrap{background:none; border:0;}
.sv-map-fallback{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; padding:20px; color:var(--sv-dim); font-size:13px;}

/* ---------- footer ---------- */
.sv-footer{border-top:1px solid var(--sv-line); margin-top:56px; padding:28px 0 36px; color:var(--sv-dim); font-size:13px;}
.sv-footer-in{display:flex; flex-wrap:wrap; gap:14px 28px; align-items:center; justify-content:space-between;}
.sv-footer-links{display:flex; flex-wrap:wrap; gap:6px 18px;}
.sv-footer-links a{color:var(--sv-dim);}
.sv-footer-links a:hover{color:var(--sv-gold-2);}

/* ---------- misc ---------- */
.sv-spinner{width:18px; height:18px; border-radius:50%; border:2px solid rgba(255,255,255,0.18); border-top-color:var(--sv-gold); animation:svSpin .8s linear infinite; display:inline-block; vertical-align:middle;}
@keyframes svSpin{to{transform:rotate(360deg);}}
.sv-skel{background:linear-gradient(90deg,#0f1d33 0%,#152744 50%,#0f1d33 100%); background-size:200% 100%; animation:svSkel 1.4s infinite; border-radius:12px;}
@keyframes svSkel{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
.sv-progress{height:6px; background:rgba(255,255,255,0.07); border-radius:6px; overflow:hidden;}
.sv-progress > i{display:block; height:100%; width:0; background:linear-gradient(90deg,var(--sv-gold),var(--sv-teal)); transition:width .25s;}
.sv-tabs{display:flex; gap:6px; overflow-x:auto; padding-bottom:4px; -webkit-overflow-scrolling:touch;}
.sv-tab{flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; padding:9px 14px; border-radius:10px; border:1px solid var(--sv-line-2); background:rgba(255,255,255,0.03); color:var(--sv-dim); font-weight:600; font-size:13.5px; cursor:pointer; font-family:var(--sv-body);}
.sv-tab .n{font-family:var(--sv-mono); font-size:11.5px; background:rgba(255,255,255,0.08); padding:1px 7px; border-radius:999px; color:var(--sv-text);}
.sv-tab.active{background:var(--sv-gold-dim); border-color:rgba(228,176,74,0.55); color:var(--sv-gold-2);}
.sv-kv{display:grid; grid-template-columns:auto 1fr; gap:8px 16px; font-size:13.5px;}
.sv-kv dt{color:var(--sv-dim);}
.sv-kv dd{margin:0; font-weight:600; min-width:0; word-break:break-word;}
@media (prefers-reduced-motion:reduce){ *{animation-duration:.001s !important; transition-duration:.001s !important;} }

/* ---------- full footer (public pages) ---------- */
.sv-foot-grid{display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:28px;}
.sv-foot-grid h4{font-family:var(--sv-mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--sv-dim-2); margin:0 0 12px; font-weight:600;}
.sv-foot-grid ul{list-style:none; margin:0; padding:0; display:grid; gap:8px;}
.sv-foot-grid ul a{color:var(--sv-dim); font-size:13.5px;}
.sv-foot-grid ul a:hover{color:var(--sv-gold-2);}
.sv-foot-grid p{color:var(--sv-dim); font-size:13px; margin-top:10px; max-width:300px;}
.sv-foot-bottom{margin-top:28px; padding-top:18px; border-top:1px solid var(--sv-line); display:flex; flex-wrap:wrap; gap:10px 24px; justify-content:space-between; font-size:12.5px; color:var(--sv-dim-2);}
@media (max-width:900px){ .sv-foot-grid{grid-template-columns:1fr 1fr;} .sv-foot-grid > div:first-child{grid-column:1/-1;} }
@media (max-width:440px){ .sv-foot-grid{grid-template-columns:1fr;} }

/* ---------- breadcrumbs ---------- */
.sv-crumbs{font-size:12.5px; color:var(--sv-dim-2); display:flex; flex-wrap:wrap; gap:6px; align-items:center;}
.sv-crumbs a{color:var(--sv-dim);}
.sv-crumbs span[aria-hidden]{opacity:.5;}

/* ---------- buyer bits ---------- */
.sv-meter{display:flex; align-items:center; gap:10px;}
.sv-meter .sv-progress{flex:1; height:8px;}
.sv-meter b{font-family:var(--sv-mono); font-size:13px; color:var(--sv-gold-2); min-width:42px; text-align:right;}
.sv-check-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;}
@media (min-width:720px){ .sv-check-grid{grid-template-columns:repeat(4,minmax(0,1fr));} }
.sv-check{display:flex; align-items:center; gap:8px; padding:10px 12px; border:1px solid var(--sv-line-2); border-radius:10px; background:#0a1627; cursor:pointer; font-size:13.5px; font-weight:600; color:var(--sv-dim); user-select:none;}
.sv-check input{accent-color:#e4b04a; width:16px; height:16px; margin:0; flex:0 0 auto;}
.sv-check.on{border-color:var(--sv-gold); background:var(--sv-gold-dim); color:var(--sv-gold-2);}
.sv-tags{display:flex; flex-wrap:wrap; gap:6px;}
.sv-tag{display:inline-flex; align-items:center; gap:6px; padding:5px 6px 5px 11px; border-radius:999px; background:rgba(255,255,255,0.06); font-size:12.5px; font-weight:600;}
.sv-tag button{border:0; background:rgba(255,255,255,0.08); color:var(--sv-dim); width:20px; height:20px; border-radius:50%; cursor:pointer; line-height:1; padding:0;}
.sv-verified{display:inline-flex; align-items:center; gap:5px; color:var(--sv-teal); font-size:12px; font-weight:700;}
.sv-logo{width:56px; height:56px; border-radius:14px; background:linear-gradient(135deg,#132440,#0b1728); border:1px solid var(--sv-line-2); display:flex; align-items:center; justify-content:center; overflow:hidden; flex:0 0 auto; font-family:var(--sv-head); font-weight:800; color:var(--sv-gold-2); font-size:20px;}
.sv-logo img{width:100%; height:100%; object-fit:cover;}

/* =====================================================================
 * Commercial marketplace layer (2026-09-27): search hero, trust strip,
 * filter chips, auction cards, countdowns, bid meter, quotation table.
 * ===================================================================== */
:root{ --sv-accent:#ff7a45; --sv-accent-dim:rgba(255,122,69,0.14); }

/* search hero */
.mk-hero{position:relative; overflow:hidden; padding:28px 0 22px; background:
  radial-gradient(900px 420px at 88% -10%, rgba(228,176,74,0.20), transparent 60%),
  radial-gradient(700px 380px at -10% 110%, rgba(53,208,187,0.10), transparent 60%),
  linear-gradient(180deg,#0a1a31 0%, var(--sv-bg) 100%); border-bottom:1px solid var(--sv-line);}
@media (min-width:980px){ .mk-hero{padding:46px 0 30px;} }
.mk-hero h1{font-size:26px; font-weight:800; margin:10px 0 10px; max-width:880px;}
@media (min-width:720px){ .mk-hero h1{font-size:40px;} }
.mk-hero h1 em{font-style:normal; color:var(--sv-gold-2);}
.mk-hero .mk-sub{color:var(--sv-dim); font-size:15px; max-width:680px;}
.mk-search{margin-top:20px; background:#fbfcfe; border-radius:18px; padding:12px; box-shadow:0 18px 50px rgba(0,0,0,0.35); color:#0f1d33; max-width:1040px;}
.mk-seg{display:flex; gap:4px; padding:0 2px 10px; overflow-x:auto; scrollbar-width:none;}
.mk-seg::-webkit-scrollbar{display:none;}
.mk-seg button{flex:0 0 auto; border:0; background:#eef1f6; color:#34435a; font:700 13px var(--sv-body); padding:8px 14px; border-radius:999px; cursor:pointer; display:inline-flex; align-items:center; gap:6px;}
.mk-seg button.on{background:#0f1d33; color:#f0c268;}
@media (max-width:480px){ .mk-seg button{padding:8px 11px; font-size:12.5px;} }
.mk-row{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.mk-row .mk-q{grid-column:1/-1;}
.mk-row .mk-go{grid-column:1/-1;}
@media (min-width:760px){ .mk-row{grid-template-columns:1.7fr 1fr 0.9fr auto;} .mk-row .mk-q, .mk-row .mk-go{grid-column:auto;} }
.mk-f{position:relative; display:flex; align-items:center; background:#f2f5f9; border:1px solid #dde3ec; border-radius:12px; min-width:0;}
.mk-f svg{position:absolute; left:12px; color:#6b7a90; pointer-events:none;}
.mk-f input, .mk-f select{width:100%; border:0; background:transparent; font:500 15px var(--sv-body); color:#0f1d33; padding:13px 12px 13px 38px; outline:none; min-width:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.mk-f select option{background:#fff; color:#0f1d33;}
.mk-f:focus-within{border-color:var(--sv-gold); box-shadow:0 0 0 3px rgba(228,176,74,0.25);}
.mk-go{border:0; border-radius:12px; padding:0 26px; min-height:48px; font:800 15px var(--sv-head); cursor:pointer; background:linear-gradient(135deg,var(--sv-gold-2),var(--sv-gold)); color:#1a1204; display:inline-flex; align-items:center; justify-content:center; gap:8px;}
.mk-go:hover{filter:brightness(1.05);}
.mk-stats{display:flex; flex-wrap:wrap; gap:10px 26px; margin-top:18px; font-size:13px; color:var(--sv-dim);}
.mk-stats span{display:inline-flex; align-items:baseline;}
.mk-stats b{font-family:var(--sv-mono); font-size:20px; color:var(--sv-text); margin-right:6px; font-weight:600;}
.mk-stats .gold b{color:var(--sv-gold-2);} .mk-stats .teal b{color:var(--sv-teal);} .mk-stats .accent b{color:var(--sv-accent);}

/* trust strip */
.sv-trust{border-bottom:1px solid var(--sv-line); background:#081629;}
.sv-trust-in{display:flex; gap:10px 26px; overflow-x:auto; padding-top:11px; padding-bottom:11px; scrollbar-width:none;}
@media (min-width:1200px){ .sv-trust-in{flex-wrap:wrap; justify-content:space-between;} }
.sv-trust-in::-webkit-scrollbar{display:none;}
.sv-trust-it{flex:0 0 auto; display:flex; align-items:center; gap:8px; font-size:12.5px; color:#c5cfdd; font-weight:600; white-space:nowrap;}
.sv-trust-it i{width:26px; height:26px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; background:var(--sv-gold-dim); color:var(--sv-gold-2); font-style:normal;}

/* filter chips */
.mk-chips{display:flex; gap:6px; overflow-x:auto; padding:2px 0; scrollbar-width:none; min-width:0;}
.mk-chips::-webkit-scrollbar{display:none;}
.mk-chip{flex:0 0 auto; border:1px solid var(--sv-line-2); background:rgba(255,255,255,0.03); color:var(--sv-dim); font:700 12.5px var(--sv-body); padding:7px 12px; border-radius:999px; cursor:pointer; display:inline-flex; align-items:center; gap:6px; white-space:nowrap;}
.mk-chip:hover{border-color:rgba(228,176,74,0.5); color:var(--sv-text);}
.mk-chip.on{background:var(--sv-gold); border-color:var(--sv-gold); color:#1a1204;}
.mk-chip .n{font-family:var(--sv-mono); font-size:11px; opacity:.75;}
.mk-chip-sep{flex:0 0 1px; background:var(--sv-line-2); margin:4px 2px;}

/* condition badges */
.sv-b{display:inline-flex; align-items:center; gap:5px; padding:4px 8px; border-radius:6px; font-size:10.5px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; background:rgba(6,16,29,0.85); color:#fff; white-space:nowrap; line-height:1.3;}
.sv-b-tl{background:#c0392b;} .sv-b-acc{background:#c26a06;} .sv-b-flood{background:#1d6fd6;} .sv-b-fire{background:#a71d2a;} .sv-b-theft{background:#6d4bd1;}
.sv-b-rc{background:#0f766e;} .sv-b-new{background:var(--sv-teal); color:#032a24;} .sv-b-sold{background:var(--sv-sky); color:#04213b;}

/* countdown */
.sv-cd{display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius:8px; background:rgba(6,16,29,0.86); color:#fff; font-size:12px; font-weight:700; white-space:nowrap; font-family:var(--sv-body);}
.sv-cd b{font-family:var(--sv-mono); font-weight:600;}
.sv-cd{text-transform:none; letter-spacing:0;}
.sv-cd.urgent{background:var(--sv-accent); color:#1f0b02;}
.sv-cd.closed{background:#3a4658; color:#dfe5ee;}
.sv-cd.lite{background:var(--sv-gold-dim); color:var(--sv-gold-2);}
.sv-cd.lite.urgent{background:var(--sv-accent-dim); color:var(--sv-accent);}
.sv-cd.lite.closed{background:rgba(255,255,255,0.06); color:var(--sv-dim);}

/* bid meter */
.sv-bidmeter{display:flex; flex-direction:column; gap:6px;}
.sv-bidmeter-top{display:flex; justify-content:space-between; align-items:baseline; gap:8px; font-size:12.5px; color:var(--sv-dim); flex-wrap:wrap;}
.sv-bidmeter-top b{color:var(--sv-text); font-family:var(--sv-mono);}
.sv-bidmeter-top small{font-size:11.5px; color:var(--sv-dim-2);}
.sv-bidmeter .sv-progress > i{background:linear-gradient(90deg,var(--sv-accent),var(--sv-gold));}
.sv-bidmeter.ok .sv-progress > i{background:linear-gradient(90deg,var(--sv-gold),var(--sv-teal));}
.sv-bidmeter.ok .sv-bidmeter-top small{color:var(--sv-teal);}
.sv-bidmeter.compact .sv-progress{height:4px;}

/* quotation comparison table */
.sv-qwrap{border:1px solid var(--sv-line-2); border-radius:12px; overflow:hidden; background:#0a1627;}
.sv-qtable{width:100%; border-collapse:collapse; font-size:13px;}
.sv-qtable th{text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--sv-dim); font-weight:700; padding:9px 10px; background:#0c1830; border-bottom:1px solid var(--sv-line);}
.sv-qtable td{padding:10px; border-bottom:1px solid var(--sv-line); vertical-align:middle;}
.sv-qtable tr:last-child td{border-bottom:0;}
.sv-qtable td.amt, .sv-qtable th.amt{text-align:right; font-family:var(--sv-mono); white-space:nowrap;}
.sv-qtable td.amt{color:#e9edf3;}
.sv-qtable td.best{background:rgba(53,208,187,0.12); color:var(--sv-teal); font-weight:700;}
.sv-qtable td.best:after{content:" \2605"; font-size:11px;}
.sv-qtable .qb{font-family:var(--sv-head); font-weight:700; font-size:13.5px;}
.sv-qtable .qm{font-size:12px; color:var(--sv-dim);}
.sv-qtable .qacts{display:flex; gap:6px; justify-content:flex-end; flex-wrap:wrap;}
@media (max-width:719px){
  .sv-qtable thead{display:none;}
  .sv-qtable, .sv-qtable tbody{display:block; width:100%;}
  .sv-qtable tr{padding:10px 12px; border-bottom:1px solid var(--sv-line); display:grid; grid-template-columns:1fr 1fr; gap:4px 10px;}
  .sv-qtable tr:last-child{border-bottom:0;}
  .sv-qtable td{display:block; border:0; padding:2px 0; min-width:0;}
  .sv-qtable td.qbuyer, .sv-qtable td.qact, .sv-qtable td.qmsg{grid-column:1/-1;}
  .sv-qtable td.amt{text-align:left;}
  .sv-qtable td.best{background:none; padding:2px 0;}
  .sv-qtable td[data-l]:before{content:attr(data-l); display:block; font-family:var(--sv-body); font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--sv-dim-2);}
  .sv-qtable .qacts{justify-content:flex-start;}
}

/* bid box (listing detail) */
.sv-bidbox{border:1px solid rgba(228,176,74,0.4); border-radius:16px; background:linear-gradient(180deg,#132744,#0e1c33); padding:16px; display:flex; flex-direction:column; gap:12px;}
.sv-bidbox-top{display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap;}
.sv-bidbox-top .k{font-size:11.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--sv-gold-2);}
.sv-bidbox .sv-cd{font-size:14px; padding:7px 12px;}
.sv-bid-2{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.sv-bid-2 .sv-input{font-family:var(--sv-mono); font-size:15px;}
.sv-best{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.sv-best > div{background:rgba(255,255,255,0.04); border:1px solid var(--sv-line-2); border-radius:12px; padding:10px 12px; min-width:0;}
.sv-best small{display:block; font-size:10.5px; color:var(--sv-dim); text-transform:uppercase; letter-spacing:.05em; font-weight:700;}
.sv-best b{font-family:var(--sv-mono); font-size:18px; color:var(--sv-gold-2);}
.sv-timeline{list-style:none; margin:0; padding:0;}
.sv-timeline li{position:relative; padding:0 0 14px 22px; font-size:12.5px; color:var(--sv-dim);}
.sv-timeline li:before{content:""; position:absolute; left:3px; top:4px; width:9px; height:9px; border-radius:50%; background:#26354d; border:2px solid var(--sv-surface); z-index:1;}
.sv-timeline li:after{content:""; position:absolute; left:8px; top:14px; bottom:-2px; width:1.5px; background:var(--sv-line-2);}
.sv-timeline li:last-child{padding-bottom:0;} .sv-timeline li:last-child:after{display:none;}
.sv-timeline li.done:before{background:var(--sv-teal);}
.sv-timeline li.now:before{background:var(--sv-gold); box-shadow:0 0 0 3px rgba(228,176,74,0.25);}
.sv-timeline li b{color:var(--sv-text); display:block; font-size:13px;}
.sv-spec{width:100%; border-collapse:collapse; font-size:13.5px;}
.sv-spec th{width:42%; text-align:left; color:var(--sv-dim); font-weight:600; padding:8px 0; border-bottom:1px solid var(--sv-line);}
.sv-spec td{padding:8px 0; border-bottom:1px solid var(--sv-line); font-weight:600; word-break:break-word;}
.sv-spec tr:last-child th, .sv-spec tr:last-child td{border-bottom:0;}

/* admin stat tiles */
.sv-tiles{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:18px;}
@media (min-width:860px){ .sv-tiles{grid-template-columns:repeat(5,minmax(0,1fr));} }
@media (max-width:859px){ .sv-tiles > :last-child:nth-child(odd){grid-column:1/-1;} }
.sv-tile{background:linear-gradient(180deg,#10203a,#0c1830); border:1px solid var(--sv-line); border-radius:14px; padding:14px; cursor:pointer; text-align:left; color:var(--sv-text); font-family:var(--sv-body);}
.sv-tile:hover{border-color:rgba(228,176,74,0.45);}
.sv-tile .v{font-family:var(--sv-mono); font-size:24px; font-weight:600; line-height:1.1;}
.sv-tile .k{font-size:12px; color:var(--sv-dim); margin-top:4px;}
.sv-tile.gold .v{color:var(--sv-gold-2);} .sv-tile.teal .v{color:var(--sv-teal);} .sv-tile.accent .v{color:var(--sv-accent);}