/* ============================================================================
   Sistema visual — aplicación DM Llantas (dmllantas.mx) v1 · 24-oct-2026
   Requiere gt-tokens-v1.css. Solo colores/estados; sin cambios de lógica, datos ni permisos.
   No recolorea el logo de DM ni de Greentrac ni la identidad de los vendedores.
   ========================================================================== */
:root{color-scheme:light;
  --bg:var(--gt-bg);--surface:var(--gt-surface);--ink:var(--gt-ink);--muted:var(--gt-muted);--line:var(--gt-line);
  --brand:var(--gt-primary);--brand2:var(--gt-primary-h);--wa:var(--gt-wa);--amber:#f7f8fa;--shadow:0 2px 12px rgba(23,35,44,.08)}
@media(prefers-color-scheme:dark){:root{--bg:var(--gt-bg);--surface:var(--gt-surface);--ink:var(--gt-ink);--muted:var(--gt-muted);--line:var(--gt-line);--shadow:0 2px 12px rgba(23,35,44,.08)}}
body{background:var(--gt-bg);color:var(--gt-ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
/* encabezado claro (como el home) */
.top{background:var(--gt-surface);color:var(--gt-ink);border-bottom:1px solid var(--gt-line);box-shadow:none}
.logomarca{box-shadow:none;border:1px solid var(--gt-line)}
.brand{color:var(--gt-ink)}.tag,.consejoDia{color:var(--gt-muted);opacity:1}
.top p,.top #tagTexto{color:var(--gt-muted)}
.top #tagPublico,.top .brand,.top h1{color:var(--gt-ink)}
#tagPublico{letter-spacing:.08em}
.searchwrap input{border:1px solid var(--gt-line-ctl);border-radius:var(--gt-r-ctl);background:var(--gt-surface);color:var(--gt-ink)}
.searchwrap input::placeholder{color:var(--gt-muted)}
#comoEmpiezo summary{color:var(--gt-primary-h)}
.comoPasos{color:var(--gt-ink)}
#comoEmpiezo .comoPasos li{color:var(--gt-ink)}
.gear,.barra button{background:var(--gt-surface);border:1px solid var(--gt-line-ctl);color:var(--gt-ink);border-radius:var(--gt-r-ctl)}
.barra .cmp{background:var(--gt-wa);border-color:var(--gt-wa);color:#fff}
.avisobar{color:var(--gt-warn);background:var(--gt-warn-bg);border:1px solid #f0d9a8}
/* pestañas y navegación */
.rz .tabsHerr{gap:6px;margin:8px 0 0;flex-wrap:wrap}
.rz .tabsHerr button,.rz .tabsHerr a.tabLnk{background:var(--gt-bg);color:var(--gt-ink);border:1px solid var(--gt-line);border-bottom:3px solid transparent;border-radius:var(--gt-r-ctl);min-height:var(--gt-tap);font-weight:700}
.rz .tabsHerr button.on{background:var(--gt-surface);color:var(--gt-primary-h);border-color:var(--gt-primary);border-bottom-color:var(--gt-primary)}
.negAct{background:var(--gt-bg);color:var(--gt-ink);border:1px solid var(--gt-line)}
.negAct a{color:var(--gt-primary-h)}
/* filtros */
.cats button{border-color:var(--gt-line-ctl);color:var(--gt-ink);background:var(--gt-surface)}
.cats button.on,.cats .ordbtn.on{background:var(--gt-primary-h);border-color:var(--gt-primary-h);color:#fff}
.cats .mkbtn{background:var(--gt-surface);color:var(--gt-ink);border-color:var(--gt-line-ctl)}
/* tarjetas */
.card{border-radius:16px;border-color:var(--gt-line)}
.nm{color:var(--gt-ink)}.pr{color:var(--gt-ink)}.pcl{color:var(--gt-muted)}
.ctdo{color:var(--gt-ok)}
.sku,.sp,.estr .tp,.vent,.hint,.ayudamed{color:var(--gt-muted)}
.card .gar,.gar{color:var(--gt-ok)}
/* tarjeta: Cotizar = acción principal roja; Comprar en Greentrac = secundaria blanca; WhatsApp verde solo para contactar/compartir por WhatsApp */
.avisover button,.stp .pl{background:var(--gt-primary);border-color:var(--gt-primary);color:#fff}
.avisover button:hover,.stp .pl:hover{background:var(--gt-primary-h)}
.rz .acciones button.wa[data-sh],.acciones button.wa[data-sh]{background:var(--gt-primary);border:1px solid var(--gt-primary);color:#fff;min-height:var(--gt-tap)}
.rz .acciones button.wa[data-sh]:hover,.acciones button.wa[data-sh]:hover{background:var(--gt-primary-h)}
.add,.add.gtbuy{background:var(--gt-surface);color:var(--gt-ink);border:1px solid var(--gt-line-ctl)}
.add:hover{background:var(--gt-bg)}
.add.pregunta{background:var(--gt-wa);border-color:var(--gt-wa);color:#fff}
.rz .cb>.add,.rz .cb>.add.gtbuy{background:var(--gt-surface);color:var(--gt-ink);border:1px solid var(--gt-line-ctl);box-shadow:none;min-height:var(--gt-tap);font-weight:700;letter-spacing:0}
.rz .cb>.add.pregunta{background:var(--gt-wa);border-color:var(--gt-wa);color:#fff}
#setup .lnk button.wa,#pdCopiar,#pdGuardar,#sShare{background:var(--gt-wa);color:#fff}
.vidBtn,.vidTag{background:var(--gt-surface);color:var(--gt-ink);border:1px solid var(--gt-line-ctl)}
.avisover{background:var(--gt-bg);border-color:var(--gt-line)}
/* botones generales: principal roja, secundaria blanca */
.cta{background:var(--gt-primary);color:#fff;border-radius:var(--gt-r-ctl);min-height:var(--gt-tap-main)}
.cta:hover{background:var(--gt-primary-h)}
.cta:disabled,.add:disabled,button:disabled{background:#e9ecef;color:#6b7680;border-color:#d5dadf;cursor:not-allowed;opacity:1}
.ghost{background:var(--gt-surface);border:1px solid var(--gt-line-ctl);color:var(--gt-ink);border-radius:var(--gt-r-ctl)}
.sc{border-radius:20px 20px 0 0}
/* cotizador */
#compP .cpPrecioBox,#compP .cpPctBox{border-color:var(--gt-line-ctl);border-radius:var(--gt-r-ctl)}
#compP .cpPrecioBox:focus-within{border-color:var(--gt-focus);box-shadow:0 0 0 3px rgba(36,93,158,.25)}
#compP .cpPrecioBox input{color:var(--gt-ink)}
.cpCampo input,.cpCampo select{border-color:var(--gt-line-ctl);border-radius:var(--gt-r-ctl);background:var(--gt-surface)}
.cpOps label{border-color:var(--gt-line-ctl);border-radius:var(--gt-r-ctl)}
.cpOps label:has(input:checked){border-color:var(--gt-primary-h);background:#fff3f4}
.cpOps input{accent-color:var(--gt-primary)}
.cpGana{color:var(--gt-ink)}                       /* «—» y «Por confirmar»: sin icono ni color de éxito */
.cpGana.ok{color:var(--gt-ok)}.cpGana.ok::before{content:"✔ "}     /* solo con dato numérico ≥ 0 */
.cpGana.mal{color:var(--gt-err)}.cpGana.mal::before{content:"⚠ "}  /* pérdida: texto + icono */
.cpErr{color:var(--gt-err)}
#cotAviso::before,#cotErrQ::before,#cotErrP::before,#cotErrCp::before{content:"⚠ "}
#cotPerdida{background:var(--gt-err-bg);border:1px solid #f2b8b2;border-radius:var(--gt-r-ctl);padding:10px 12px}
.cotPerfil{border-color:var(--gt-line);border-radius:var(--gt-r-ctl)}
.cotLink,.cotAyuda summary{color:var(--gt-primary-h)}
.cotModo button{border-color:var(--gt-line-ctl);border-radius:var(--gt-r-ctl)}
.cotModo button.on{border-color:var(--gt-primary-h);background:#fff3f4;color:var(--gt-primary-h)}
.cotConfirma{background:var(--gt-err-bg);border-color:var(--gt-err);color:#7a1710}
.cotEstado{background:var(--gt-ok-bg);color:var(--gt-ok)}.cotEstado::before{content:"✔ "}
.cotEstado.mal{background:var(--gt-err-bg);color:var(--gt-err)}.cotEstado.mal::before{content:"⚠ "}
.cpPrev{border-color:var(--gt-line-ctl);border-radius:var(--gt-r-ctl)}
.cpTip,.cpNota{color:var(--gt-muted)}
.vacioVid{border-color:var(--gt-line-ctl);border-radius:var(--gt-r-ctl);background:var(--gt-surface)}
/* puerta de acceso */
html.dm-cerrado body{background:var(--gt-bg)}
#gateCuenta.gate-total{background:var(--gt-bg)}
#gateCuenta .sc{border-radius:var(--gt-r-card)}
#gateCuenta .cta[style*="transparent"]{background:var(--gt-surface)!important;color:var(--gt-primary-h)!important;border:2px solid var(--gt-primary-h)!important}

/* ---- herramientas de DM: video/editor/salida, entrada y registro, panel «Mi negocio» ---- */
:root:root:root{--panel:var(--gt-surface);--fg:var(--gt-ink);--verde:var(--gt-primary);--verde-fg:#fff;--amarillo:var(--gt-primary);--soft:var(--gt-bg);--danger:var(--gt-err);color-scheme:light;
  --v:var(--gt-ink);--v2:var(--gt-primary-h);--v3:var(--gt-primary);--claro:var(--gt-bg);--tinta:var(--gt-ink);--suave:var(--gt-muted)}
:root:root:root{--bg:var(--gt-bg);--muted:var(--gt-muted);--line:var(--gt-line)}
.btn.primario{background:var(--gt-primary);border-color:var(--gt-primary);color:#fff}
.btn.primario:hover{background:var(--gt-primary-h)}
.btn{border-color:var(--gt-line-ctl);background:var(--gt-surface);color:var(--gt-ink);border-radius:var(--gt-r-ctl)}
.btn:disabled,.btnP:disabled{background:#e9ecef;color:#6b7680;border-color:#d5dadf;opacity:1}
input[type=text],input[type=number],input[type=tel]{border-color:var(--gt-line-ctl);border-radius:var(--gt-r-ctl)}
input[readonly]{background:var(--gt-bg);color:var(--gt-ink)}
.panel{border-radius:var(--gt-r-card);border-color:var(--gt-line)}
.barra i{background:var(--gt-primary)}
.aviso{border-left-color:var(--gt-primary);background:var(--gt-bg)}
.err{color:var(--gt-err)}
.nota a,#miNegocio a,#origenCot a{color:var(--gt-primary-h)}
/* entrada, registro y panel (catalogo.dmllantas.mx) */
body{background:var(--gt-bg)}
.btnP{background:var(--gt-primary);box-shadow:0 4px 0 var(--gt-primary-h)}
.btnP:active{box-shadow:0 2px 0 var(--gt-primary-h)}
.card{border-radius:var(--gt-r-card);border-color:var(--gt-line)}
.card .primario,button.primario{background:var(--gt-primary);color:#fff}
.card input,input{border-color:var(--gt-line-ctl)}
.card p,.volver{color:var(--gt-muted)}
.err{background:var(--gt-err-bg)}
.destCard{background:var(--gt-primary-h);box-shadow:0 10px 24px -14px rgba(179,27,37,.6)}
.msg{color:var(--gt-ok)}.msg.err{color:var(--gt-err);background:none}
button.sec,.btn.sec{background:var(--gt-surface);color:var(--gt-primary-h);border:2px solid var(--gt-primary-h)}
.acciones button.vidBtn,.rz .acciones button.vidBtn{background:var(--gt-surface);color:var(--gt-ink);border:1px solid var(--gt-line-ctl);min-height:var(--gt-tap);font-weight:700}
.vidTag{background:var(--gt-surface);color:var(--gt-ink);border:1px solid var(--gt-line-ctl)}
#videoAviso{background:var(--gt-bg);color:var(--gt-ink);border:1px solid var(--gt-line)}
#videoBanner,#videoAviso button{background:var(--gt-surface);color:var(--gt-ink);border:1px solid var(--gt-line-ctl)}
html body .top #tagPublico,html body #tagPublico{color:var(--gt-ink)!important}
html body .top #tagTexto,html body .top #tagPromesa{color:var(--gt-muted)!important}
.lupa{background:rgba(23,35,44,.86)!important;color:#fff!important}