/* =====================================================================
   Budget Xperience · complementos de la aplicación MVC
   (lo que el diseño resolvía con JavaScript: ficha como página, cámara,
   acceso, formularios nativos, tableta y teléfono)
   ===================================================================== */

/* Barra superior: el selector de agencia es un formulario real */
.top-select form{display:contents}
.topbar a.brand{text-decoration:none;color:inherit}
.rail a{text-decoration:none}
.rail a,.rail button{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:transparent;border-radius:var(--r-md);padding:6px 2px;cursor:pointer;color:var(--marino-tenue);font-size:11.5px;font-weight:400;position:relative;min-height:46px}
.rail a svg{width:20px;height:20px;color:var(--tono,var(--marino-tinta))}
.rail a:hover{background:var(--marino-2);color:var(--marino-tinta)}
.rail a[aria-current="page"]{background:var(--marino-activo);color:#FFFFFF;box-shadow:inset 3px 0 0 var(--tono)}
.rail a.rail-new{background:var(--rojo);color:var(--sobre-rojo);margin-bottom:var(--e2)}
.rail a.rail-new:hover{background:var(--rojo-hover)}
.rail a.rail-new svg{color:var(--sobre-rojo)}
.rail a .badge{position:absolute;top:3px;right:6px;background:var(--critico);color:#fff;border-radius:999px;font-size:10.5px;min-width:18px;height:18px;padding-inline:5px;display:grid;place-items:center;font-weight:500}
@media (max-width:760px){
  .rail a{flex:1 0 64px;min-height:54px;padding:6px 2px;font-size:10.5px}
  .rail a[aria-current="page"]{box-shadow:inset 0 3px 0 var(--tono)}
  .rail a.rail-new{margin-bottom:0}
}
@media (max-width:480px){ .rail a,.rail a.rail-new{flex:1 1 0;min-width:0;padding:6px 0;font-size:10px} }

/* Ficha como página (en tableta ocupa todo; el botón de regreso vuelve a donde se venía) */
.sheet.page-sheet{position:static;display:block;z-index:auto}
.sheet.page-sheet .sheet-panel{width:100%;height:auto;min-height:100%;animation:none;box-shadow:none;background:transparent}
.sheet.page-sheet .sheet-body{overflow:visible;padding-bottom:var(--e10)}
.sheet.page-sheet .sheet-head{position:sticky;top:0;z-index:4}
main{position:relative}

/* Enlaces y botones que vienen de formularios */
a.btn,a.action,a.kcard,a.counter,a.qa,a.risk,a.agenda-row,a.pstep{text-decoration:none;color:inherit}
form.inline{display:inline}
button.action,button.kcard{font:inherit;width:100%}
.btn.icon svg{margin:0}
.ico.sr{display:none}
.cap{font-size:12.5px}
.muted.cap0,.cap0{font-size:12px}
.hint .sug{font-size:inherit}
.num{font-variant-numeric:tabular-nums}
.stack-sm{display:flex;flex-direction:column;gap:var(--e3)}
.row-between{display:flex;justify-content:space-between;align-items:center;gap:var(--e3);flex-wrap:wrap}
.kv.compact{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
.table-wrap table.t th.hide-sm,.table-wrap table.t td.hide-sm{}
.photo .lbl{pointer-events:none}
.photo video{width:100%;height:100%;object-fit:cover;display:block}
.photo.filled .btn.icon{position:absolute;top:4px;right:4px;min-height:28px;padding:2px 6px;background:rgba(10,16,21,.55);border-color:transparent;color:#fff}
.photo .cam{color:var(--rojo-tinta)}
.photo em{position:absolute;top:6px;left:6px}
/* En el recuadro "Siguiente" la etiqueta Obligatoria sobra (se encimaban). */
.photo.next-slot.req:not(.filled)::after{content:none}
.photos.videos{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.photos.videos .photo{aspect-ratio:16/10}

/* ---------- Cámara (pantalla completa, orientación libre) ---------- */
.cam-overlay{position:fixed;inset:0;z-index:120;background:#000;display:flex;flex-direction:column;color:#fff;touch-action:none}
.cam-overlay[hidden]{display:none}
.cam-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}
.cam-stage video{width:100%;height:100%;object-fit:contain;background:#000}
.cam-stage canvas{display:none}
.cam-guide{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center}
.cam-guide svg{width:min(92%,980px);height:auto;max-height:86%;opacity:.55}
.cam-guide .g{fill:none;stroke:#fff;stroke-width:1.5;stroke-dasharray:6 6}
.cam-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:33.33% 33.33%}
.cam-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;background:linear-gradient(rgba(0,0,0,.6),transparent)}
.cam-top .cam-title{font-family:var(--fuente-titulo);font-size:17px;font-weight:400}
.cam-top .cam-sub{font-size:12.5px;color:rgba(255,255,255,.75)}
.cam-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px));background:#000}
.cam-btn{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;min-width:46px;height:46px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:14px;cursor:pointer}
.cam-btn[aria-pressed="true"]{background:var(--rojo);border-color:var(--rojo)}
.cam-btn[disabled]{opacity:.35}
.cam-btn svg{width:20px;height:20px}
.cam-shutter{width:76px;height:76px;border-radius:50%;border:4px solid #fff;background:transparent;display:grid;place-items:center;cursor:pointer;padding:0;flex:0 0 76px}
.cam-shutter i{width:60px;height:60px;border-radius:50%;background:#fff;display:block;transition:transform .12s}
.cam-shutter:active i{transform:scale(.85)}
.cam-shutter.rec i{background:var(--critico);border-radius:12px;width:34px;height:34px}
.cam-side{display:flex;gap:10px;align-items:center;flex:1 1 0}
.cam-side.r{justify-content:flex-end}
.cam-msg{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:8px 14px;border-radius:10px;font-size:13.5px;max-width:calc(100% - 32px);text-align:center}
.cam-msg[hidden]{display:none}
.cam-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .18s}
.cam-flash.on{opacity:.85;transition:none}
.cam-preview{position:absolute;inset:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.cam-preview[hidden]{display:none}
.cam-preview img,.cam-preview video{max-width:100%;max-height:calc(100% - 90px);object-fit:contain;border-radius:8px}
.cam-preview .btn-row{padding:0 16px}
.cam-zoom{display:flex;align-items:center;gap:8px;color:#fff;font-size:12.5px}
.cam-zoom input[type=range]{width:120px;accent-color:var(--rojo)}
.cam-timer{font-family:var(--fuente-texto);font-variant-numeric:tabular-nums;font-size:15px;color:#fff;background:rgba(242,106,102,.85);padding:3px 10px;border-radius:999px}
.cam-timer[hidden]{display:none}
.cam-turn{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;background:rgba(0,0,0,.6);text-align:center;padding:24px;pointer-events:none}
.cam-turn[hidden]{display:none}
.cam-turn svg{width:48px;height:48px;animation:turn 1.6s ease-in-out infinite}
@keyframes turn{0%,100%{transform:rotate(0)}50%{transform:rotate(90deg)}}
.cam-fallback{display:none}

/* Progreso de subida en el recuadro de la foto */
.photo .up{position:absolute;left:8px;right:8px;bottom:8px;height:4px;background:rgba(255,255,255,.25);border-radius:2px;overflow:hidden}
.photo .up i{display:block;height:100%;background:var(--rojo);width:0;transition:width .2s}
.photo.err{border-color:var(--critico)}

/* ---------- Acceso ---------- */
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--papel);background-image:radial-gradient(var(--punteado) 1px,transparent 1.2px);background-size:16px 16px}
.login-card{width:min(440px,100%);background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r-lg);box-shadow:var(--sombra);padding:32px 28px;display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden}
.login-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--tono-dia),var(--tono-captacion),var(--tono-valuacion),var(--tono-venta))}
.login-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding-top:6px}
.login-logo{width:84px;height:84px;border-radius:19px;box-shadow:0 10px 26px rgba(5,12,28,.45),0 0 0 1px var(--borde);margin-bottom:8px}
.login-brand h1{font-family:var(--fuente-titulo);font-weight:300;font-size:26px;letter-spacing:-.01em;line-height:1.15}
.login-brand h1 b{font-weight:500}
.login-brand p{color:var(--tinta-suave);font-size:14px}
.login-grupo{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-tenue);margin-top:2px}
.login-err{background:var(--critico-suave);color:var(--critico);border-radius:var(--r-md);padding:10px 12px;font-size:13.5px}
.login-ok{background:var(--verde-suave);color:var(--verde);border-radius:var(--r-md);padding:10px 12px;font-size:13.5px}
.pwd-wrap{position:relative}
.pwd-wrap .btn.icon{position:absolute;right:4px;top:50%;transform:translateY(-50%);min-height:36px;border-color:transparent;background:transparent}
.modal{position:fixed;inset:0;z-index:100;background:var(--velo);display:flex;align-items:center;justify-content:center;padding:16px}
.modal[hidden]{display:none}
.modal .card{width:min(460px,100%);max-height:90vh;overflow:auto}

