/* Formulário que Qualifica — estilos do app (o design system vem de /_jev/jev.css) */
.nowrap { white-space: nowrap; }
.small { font-size: 12px; }

/* ---------- hero ---------- */
.hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin: 0 0 14px; }
.hero h1 { font-size: clamp(26px, 2.7vw, 38px); margin: 0 0 4px; }
.hero p { color: var(--text-muted); font-size: 15px; max-width: 980px; margin: 0; }
.hero p b { color: var(--text); }
.hero-side { flex: none; }
.tabs { display: inline-flex; padding: 4px; gap: 4px; border-radius: 14px; background: rgba(255,255,255,.04); border: 1px solid var(--border); }
.tab { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 14px; border-radius: 10px; border: 0; background: transparent; color: var(--text-muted); font: 700 14px var(--font); cursor: pointer; white-space: nowrap; }
.tab:hover { color: var(--text); }
.tab.on { background: rgba(167,139,250,.18); color: var(--text); box-shadow: inset 0 0 0 1px rgba(167,139,250,.45); }
.tcount { min-width: 22px; padding: 0 6px; border-radius: 999px; background: rgba(255,255,255,.1); font: 800 12px/20px var(--mono); text-align: center; }
.tcount.bump { animation: bump .5s ease; }
@keyframes bump { 40% { transform: scale(1.35); background: var(--pink); color: #0a0a0f; } }

/* ---------- split ---------- */
.split { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 16px; align-items: stretch; }

/* ---------- cartão do formulário ---------- */
.fcard {
  position: relative; display: flex; flex-direction: column; min-height: 660px; min-width: 0; border-radius: 22px; overflow: hidden;
  border: 1px solid var(--border);
  background: radial-gradient(110% 70% at 0% 0%, rgba(167,139,250,.11), transparent 60%), radial-gradient(90% 60% at 100% 100%, rgba(244,114,182,.06), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
}
.fprog { height: 4px; background: rgba(255,255,255,.06); flex: none; }
.fprog i { display: block; height: 100%; width: 0; background: var(--hot-grad); box-shadow: 0 0 12px rgba(244,114,182,.55); transition: width .55s cubic-bezier(.2,.8,.2,1); }
.ftop { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 22px 0; font-size: 13px; color: var(--text-muted); }
.fbrand { font-weight: 700; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fmark { color: var(--pink); }
.fstep { font: 700 12px var(--mono); color: var(--text-muted); white-space: nowrap; }
.presets { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 12px 22px 0; }
.plabel { font-size: 13px; font-weight: 700; color: var(--text-dim); margin-right: 2px; }
.presets .jev-chip { min-height: 34px; padding: 5px 12px; font-size: 13px; }
.presets .jev-chip.run { border-color: rgba(244,114,182,.8); background: rgba(244,114,182,.14); }
.presetbar { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 12px 22px 0; padding: 7px 8px 7px 14px; border-radius: 14px; background: rgba(244,114,182,.08); border: 1px solid rgba(244,114,182,.3); font-size: 14px; }
.presetbar #presetTxt { flex: 1; min-width: 160px; font-weight: 600; }

.stage { flex: 1; display: flex; align-items: center; padding: 22px 56px 18px; min-height: 0; position: relative; }
.slide { width: 100%; max-width: 660px; animation: slideIn .42s cubic-bezier(.2,.8,.2,1) both; }
.slide.out { animation: slideOut .2s ease both; }
@keyframes slideIn { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
@keyframes slideOut { to { opacity: 0; transform: translateY(-22px); } }

.qn { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; color: var(--purple); font: 800 14px var(--mono); }
.qn .ar { font-family: var(--font); }
.qn .of { color: var(--text-dim); font-weight: 600; }
.qt { font-size: clamp(22px, 2.15vw, 30px); font-weight: 750; line-height: 1.22; letter-spacing: -.015em; margin: 0 0 6px; }
.qh { color: var(--text-muted); font-size: 15px; margin: 0 0 18px; }
.qi {
  display: block; width: 100%; background: transparent; border: 0; border-bottom: 2px solid rgba(167,139,250,.35); border-radius: 0;
  color: var(--text); font: 500 clamp(19px, 1.8vw, 23px)/1.42 var(--font); padding: 8px 2px 10px; outline: none; resize: none; transition: border-color .2s;
}
.qi:focus { border-bottom-color: var(--purple); }
.qi::placeholder { color: rgba(156,163,175,.42); }
textarea.qi { min-height: 92px; max-height: 210px; overflow-y: auto; }
.qmeta { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 22px; margin-top: 8px; font-size: 13px; color: var(--text-dim); }
.qlive { display: inline-flex; align-items: center; gap: 8px; transition: color .2s; }
.qlive .jev-spinner { width: 14px; height: 14px; }
.qlive.on { color: var(--cyan); }
.qlive.done { color: var(--green); }
.qcount { font: 12px var(--mono); }
.qsug { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.qsug .jev-chip { min-height: 30px; padding: 4px 11px; font-size: 13px; }
.qa { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 18px; }
.qa .jev-btn { min-width: 108px; }
.hint { font-size: 13px; color: var(--text-dim); }
.hint kbd, .fopt kbd { font-family: var(--mono); }
.hint kbd { font-size: 11px; padding: 2px 6px; border-radius: 6px; border: 1px solid var(--border-strong); background: rgba(255,255,255,.05); color: var(--text-muted); }
.qerr { color: #fca5a5; font-size: 14px; font-weight: 600; margin-top: 10px; min-height: 0; }
.shake { animation: shake .4s ease; }
@keyframes shake { 20%, 60% { transform: translateX(-7px); } 40%, 80% { transform: translateX(7px); } }

.fopts { display: grid; grid-template-columns: 1fr; gap: 9px; max-width: 440px; }
.fopts.two { grid-template-columns: 1fr 1fr; max-width: 580px; }
.fopt {
  display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 8px 14px; border-radius: 12px;
  border: 1px solid rgba(167,139,250,.32); background: rgba(167,139,250,.06); color: var(--text); font: 600 15.5px/1.25 var(--font);
  cursor: pointer; text-align: left; transition: background .15s, border-color .15s, transform .08s;
}
.fopt kbd { flex: none; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 7px; border: 1px solid rgba(167,139,250,.5); font-size: 12px; font-weight: 800; color: var(--purple); background: rgba(10,10,15,.4); }
.fopt:hover, .fopt.hover { background: rgba(167,139,250,.15); border-color: rgba(167,139,250,.7); }
.fopt:active { transform: translateY(1px); }
.fopt.sel { background: rgba(167,139,250,.24); border-color: var(--purple); animation: blink .22s ease 3; }
.fopt.sel kbd { background: var(--purple); color: #0a0a0f; }
.fopt .ck { margin-left: auto; color: var(--purple); opacity: 0; font-weight: 900; }
.fopt.sel .ck { opacity: 1; }
@keyframes blink { 50% { background: rgba(167,139,250,.05); } }

.welcome .kicker { display: inline-flex; align-items: center; gap: 8px; padding: 4px 12px; border-radius: 999px; font: 800 11px/1.6 var(--font); letter-spacing: .08em; text-transform: uppercase; color: #fbcfe8; background: rgba(244,114,182,.12); border: 1px solid rgba(244,114,182,.35); }
.welcome h2 { font-size: clamp(26px, 2.9vw, 40px); line-height: 1.1; font-weight: 850; letter-spacing: -.025em; margin: 14px 0 12px; }
.welcome p { color: var(--text-muted); font-size: 16.5px; max-width: 560px; }
.welcome .wmeta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 16px; color: var(--text-dim); font-size: 13px; }
.jev-btn.big { min-height: 52px; padding: 0 26px; font-size: 16px; border-radius: 14px; }

.fbottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 16px 14px 22px; }
.demo-note { font-size: 11.5px; color: var(--text-dim); letter-spacing: .02em; }
.fnav { display: flex; gap: 6px; }
.navbtn { width: 38px; height: 34px; border-radius: 10px; border: 1px solid rgba(167,139,250,.35); background: rgba(167,139,250,.1); color: var(--text); font: 800 16px var(--font); cursor: pointer; }
.navbtn:hover:not(:disabled) { background: rgba(167,139,250,.2); }
.navbtn:disabled { opacity: .3; cursor: default; }

/* ---------- finais ---------- */
.final { max-width: 720px; }
.final .fk { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 8px; }
.final h2 { font-size: clamp(21px, 2vw, 28px); line-height: 1.16; font-weight: 850; letter-spacing: -.02em; margin: 0 0 6px; }
.final .lead-p { color: var(--text-muted); font-size: 15px; margin: 0 0 12px; }
.final .lead-p b { color: var(--text); }
.fbox { border-radius: 16px; border: 1px solid var(--border-strong); background: rgba(0,0,0,.25); padding: 12px 14px; }
.cal { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; }
.cal-d { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.cal-h { text-align: center; font-size: 11.5px; color: var(--text-muted); line-height: 1.2; margin-bottom: 1px; }
.cal-h b { display: block; color: var(--text); font-size: 13px; text-transform: capitalize; }
.slot { min-height: 31px; border-radius: 10px; border: 1px solid rgba(34,211,238,.35); background: rgba(34,211,238,.07); color: var(--text); font: 700 13px var(--mono); cursor: pointer; transition: background .15s, border-color .15s; }
.slot:hover:not(:disabled) { background: rgba(34,211,238,.16); border-color: rgba(34,211,238,.7); }
.slot.sel { background: var(--cyan); color: #0a0a0f; border-color: var(--cyan); box-shadow: 0 0 18px rgba(34,211,238,.45); }
.slot:disabled { opacity: .35; text-decoration: line-through; cursor: not-allowed; border-style: dashed; }
.fact { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 12px; }
.okbox { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 14px; background: rgba(16,185,129,.1); border: 1px solid rgba(16,185,129,.4); }
.okbox .ic { font-size: 24px; line-height: 1; }
.okbox b { display: block; font-size: 16px; }
.okbox span { color: var(--text-muted); font-size: 13.5px; }
.plist { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
.plist li { display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; }
.plist li .n { flex: none; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 8px; background: rgba(167,139,250,.16); color: var(--purple); font: 800 12px var(--mono); }
.plist li span.t { color: var(--text-muted); }
.plist li b { color: var(--text); }
.ptitle { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.ptitle b { font-size: 16px; }
.quote { font-style: italic; color: var(--text-muted); border-left: 3px solid rgba(167,139,250,.5); padding: 2px 0 2px 10px; margin: 0 0 12px; font-size: 14px; }
.why { margin-top: 12px; padding: 10px 14px; border-radius: 14px; background: rgba(34,211,238,.05); border: 1px solid rgba(34,211,238,.22); }
.why h5 { margin: 0 0 8px; font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); }
.why .jev-bars { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 20px; }
.why .jev-bar { grid-template-columns: minmax(0, 50%) 1fr 40px; font-size: 12.5px; gap: 8px; }
.why .wm { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 8px; font-size: 12.5px; color: var(--text-muted); }
.why .wm b { color: var(--text); font-family: var(--mono); }

/* ---------- painel do vendedor ---------- */
.seller {
  display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 14px 16px 16px; border-radius: 22px;
  border: 1px solid rgba(34,211,238,.18);
  background: radial-gradient(90% 50% at 100% 0%, rgba(34,211,238,.08), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.012));
}
.sh { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; }
.sh-t { display: flex; align-items: center; gap: 10px; font-size: 15px; white-space: nowrap; }
.live { display: inline-flex; align-items: center; gap: 6px; padding: 2px 9px 2px 7px; border-radius: 999px; font: 800 10.5px/1.7 var(--font); letter-spacing: .1em; color: var(--text-dim); background: var(--bg-card); border: 1px solid var(--border); transition: all .25s; }
.live i { width: 7px; height: 7px; border-radius: 50%; background: var(--text-dim); }
.live.on { color: #fca5a5; background: rgba(239,68,68,.12); border-color: rgba(239,68,68,.4); }
.live.on i { background: #f87171; box-shadow: 0 0 8px #f87171; animation: jevpulse 1s ease-in-out infinite; }
.sh-m { font: 12px var(--mono); color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.sh-m b { color: var(--text); }
.sh-m .jev-spinner { width: 12px; height: 12px; margin-right: 4px; }

.sum { display: grid; grid-template-columns: minmax(0, 1fr) 128px; gap: 10px; align-items: center; padding: 9px 12px 9px 14px; border-radius: 16px; background: var(--bg-card); border: 1px solid var(--border); transition: border-color .35s, box-shadow .35s; }
.sum-title { font-size: clamp(20px, 1.9vw, 26px); font-weight: 900; letter-spacing: -.02em; line-height: 1.1; margin-top: 6px; transition: color .3s; }
.sum-sub { font-size: 12.5px; color: var(--text-muted); margin-top: 5px; line-height: 1.45; }
.sum-sub b { color: var(--text); font-family: var(--mono); }
.sum.t-altamente_qualificado { border-color: rgba(52,211,153,.55); box-shadow: 0 0 40px rgba(52,211,153,.12); }
.sum.t-altamente_qualificado .sum-title { color: #6ee7b7; text-shadow: 0 0 24px rgba(52,211,153,.35); }
.sum.t-qualificado { border-color: rgba(34,211,238,.45); }
.sum.t-qualificado .sum-title { color: #67e8f9; }
.sum.t-morno { border-color: rgba(234,179,8,.45); }
.sum.t-morno .sum-title { color: #fde68a; }
.sum.t-desqualificado { border-color: rgba(239,68,68,.45); }
.sum.t-desqualificado .sum-title { color: #fca5a5; }
.lgauge { position: relative; width: 100%; }
.lgauge svg { display: block; width: 100%; height: auto; overflow: visible; }
.lgauge .arc { transition: stroke-dashoffset .5s cubic-bezier(.2,.8,.2,1), stroke .4s; }
.lgauge .gv { position: absolute; left: 0; right: 0; top: 40%; text-align: center; font: 900 23px/1 var(--mono); transition: color .4s; }
.lgauge .gl { text-align: center; font-size: 10.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--text-muted); margin-top: 2px; }

.blk { min-width: 0; }
.blk-h { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 7px; min-height: 20px; }
.blk-h h4 { margin: 0; font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.legend { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; color: var(--text-muted); white-space: nowrap; }
.lg { display: inline-block; width: 14px; height: 3px; border-radius: 3px; margin-left: 4px; }
.lg.a { background: var(--jev-grad); height: 4px; }
.lg.s { background: repeating-linear-gradient(90deg, #fbbf24 0 4px, transparent 4px 7px); }
.chart { position: relative; border-radius: 14px; background: rgba(0,0,0,.22); border: 1px solid var(--border); padding: 4px 6px 2px; }
.chart svg { display: block; width: 100%; height: auto; overflow: visible; }
.chart .xl { font: 600 10.5px var(--font); fill: var(--text-dim); }
.chart .xl.cur { fill: var(--text); font-weight: 800; }
.chart .xl.done { fill: var(--text-muted); }
.chart .yl { font: 10px var(--mono); fill: var(--text-dim); }
.chart .vl { font: 800 12px var(--mono); fill: #fff; }
.chart .jl { font: 800 10.5px var(--mono); fill: #6ee7b7; }
.chart .livedot { animation: jevpulse 1s ease-in-out infinite; }

.qbars .jev-bar { grid-template-columns: minmax(118px, 34%) 1fr 46px; font-size: 13px; }
.qbars .jev-bars { gap: 4px; }
.qbars .jev-bar.t-altamente_qualificado.top .fil { background: linear-gradient(90deg, #34d399, #22d3ee); box-shadow: 0 0 14px rgba(52,211,153,.45); }
.qbars .jev-bar.t-qualificado.top .fil { background: linear-gradient(90deg, #22d3ee, #60a5fa); }
.qbars .jev-bar.t-morno.top .fil { background: linear-gradient(90deg, #fbbf24, #fb923c); box-shadow: 0 0 14px rgba(251,191,36,.35); }
.qbars .jev-bar.t-desqualificado.top .fil { background: linear-gradient(90deg, #f87171, #f472b6); box-shadow: 0 0 14px rgba(248,113,113,.35); }
.changes { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; min-width: 0; }
.chg { font: 700 11px/1.7 var(--mono); padding: 0 7px; border-radius: 999px; white-space: nowrap; animation: jevtoast .3s ease; }
.chg.up { color: #6ee7b7; background: rgba(16,185,129,.13); border: 1px solid rgba(16,185,129,.3); }
.chg.down { color: #fca5a5; background: rgba(239,68,68,.12); border: 1px solid rgba(239,68,68,.3); }

.bant { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.bt { position: relative; min-width: 0; padding: 8px 10px 9px; border-radius: 12px; background: var(--bg-card); border: 1px solid var(--border); transition: border-color .35s, background .35s; }
.bt.flash { border-color: rgba(34,211,238,.7); background: rgba(34,211,238,.07); }
.bt .bl { font-size: 10.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bt .bv { display: flex; align-items: baseline; gap: 6px; margin: 1px 0 6px; min-width: 0; }
.bt .bv b { font: 800 20px var(--mono); font-variant-numeric: tabular-nums; }
.bt .bv span { font-size: 11.5px; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bt .bm { position: relative; height: 7px; border-radius: 99px; background: rgba(255,255,255,.07); overflow: hidden; }
.bt .bm i { position: absolute; inset: 0 auto 0 0; width: 0; border-radius: 99px; background: #6b7280; transition: width .45s cubic-bezier(.2,.8,.2,1), background .35s; }
.bt .bm::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent calc(33.33% - 1px), rgba(10,10,15,.9) calc(33.33% - 1px) 33.33%, transparent 33.33% calc(66.66% - 1px), rgba(10,10,15,.9) calc(66.66% - 1px) 66.66%, transparent 66.66%); }

.nextstep { display: flex; align-items: center; gap: 12px; padding: 9px 14px; border-radius: 14px; background: rgba(255,255,255,.035); border: 1px solid var(--border); transition: border-color .35s, background .35s; min-width: 0; }
.nextstep.on { background: rgba(34,211,238,.07); border-color: rgba(34,211,238,.35); }
.ns-ic { font-size: 24px; line-height: 1; flex: none; }
.ns-t { display: flex; flex-direction: column; min-width: 0; }
.ns-t b { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ns-t span { font-size: 12px; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ns-p { margin-left: auto; font: 800 18px var(--mono); flex: none; }

.stale { opacity: .6; transition: opacity .2s; }

/* ---------- leads ---------- */
.leadsview { animation: slideIn .35s ease both; }
.lv-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-bottom: 14px; }
.lv-head h2 { margin: 0 0 4px; }
.lv-head p { margin: 0; }
.lv-filters { display: flex; gap: 8px; flex-wrap: wrap; }
.jev-kpis { margin-bottom: 14px; }
.lv-list { display: flex; flex-direction: column; gap: 10px; }
.lead { border-radius: 16px; background: var(--bg-card); border: 1px solid var(--border); transition: border-color .2s, background .2s; }
.lead:hover { border-color: var(--border-strong); }
.lead.meu { border-color: rgba(244,114,182,.35); }
.lead.novo { animation: newlead 1.6s ease; }
@keyframes newlead { 0%, 30% { background: rgba(244,114,182,.14); border-color: rgba(244,114,182,.8); } }
.lrow { display: grid; grid-template-columns: 30px 58px minmax(0, 2.1fr) minmax(0, 1.25fr) 176px minmax(0, 1.25fr) 120px; align-items: center; gap: 14px; padding: 12px 16px; cursor: pointer; width: 100%; background: none; border: 0; color: inherit; font: inherit; text-align: left; }
.lrank { font: 800 14px var(--mono); color: var(--text-dim); text-align: center; }
.lscore { width: 54px; height: 54px; border-radius: 50%; display: grid; place-items: center; font: 900 18px var(--mono); background: conic-gradient(var(--c, #a78bfa) calc(var(--v, 0) * 1%), rgba(255,255,255,.07) 0); position: relative; }
.lscore::before { content: ""; position: absolute; inset: 5px; border-radius: 50%; background: #11131b; }
.lscore span { position: relative; }
.lwho { min-width: 0; }
.lwho b { display: block; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lwho span { display: block; font-size: 12.5px; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lwho .you { display: inline-block; margin-left: 6px; font-size: 10px; vertical-align: middle; }
.lq { min-width: 0; display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.lq small { font-size: 12px; color: var(--text-muted); }
.lbant { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.lbant div { font: 700 10px var(--mono); color: var(--text-dim); text-align: center; }
.lbant i { display: block; height: 6px; border-radius: 99px; background: rgba(255,255,255,.08); margin-top: 3px; position: relative; overflow: hidden; }
.lbant i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--w); background: var(--c); border-radius: 99px; }
.letapa { min-width: 0; font-size: 13px; }
.letapa b { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.letapa span { display: block; color: var(--text-muted); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lspark { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; font-size: 11.5px; color: var(--text-dim); }
.lspark svg { width: 110px; height: 30px; overflow: visible; }
.ldet { display: none; padding: 0 16px 14px 118px; }
.lead.open .ldet { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; }
.ldet div { font-size: 13px; color: var(--text-muted); min-width: 0; overflow-wrap: anywhere; }
.ldet b { color: var(--text); display: block; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.lv-empty { padding: 40px 20px; text-align: center; color: var(--text-muted); border: 1px dashed var(--border-strong); border-radius: 18px; }
.lv-empty .big { font-size: 44px; margin-bottom: 6px; }

/* ---------- responsivo ---------- */
@media (max-width: 1180px) {
  .lrow { grid-template-columns: 30px 58px minmax(0, 1.8fr) minmax(0, 1.2fr) 150px minmax(0, 1.2fr); }
  .lspark { display: none; }
}
@media (max-width: 1080px) {
  .split { grid-template-columns: 1fr; }
  .fcard { min-height: 560px; }
}
@media (max-width: 760px) {
  .hero { flex-direction: column; align-items: stretch; gap: 12px; }
  .hero p { font-size: 14px; }
  .tabs { width: 100%; }
  .tab { flex: 1; justify-content: center; }
  .stage { padding: 18px 20px 14px; }
  .presets { padding: 12px 16px 0; gap: 6px; }
  .presets .jev-chip { min-height: 32px; font-size: 12.5px; padding: 5px 10px; }
  .plabel { width: 100%; }
  .presetbar { margin: 10px 16px 0; }
  .ftop { padding: 12px 16px 0; }
  .fbottom { padding: 0 12px 12px 16px; }
  .fopts.two { grid-template-columns: 1fr; }
  .fcard { min-height: 520px; }
  .sum { grid-template-columns: minmax(0, 1fr) 118px; }
  .bant { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cal { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
  .slot { font-size: 11px; min-height: 36px; padding: 0; }
  .fbox { padding: 10px; }
  .why .jev-bars { grid-template-columns: 1fr; }
  .qbars .jev-bar { grid-template-columns: minmax(96px, 40%) 1fr 42px; }
  .lrow { grid-template-columns: 26px 50px minmax(0, 1fr); gap: 10px; padding: 12px; }
  .lscore { width: 46px; height: 46px; font-size: 15px; }
  .lq, .lbant, .letapa { grid-column: 3; }
  .ldet { padding: 0 12px 12px; }
  .lead.open .ldet { grid-template-columns: 1fr; }
}

/* ---------- barra compacta do vendedor (só em telas estreitas) ---------- */
.minibar { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 60; display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 14px; background: rgba(19,22,31,.94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid rgba(34,211,238,.4); box-shadow: 0 12px 40px rgba(0,0,0,.5); color: var(--text); font: 600 13.5px var(--font); cursor: pointer; text-align: left; animation: jevtoast .25s ease; }
.minibar .live { padding: 0; border: 0; background: none; }
.minibar .mb-t { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.minibar .mb-s { font: 800 13px var(--mono); color: var(--cyan); white-space: nowrap; }
.minibar .mb-go { font-size: 12px; color: var(--text-muted); white-space: nowrap; }
@media (min-width: 1081px) { .minibar { display: none !important; } }