/* Identidade visual: Instrumento Noturno (sistema Theo Dev).
   Carregado por último: troca os tokens do sistema e ajusta os componentes.
   Regras: fundo #111111, mídia/cards #000000, Inter 600 em maiúsculas nos títulos grandes, verde #00d959 só em números
   de resultado, único botão preenchido = pílula azul #0071e3, cards 28px, botões/campos em pílula, zero sombras. */
:root {
  --color-carbon: #111111; --color-absolute-black: #000000;
  --color-polar-white: #f5f5f7; --color-white: #ffffff; --color-graphite: #1d1d1f;
  --color-steel: #86868b; --color-divider: #6e6e73; --color-control: #333336; --color-glyph: #cccccc;
  --color-battery-green: #00d959; --color-purchase-blue: #0071e3; --color-link-blue: #0066cc;
  --color-launch-orange: #ff791b; --color-new-orange: #b64400; --color-ember: #311400;
  --font-main: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --radius-card: 28px; --radius-chip: 36px; --radius-link: 10px; --radius-badge: 5px; --radius-pill: 980px;

  /* tokens antigos do sistema apontando para a identidade */
  --bg: var(--color-carbon);
  --surface: var(--color-absolute-black);
  --ink: var(--color-polar-white);
  --muted: var(--color-steel);
  --line: var(--color-control);
  --line-strong: var(--color-divider);
  --chip: var(--color-control);
  --brand: var(--color-absolute-black);
  --brand-2: var(--color-carbon);
  --on-brand: var(--color-polar-white);
  --mint: var(--color-polar-white);
  --accent: var(--color-purchase-blue);
  --on-accent: var(--color-white);
  --good: var(--color-battery-green);
  --bad: #ff6b5e;
  --focus: var(--color-purchase-blue);
  --hot: rgba(255, 255, 255, .04);
  --hot-strong: rgba(0, 113, 227, .28);
  --good-flash: rgba(0, 217, 89, .12);
  --shine: rgba(255, 255, 255, .08);
  --col-bg: var(--color-carbon);
  --warn-bg: var(--color-ember);
  --warn-ink: var(--color-launch-orange);
  --bad-bg: #2a1210;
  --radar-bg-1: #1d1d1f;
  --radar-bg-2: #000000;
  --radar-ring: #333336;
  --radar-line: rgba(245, 245, 247, .12);
  --radar-ink: var(--color-steel);
  --radar-blip: var(--color-battery-green);
  --display: var(--font-main);
  --body: var(--font-main);
  color-scheme: dark;
}

