/* SigmaMotus Auto app theme - shared by dashboard, vehicle detail and search wizard. */
:root{
  --navy:#0A0A0A;
  --primary:#0A0A0A;
  --ink:#0A0A0A;
  --text:#1C1C1E;
  --charcoal:#1C1C1E;
  --blue:#00B48A;
  --blue-dark:#008C6B;
  --green:#00B48A;
  --mint:#00D4A4;
  --mint-deep:#00B48A;
  --mint-soft:#7CEBCB;
  --gold:#C37D0D;
  --warn:#C37D0D;
  --red:#D45656;
  --error:#D45656;
  --bg:#FAFAFA;
  --surface:#FFFFFF;
  --surface-soft:#FAFAFA;
  --canvas:#FFFFFF;
  --line:#E5E5E5;
  --hairline:#E5E5E5;
  --hairline-soft:#EDEDED;
  --muted:#888888;
  --steel:#5A5A5C;
  --blue-tint:rgba(0,212,164,.10);
  --green-tint:rgba(0,212,164,.10);
  --gold-tint:#FCF0DC;
  --red-tint:#FDF0F0;
  --r:12px;
  --r-sm:8px;
  --r-lg:12px;
  --font-display:var(--font-body);
  --shadow-sm:0 1px 2px rgba(0,0,0,.04);
  --shadow-md:0 8px 24px -14px rgba(0,0,0,.14);
  --shadow-lg:0 28px 60px -30px rgba(0,0,0,.22);
}

body{
  background:var(--bg);
  color:var(--text);
  text-rendering:optimizeLegibility;
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1;
}
h1,h2,h3,h4{font-family:var(--font-body);letter-spacing:0}
:focus-visible{outline-color:var(--mint-deep)}

.btn{border-radius:999px;font-weight:600;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 22px -16px rgba(0,0,0,.58)}
.btn-primary:hover{background:var(--charcoal)}
.btn-secondary{border-color:var(--line);box-shadow:none}
.btn-secondary:hover{border-color:#BFD9D0;background:#F8FCFA}

.sidebar{background:var(--primary);border-right:1px solid #1F1F1F}
.side-logo{font-family:var(--font-body);letter-spacing:0}
.side-logo small{color:var(--mint);letter-spacing:.08em}
.nav-item{border-radius:8px}
.nav-item.active{background:rgba(0,212,164,.13);color:#fff}
.nav-item.active svg{color:var(--mint)}
.nav-item .count{background:var(--orange,#F55A3C);color:#fff}
.side-foot b{color:#E8E8E8}

.topbar{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom-color:var(--hairline-soft)}
.topbar h1{font-family:var(--font-body);letter-spacing:0;font-weight:600}
.topbar .sub{color:var(--steel)}
.avatar{background:var(--primary);font-weight:600}
.icon-btn{border-radius:999px;border-color:var(--line);color:var(--steel)}
.icon-btn:hover{border-color:#BFD9D0;color:var(--ink);background:#F8FCFA}
.seg{border-radius:999px;border-color:var(--line);padding:3px;overflow:visible}
.seg button{border-radius:999px;border-right:0}
.seg button.on{background:var(--primary);color:#fff}

.panel,.pane-card{border-color:var(--line);border-radius:12px;box-shadow:0 16px 38px -32px rgba(8,25,31,.36)}
.panel-h{padding:16px 20px;border-bottom-color:var(--hairline-soft)}
.panel-h h3{font-family:var(--font-body);font-weight:600;letter-spacing:0}
.panel-h .more{color:var(--mint-deep)}
.panel-h .more:hover{color:var(--ink)}

.badge-blue{background:rgba(0,212,164,.10);color:var(--mint-deep);border-color:rgba(0,180,138,.25)}
.badge-green{background:rgba(0,212,164,.10);color:var(--mint-deep);border-color:rgba(0,180,138,.25)}
.badge-gold{background:#FCF0DC;color:var(--warn);border-color:#F3DDAE}
.badge-red{background:#FDF0F0;color:var(--error);border-color:#F1CACA}
.pos,.sc-green,.sc-mint{color:var(--mint-deep)}
.gold,.sc-gold,.sc-warn{color:var(--warn)}
.neg,.sc-red,.sc-error{color:var(--error)}

.field label{font-weight:600;color:var(--ink)}
.field input[type=text],.field input[type=number],.field select,.field textarea{border-color:var(--line);border-radius:8px;color:var(--ink)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--mint-deep);box-shadow:0 0 0 3px rgba(0,212,164,.14)}
.chip{border-radius:999px;border-color:var(--line);padding:8px 14px}
.chip:hover{border-color:#9BCBBD;background:#F8FCFA}
.chip.on{background:rgba(0,212,164,.12);border-color:var(--mint-deep);color:#087B61}
input[type=range]{accent-color:var(--mint-deep)}

/* Dashboard polish */
.kpi,.aud-card,.price-card{border-color:var(--line);box-shadow:0 16px 36px -30px rgba(8,25,31,.34)}
.kpi:hover{border-color:#C9E4DB;box-shadow:0 20px 42px -28px rgba(8,25,31,.4)}
.kpi .n{letter-spacing:0}
.vrow{transition:background .2s ease,transform .2s ease}
.vrow:hover{background:#F8FCFA}
.vthumb{border-radius:8px}
.scorebar{background:#EAF0EE}.scorebar i{background:var(--mint-deep)!important}
.vfound .src-tag{background:#F8FCFA;border-color:#DDEAE5}

/* Vehicle detail and wizard polish */
.gallery{background:#0A0A0A;border-radius:12px;box-shadow:0 20px 44px -30px rgba(0,0,0,.5)}
.thumbs button{border-radius:8px}.thumbs button.on{border-color:var(--mint-deep)}
.d-head h1,.pane h2{letter-spacing:0}
.d-head h1{font-size:29px;font-weight:600}
.d-specs{border-color:var(--line)}
.eval .panel{overflow:hidden}
.eval-score{background:#F8FCFA}
.rangebar .win{background:var(--mint)!important}
.rangebar .pin{background:var(--primary)!important}
.reco{background:rgba(0,212,164,.09)!important;border-color:rgba(0,180,138,.22)!important}
.d-list li{transition:background .2s ease,transform .2s ease}
.d-list li:hover{background:#F8FCFA;transform:translateX(3px)}
.equip span{border-radius:999px;border-color:#DDEAE5;background:#F8FCFA}
.qa .q-item{border-color:var(--hairline-soft)}
.wiz{max-width:860px}
.wiz-steps{border-radius:12px;box-shadow:0 14px 32px -28px rgba(8,25,31,.34)}
.wstep.act{background:rgba(0,212,164,.10);color:#087B61}
.wstep.act .n{border-color:var(--mint-deep);background:var(--mint-deep)}
.wstep.done{color:#087B61}.wstep.done .n{border-color:var(--mint-deep);background:var(--mint-deep)}
.pane-card{padding:28px 30px}
.pane .lead{line-height:1.65}

@media (max-width:920px){
  .topbar{background:rgba(255,255,255,.96)}
  .pane-card{padding:22px}
}
@media (max-width:560px){
  .panel-h{padding:14px 16px}
  .pane-card{padding:20px 16px}
  .d-head h1{font-size:24px}
}