/* ---------- Tablero ---------- */
.stat.good::before{background:var(--verde)} .stat.warn::before{background:var(--oro-marca)} .stat.crit::before{background:var(--critico)}
table.ktable .kname .info{display:inline-flex;vertical-align:middle;margin-left:6px;color:var(--tinta-tenue);cursor:help}
.goal-in{width:110px}
.spark{width:120px;height:34px}
.dash-nav{display:flex;gap:8px;flex-wrap:wrap}

/* ---------- Teléfono: tablas que no caben ---------- */
@media (max-width:760px){
  table.t.cards thead{display:none}
  table.t.cards tr{display:block;border-bottom:1px solid var(--borde);padding:8px 0}
  table.t.cards td{display:block;border:0;padding:3px 0;white-space:normal}
  table.t.cards td.r{text-align:left}
  table.t.cards td:empty{display:none}
  .page-head .btn.big{width:100%}
  .quick-row{grid-template-columns:1fr 1fr}
}
/* Tableta en vertical: dos columnas de la ficha se apilan antes */
@media (max-width:1100px){ .ficha{grid-template-columns:minmax(0,1fr)} }
/* Impresión de la hoja de revisión */
@media print{ .topbar,.rail,.sheet-head,.toast,.alerts-panel,.no-print{display:none!important} .app{display:block} main{overflow:visible} .page{padding:0} body{background:#fff} }

/* Toast */
.toast{transition:opacity .25s}
.toast.hide{opacity:0}
/* Campana */
.theme-btn.bell{position:relative}
/* Tema: el cambio es instantáneo */
html{transition:none}
.chip-swatch{box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.badges .pill{max-width:100%}
.lbl-short{display:none}
textarea.input{min-height:90px;resize:vertical}
input[type=datetime-local].input,input[type=date].input{min-width:0}
.field .select{max-width:100%}
.grid-form .field{min-width:0}
.counter{text-decoration:none;color:inherit}
.rail .spacer{flex:1}
.rail .rail-foot{color:var(--marino-tenue);font-size:10px;text-align:center;padding:6px 0;letter-spacing:.06em;text-transform:uppercase}
@media (max-width:760px){ .rail .rail-foot{display:none} }
.chip.sug.on{border-style:solid}
.carsvg.live{touch-action:manipulation}
.insp-row .bm button{min-height:40px}
.val-bar .btn{min-height:46px}
.err-list{margin:0;padding-left:18px;color:var(--critico);font-size:13.5px}
.pill.nowrap{white-space:nowrap}
.card.form-card .card-body{padding-top:var(--e3)}
.w-100{width:100%}
.mt-2{margin-top:var(--e2)} .mt-3{margin-top:var(--e3)} .mt-4{margin-top:var(--e4)}
.badge-inline{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:var(--critico);color:#fff;font-size:11px;padding-inline:6px;font-weight:500}
.empty-state{padding:36px 20px;text-align:center;color:var(--tinta-tenue)}
.empty-state b{display:block;color:var(--tinta-suave);font-size:16px;margin-bottom:4px}

/* Tablero: los indicadores de 5-6 celdas se acomodan en 3 por fila en pantallas normales (antes quedaban de 110 px y las etiquetas se partían letra por letra). */
.tiles.t6{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.tile .k{overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}
/* Filas atenuadas (compras canceladas, usuarios dados de baja) en cualquier tabla */
table.t tr.off td{color:var(--tinta-tenue)}
/* Captura: vehículos del cliente según Quiter (un toque llena el formulario) */
.recog>div{min-width:0;flex:1 1 auto}
.recog span{display:block;overflow-wrap:anywhere}
.recog .qveh{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:6px}
.recog .qveh .btn{font-size:12.5px;white-space:normal;text-align:left;justify-content:flex-start}
/* Captura: sugerencias de clientes registrados bajo nombre/teléfono */
.sugg-field{position:relative}
.sugg{position:absolute;left:0;min-width:min(520px,calc(100vw - 48px));top:calc(100% + 4px);z-index:30;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r-md);box-shadow:0 12px 30px rgba(0,0,0,.28);max-height:320px;overflow:auto;padding:4px}
.sugg-item{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;background:transparent;border:0;border-radius:8px;padding:9px 10px;cursor:pointer;color:var(--tinta);font:inherit}
.sugg-item:hover,.sugg-item:focus{background:var(--superficie-2);outline:none}
.sugg-item b{font-weight:500}
.sugg-item span{font-size:12.5px;color:var(--tinta-suave)}
.sugg-item .sugg-auto{color:var(--tinta-tenue)}
.sugg-warn{color:var(--oro);font-size:12.5px}
.sugg-empty{padding:10px 12px;font-size:12.5px;color:var(--tinta-tenue)}
/* Fotos: acciones (editar, descargar, quitar) sobre la miniatura */
.photo.filled .photo-acts{position:absolute;top:4px;right:4px;display:flex;gap:4px}
.photo.filled .photo-acts .btn.icon{position:static;min-height:28px;padding:2px 7px;background:rgba(10,16,21,.55);border-color:transparent;color:#fff;font-size:13px;text-decoration:none}
.photo.filled .photo-acts .btn.icon:hover{background:rgba(10,16,21,.8)}
.photo.filled>a{display:block;width:100%;height:100%}
/* Editor de fotos a pantalla completa */
.ped{position:fixed;inset:0;z-index:1000;background:#0A1120;color:#E7EDF6;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0)}
.ped[hidden]{display:none}
body.ped-open{overflow:hidden}
.ped-top{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #22324D}
.ped-top .ped-title{font-family:var(--fuente-titulo);font-weight:400;font-size:17px}
.ped-top .ped-hint{flex:1;font-size:12.5px;color:#AAB7CB}
.ped-stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#05090f;touch-action:none}
.ped-canvas{max-width:100%;max-height:100%;object-fit:contain;cursor:crosshair;box-shadow:0 0 0 1px #22324D}
.ped-crop{position:absolute;border:2px dashed #3D8EF2;background:rgba(61,142,242,.12);pointer-events:none;box-shadow:0 0 0 9999px rgba(0,0,0,.45)}
.ped-tools{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:10px 14px;border-top:1px solid #22324D;background:#101A2C}
.ped-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ped-sliders label{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#AAB7CB}
.ped-sliders input[type=range]{width:120px}
.ped-right{margin-left:auto}
.ped .btn{color:#E7EDF6;border-color:#22324D;background:#15213A}
.ped .btn.primary{background:#1069DA;border-color:#1069DA;color:#fff}
.ped .btn.ghost{background:transparent}
.ped .btn:disabled{opacity:.45}
/* "Viendo como" distinto del perfil propio: se marca el selector */
.topbar .top-select select.viendo-otro{border-color:var(--oro-marca);box-shadow:0 0 0 2px rgba(214,167,58,.25)}

/* ───────── Menú "Nueva": oportunidad de toma o de venta desde cualquier pantalla (se posiciona junto al botón) ───────── */
.nueva-menu{position:fixed;left:290px;top:80px;z-index:60;width:min(360px,calc(100vw - 24px));background:var(--superficie);border:1px solid var(--borde);border-radius:12px;box-shadow:0 24px 60px -20px rgba(0,0,0,.55);padding:10px;display:flex;flex-direction:column;gap:6px}
.nueva-menu[hidden]{display:none}
.nueva-menu .nm-head{display:flex;flex-direction:column;padding:6px 8px 8px;gap:2px}
.nueva-menu .nm-head b{font-family:Sora,Inter,sans-serif;font-weight:400;font-size:15px}
.nueva-menu .nm-head .muted{font-size:12px}
.nueva-menu .nm-opt{display:flex;gap:12px;align-items:center;padding:12px;border-radius:8px;border:1px solid var(--borde-suave,var(--borde));color:var(--tinta);text-decoration:none;background:var(--superficie-2,var(--hundido));transition:border-color .25s,background .25s,transform .25s}
.nueva-menu .nm-opt:hover,.nueva-menu .nm-opt:focus-visible{border-color:var(--rojo-tinta);background:var(--superficie);transform:translateX(2px)}
.nueva-menu .nm-opt>svg{width:22px;height:22px;flex:0 0 22px;color:var(--ic-1,var(--rojo-tinta))}
.nueva-menu .nm-opt:nth-of-type(2)>svg{color:var(--ic-3,var(--rojo-tinta))}
.nueva-menu .nm-opt:nth-of-type(3)>svg{color:var(--ic-2,var(--rojo-tinta))}
.nueva-menu .nm-opt span{display:flex;flex-direction:column;min-width:0;gap:2px}
.nueva-menu .nm-opt b{font-weight:500;font-size:13.5px}
.nueva-menu .nm-opt small{color:var(--tinta-suave);font-size:12px;line-height:1.35}
@media (max-width:760px){ .nueva-menu{left:12px!important;right:12px;width:auto} }
@media (min-width:1201px){ .quick-row:has(> :nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))} }

/* Chips que son enlaces (filtros por tipo, mes, vendedor): sin subrayado, como los chips de formulario */
a.chip,a.chip:hover{text-decoration:none}

/* Con la barra lateral ancha (272 px) el contenido de una tableta mide ~900 px: la captura y la ficha van a una columna */
@media (max-width:1240px){ .capture{grid-template-columns:minmax(0,1fr)} .ficha{grid-template-columns:minmax(0,1fr)} }
/* Encabezados de grupo de la bandeja: el enlace a la derecha no hereda las mayúsculas */
.action-group h3 .btn{text-transform:none;letter-spacing:0;font-weight:400}
/* Celular: sin reloj en el encabezado (no cabe junto a la marca y las acciones) */
@media (max-width:760px){ .app .clock{display:none} }
/* Acceso: aire entre el mensaje de error/éxito y el formulario */
.dx-form-wrap .login-err,.dx-form-wrap .login-ok{margin:0 0 20px}

/* ───────── WhatsApp: conversación con el cliente (widget del Conversador; Shadow DOM, 520 px de alto) ───────── */
.wa-panel .card-head{align-items:center}
.wa-panel .wa-host{min-height:520px;border-radius:10px;overflow:hidden;background:var(--hundido)}
.wa-panel ux-chat-cliente{display:block;width:100%}
.wa-panel .wa-error{margin-top:10px}
#form-oferta-wa{align-items:center;flex-wrap:wrap}

/* Búsqueda unificada: de dónde viene cada coincidencia (POX · Quiter · Nos compró) y lista de autos conocidos del cliente */
.sugg-src{display:inline-block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--rojo-tinta);margin:1px 0 2px}
.recog .sugg-src{display:block}
.vlist li{padding:8px 10px;border:1px solid var(--borde-suave);border-radius:var(--r-md);background:var(--superficie-2)}
.vrow{display:flex;flex-direction:column;gap:4px}
.vmain{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.vmain b{font-weight:500}
.vrow .btn{align-self:flex-start;margin-top:2px}

/* WhatsApp vía Conversador en toda la app: botón compacto en tarjetas y tablas, y panel global (drawer) */
.wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:30px;height:30px;border-radius:8px;border:1px solid var(--borde);background:var(--superficie);color:#25D366;cursor:pointer;flex:0 0 auto;vertical-align:middle;transition:background .15s,border-color .15s}
.wa-btn svg{width:16px;height:16px}
.wa-btn:hover,.wa-btn:focus-visible{background:rgba(37,211,102,.12);border-color:#25D366;outline:none}
.wa-btn.btn{width:auto;height:auto;color:inherit}
.wa-btn.btn svg{color:#25D366}
.action .side .wa-btn,.agenda-row .wa-btn{margin-bottom:4px}
.agenda-row .wa-btn{margin-right:8px}
.wa-cell{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.wa-cell .wa-btn{width:24px;height:24px}
.wa-cell .wa-btn svg{width:13px;height:13px}
.wa-drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);z-index:60;display:flex;flex-direction:column;background:var(--superficie);border-left:1px solid var(--borde);box-shadow:-18px 0 48px rgba(0,0,0,.28)}
.wa-drawer[hidden]{display:none}
.wa-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--borde-suave)}
.wa-drawer-title{display:flex;align-items:center;gap:10px;min-width:0}
.wa-drawer-title>svg{width:22px;height:22px;color:#25D366;flex:0 0 22px}
.wa-drawer-title b{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-drawer-title span{display:block;font-size:12.5px}
.wa-drawer-body{padding:12px 16px 16px;overflow:auto;display:flex;flex-direction:column;gap:10px;flex:1 1 auto}
.wa-drawer .wa-host{min-height:520px;border-radius:10px;overflow:hidden;background:var(--hundido)}
.wa-drawer ux-chat-cliente{display:block;width:100%}
@media (max-width:760px){.wa-drawer{width:100vw}}

/* Guía Autométrica: identificada en pantalla (valuación y fichas) */
.mkt.guia{border-color:var(--oro-marca);background:color-mix(in srgb,var(--oro-marca) 7%,var(--superficie-2))}
.mkt.guia .mkt-head svg{color:var(--oro-marca)}
.pill.guia{background:color-mix(in srgb,var(--oro-marca) 16%,transparent);color:var(--oro);border:1px solid color-mix(in srgb,var(--oro-marca) 50%,transparent)}
.guia-line{margin-bottom:4px}

/* Piso de ventas (paso 1 del recorrido de venta): rol de piso y periodo */
.turno{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.turno li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--borde-suave);border-radius:var(--r-md);background:var(--superficie-2)}
.turno li.next{border-color:var(--rojo);background:var(--rojo-suave)}
.turno li>span:nth-child(2){flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.turno li b{font-weight:500}
.turno li small{color:var(--tinta-tenue);font-size:12px}
.avatar.sm{width:30px;height:30px;font-size:12px;flex:0 0 30px;display:inline-grid;place-items:center;border-radius:50%}
.seg a.btn{border:0;background:transparent;border-radius:8px;padding:8px 14px;min-height:36px;color:var(--tinta-suave)}
.seg a.btn[aria-pressed="true"]{background:var(--superficie);color:var(--tinta);box-shadow:var(--sombra)}
.action-group h3 .crit{color:var(--critico);font-weight:400}
.action-group h3{display:flex;align-items:center;gap:8px}

/* Intelimotor en el workspace de valuación */
.mkt.im{border-color:var(--marca-azul);background:color-mix(in srgb,var(--marca-azul) 7%,var(--superficie-2))}
.mkt.im .mkt-head svg{color:var(--marca-azul)}
.mkt.im #im-actual.on{margin-top:6px}
.mkt.im .err-list{margin:6px 0 0;padding-left:18px}
.mkt.im .err-list li{margin:4px 0}

/* Selector de inventario en la captura de venta */
.inv-pick{border:1px solid var(--borde);border-radius:var(--r-md);background:var(--superficie-2);margin-top:6px}
.inv-pick-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--borde-suave)}
.inv-pick-head .search{flex:1 1 260px;min-width:200px}
.inv-sel{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--rojo-suave);border-bottom:1px solid var(--borde-suave);font-size:14px}
.inv-list{max-height:340px;overflow:auto}
.inv-row{display:grid;grid-template-columns:14px 1fr auto auto;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--borde-suave);cursor:pointer}
.inv-row:hover{background:var(--superficie)}
.inv-row.on{background:var(--rojo-suave);box-shadow:inset 3px 0 0 var(--rojo)}
.inv-row.ap{opacity:.72}
.inv-row .inv-p{text-align:right}
.inv-row .inv-b{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:180px}
@media (max-width:760px){.inv-row{grid-template-columns:14px 1fr auto}.inv-row .inv-b{grid-column:2/4;justify-content:flex-start;max-width:none}}