/* Vitrinak visual system — Model 2 / production */
:root{
  --g:#1261ff!important;--g2:#0846c7!important;--cream:#f4f7fb!important;
  --gold:#ff6b35!important;--ink:#0b1f3a!important;--muted:#607089!important;
  --line:#d8e0eb!important;--card:#fff!important;
  --shadow:0 16px 42px rgba(11,31,58,.10)!important;
  --vt-blue:#1261ff;--vt-blue-dark:#0846c7;--vt-navy:#0b1f3a;--vt-orange:#ff6b35;
  --vt-bg:#f4f7fb;--vt-card:#fff;--vt-line:#d8e0eb;--vt-muted:#607089;
}
html{color-scheme:light;scroll-behavior:smooth}
body{
  color:var(--vt-navy)!important;
  font-family:"Vazirmatn","IRANSansX","Segoe UI",Tahoma,Arial,sans-serif!important;
  background-color:var(--vt-bg)!important;
  background-image:linear-gradient(rgba(11,31,58,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(11,31,58,.026) 1px,transparent 1px)!important;
  background-size:28px 28px!important;
}
h1,h2,h3,h4,.brand,.sideBrand{letter-spacing:-.035em}
p,li,.muted,.lead{color:var(--vt-muted)}
a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:3px solid rgba(18,97,255,.22)!important;outline-offset:2px!important
}
.top{
  background:rgba(255,255,255,.9)!important;border-color:var(--vt-line)!important;
  box-shadow:0 1px 0 rgba(11,31,58,.03)!important
}
.brand,.startTop a,.back,.nav a:hover,.landingNav a:hover{color:var(--vt-navy)!important}
.mark{
  border-radius:8px!important;background:linear-gradient(135deg,var(--vt-blue),var(--vt-blue-dark))!important;
  box-shadow:0 8px 20px rgba(18,97,255,.2)!important
}
.btn,.primary,.gold,.loginChoice,.guestChoice,.send,.ticket,.crm button{
  border-radius:8px!important;font-weight:800!important
}
.btn.primary,.primary,.loginChoice,.send,.crm button{
  background:var(--vt-blue)!important;color:#fff!important;border-color:var(--vt-blue)!important
}
.btn.primary:hover,.primary:hover,.loginChoice:hover,.send:hover,.crm button:hover{
  background:var(--vt-blue-dark)!important;border-color:var(--vt-blue-dark)!important;transform:translateY(-1px)
}
.btn.gold,.gold,.ticket{background:var(--vt-orange)!important;color:#fff!important;border-color:var(--vt-orange)!important}
.btn.ghost,.ghost,.guestChoice{background:#fff!important;color:var(--vt-navy)!important;border:1px solid var(--vt-line)!important}
.eyebrow,.sectionHead span,.tplTag,.badge{
  background:#eaf1ff!important;color:var(--vt-blue-dark)!important;border-radius:6px!important
}
.hero h1 em,.featureGrid b,.priceGrid strong,.tplCat h2,h1,h2,.stat b,.card b{color:var(--vt-navy)!important}
.heroPrompt,.featureGrid article,.priceGrid article,.sampleProductGrid article,.panel,.projectCard,.stat,.card,
.startCard,.step,.tplCard,.createPage .panel,.rec,.confirm-box,.wrap{
  background:var(--vt-card)!important;border-color:var(--vt-line)!important;
  box-shadow:var(--shadow)!important;border-radius:10px!important
}
.wrap{box-shadow:none!important}
.priceGrid .featured{border-color:var(--vt-orange)!important}
input,textarea,select,.studioInput,.row textarea,.crm select,.crm textarea{
  background:#fff!important;color:var(--vt-navy)!important;border-color:var(--vt-line)!important;border-radius:8px!important
}
input:focus,textarea:focus,select:focus{border-color:var(--vt-blue)!important}
.chips button,.quick button,.tplFilters button,.chip,.step-pill{
  border-radius:6px!important;border-color:var(--vt-line)!important;background:#fff!important
}
.chips button:hover,.quick button:hover,.tplFilters button:hover,.tplFilters button.active,.chip:hover,.chip.selected,
.step-pill.active{
  background:#eaf1ff!important;color:var(--vt-blue-dark)!important;border-color:#9dbbff!important
}
.sidebar{background:var(--vt-navy)!important}
.workspace,#app{background:var(--vt-bg)!important}
.side:hover,.side.active{background:rgba(18,97,255,.3)!important}
.canvasWrap{background:#dce5f2!important}
.msg.bot,.bot{background:#eef3f9!important;color:var(--vt-navy)!important}
.msg.me,.user{background:var(--vt-blue)!important;color:#fff!important}
.fromTemplateBanner,.magic,.escalate{background:#edf3ff!important;border-color:#bfd0f5!important;color:#25466f!important}
.selected,.sys{background:#fff5ef!important;border-color:#ffc7b2!important;color:#81391f!important}
.tplSwitchStatus>div{background:#f4f7fb!important}
.tplSwitchActive{background:#eaf1ff!important}
.tplSwitchBadge{background:#eaf1ff!important;color:var(--vt-blue-dark)!important}
.platformWaFloat,.wa{
  background:#25d366!important;border-radius:8px!important;
  box-shadow:0 12px 28px rgba(37,211,102,.24)!important
}
footer{border-color:var(--vt-line)!important}
table{background:#fff!important;border-color:var(--vt-line)!important}
th{background:#eef3f9!important;color:var(--vt-navy)!important}
td,th{border-color:var(--vt-line)!important}
::selection{background:#cfe0ff;color:var(--vt-navy)}
@media(max-width:900px){
  .landingNav.open{background:#fff!important;border-color:var(--vt-line)!important;border-radius:10px!important}
}
@media(max-width:640px){
  body{background-size:22px 22px!important}
  .startCard,.panel,.card,.tplCard{border-radius:8px!important}
  .btn,.primary,.ghost,.gold,.loginChoice,.guestChoice{min-height:44px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}