/* base */
html, body { background: var(--color-carbon); color: var(--color-polar-white); font-family: var(--font-main); }
body { font: 400 15px/1.47 var(--font-main); letter-spacing: -0.2px; }
::selection { background: var(--color-purchase-blue); color: #fff; }
:focus-visible { outline: 2px solid var(--color-purchase-blue); outline-offset: 2px; }
h1, h2, h3 { font-weight: 600; }
* { box-shadow: none !important; text-shadow: none !important; }
input::placeholder, textarea::placeholder { color: var(--color-steel) !important; }
.fx, .fx * { display: none !important; }

/* títulos de página: enunciado em maiúsculas */
.vhead, .band { background: var(--color-absolute-black) !important; color: var(--color-polar-white); }
.vhead h1, .band h1 { font: 600 clamp(32px, 6vw, 48px)/1.06 var(--font-main) !important; letter-spacing: -0.144px !important; text-transform: uppercase; }
.vsub, .band p { color: var(--color-steel) !important; font-size: 14px; }
.band .strip { background: radial-gradient(circle, var(--color-divider) 1.2px, transparent 1.7px) 0 50% / 9px 100% repeat-x !important; }
.dpanel h2, .shout h3, .khead h2, .howto h2, .dempty h3, .fhead, #example h2 { font: 600 19px/1.21 var(--font-main) !important; letter-spacing: 0.228px !important; text-transform: uppercase; }
.ohint, .hk-s, .hk-l, .kmeta, .kago, .tsub, .awhen, .ldate, .addr, .note, #count, #photoNote, .rcap { color: var(--color-steel) !important; }

/* menu lateral */
.side { background: var(--color-absolute-black) !important; border-right: 1px solid var(--color-control); }
.logo { background: var(--color-polar-white) !important; color: var(--color-absolute-black) !important; border-radius: var(--radius-link) !important; font: 600 15px/1 var(--font-main) !important; letter-spacing: 0 !important; }
.side-brand b { font: 600 19px/1.21 var(--font-main) !important; letter-spacing: 0.228px !important; text-transform: uppercase; }
.side-brand small, .side-foot small { color: var(--color-steel) !important; }
.side-sec { color: var(--color-divider) !important; font: 600 10px/1.24 var(--font-main) !important; letter-spacing: .1em !important; }
.side-nav a { color: rgba(245, 245, 247, .8) !important; font: 400 14px var(--font-main) !important; border-radius: var(--radius-chip) !important; }
.side-nav a .ico { color: var(--color-glyph); }
.side-nav a:hover { background: rgba(66, 66, 69, .45) !important; }
.side-nav a.on { background: rgba(66, 66, 69, .72) !important; color: #fff !important; font-weight: 600 !important; }
.side-nav a.on::before { display: none; }
.side-nav a.on .ico { color: #fff !important; }
.tbadge { background: var(--color-control) !important; color: rgba(245, 245, 247, .8) !important; border-radius: var(--radius-chip) !important; }
.side-nav a.on .tbadge { background: var(--color-polar-white) !important; color: var(--color-absolute-black) !important; }
.tbadge.hot { background: var(--color-ember) !important; color: var(--color-launch-orange) !important; }
.avatar { background: var(--color-control) !important; font-family: var(--font-main) !important; }
.side-foot { border-top-color: var(--color-control) !important; }
.topbar { background: var(--color-carbon) !important; border-bottom: 1px solid var(--color-control); }

/* cards: 28px, sem sombra, profundidade por #111 → #000 */
.dpanel, .kcol, .hkpi, .panel, .qcbox, .howto, .psum, .dnums, .dgoal, .ptable, .gnote, .warn, .lead, #v-radar .lead, #v-radar .panel { border-radius: var(--radius-card) !important; }
.dpanel, .hkpi, #v-radar .lead, #v-radar .searchbar .panel, .qcbox { background: var(--color-absolute-black) !important; border: 1px solid var(--color-control) !important; }
.kcol { background: var(--color-absolute-black) !important; border: 0 !important; }
.kcol.over { background: #0b1a2b !important; }
.kcard { background: var(--color-carbon) !important; border: 1px solid var(--color-control) !important; border-radius: 20px !important; }
.kcard:hover { border-color: var(--color-divider) !important; transform: none !important; }
.kname { font: 600 17px/1.24 var(--font-main) !important; letter-spacing: -0.374px !important; }
.kcount { background: var(--color-control) !important; border: 0 !important; color: rgba(245, 245, 247, .8) !important; border-radius: var(--radius-chip) !important; }
.kempty { border-color: var(--color-control) !important; border-radius: 20px !important; color: var(--color-steel) !important; }
.kfoot { border-top-color: var(--color-control) !important; }
.kchip, .chip, .pill, .sig li, .tauto { background: rgba(66, 66, 69, .72) !important; color: rgba(245, 245, 247, .8) !important; border-radius: var(--radius-chip) !important; border: 0 !important; }
.kchip.hot, .pay-parcial, .chip.warn, .pill.st-enviada, .pill.st-respondeu, .pill.st-negociando { background: var(--color-ember) !important; color: var(--color-launch-orange) !important; }
.kchip.money, .pay-pago, .pill.st-fechado, .chip.star { background: rgba(66, 66, 69, .72) !important; color: var(--color-battery-green) !important; font-weight: 600; }
.pay-pendente { background: rgba(66, 66, 69, .72) !important; color: var(--color-polar-white) !important; }
.pill.st-perdido { color: var(--color-steel) !important; }
.sig li.no { background: transparent !important; border: 1px dashed var(--color-divider) !important; color: var(--color-steel) !important; }
.sig li.ok::before { background: var(--color-polar-white) !important; }

/* botões: contornados em pílula; o preenchido é sempre a pílula azul */
.act, .btn, .icobtn, .knext, .clegend button, .seg, .seg button, .views .btn, .icoacts, .icoact, .hq, .linkbtn, .lead select, .kmove {
  border-radius: var(--radius-pill) !important;
}
.act, .btn, .knext, .clegend button, .hq {
  background: transparent !important; color: var(--color-polar-white) !important; border: 1px solid var(--color-divider) !important;
  font-family: var(--font-main) !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: -0.12px;
}
.act:hover, .btn:hover, .knext:hover, .hq:hover { background: rgba(255, 255, 255, .06) !important; color: #fff !important; }
.act.prim, .act.prop, #v-radar .act.prop, .go, .go.sm, .qc-send, .views .btn[aria-pressed="true"] {
  background: var(--color-purchase-blue) !important; color: #fff !important; border: 1px solid var(--color-purchase-blue) !important;
  border-radius: var(--radius-pill) !important; font: 600 14px/1.29 var(--font-main) !important; letter-spacing: -0.224px !important; text-transform: none;
}
.act.prim:hover, .act.prop:hover, .go:hover:not(:disabled), .qc-send:hover { background: #0077ed !important; transform: none !important; }
.go { min-height: 44px; padding: 0 24px !important; }
.act.done { background: rgba(66, 66, 69, .72) !important; border-color: transparent !important; color: var(--color-battery-green) !important; }
.act.danger { color: #ff8a80 !important; border-color: rgba(255, 107, 94, .5) !important; }
.act.danger.armed { background: transparent !important; color: #ff6b5e !important; border-color: #ff6b5e !important; }
.linkbtn { color: var(--color-polar-white) !important; text-decoration: underline !important; }
.kcontact { background: transparent !important; border: 1px solid var(--color-divider) !important; color: var(--color-polar-white) !important; }
.kcontact:hover { background: var(--color-purchase-blue) !important; border-color: var(--color-purchase-blue) !important; color: #fff !important; }
.knext { color: var(--color-polar-white) !important; }
.icoacts { background: transparent !important; border: 1px solid var(--color-control) !important; }
.icoact { color: var(--color-glyph) !important; }
.icoact:hover { background: rgba(255, 255, 255, .08) !important; color: #fff !important; }
.icoact.known { color: #fff !important; }
.icoact.known::after { background: var(--color-polar-white) !important; }
.icoact.done { background: rgba(66, 66, 69, .72) !important; color: var(--color-battery-green) !important; }
.seg { background: rgba(66, 66, 69, .45) !important; }
.seg-pill { background: rgba(110, 110, 115, .6) !important; border-radius: var(--radius-pill) !important; }
.seg button { color: var(--color-steel) !important; }
.seg button[aria-checked="true"] { color: #fff !important; }
.icobtn:hover { background: rgba(255, 255, 255, .08) !important; color: #fff !important; }
.tcheck { background: transparent !important; border-color: var(--color-divider) !important; }
.tcheck.done { background: var(--color-polar-white) !important; border-color: var(--color-polar-white) !important; color: #000 !important; }

/* campos em pílula */
input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], select,
body .ff input, body .ff select, body .ladd input, body .ladd select, .taddrow input, .taddrow select, .cbar input, .cbar select, .vacts input[type="search"], .qcbox .obtns select {
  background: rgba(255, 255, 255, .04) !important; color: var(--color-polar-white) !important; border: 1px solid var(--color-divider) !important;
  border-radius: var(--radius-pill) !important; padding-left: 18px !important; font-family: var(--font-main) !important;
}
select option { background: #1d1d1f; color: #f5f5f7; }
textarea, body .ff textarea, .shout textarea, .qcbox textarea { background: rgba(255, 255, 255, .04) !important; color: var(--color-polar-white) !important; border: 1px solid var(--color-divider) !important; border-radius: 20px !important; font-family: var(--font-main) !important; }
input:focus, select:focus, textarea:focus { outline: 2px solid var(--color-purchase-blue) !important; outline-offset: 1px; border-color: var(--color-purchase-blue) !important; }
input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(1); }
.check input, input[type="checkbox"] { accent-color: var(--color-purchase-blue); }
.ff, .ff > span, .field label, #v-radar .searchbar .field label { color: var(--color-steel) !important; font-family: var(--font-main) !important; }
.fgroup legend { color: var(--color-polar-white) !important; font: 600 10px/1.24 var(--font-main) !important; letter-spacing: .1em !important; }
.fgroup { border-top-color: var(--color-control) !important; }

/* números de resultado em verde, demais em branco */
.hk-v, .psum dd, .dnums dd, .big, .funnel button b, .kcount, .hval { font-family: var(--font-main) !important; font-weight: 600 !important; letter-spacing: -0.144px !important; }
.dbig, .hkpi:first-child .hk-v, .hkpi:nth-child(3) .hk-v, .hkpi:nth-child(6) .hk-v, #dn-profit:not(.neg), .lval.pos { color: var(--color-battery-green) !important; }
.dbig { font: 600 48px/1 var(--font-main) !important; letter-spacing: -0.144px !important; }
.hk-v { font-size: 32px !important; line-height: 1.13 !important; }
dd.neg, .lval.neg { color: #ff8a80 !important; }
.big { font-size: 48px !important; }
.dgoal { background: var(--color-absolute-black) !important; border: 1px solid var(--color-control); }
.dlabel, .dnote { color: var(--color-steel) !important; }
.gbar { background: var(--color-control) !important; }
.gbar i { background: var(--color-battery-green) !important; }
.psum, .dnums { background: var(--color-control) !important; border-color: var(--color-control) !important; }
.psum > div, .dnums > div { background: var(--color-absolute-black) !important; }

/* gráficos */
.cin .fill, .ccol.cur .cin .fill, .lg-inc i, .ctip .t-inc i { background: var(--color-battery-green) !important; }
.cout .fill, .lg-out i, .ctip .t-out i { background: var(--color-divider) !important; }
.ccol.cur, .ccol:hover { background: rgba(255, 255, 255, .05) !important; }
.chart { border-bottom-color: var(--color-divider) !important; background: linear-gradient(var(--color-control) 1px, transparent 1px) 0 22px / 100% calc((100% - 22px) / 4) !important; }
.cgoal { border-top-color: var(--color-steel) !important; }
.cgoal span { background: var(--color-absolute-black) !important; color: var(--color-steel) !important; }
.ctip { background: #1d1d1f !important; color: var(--color-polar-white) !important; border: 1px solid var(--color-control); border-radius: 20px !important; }
.htrack, .mini { background: var(--color-control) !important; }
.hbar .fill { background: var(--color-polar-white) !important; }
.st-fechado .hbar .fill, .mini .hbar .fill { background: var(--color-battery-green) !important; }
.st-perdido .hbar .fill { background: var(--color-divider) !important; }
.prow { color: var(--color-polar-white) !important; border-bottom-color: var(--color-control) !important; }
button.prow:hover, .ctable .prow:not(.phead):hover, .trow.link:hover, .alist li.link:hover, button.hrow:hover { background: rgba(255, 255, 255, .04) !important; }
.phead { color: var(--color-steel) !important; font: 600 10px/1.24 var(--font-main) !important; letter-spacing: .1em !important; }
.pname b { font: 600 17px/1.24 var(--font-main) !important; letter-spacing: -0.374px !important; }
.lrows, .lrows li, .mrows li, .alist li, .trow, .ptable { border-color: var(--color-control) !important; }
.adot { background: var(--color-polar-white) !important; }

/* ficha lateral e contato rápido */
.sheet.open, .qc.open { background: rgba(0, 0, 0, .7) !important; }
.shbox { background: var(--color-carbon) !important; }
.shhead { background: var(--color-absolute-black) !important; border-bottom: 1px solid var(--color-control); }
.shid h2, .qchead h2 { font: 600 32px/1.13 var(--font-main) !important; letter-spacing: 0.128px !important; text-transform: uppercase; }
.shid p { color: var(--color-steel) !important; }
.shtabs button { font: 400 12px var(--font-main) !important; letter-spacing: -0.12px !important; text-transform: none !important; color: rgba(245, 245, 247, .8) !important; border-radius: var(--radius-chip) var(--radius-chip) 0 0 !important; }
.shtabs button[aria-selected="true"] { background: var(--color-carbon) !important; color: #fff !important; font-weight: 600 !important; }
.shleft { background: var(--color-absolute-black) !important; border-right-color: var(--color-control) !important; }
.gline { background: rgba(66, 66, 69, .45) !important; border-radius: 20px !important; }
.qcbox { border-radius: var(--radius-card) !important; }
.qcfoot { border-top-color: var(--color-control) !important; }
.ofoot, .oblock + .oblock { border-top-color: var(--color-control) !important; }

/* avisos */
.toastbox { background: #1d1d1f !important; color: var(--color-polar-white) !important; border: 1px solid var(--color-control) !important; border-radius: var(--radius-card) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.toastbox .ico { background: var(--color-polar-white) !important; color: #000 !important; }
.wastate { background: rgba(66, 66, 69, .45) !important; color: var(--color-polar-white); border-radius: 20px !important; }
.wastate.ok::before { background: var(--color-battery-green) !important; }
.wastate.wait { background: var(--color-ember) !important; color: var(--color-launch-orange); }
.wastate.bad { background: var(--bad-bg) !important; color: #ff8a80; }
.waqr { border-radius: 20px !important; }
.switch input:checked + span::before { background: var(--color-purchase-blue) !important; }
.sidewa.ok { background: var(--color-battery-green) !important; }
.sidewa.wait { background: var(--color-launch-orange) !important; }

/* radar */
.radar { box-shadow: none !important; border: 1px solid var(--color-control); }
.sweep { background: conic-gradient(from 0deg, rgba(245, 245, 247, 0) 0deg, rgba(245, 245, 247, 0) 285deg, rgba(245, 245, 247, .16) 352deg, rgba(245, 245, 247, .55) 360deg) !important; }
#v-radar .lead .name, .name { font: 600 19px/1.21 var(--font-main) !important; letter-spacing: 0.228px !important; color: var(--color-polar-white) !important; }
.lead[data-s="contatado"] .name { color: var(--color-polar-white) !important; }
.phone { font-family: var(--font-main) !important; font-weight: 600 !important; }
.dots { background: radial-gradient(circle, var(--color-divider) 1px, transparent 1.6px) 0 50% / 7px 100% repeat-x !important; }
#v-radar .acts { border-top-color: var(--color-control) !important; }
.thumb { background: #1d1d1f !important; border-radius: 20px !important; }
.funnel button { background: var(--color-absolute-black) !important; border: 1px solid var(--color-control) !important; border-radius: 20px !important; color: var(--color-polar-white) !important; font-family: var(--font-main) !important; }
.funnel button[aria-pressed="true"] { border-color: var(--color-polar-white) !important; }
.funnel .bar { background: var(--color-control) !important; }
.funnel .bar i { background: var(--color-polar-white) !important; }
.howto { background: var(--color-absolute-black) !important; border: 1px solid var(--color-control) !important; }
.howto li::before { background: var(--color-polar-white) !important; color: #000 !important; font-family: var(--font-main) !important; }
.gnote, .warn { background: transparent !important; border: 1px dashed var(--color-divider) !important; color: var(--color-steel) !important; }
.legend .has { box-shadow: none !important; }
.legend .no { border-color: var(--color-polar-white) !important; }
.mk { background: var(--color-polar-white) !important; border: 2px solid #000 !important; }
.mk.no { background: var(--color-divider) !important; }
.mk.c { background: var(--color-purchase-blue) !important; }
.mk.hot { background: var(--color-battery-green) !important; transform: scale(1.5); }
.totop { background: var(--color-control) !important; }
.fxbtn { background: var(--color-absolute-black) !important; color: var(--color-polar-white) !important; border-color: var(--color-control) !important; }
#status.error { color: #ff8a80 !important; }
.lb, .pv { background: rgba(0, 0, 0, .9) !important; }
.pvbox { background: var(--color-carbon) !important; border-radius: var(--radius-card) !important; }
.gsteps code { background: var(--color-control) !important; }

/* radar: mapa em destaque à esquerda depois da busca */
#v-radar .views { display: none !important; }
#v-radar .radar-col.has-map .radar-frame, #v-radar .radar-col.has-map .readout { display: none; }
@media (min-width: 900px) {
  #v-radar .shell:has(.has-map) { grid-template-columns: minmax(260px, 1fr) minmax(440px, 1.1fr); max-width: 1400px; gap: 24px; }
  #v-radar .radar-col.has-map { position: sticky; top: 20px; }
  #v-radar .radar-col.has-map #map { height: calc(100vh - 40px); }
  #v-radar .searchbar { max-width: 1400px; }
}
#v-radar #map { margin: 0; border: 1px solid var(--color-control) !important; border-radius: var(--radius-card) !important; background: var(--color-absolute-black) !important; }
@media (max-width: 899px) { #v-radar .radar-col.has-map #map { height: 340px; } }
#map .leaflet-popup-content-wrapper, #map .leaflet-popup-tip { background: #1d1d1f; color: var(--color-polar-white); border-radius: 20px; }
#map .leaflet-popup-content { font: 400 13px/1.4 var(--font-main) !important; color: var(--color-polar-white) !important; }
#map .leaflet-popup-content b { font-weight: 600; }
#map .leaflet-popup-content a { display: inline-block; margin: 8px 6px 0 0; padding: 4px 12px; border: 1px solid var(--color-divider); border-radius: 980px; color: var(--color-polar-white) !important; text-decoration: none; font-weight: 400 !important; }
#map .leaflet-popup-content a[data-wa] { background: var(--color-purchase-blue); border-color: var(--color-purchase-blue); color: #fff !important; font-weight: 600 !important; }
#map .leaflet-control-layers, #map .leaflet-bar a { background: #1d1d1f; color: var(--color-polar-white); border-color: var(--color-control); }
#map .leaflet-control-attribution { background: rgba(0, 0, 0, .6); color: var(--color-steel); }
#map .leaflet-control-attribution a { color: var(--color-glyph); }
.mk { transition: transform .15s ease; }

/* mapa de ruas em modo noturno (o satélite fica com as cores reais) */
#map .tiles-dark { filter: invert(1) hue-rotate(180deg) brightness(.82) contrast(.92) saturate(.6); }
.hq { border-radius: 20px !important; }
@media (min-width: 900px) and (max-width: 1100px) { #v-radar .shell:has(.has-map) { grid-template-columns: minmax(0, 1fr); } #v-radar .radar-col.has-map { position: static; } #v-radar .radar-col.has-map #map { height: 360px; } }

body:has(.radar-col.has-map) .fxbtn { display: none !important; }
.khead h2 { font: 600 12px/1.33 var(--font-main) !important; letter-spacing: .08em !important; }
.khead { padding: 16px 16px 10px !important; flex-wrap: wrap; }
.ksum { font-size: 12px !important; }
.kfoot { flex-wrap: wrap; row-gap: 6px; }
.knext { font-size: 12px !important; padding: 0 8px 0 10px !important; min-height: 30px; max-width: 100%; }
.knext span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kcards { padding: 0 10px 12px !important; }

/* login */
.login { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px; background: var(--color-absolute-black); }
.lgbox { width: min(400px, 100%); display: grid; gap: 14px; }
.lglogo { width: 48px; height: 48px; font-size: 17px !important; margin-bottom: 8px; }
.lgbox h1 { margin: 0; font: 600 clamp(40px, 10vw, 64px)/1.06 var(--font-main); letter-spacing: -0.576px; text-transform: uppercase; color: var(--color-polar-white); }
.lgsub { margin: 0 0 14px; color: var(--color-steel); font-size: 17px; letter-spacing: -0.374px; }
.lgf { display: grid; gap: 6px; color: var(--color-steel); font: 600 10px/1.24 var(--font-main); letter-spacing: .1em; text-transform: uppercase; }
.lgf input { width: 100%; min-height: 48px; padding: 0 20px !important; font: 400 17px var(--font-main) !important; letter-spacing: -0.374px; text-transform: none; }
.lgpass { position: relative; display: block; }
.lgpass input { padding-right: 52px !important; }
.lgeye { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; display: grid; place-items: center; border: 0; border-radius: 980px; background: transparent; color: var(--color-steel); cursor: pointer; }
.lgeye:hover, .lgeye[aria-pressed="true"] { color: var(--color-polar-white); background: rgba(255, 255, 255, .06); }
.lgrem { display: flex; align-items: center; gap: 10px; min-height: 32px; color: rgba(245, 245, 247, .8); font-size: 14px; }
.lgrem input { width: 18px; height: 18px; accent-color: var(--color-purchase-blue); }
.lggo { min-height: 48px; margin-top: 6px; border: 0; border-radius: 980px; background: var(--color-purchase-blue); color: #fff; font: 600 17px var(--font-main); letter-spacing: -0.374px; cursor: pointer; transition: background-color .15s ease, transform .12s cubic-bezier(.23, 1, .32, 1); }
.lggo:hover { background: #0077ed; }
.lggo:active { transform: scale(.98); }
.lggo:disabled { opacity: .7; cursor: progress; }
.lgmsg { min-height: 1.3em; margin: 0; color: #ff8a80; font-size: 14px; }
.sideout { width: 34px !important; height: 34px !important; color: var(--color-steel) !important; flex: none; }
.sideout:hover { color: #fff !important; }
.side-foot .sidewa { margin-left: auto; }

/* fechar negócio */
.cdbox { width: min(460px, 100%); }
.cdgrid { margin-top: 12px; }
.cdchips { display: flex; gap: 6px; margin-top: 10px; }
.cdwhen { margin-top: 8px !important; color: var(--color-polar-white) !important; }
#cdDays { width: 100%; min-height: 44px; padding: 0 18px; }

/* demos */
.demogrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; margin-top: 14px; }
.demo { display: grid; gap: 8px; align-content: start; padding: 18px; border: 1px solid var(--color-control); border-radius: var(--radius-card); background: var(--color-carbon); }
.demo.soon { background: transparent; border-style: dashed; }
.demohead { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.demoseg { color: var(--color-steel); font: 600 10px/1.24 var(--font-main); letter-spacing: .1em; text-transform: uppercase; }
.demo h3 { margin: 0; font: 600 19px/1.21 var(--font-main); letter-spacing: 0.228px; }
.demo.soon h3 { color: var(--color-steel); }
.demourl { color: var(--color-polar-white); font-size: 14px; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.selo { padding: 2px 8px; border-radius: var(--radius-badge); background: var(--color-ember); color: var(--color-launch-orange); font: 600 12px var(--font-main); }