/* Layout: barra lateral oscura fija + área de trabajo clara con pestañas y paneles blancos (en teléfono la barra lateral se vuelve un menú deslizable). */
:root{
  --bg:#EDF1F8; --surface:#FFFFFF; --sunken:#F3F6FB; --head:#F0F3F9; --ink:#172033; --ink2:#3A465C; --muted:#8792A6; --line:#E4E9F2;
  --side:#1D2738; --side2:#27334A; --side-ink:#C4CCDA; --side-muted:#7F8BA0;
  --primary:#2F6FF2; --primary-2:#5B8CFF; --primary-soft:#E7EFFF; --on-primary:#FFFFFF;
  --cyan:#22B8E8; --tab:#DCE3EF;
  --ok:#14915F; --ok-soft:#E1F6EC; --warn:#B26B00; --warn-soft:#FFF1D9; --bad:#D63B3B; --bad-soft:#FDE7E7; --mag:#9B3DCF; --mag-soft:#F3E6FB;
  --font:"Plus Jakarta Sans","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --r:16px; --r-sm:10px;
  --shadow:0 1px 2px rgba(23,32,51,.04),0 8px 24px rgba(40,64,120,.07);
  --lift:0 10px 30px rgba(47,111,242,.28);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0E1420; --surface:#161E2C; --sunken:#1B2434; --head:#1C2637; --ink:#E7ECF5; --ink2:#C2CBDA; --muted:#8893A8; --line:#263247;
  --side:#0B111B; --side2:#172133; --side-ink:#C4CCDA; --side-muted:#6F7B90; --tab:#1A2232;
  --primary:#5B8CFF; --primary-2:#7FA6FF; --primary-soft:#1B2B4D; --on-primary:#FFFFFF;
  --ok:#3FCB8F; --ok-soft:#12301F; --warn:#F0AE45; --warn-soft:#33260F; --bad:#FF7272; --bad-soft:#3A1818; --mag:#C88AF0; --mag-soft:#2E1A3B;
  --shadow:0 1px 2px rgba(0,0,0,.35),0 8px 24px rgba(0,0,0,.25); --lift:0 10px 30px rgba(0,0,0,.4); color-scheme:dark }}
:root[data-theme="dark"]{
  --bg:#0E1420; --surface:#161E2C; --sunken:#1B2434; --head:#1C2637; --ink:#E7ECF5; --ink2:#C2CBDA; --muted:#8893A8; --line:#263247;
  --side:#0B111B; --side2:#172133; --side-ink:#C4CCDA; --side-muted:#6F7B90; --tab:#1A2232;
  --primary:#5B8CFF; --primary-2:#7FA6FF; --primary-soft:#1B2B4D; --on-primary:#FFFFFF;
  --ok:#3FCB8F; --ok-soft:#12301F; --warn:#F0AE45; --warn-soft:#33260F; --bad:#FF7272; --bad-soft:#3A1818; --mag:#C88AF0; --mag-soft:#2E1A3B;
  --shadow:0 1px 2px rgba(0,0,0,.35),0 8px 24px rgba(0,0,0,.25); --lift:0 10px 30px rgba(0,0,0,.4); color-scheme:dark }

*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--ink);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0;text-wrap:balance}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--primary)}
.mono{font-family:var(--mono);font-size:12px}
.muted{color:var(--muted)}
.num{font-variant-numeric:tabular-nums}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
svg.i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Login ---------- */
.login{min-height:100%;display:grid;place-items:center;padding-block:32px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));
  background:radial-gradient(1200px 700px at 15% 20%,#6FA8FF 0%,transparent 60%),radial-gradient(900px 600px at 85% 85%,#B9A6FF 0%,transparent 55%),linear-gradient(135deg,#3F7BFF,#8FB8F7 55%,#CFE3F6)}
.lcard{width:min(470px,100%);background:var(--surface);border-radius:22px;padding:30px 28px;box-shadow:0 30px 80px rgba(20,40,110,.28);display:flex;flex-direction:column;gap:18px}
.lbrand{display:flex;align-items:center;gap:10px;justify-content:center}
.lcard h1{font-size:22px;font-weight:800;text-align:center}
.lcard p{margin:0;text-align:center;color:var(--muted)}
.areas{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.areas button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-weight:600;cursor:pointer;color:var(--ink2);font-size:13px}
.areas button[aria-pressed="true"]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.names{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;max-height:260px;overflow:auto}
.names button{border:1px solid var(--line);background:var(--sunken);border-radius:12px;padding:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;text-align:left;min-width:0}
.names button[aria-pressed="true"]{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}
.names .av{width:26px;height:26px;font-size:11px}
.lnote{font-size:12px;color:var(--muted);text-align:center}

/* ---------- Shell ---------- */
.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100%;padding-block:16px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.side{background:var(--side);border-radius:22px 0 0 22px;color:var(--side-ink);display:flex;flex-direction:column;position:sticky;top:16px;height:calc(100dvh - 32px);overflow:hidden}
.logo{background:var(--primary);border-radius:22px 22px 22px 0;padding:18px 20px;display:flex;align-items:center;gap:10px;color:#fff}
.mark{width:34px;height:34px;border-radius:10px;background:#fff;color:var(--primary);display:grid;place-items:center;font-weight:800;font-size:14px;letter-spacing:-.02em;flex:none}
.logo b{font-size:17px;font-weight:800;letter-spacing:-.01em;display:block;line-height:1.1}
.logo small{font-size:11px;opacity:.8}
.snav{flex:1;overflow:auto;padding:6px 0 10px;display:flex;flex-direction:column;gap:2px}
.sgroup{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--side-muted);padding:14px 22px 6px;font-weight:700}
.snav button{display:flex;align-items:center;gap:12px;border:0;background:none;color:var(--side-ink);padding:11px 22px;font-weight:600;cursor:pointer;text-align:left;border-radius:0 999px 999px 0;margin-right:14px}
.snav button:hover{background:var(--side2);color:#fff}
.snav button[aria-current="page"]{background:var(--primary);color:#fff;box-shadow:var(--lift)}
.snav .badge{margin-left:auto;background:rgba(255,255,255,.14);color:#fff;border-radius:999px;font-size:11px;padding:1px 7px;font-weight:700}
.snav button[aria-current="page"] .badge{background:rgba(255,255,255,.25)}
.sfoot{border-top:1px solid rgba(255,255,255,.07);padding:14px 16px;display:flex;align-items:center;gap:10px}
.sfoot b{display:block;color:#fff;font-size:13px;line-height:1.2}
.sfoot small{color:var(--side-muted);font-size:11px}
.sfoot button{margin-left:auto;border:0;background:var(--side2);color:var(--side-ink);border-radius:9px;padding:7px;cursor:pointer;display:grid;place-items:center}
.av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--cyan));flex:none}

.main{background:var(--bg);border-radius:0 22px 22px 0;min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-left:0}
.topbar{display:flex;align-items:center;gap:14px;padding:22px 28px 6px}
.topbar h1{font-size:24px;font-weight:800;letter-spacing:-.02em}
.topbar .sub{color:var(--muted);font-size:13px;margin-top:2px}
.tb-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.circ{width:38px;height:38px;border-radius:50%;border:0;background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--ink2);position:relative;box-shadow:var(--shadow);flex:none}
.circ .dot{position:absolute;top:6px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--bad);border:2px solid var(--surface)}
.who{display:flex;align-items:center;gap:8px;font-weight:700}
.burger{display:none}
.demo{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mag);background:var(--mag-soft);padding:4px 9px;border-radius:999px}
.content{padding:16px 28px 40px;display:flex;flex-direction:column;gap:20px;min-width:0}

@media (max-width:900px){
  .shell{grid-template-columns:1fr;padding:0}
  .side{position:fixed;inset:0 auto 0 0;width:270px;height:100dvh;border-radius:0;z-index:50;transform:translateX(-105%);transition:transform .22s ease;padding-top:env(safe-area-inset-top,0px)}
  .side.open{transform:none;box-shadow:0 0 0 100vmax rgba(8,12,20,.45)}
  .logo{border-radius:0 0 22px 0}
  .main{border-radius:0;border:0}
  .topbar{padding:calc(14px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 4px max(16px,env(safe-area-inset-left,0px))}
  .topbar h1{font-size:20px}
  .topbar .sub{display:none}
  .burger{display:grid}
  .who span{display:none}
  .content{padding:12px max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px))}
}
@media (prefers-reduced-motion:reduce){.side{transition:none}}

/* ---------- Piezas ---------- */
.panel{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);min-width:0}
.panel-b{padding:20px}
.panel-h{display:flex;align-items:center;gap:10px;padding:18px 20px 0;flex-wrap:wrap}
.panel-h h3{font-size:16px;font-weight:800}
.panel-h .r{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}

.tabs{display:flex;gap:4px;align-items:flex-end;overflow-x:auto;scrollbar-width:none;position:relative;z-index:1}
.tabs::-webkit-scrollbar{display:none}
.tabs button{border:0;background:var(--tab);color:var(--muted);padding:11px 22px 12px;border-radius:14px 14px 0 0;font-weight:600;cursor:pointer;white-space:nowrap;display:flex;gap:8px;align-items:center;font-size:13px}
.tabs button[aria-selected="true"]{background:var(--surface);color:var(--ink);font-weight:700}
.tabs .n{background:var(--sunken);color:var(--muted);border-radius:999px;padding:0 7px;font-size:11px;font-weight:700}
.tabs button[aria-selected="true"] .n{background:var(--primary-soft);color:var(--primary)}
.tabbed{border-top-left-radius:0}

.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:18px 20px}
.flabel{display:flex;align-items:center;gap:10px;font-weight:600;font-size:13px;flex-wrap:wrap}
.input,select.input,textarea.input{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);padding:9px 12px;min-height:40px;width:100%}
textarea.input{min-height:92px;resize:vertical}
.input:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}
.input::placeholder{color:var(--muted);opacity:.75}
.input[readonly]{background:var(--sunken)}
.search{position:relative;min-width:200px;flex:1;max-width:380px}
.search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted)}
.search .input{padding-left:36px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--primary);background:var(--surface);color:var(--primary);
  border-radius:var(--r-sm);padding:8px 16px;font-weight:700;cursor:pointer;min-height:38px;white-space:nowrap;font-size:13px}
.btn:hover{background:var(--primary-soft)}
.btn.primary{background:var(--primary);color:var(--on-primary);box-shadow:0 6px 16px rgba(47,111,242,.25)}
.btn.primary:hover{filter:brightness(1.06)}
.btn.quiet{border-color:var(--line);color:var(--ink2)}
.btn.sm{min-height:30px;padding:4px 11px;font-size:12px;border-radius:8px}
.btn.okb{border-color:var(--ok);color:var(--ok)} .btn.okb:hover{background:var(--ok-soft)}
.btn.badb{border-color:var(--bad);color:var(--bad)} .btn.badb:hover{background:var(--bad-soft)}
.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}
.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}
.btn .i{width:16px;height:16px}
.seg{display:inline-flex;background:var(--sunken);border-radius:11px;padding:3px;gap:2px;flex-wrap:wrap}
.seg button{border:0;background:none;padding:6px 13px;border-radius:8px;font-weight:600;color:var(--muted);cursor:pointer;font-size:13px}
.seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}

.chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:700;background:var(--sunken);color:var(--muted);white-space:nowrap}
.chip.ok{background:var(--ok-soft);color:var(--ok)} .chip.warn{background:var(--warn-soft);color:var(--warn)}
.chip.bad{background:var(--bad-soft);color:var(--bad)} .chip.pri{background:var(--primary-soft);color:var(--primary)} .chip.mag{background:var(--mag-soft);color:var(--mag)}
.chip .d{width:6px;height:6px;border-radius:50%;background:currentColor}
.tag{font-family:var(--mono);font-size:10.5px;padding:2px 6px;border-radius:6px;border:1px solid currentColor;font-weight:500}
.tag.DIS{color:var(--mag)} .tag.PED{color:var(--primary)}

/* Tabla */
.tw{overflow-x:auto;padding:0 20px 8px}
table.t{width:100%;border-collapse:separate;border-spacing:0;min-width:640px}
table.t th{background:var(--head);color:var(--muted);font-weight:600;font-size:12px;text-align:left;padding:11px 14px;white-space:nowrap}
table.t th:first-child{border-radius:10px 0 0 10px} table.t th:last-child{border-radius:0 10px 10px 0}
table.t td{padding:14px;border-bottom:1px solid var(--line);vertical-align:middle;font-weight:500}
table.t tr:last-child td{border-bottom:0}
table.t tr.click{cursor:pointer} table.t tr.click:hover td{background:var(--sunken)}
table.t td.strong{font-weight:700}
table.t .sub{display:block;font-size:12px;color:var(--muted);font-weight:500}
table.t .acts{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;align-items:center}
@media (max-width:760px){
  .tw{padding:0 12px 8px}
  table.t{min-width:0}
  table.t thead{display:none}
  table.t,table.t tbody,table.t tr,table.t td{display:block;width:100%}
  table.t tr{border:1px solid var(--line);border-radius:12px;padding:6px 4px;margin-bottom:10px}
  table.t td{border:0;padding:6px 10px;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right!important}
  table.t td>*{min-width:0}
  table.t td::before{content:attr(data-l);color:var(--muted);font-size:12px;font-weight:600;text-align:left;flex:none}
  table.t td[data-l=""]::before{display:none}
  table.t .acts{justify-content:flex-end;width:100%}
}
.empty{padding:36px 20px;text-align:center;color:var(--muted)}
.empty b{display:block;color:var(--ink);font-size:15px;margin-bottom:4px}

/* KPIs */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.kpi{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:18px;display:flex;gap:14px;align-items:center;min-width:0}
.kpi .ic{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);flex:none}
.kpi .ic.ok{background:var(--ok-soft);color:var(--ok)} .kpi .ic.warn{background:var(--warn-soft);color:var(--warn)} .kpi .ic.bad{background:var(--bad-soft);color:var(--bad)} .kpi .ic.mag{background:var(--mag-soft);color:var(--mag)}
.kpi .ic .i{width:22px;height:22px}
.kpi small{color:var(--muted);font-weight:600;font-size:12px;display:block}
.kpi b{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.15;display:block;font-variant-numeric:tabular-nums}
.kpi em{font-style:normal;font-size:12px;color:var(--muted);display:block}

/* Tarjetas destacadas */
.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.hcard{border-radius:var(--r);padding:20px 22px;color:#fff;position:relative;overflow:hidden;min-height:150px;display:flex;flex-direction:column;gap:6px;box-shadow:0 14px 30px rgba(47,111,242,.2)}
.hcard.g1{background:linear-gradient(135deg,#2F6FF2,#5B8CFF)}
.hcard.g2{background:linear-gradient(135deg,#1293C9,#3FC3EC)}
.hcard.g3{background:linear-gradient(135deg,#0E9C79,#36CF9E)}
.hcard h3{font-size:20px;font-weight:800;position:relative}
.hcard p{margin:0;opacity:.9;font-size:13px;max-width:68%;position:relative}
.hcard .big{font-size:34px;font-weight:800;line-height:1;margin-top:auto;font-variant-numeric:tabular-nums;position:relative}
.hcard .btn{align-self:flex-start;margin-top:auto;background:transparent;border-color:rgba(255,255,255,.85);color:#fff;min-height:32px;position:relative}
.hcard .btn:hover{background:rgba(255,255,255,.15)}
.hcard .art{position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:118px;height:118px}

/* Orden / artículos / tareas */
.ohead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:22px}
.ohead h2{font-size:22px;font-weight:800;letter-spacing:-.02em}
.kv{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:10px}
.kv div{display:flex;flex-direction:column}
.kv small{font-size:11px;color:var(--muted);font-weight:600}
.kv span{font-weight:700}
.factbox{border-radius:14px;padding:14px 16px;min-width:240px;background:var(--sunken);display:flex;flex-direction:column;gap:8px;align-self:start}
.factbox.done{background:var(--ok-soft)}
.factbox small{font-size:11px;color:var(--muted);font-weight:700}
.factbox .big{font-size:26px;font-weight:800}
@media (max-width:760px){.ohead{grid-template-columns:1fr}.factbox{min-width:0}}
.items{display:flex;flex-direction:column;gap:16px}
.item{overflow:hidden}
.item-h{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;padding:18px 20px}
.item-h h3{font-size:16px;font-weight:800}
.code{color:var(--primary);font-family:var(--mono);font-size:12px}
.proj{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.pill{font-family:var(--mono);font-size:12px;background:var(--sunken);padding:3px 9px;border-radius:7px}
.item-a{display:flex;gap:8px;flex-wrap:wrap;padding:0 20px 16px;align-items:center}
@media (max-width:760px){.item-h{grid-template-columns:1fr}}
.meter{display:flex;flex-direction:column;gap:6px;min-width:0}
.meter .bar{height:8px;border-radius:99px;background:var(--sunken);overflow:hidden}
.meter .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--primary),var(--primary-2))}
.meter .bar i.full{background:var(--ok)}
.meter .lbl{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:8px}
.meter .lbl b{color:var(--ink)}
.tasks{border-top:1px solid var(--line)}
.tcard{padding:16px 20px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--line);min-width:0}
.tcard:last-child{border-bottom:0}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,430px),1fr));gap:16px}
.tgrid .tcard{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);border:0}
.th{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.th .what{font-weight:800;font-size:14px}
.th .right{margin-left:auto;display:flex;gap:8px;align-items:center}
.ctx{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.ctx b{color:var(--ink);font-weight:700}
.trello{font-family:var(--mono);font-size:12px;color:var(--primary);text-decoration:none;font-weight:500;background:var(--primary-soft);padding:3px 8px;border-radius:7px;white-space:nowrap}
.desc{font-size:13px;color:var(--ink2);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--sunken);border-radius:10px;padding:10px 12px}
.vers{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}
.ver{flex:none;width:128px;display:flex;flex-direction:column;gap:4px}
.thumb{width:128px;height:96px;border-radius:12px;border:1px solid var(--line);background:var(--sunken) center/cover no-repeat;cursor:zoom-in;padding:0;display:block;flex:none}
.thumb.sm{width:64px;height:48px;border-radius:8px}
.thumb.file{display:grid;place-items:center;font-family:var(--mono);font-size:11px;color:var(--muted);cursor:pointer}
.ver b{font-size:12.5px;line-height:1.25}
.ver .by{font-size:11.5px;color:var(--muted)}
.ver .why{font-size:11.5px;color:var(--bad);line-height:1.3}
.ver .rv{display:flex;gap:4px}
.addver{flex:none;width:128px;height:96px;border:1.5px dashed var(--line);border-radius:12px;background:var(--sunken);color:var(--primary);font-weight:700;font-size:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;text-align:center}
.addver:hover{border-color:var(--primary)}

/* Formularios */
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field>span{font-size:12.5px;font-weight:700;color:var(--ink2)}
.field>span em{font-style:normal;color:var(--bad)}
.hint{font-size:12px;color:var(--muted)}
.g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.check{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13px;cursor:pointer}
.check input{width:18px;height:18px;accent-color:var(--primary)}
.step{display:flex;align-items:center;gap:10px}
.step h3{font-size:16px;font-weight:800}
.step .n{width:26px;height:26px;border-radius:8px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:800;font-size:12px}
.results{border:1px solid var(--line);border-radius:12px;max-height:260px;overflow:auto;background:var(--surface);box-shadow:var(--shadow)}
.results button{display:flex;width:100%;text-align:left;gap:12px;align-items:center;padding:10px 14px;border:0;border-bottom:1px solid var(--line);background:none;cursor:pointer}
.results button:last-child{border-bottom:0}
.results button:hover{background:var(--primary-soft)}
.results .r1{font-weight:700;flex:1;min-width:0}
.picked{display:flex;align-items:center;gap:12px;border-radius:12px;padding:12px 14px;background:var(--primary-soft)}
.picked div{flex:1;min-width:0}
.lines{display:flex;flex-direction:column;gap:12px}
.line{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;grid-template-columns:minmax(0,2.2fr) 90px 110px minmax(0,1.6fr) minmax(0,1.4fr) 34px;gap:12px;align-items:end;position:relative}
.line .pname{font-weight:800}
.line .pv{grid-column:1/-1;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.x{border:0;background:none;color:var(--muted);cursor:pointer;width:34px;height:40px;border-radius:9px;display:grid;place-items:center}
.x:hover{background:var(--bad-soft);color:var(--bad)}
@media (max-width:900px){.line{grid-template-columns:1fr 1fr}.line>.f-prod,.line>.f-wide{grid-column:1/-1}.line .x{position:absolute;right:6px;top:6px}}
.totalbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px}
.totalbar .t{font-size:28px;font-weight:800;letter-spacing:-.02em}
.lock{display:flex;gap:12px;align-items:center;background:var(--sunken);border-radius:12px;padding:12px 14px}
.lock .i{color:var(--muted)}
.err{background:var(--bad-soft);color:var(--bad);border-radius:10px;padding:10px 12px;font-weight:700;font-size:13px}
details.more{border:1px solid var(--line);border-radius:12px;padding:0 14px}
details.more summary{cursor:pointer;padding:12px 0;font-weight:700}
details.more[open]{padding-bottom:14px}
.drop{border:1.5px dashed var(--line);border-radius:12px;padding:12px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:var(--sunken)}
.drop .pv{width:72px;height:56px;border-radius:8px;background:var(--surface) center/cover;border:1px solid var(--line);flex:none}
.drop input{max-width:100%;font-size:12px}
.tallas{display:flex;flex-direction:column;gap:12px}
.tg h4{font-size:12px;color:var(--muted);margin-bottom:6px}
.tgr{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px}
.tgr label{display:flex;flex-direction:column;gap:2px;font-size:11.5px;font-weight:700;color:var(--muted);text-align:center}
.tgr input{text-align:center;padding:6px 4px;min-height:36px}
.sum{font-weight:700;padding:10px 12px;border-radius:10px;background:var(--sunken)}
.sum.ok{background:var(--ok-soft);color:var(--ok)} .sum.bad{background:var(--warn-soft);color:var(--warn)}
.next{font-size:24px;font-weight:800;color:var(--mag);letter-spacing:-.02em}

/* Modal */
dialog{border:0;padding:0;border-radius:20px;background:var(--surface);color:var(--ink);width:min(740px,calc(100vw - 24px));max-height:calc(100dvh - 32px);box-shadow:0 30px 80px rgba(10,20,50,.35)}
dialog::backdrop{background:rgba(12,18,32,.5)}
.mh{display:flex;align-items:flex-start;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:2}
.mh h2{font-size:19px;font-weight:800}
.mh .x{margin-left:auto;margin-top:-6px}
.mb{padding:20px 22px;display:flex;flex-direction:column;gap:16px}
.mf{display:flex;gap:10px;justify-content:flex-end;padding:14px 22px;border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--surface)}
@media (max-width:600px){dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}}
.lightbox{background:#0A0E16;color:#fff;width:min(1100px,calc(100vw - 24px))}
.lightbox img{display:block;max-width:100%;max-height:78dvh;margin:0 auto}
.lightbox .mh{background:#0A0E16;border-color:#222}
.lightbox .x{color:#ccc}
.lightbox a{color:#8FB3FF}

/* Gráficos */
.charts{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:20px}
@media (max-width:1100px){.charts{grid-template-columns:1fr}}
.chart{padding:8px 20px 18px;position:relative}
.chart svg{display:block;width:100%;height:auto;overflow:visible}
.chart .gl{stroke:var(--line);stroke-width:1}
.chart .ax{fill:var(--muted);font-size:11px;font-family:var(--font)}
.chart .bar{fill:var(--primary)}
.chart .hit{fill:transparent;cursor:pointer}
.chart g[data-tip]:hover .bar{fill:var(--primary-2)}
.tip{position:absolute;pointer-events:none;background:var(--ink);color:var(--surface);padding:7px 10px;border-radius:9px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:var(--shadow);transform:translate(-50%,-115%);z-index:5}
.tip b{display:block;font-size:14px}
.hbars{display:flex;flex-direction:column;gap:12px;padding:14px 20px 20px}
.hb{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr) 64px;gap:12px;align-items:center;font-size:13px}
.hb .n{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hb .tr{height:10px;background:var(--sunken);border-radius:99px;overflow:hidden}
.hb .tr i{display:block;height:100%;border-radius:99px;background:var(--primary)}
.hb .v{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:20px}
.feed{display:flex;flex-direction:column;padding:4px 20px 16px}
.feed .ev{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
.feed .ev:last-child{border-bottom:0}
.feed .dt{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}
.feed .dt .i{width:15px;height:15px}
.feed .dt.bad{background:var(--bad-soft);color:var(--bad)} .feed .dt.ok{background:var(--ok-soft);color:var(--ok)} .feed .dt.mag{background:var(--mag-soft);color:var(--mag)}
.feed time{font-size:11.5px;color:var(--muted);white-space:nowrap}

.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--surface);padding:11px 18px;border-radius:12px;font-weight:700;z-index:80;box-shadow:var(--shadow);max-width:calc(100vw - 32px)}
.toast.bad{background:var(--bad);color:#fff}
.loading{display:flex;gap:10px;align-items:center;color:var(--muted);padding:40px 0;justify-content:center}
.spin{width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:sp .8s linear infinite;display:inline-block}
@keyframes sp{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spin{animation-duration:3s}}

/* ---------- Decks ---------- */
.deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:18px}
.card{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;gap:10px;cursor:pointer;text-align:left;border:1px solid transparent;min-width:0;transition:transform .15s ease,box-shadow .15s ease,border-color .15s}
.card:hover{transform:translateY(-2px);border-color:var(--primary-soft);box-shadow:0 14px 34px rgba(40,64,120,.12)}
.card:focus-visible{outline:2px solid var(--primary)}
.card h3{font-size:16px;font-weight:800;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.c-top{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.c-top .when{margin-left:auto;font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap}
.c-sub{margin:0;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-foot{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.c-foot .av{width:24px;height:24px;font-size:10px}
.c-foot b{margin-left:auto;color:var(--ink);font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.c-img{height:132px;margin:-18px -18px 2px;border-radius:var(--r) var(--r) 0 0;background:var(--sunken) center/cover no-repeat}
.card .cta{margin-top:4px}
@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}
.deck-empty{grid-column:1/-1}
.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.toolbar .search{background:var(--surface);border-radius:var(--r-sm)}

/* ---------- Panel lateral (detalle) ---------- */
dialog.drawer{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(760px,100vw);max-width:100vw;border-radius:24px 0 0 24px;display:flex;flex-direction:column;overflow:hidden;animation:din .22s ease}
dialog.drawer:not([open]){display:none}
@keyframes din{from{transform:translateX(40px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){dialog.drawer{animation:none}}
.dh{padding:calc(22px + env(safe-area-inset-top,0px)) 28px 18px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--line)}
.dh .row{display:flex;align-items:center;gap:8px}
.dh .x{margin-left:auto}
.eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}
.dh h2{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.dh .sub{color:var(--muted);font-size:13.5px}
.db{flex:1;overflow:auto;padding:8px 28px calc(28px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column}
.sec{padding:20px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.sec:last-child{border-bottom:0}
.sec>h4{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;display:flex;align-items:center;gap:8px}
.sec>h4 .r{margin-left:auto;text-transform:none;letter-spacing:0}
.df{padding:14px 28px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;background:var(--surface)}
@media (max-width:600px){dialog.drawer{border-radius:0}.dh{padding-left:18px;padding-right:18px}.db{padding-left:18px;padding-right:18px}.df{padding-left:18px;padding-right:18px}}
.spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px 20px;margin:0}
.spec div{min-width:0}
.spec dt{font-size:11.5px;color:var(--muted);font-weight:600}
.spec dd{margin:2px 0 0;font-weight:700;overflow-wrap:anywhere}
.lrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:12px 0;border-bottom:1px dashed var(--line)}
.lrow:last-child{border-bottom:0}
.lrow .t1{font-weight:700}
.lrow .t2{font-size:12.5px;color:var(--muted)}
.lrow .amt{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}
.lrow .acts{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.lrow .meter{grid-column:1/-1}
.totrow{display:flex;justify-content:space-between;align-items:baseline;padding-top:4px}
.totrow b{font-size:24px;font-weight:800}
.trow{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--sunken);cursor:pointer;border:1px solid transparent}
.trow:hover{border-color:var(--primary-soft);background:var(--primary-soft)}
.trow .grow{flex:1;min-width:0}
.trow .grow b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trow .grow span{font-size:12px;color:var(--muted)}
.trows{display:flex;flex-direction:column;gap:8px}
.callout{border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.callout.pri{background:var(--primary-soft)} .callout.bad{background:var(--bad-soft)} .callout.ok{background:var(--ok-soft)}
.callout b{font-size:14px}
.callout .acts{display:flex;gap:8px;flex-wrap:wrap}
.check-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.check-list div{background:var(--sunken);border-radius:12px;padding:10px 12px}
.check-list small{display:block;font-size:11px;color:var(--muted);font-weight:600}
.check-list span{font-weight:700}
.edits{display:flex;flex-direction:column;gap:10px}
.edit{font-size:13px;border-left:3px solid var(--primary-soft);padding:2px 0 2px 12px}
.edit .who{font-size:12px;color:var(--muted)}
.edit s{color:var(--muted)}
.factphoto{width:100%;max-width:320px;height:180px;border-radius:12px;border:1px solid var(--line);background:var(--sunken) center/contain no-repeat;cursor:zoom-in}

/* Colores y estilos */
.sw{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15);vertical-align:-2px;margin-right:6px;flex:none}
.colrow{display:flex;gap:6px;flex-wrap:wrap}
.colsel{display:flex;align-items:center;gap:8px}
.styles{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;max-height:280px;overflow:auto;padding:2px}
.styles button{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:700;text-align:center;color:var(--ink2)}
.styles button img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:var(--sunken);display:block;max-width:100%}
.styles button[aria-pressed="true"]{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}
.seg.big button{padding:9px 14px}

.mthumb{display:block;width:52px;height:40px;border-radius:8px;background:var(--sunken) center/cover no-repeat;border:1px solid var(--line)}
.mthumb.empty{display:grid;place-items:center;font-family:var(--mono);font-size:10px;color:var(--muted)}
.seg button .i{width:15px;height:15px;vertical-align:-3px;margin-right:4px}
.chip .i{width:12px;height:12px}

/* ===== Supabase v1: entrada, avisos, configuración ===== */
.lbrand{justify-content:center}
.lbrand b{display:block;font-size:16px;font-weight:800;line-height:1.1}
.lbrand small{color:var(--muted);font-size:12px}
.lbrand .mark{background:var(--primary);color:#fff}
.lcard form,.lcard .cclave,.cclave{display:flex;flex-direction:column;gap:14px}
.btn.full{width:100%;min-height:44px;font-size:14px}
.pw{position:relative}
.pw .input{padding-right:46px}
.ojo{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--muted);width:38px;height:38px;border-radius:9px;display:grid;place-items:center;cursor:pointer}
.ojo:hover{background:var(--sunken);color:var(--ink)}
.demo-note{background:var(--mag-soft);color:var(--mag)!important;border-radius:10px;padding:8px 12px;font-size:12.5px;font-weight:600}
.reglas{list-style:none;margin:0;padding:12px 14px;background:var(--sunken);border-radius:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px 14px;font-size:12.5px;color:var(--muted)}
.reglas li{display:flex;align-items:center;gap:6px}
.reglas li .i{width:14px;height:14px;color:var(--bad)}
.reglas li.ok{color:var(--ok);font-weight:600}
.reglas li.ok .i{color:var(--ok)}
.cargando{padding:40px 20px;text-align:center;color:var(--muted)}
.demo.env{color:var(--warn);background:var(--warn-soft)}
.who{border:0;background:none;cursor:pointer;color:var(--ink)}

.toasts{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px;z-index:100;width:min(440px,calc(100vw - 32px))}
.toast{background:var(--ink);color:var(--surface);padding:12px 16px;border-radius:12px;font-weight:600;box-shadow:var(--shadow);border-left:4px solid var(--ok);transition:opacity .3s,transform .3s}
.toast.bad{border-left-color:var(--bad)} .toast.warn{border-left-color:var(--warn)}
.toast.out{opacity:0;transform:translateY(8px)}

.perfil{display:flex;gap:18px;align-items:center;padding:22px;flex-wrap:wrap}
.perfil h2{font-size:20px;font-weight:800}
.av.big{width:64px;height:64px;font-size:20px}
.av.sm{width:30px;height:30px;font-size:11px}
.persona{display:flex;gap:10px;align-items:center;min-width:0}
.persona b{display:flex;align-items:center;flex-wrap:wrap}
.chips{display:flex;flex-wrap:wrap;gap:4px}
.resumen{display:flex;flex-wrap:wrap;gap:6px 22px;padding:0 20px 12px;font-size:13px;color:var(--muted)}
.resumen b{color:var(--ink);font-variant-numeric:tabular-nums}
.areas-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px}
.clave-fila{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.clave-temp{flex:1;min-width:200px;background:var(--sunken);border:1.5px dashed var(--primary);border-radius:12px;padding:14px 16px;font-size:17px;letter-spacing:.03em;color:var(--ink);user-select:all;overflow-wrap:anywhere}
.listo{display:flex;gap:12px;align-items:center;background:var(--ok-soft);color:var(--ok);border-radius:12px;padding:14px 16px}
.listo .i{width:26px;height:26px}
.listo div{color:var(--ink)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:8px 20px;padding-bottom:12px}
.pbloque h3{font-size:14px;font-weight:800;padding:4px 20px 10px}
table.t.compacta{min-width:0}
table.t.compacta td{padding:8px 14px}
.pts{max-width:110px;min-height:36px;text-align:right}
tr.apagada td,.vrow.apagada{opacity:.5}
.vlist{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.vrow{display:flex;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.vrow:last-child{border-bottom:0}
.vrow .sub{display:block;font-size:12px;color:var(--muted)}
.vrow .acts{display:flex;gap:10px;align-items:center}
.filters select.input{width:auto;min-width:180px;max-width:100%}
#app{min-height:100%}
.login{min-height:100dvh}

.logo{border-radius:22px 0 22px 0}
@media (max-width:900px){.logo{border-radius:0 0 22px 0}}
.candado{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 20px 12px;padding:10px 14px;border-radius:12px;background:var(--warn-soft);color:var(--ink);font-size:13px}
.candado>.i{color:var(--warn)}
.candado span{flex:1;min-width:200px}
.candado.abierto{background:var(--ok-soft)}
.candado.abierto>.i{color:var(--ok)}

/* ===== Módulos de trabajo ===== */
.col{display:flex;flex-direction:column;gap:20px;min-width:0}
.filters.suelto{padding:0}
.pad{padding:18px 20px 20px}
.panel-b.form{display:flex;flex-direction:column;gap:16px}
.rojo{color:var(--bad)!important}
.sec-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}
.sec-h h3{font-size:15px;font-weight:800}
.sec-h>:last-child:not(h3){margin-left:auto}
.mb>.vlist,.mb>.tw{margin:0}
.mb .tw{padding:0}
.tabs button .i{width:16px;height:16px}
.tabs .n[hidden]{display:none}
.selcli{position:relative;display:flex;flex-direction:column;gap:8px}
.selcli .results,.f-prod .results{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20}
.selcli .results{top:46px}
.results .code{flex:none}
.lines .line{background:var(--surface)}
select.input.sm{min-height:32px;padding:4px 8px;font-size:12.5px;width:auto}

.alerta{display:flex;gap:12px;align-items:flex-start;border-radius:14px;padding:14px 16px;font-size:13.5px}
.alerta>.i{width:22px;height:22px;flex:none;margin-top:2px}
.alerta b{display:block;font-size:14px}
.alerta.bad{background:var(--bad-soft);color:var(--ink)} .alerta.bad>.i{color:var(--bad)}
.alerta.mag{background:var(--mag-soft);color:var(--ink);border:2px solid var(--mag)} .alerta.mag>.i{color:var(--mag)} .alerta.mag b{color:var(--mag);font-size:16px}
.alerta.warn{background:var(--warn-soft);color:var(--ink)} .alerta.warn>.i{color:var(--warn)}
.alerta .desc{margin-top:6px;background:var(--surface)}

.tficha{display:flex;gap:20px;padding:20px;flex-wrap:wrap}
.portadas{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}
.portadas figure{margin:0;display:flex;flex-direction:column;gap:6px}
.portadas figcaption{font-size:12px;font-weight:700;color:var(--muted)}
.thumb.big{width:240px;height:240px;border-radius:14px;background-size:contain;background-color:var(--sunken)}
@media (max-width:600px){.thumb.big{width:calc(50vw - 30px);height:calc(50vw - 30px)}}
.tallas-ver{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:13px}
.tallas-ver .pill{margin:2px}
.acciones{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ver .rv{flex-wrap:wrap}
ul.historial{list-style:none;margin:0;padding:0 0 4px;display:flex;flex-direction:column;gap:6px;font-size:13px}
ul.historial time{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-right:8px}
.tmini{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:var(--sunken);border-radius:10px;padding:6px 10px;cursor:pointer;font-size:12.5px;max-width:100%}
.tmini:hover{border-color:var(--primary)}
.tmini>span:nth-child(3){font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
table.mini{width:100%;border-collapse:collapse;font-size:13px}
table.mini td{padding:6px 4px;border-bottom:1px solid var(--line)}
table.mini td.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
table.mini td.code{color:var(--primary);font-family:var(--mono);font-size:12px}
.cli-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}

/* Tarjetas con portada */
.deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px;padding:0 20px 20px}
.dk{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;min-width:0;transition:box-shadow .15s,transform .15s}
.dk:hover,.dk:focus-visible{box-shadow:var(--shadow);transform:translateY(-1px)}
.cover{position:relative;aspect-ratio:4/3;background:var(--sunken);max-width:100%}
.thumb.cov{width:100%;height:100%;border-radius:0;border:0;background-size:cover}
.pcmini{position:absolute;right:8px;bottom:8px;box-shadow:var(--shadow);border-radius:9px;background:var(--surface);padding:2px}
.dk-b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.dk-t{font-size:14px;line-height:1.3;overflow-wrap:anywhere}

/* Adjuntar */
.adjuntar{display:flex;flex-direction:column;gap:10px}
.zona{border:1.5px dashed var(--line);border-radius:12px;padding:14px 16px;display:flex;gap:12px;align-items:center;background:var(--sunken);cursor:pointer;color:var(--primary)}
.zona:hover,.zona:focus-visible,.zona.sobre{border-color:var(--primary);background:var(--primary-soft)}
.zona b{display:block;color:var(--ink);font-size:13px}
.zona b em{font-style:normal;color:var(--bad)}
.zona span{font-size:12px;color:var(--muted)}
.previas{display:flex;gap:10px;flex-wrap:wrap}
.previas:empty{display:none}
.previa{position:relative;width:96px;height:76px;border-radius:10px;border:1px solid var(--line);background:var(--surface) center/cover;display:grid;place-items:center;font-size:11px}
.previa .x{position:absolute;top:2px;right:2px;width:24px;height:24px;background:var(--surface);border-radius:7px}

/* Elegir diseño de origen */
.disenos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:8px;max-height:300px;overflow:auto}
.dcard{display:flex;gap:10px;align-items:center;text-align:left;border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:8px;cursor:pointer;min-width:0}
.dcard>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.dcard b{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dcard.sel{border-color:var(--primary);background:var(--primary-soft)}
.dcard.viejo .i{width:40px;height:40px;padding:8px;border-radius:10px;background:var(--mag-soft);color:var(--mag);flex:none}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:420px;overflow:auto}
.vpick{border:1.5px solid var(--line);border-radius:12px;background:var(--surface);padding:8px;display:flex;flex-direction:column;gap:4px;text-align:left;cursor:pointer;min-width:0}
.vpick .thumb{width:100%;height:110px}
.vpick b{font-size:12.5px}
.vpick.sel{border-color:var(--primary);background:var(--primary-soft)}

/* Datos */
.charts2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px}
.barras{display:flex;flex-direction:column;gap:8px}
.barra{display:grid;grid-template-columns:minmax(90px,170px) minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px}
.barra .bn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt{height:10px;background:var(--sunken);border-radius:99px;overflow:hidden}
.bt i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-2));border-radius:99px}
.barra .muted{grid-column:2/-1;font-size:11.5px}

.link{border:0;background:none;padding:0;color:var(--primary);font-weight:700;cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:3px}
.opciones{display:flex;flex-direction:column;gap:8px}
.opcion{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer}
.opcion input{margin-top:3px;width:18px;height:18px;accent-color:var(--primary)}
.opcion b{display:block}
.opcion span{font-size:12.5px}
.opcion:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}
.equipo{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px}
.persona-c{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;background:var(--surface)}

/* Marca A2 */
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:12px}
.prod{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;text-align:left;cursor:pointer;padding:0;min-width:0}
button.prod:hover{border-color:var(--primary);box-shadow:var(--shadow)}
.prod .thumb.cov{aspect-ratio:1;height:auto;width:100%}
.prod-b{padding:10px 12px;display:flex;flex-direction:column;gap:3px;min-width:0}
.prod-b b{font-size:13px;line-height:1.25;overflow-wrap:anywhere}
.prod-b .muted{font-size:12px}
.prod-b .btn{align-self:flex-start;margin-top:4px}
.mline{display:flex;gap:12px;border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--surface);align-items:flex-start}
.mline-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
table.t.marca{min-width:980px}
table.t.marca th.et,table.t.marca td.et{text-align:center;padding-left:6px;padding-right:6px}
label.etapa{display:inline-flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}
label.etapa input{width:20px;height:20px;accent-color:var(--ok);cursor:pointer}
label.etapa input:disabled{cursor:not-allowed}
label.etapa small{font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums}
@media (max-width:760px){table.t.marca{min-width:0} table.t.marca td.et{text-align:right!important}}
tr.alerta-fila td{background:var(--bad-soft)}
.tallas-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px;padding:10px;border:1px solid var(--line);border-radius:12px}

/* Ficha de tarea ordenada */
.tficha{align-items:flex-start}
.tficha .portadas{flex-direction:column;position:sticky;top:0}
.fcuerpo{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}
.fresumen{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:14px;background:var(--sunken)}
.fres-chips{display:flex;gap:6px;flex-wrap:wrap}
.fres-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px 18px}
.fres-datos small{display:block;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.fres-datos b,.fres-datos .link{font-size:14.5px}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px}
.fcard{border:1px solid var(--line);border-radius:14px;padding:12px 14px;min-width:0}
.fcard.ancha{grid-column:1/-1}
.fcard h4{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
dl.ficha{margin:0;display:flex;flex-direction:column}
dl.ficha .fr{display:flex;justify-content:space-between;gap:14px;padding:6px 0;border-bottom:1px dashed var(--line);align-items:baseline}
dl.ficha .fr:last-child{border-bottom:0}
dl.ficha dt{color:var(--muted);font-size:12.5px;flex:none}
dl.ficha dd{margin:0;font-weight:700;text-align:right;min-width:0;overflow-wrap:anywhere}
dl.ficha dd .chips{justify-content:flex-end}
.fcard p.texto{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px;line-height:1.55}
.tallas-grid{display:flex;flex-direction:column;gap:8px}
.tg-fila{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.tg-fila>b{width:64px;font-size:12.5px}
.tg-celdas{display:flex;gap:6px;flex-wrap:wrap}
.tcel{display:flex;flex-direction:column;align-items:center;min-width:44px;padding:4px 8px;border-radius:9px;background:var(--sunken)}
.tcel small{font-size:10.5px;color:var(--muted);font-weight:700}
.tcel b{font-size:15px;font-variant-numeric:tabular-nums}
.chip.prio{background:var(--warn-soft);color:var(--warn);font-weight:800}
.chip.prio.express{background:var(--bad);color:#fff;letter-spacing:.06em}
@media (max-width:700px){.tficha .portadas{flex-direction:row;position:static}}

.tag.COR{color:var(--warn)}
tr.fila-express td{background:color-mix(in srgb,var(--bad-soft) 70%,transparent)}
tr.fila-express td:first-child{box-shadow:inset 4px 0 0 var(--bad)}
tr.fila-prio td:first-child{box-shadow:inset 4px 0 0 var(--warn)}
.seg .n{margin-left:6px;font-size:11px;opacity:.7}

.chip.prio small{font-weight:600;opacity:.8;margin-left:2px}
.line.sol{grid-template-columns:minmax(0,1fr) auto 34px;align-items:start}
ul.lsol{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:13px}
ul.lsol li{display:flex;gap:6px;align-items:center;flex-wrap:wrap}

.niveles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px}
.nivel{border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--line)}
.nivel b{font-size:16px}
.nivel.n1{background:var(--ok-soft)} .nivel.n2{background:var(--warn-soft)} .nivel.n3{background:var(--mag-soft)} .nivel.n4{background:var(--bad-soft)}

/* ---- Abonos: comprobante en grande ---- */
dialog.dlg-pago{width:min(1120px,calc(100vw - 24px))}
.pago-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:start}
.pago-visor{display:flex;flex-direction:column;gap:10px;position:sticky;top:0}
.pago-form{display:flex;flex-direction:column;gap:12px}
.visor{border:1px solid var(--line);border-radius:14px;background:#0A0E16;min-height:320px;display:flex;flex-direction:column;overflow:hidden;position:relative}
.visor-vacio{margin:auto;padding:24px;text-align:center;color:#9AA3B5;font-size:14px;max-width:340px}
.visor-img{overflow:auto;max-height:68dvh;cursor:zoom-in;display:flex;justify-content:center}
.visor-img img{display:block;max-width:100%;max-height:68dvh;object-fit:contain;user-select:none}
.visor-img.zoom{cursor:zoom-out;display:block}
.visor-img.zoom img{max-width:none;max-height:none;width:220%}
.visor-tip{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.6);color:#fff;font-size:12px;padding:3px 10px;border-radius:99px;pointer-events:none}
.visor-pdf{width:100%;height:68dvh;border:0;background:#fff}
.visor-abrir{position:absolute;top:8px;right:8px}
.lightbox .visor-pdf{height:78dvh}
.equiv{font-size:14px;min-height:20px}
.equiv b{font-size:16px}
.thumb.comp{width:96px;height:120px;background-size:cover;background-position:top center}
.tasa-hoy{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--primary-soft);border-radius:14px;padding:14px 18px}
.tasa-hoy > div{display:flex;flex-direction:column;gap:2px}
.tasa-hoy b{font-size:28px;line-height:1.1}
.dlg-pago .previas{display:none}
.visor-tip{white-space:nowrap}
@media (max-width:820px){
  .pago-grid{grid-template-columns:1fr;gap:12px}
  /* En el teléfono el comprobante queda fijo arriba mientras se llenan los datos */
  .pago-visor{position:sticky;top:-1px;z-index:3;background:var(--surface);padding:8px 0;margin-top:-8px;gap:8px}
  .visor{min-height:150px}
  .visor-img,.visor-img img{max-height:42dvh}
  .visor-pdf{height:42dvh}
  .pago-visor .zona{padding:8px 12px}
  .pago-visor .zona span{display:none}
}
.tag.PC{color:var(--ok)}
.desc.resp{background:var(--ok-soft)}

/* ---- Urgencia visible por fuera ---- */
.cinta{position:absolute;top:10px;left:-4px;z-index:2;background:var(--warn);color:#fff;font-weight:800;font-size:11px;letter-spacing:.06em;padding:4px 10px 4px 12px;border-radius:0 6px 6px 0;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.cinta.express{background:var(--bad)}
.cover{position:relative}
.dk.urg-express{box-shadow:0 0 0 2px var(--bad),var(--shadow)}
.dk.urg-prio{box-shadow:0 0 0 2px var(--warn),var(--shadow)}
tr.urg-express td:first-child{box-shadow:inset 4px 0 0 var(--bad)}
tr.urg-prio td:first-child{box-shadow:inset 4px 0 0 var(--warn)}
tr.urg-express{background:color-mix(in srgb,var(--bad-soft) 55%,transparent)}
.circ.tema{box-shadow:none;border:1px solid var(--line)}

.chip.status{max-width:100%;white-space:normal;line-height:1.3;height:auto;padding-top:3px;padding-bottom:3px}
.chip.status b{font-weight:800}
/* ---- Status ---- */
.search.grande{max-width:none}
.input.grande{font-size:17px;height:50px}
.st-lista{display:flex;flex-direction:column;gap:10px}
.st-item{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer;background:var(--surface)}
.st-item:hover,.st-item:focus-visible{border-color:var(--primary);outline:none}
.st-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.st-info .th{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.st-status{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.kpi.v{flex-direction:column;align-items:flex-start;gap:4px;box-shadow:none;border:1px solid var(--line)} .kpi.v b{font-size:22px}
/* ---- Ficha: vista lateral ---- */
.btn-lat{margin-left:auto;margin-right:8px}
.btn-lat[aria-pressed="true"]{background:var(--primary-soft);color:var(--primary)}
.lat-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}
.lat-izq{position:sticky;top:0;display:flex;flex-direction:column;gap:8px}
.lat-izq .visor{min-height:60dvh}
.lat-izq .visor-img,.lat-izq .visor-img img{max-height:74dvh}
.lat-izq .visor-pdf{height:74dvh}
.lat-der{display:flex;flex-direction:column;gap:16px;min-width:0}
.lat-fuentes{flex-wrap:wrap}
.tficha.sin-fotos{grid-template-columns:1fr}
.fres-status{margin-bottom:6px}
@media (max-width:900px){
  .lat-grid{grid-template-columns:1fr}
  .lat-izq{position:sticky;top:-1px;z-index:3;background:var(--surface);padding-bottom:8px}
  .lat-izq .visor{min-height:180px}
  .lat-izq .visor-img,.lat-izq .visor-img img{max-height:40dvh}
}
.tag.CAN{color:var(--bad)}

.tg-grupos{display:flex;flex-wrap:wrap;gap:8px}
.tg-chk{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-weight:700;font-size:13px;cursor:pointer;background:var(--surface)}
.tg-chk:has(input:checked){background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}

/* ---- Tablas agrupadas por diseño ---- */
tr.grupo{cursor:pointer;background:var(--sunken)}
tr.grupo:hover{background:var(--primary-soft)}
tr.grupo td{font-weight:700}
.grupo-cab{display:flex;align-items:center;gap:10px}
.grupo-cab .flecha{font-size:13px;color:var(--primary);width:12px}
tr.hijo td:first-child{padding-left:34px}
.tallas-atajos{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}

/* ---- Panel: informe con gráficas ---- */
.per-nav{display:flex;align-items:center;gap:8px;margin-left:auto}
.per-nav .per-txt{min-width:130px;text-align:center;font-size:14px}
.circ.sm{width:32px;height:32px;font-size:18px;font-weight:800;box-shadow:none;border:1px solid var(--line)}
.circ.sm:disabled{opacity:.35;cursor:default}
.informe{display:flex;flex-direction:column;gap:16px}
.graf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px}
.graf{display:flex;flex-direction:column;gap:12px;min-width:0}
.graf-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.graf-h h3{font-size:15px;font-weight:800;margin:0}
.cols{display:flex;align-items:stretch;gap:2px;height:170px;border-bottom:1px solid var(--line);padding-top:18px}
.gcol{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;position:relative;outline:none}
.col-area{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}
.col-area i{display:block;width:min(70%,26px);background:var(--primary);border-radius:4px 4px 0 0;transition:filter .15s}
.col-val{position:absolute;top:-16px;font-size:11px;font-weight:800;color:var(--ink2)}
.col-l{font-size:10.5px;color:var(--muted);padding-top:4px;white-space:nowrap}
.gcol.futuro .col-l{opacity:.4}
.gcol:hover .col-area i,.gcol:focus-visible .col-area i{filter:brightness(1.15)}
.gcol:hover::after,.gcol:focus-visible::after{content:attr(data-tip);position:absolute;bottom:calc(100% - 8px);left:50%;transform:translateX(-50%);background:var(--ink);color:var(--surface);font-size:12px;font-weight:700;padding:4px 8px;border-radius:6px;white-space:nowrap;z-index:5;pointer-events:none}
.cols:has(.gcol:nth-child(20)) .col-l{font-size:9px}
.cols:has(.gcol:nth-child(20)) .gcol:nth-child(even) .col-l{visibility:hidden}

/* ---- Barras de desplazamiento integradas al diseño ---- */
/* Generales (contenido, ventanas, tablas): finas, redondeadas y del color de las líneas */
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 45%,transparent) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 40%,transparent);border-radius:99px;border:3px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--muted) 70%,transparent)}
::-webkit-scrollbar-corner{background:transparent}
/* Menú lateral oscuro: casi invisible, solo aparece al pasar el ratón */
.snav{scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable}
.snav:hover{scrollbar-color:rgba(196,204,218,.28) transparent}
.snav::-webkit-scrollbar{width:6px}
.snav::-webkit-scrollbar-thumb{background:transparent;border:0;border-radius:99px}
.snav:hover::-webkit-scrollbar-thumb{background:rgba(196,204,218,.28)}
.snav::-webkit-scrollbar-thumb:hover{background:rgba(196,204,218,.5)}

/* ---- Visor con zoom (rueda del ratón, arrastrar, doble clic) ---- */
.visor-img.zoomable{overflow:hidden;cursor:zoom-in;touch-action:none;display:flex;align-items:center;justify-content:center;height:68dvh;max-height:none}
.visor-img.zoomable img{max-width:100%;max-height:100%;transform-origin:center center;transition:transform .06s linear;will-change:transform}
.visor-img.zoomable.ampliada{cursor:grab}
.visor-img.zoomable.ampliada:active{cursor:grabbing}
.lat-izq .visor-img.zoomable{height:74dvh}
.visor-ctrl{position:absolute;top:10px;right:10px;display:flex;gap:4px;z-index:2}
.visor-ctrl button{width:32px;height:32px;border-radius:8px;border:0;background:rgba(0,0,0,.55);color:#fff;font-weight:800;font-size:15px;cursor:pointer}
.visor-ctrl button:hover{background:rgba(0,0,0,.75)}
.visor-ctrl button:last-child{width:auto;padding:0 8px;font-size:12px}
.visor-nivel{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px;z-index:2}
@media (max-width:900px){ .visor-img.zoomable,.lat-izq .visor-img.zoomable{height:42dvh} }
/* ---- Alertas por área ---- */
.alertas-lista{display:flex;flex-direction:column;gap:10px;padding:16px 20px}
.alerta-item{display:flex;gap:14px;align-items:flex-start;border-radius:14px;padding:14px 16px;border:1px solid var(--line);background:var(--surface);border-left:4px solid var(--bad)}
.alerta-item.warn{border-left-color:var(--warn)}
.ai-ic{color:var(--bad);padding-top:2px}
.alerta-item.warn .ai-ic{color:var(--warn)}
.ai-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.ai-h{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ai-acts{display:flex;flex-direction:column;gap:6px;align-items:stretch}
@media (max-width:700px){.alerta-item{flex-wrap:wrap}.ai-acts{flex-direction:row;width:100%}}

/* ===== Rediseño compacto (v2) — la versión anterior quedó en la rama visual-v1-respaldo ===== */
/* Formulario de abono */
.pago-form{gap:14px}
.pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.pf-grid .field span,.pago-form>.field>span{font-size:12.5px}
.tasa-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;background:var(--sunken);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.tb-izq{display:flex;flex-direction:column;gap:4px;min-width:0;max-width:220px}
.tb-izq .input{min-height:36px;padding:6px 10px;background:var(--surface)}
.tb-lbl{font-size:12px;font-weight:700;color:var(--muted)}
.tb-nota{font-size:11.5px;color:var(--muted);line-height:1.3}
.tb-eq{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.tb-eq b{font-size:22px;letter-spacing:-.02em;color:var(--ink)}
@media (max-width:520px){.pf-grid{grid-template-columns:1fr 1fr;gap:10px}.tasa-box{grid-template-columns:1fr}.tb-eq{align-items:flex-start;text-align:left}}

/* Nueva orden compacta */
.norden{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px 24px;align-items:start}
.no-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.no-sec{display:flex;flex-direction:column;gap:10px;min-width:0}
.no-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.no-h h3{font-size:15px;font-weight:800;margin:0}
.no-h .n{width:22px;height:22px;border-radius:7px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:800;font-size:11px}
.no-h .hint{margin-left:auto}
.no-side{position:sticky;top:12px;display:flex;flex-direction:column;gap:12px;background:var(--sunken);border:1px solid var(--line);border-radius:16px;padding:16px}
.no-side textarea.input{min-height:64px}
.no-total{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding-top:12px}
.no-total .t{font-size:26px;font-weight:800;letter-spacing:-.02em}
.no-main>.abono-orden{border-top:1px solid var(--line);padding-top:16px}
.no-main .pago-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.olines{display:flex;flex-direction:column;gap:6px}
.oline{display:grid;grid-template-columns:minmax(0,1fr) 76px 84px 92px 30px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:6px 8px 6px 6px;background:var(--surface)}
.oline.ol-head{border:0;background:none;padding:0 8px 0 10px;font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.oline.ol-head span:nth-child(n+2){text-align:right}
.ol-art{display:flex;align-items:center;gap:8px;min-width:0}
.ol-art .f-prod{flex:1;min-width:0}
.ol-art .input{border-color:transparent;background:transparent;min-height:36px}
.ol-art .input:focus{border-color:var(--primary);background:var(--surface)}
.ol-tags{display:flex;gap:4px;flex:none}
.ol-tags .chip{font-size:10.5px;padding:1px 7px}
.ol-c{text-align:right;min-width:0}
.ol-c .input.sm{min-height:34px;padding:5px 8px;text-align:right}
.ol-num{font-size:13.5px}
.oline .x{width:28px;height:28px}
@media (max-width:980px){.norden{grid-template-columns:1fr}.no-side{position:static}}
@media (max-width:640px){
  .oline.ol-head{display:none}
  .oline{grid-template-columns:1fr 1fr 1fr;padding:8px;position:relative}
  .ol-art{grid-column:1/-1;flex-wrap:wrap;padding-right:30px}
  .ol-c{text-align:left;display:flex;flex-direction:column;gap:2px}
  .ol-c::before{content:attr(data-l);font-size:11px;color:var(--muted);font-weight:700}
  .oline .x{position:absolute;top:8px;right:6px}
}

/* ---- Vista Mini (tipo hoja de cálculo) ---- */
.mt-wrap{overflow-x:auto;padding:0 20px 8px}
table.mt{width:100%;border-collapse:collapse;font-size:12.5px;min-width:720px}
table.mt th{position:sticky;top:0;background:var(--head);color:var(--muted);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.03em;text-align:left;padding:6px 8px;white-space:nowrap;border-bottom:1px solid var(--line)}
table.mt td{padding:5px 8px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle;max-width:240px;overflow:hidden;text-overflow:ellipsis}
table.mt tbody tr{cursor:pointer}
table.mt tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--sunken) 55%,transparent)}
table.mt tbody tr:hover td{background:var(--primary-soft)}
table.mt td.mono{font-family:var(--mono);font-size:11.5px}
table.mt td.num{text-align:right}
table.mt .chip{font-size:10.5px;padding:1px 7px}
table.mt td.mt-tr{font-weight:700;max-width:260px}
table.mt td.mt-cl{max-width:180px;color:var(--ink2)}
table.mt td.mt-ar{color:var(--muted);font-weight:600}
table.mt td.mt-ac{overflow:visible}
table.mt td.mt-ac .btn{min-height:26px;padding:3px 8px;font-size:11.5px}
table.mt td.mt-ac select{min-height:28px;padding:2px 6px;font-size:12px;width:auto}
table.mt tr.urg-express td{background:color-mix(in srgb,var(--bad-soft) 60%,transparent)}
table.mt tr.urg-express td:first-child,table.mt tr.urg-prio td:first-child{box-shadow:none}
.mt-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--line)}
.mt-dot.ex{background:var(--bad)} .mt-dot.pr{background:var(--warn)}
@media (max-width:700px){.mt-wrap{padding:0 8px 8px} table.mt{font-size:12px}}
@media (max-width:700px){table.mt td.mt-tr{max-width:170px}}

/* ---- Ordenar pestañas ---- */
.tabs .tab-orden{padding:0;justify-content:center;margin-left:auto;align-self:center;border:0;background:transparent;color:var(--muted);font-size:16px;font-weight:800;width:32px;height:32px;border-radius:8px;cursor:pointer;flex:none}
.tabs .tab-orden:hover{background:var(--tab);color:var(--ink)}
ol.orden-tabs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
ol.orden-tabs li{display:grid;grid-template-columns:26px 1fr auto auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:6px 8px;background:var(--surface)}
.ot-n{width:22px;height:22px;border-radius:6px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:11px;font-weight:800}

/* ---- Ficha: "Más acciones" ---- */
details.mas-acc{position:relative}
details.mas-acc>summary{list-style:none;cursor:pointer;display:inline-flex}
details.mas-acc>summary::-webkit-details-marker{display:none}
.mas-lista{position:absolute;z-index:30;top:calc(100% + 6px);left:0;min-width:240px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--lift);padding:6px;display:flex;flex-direction:column;gap:2px}
.mas-lista .btn{justify-content:flex-start;border:0;background:transparent;width:100%;min-height:38px}
.mas-lista .btn:hover{background:var(--sunken)}
@media (max-width:600px){.mas-lista{left:auto;right:0}}
/* ---- Jornada ---- */
.jornada{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);border-radius:999px;padding:6px 12px;font-weight:700;font-size:12.5px;cursor:pointer;white-space:nowrap}
.jornada.on{background:var(--ok-soft);color:var(--ok);border-color:transparent}
.jornada.off{color:var(--primary)}
.jornada svg{width:15px;height:15px}
.jornada-ask{display:flex;gap:14px;align-items:flex-start}
.jornada-ask>svg{width:34px;height:34px;color:var(--primary);flex:none}
.kpi.v.alerta{border-color:var(--warn);background:var(--warn-soft)}
.pend-sup{border:1px solid var(--warn);box-shadow:none}
@media (max-width:640px){.jornada span{display:none}.jornada{padding:8px}}
.aj-bloque{display:flex;flex-direction:column;gap:8px}.aj-bloque h3{font-size:15px;font-weight:800;margin:0}.aj-bloque .hint{margin:0}
.aj-fila{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.aj-fila .field{width:150px}
/* ---- Respaldo / precarga ---- */
.base-bar{display:flex;justify-content:flex-end;margin-bottom:-6px}
.base-lista{max-height:56dvh;overflow:auto}
button.base-it{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer;display:flex;gap:12px;align-items:center;padding:8px 10px;text-align:left;font:inherit;color:inherit}
button.base-it:hover{border-color:var(--primary);background:var(--primary-soft)}
/* ---- Modo tienda (página del módulo) ---- */
.tienda-lanz{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--primary-soft);border-radius:16px;padding:18px 20px}
.tienda-lanz h3{margin:0;font-size:17px;font-weight:800}
.ej-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
figure.ej{margin:0;display:flex;flex-direction:column;gap:6px}
figure.ej .thumb.big{width:100%;height:180px}
figure.ej figcaption{display:flex;flex-direction:column;gap:2px;font-size:13px}
figure.ej figcaption .btn{align-self:flex-start}
/* ---- Modo tienda (pantalla del cliente) ---- */
html.con-kiosco,html.con-kiosco body{overflow:hidden}
.kiosco{position:fixed;inset:0;z-index:900;background:linear-gradient(160deg,#0F1B33 0%,#16294D 55%,#1D3B73 100%);color:#fff;display:flex;flex-direction:column;font-size:16px}
.k-top{display:flex;align-items:center;gap:24px;padding:18px 32px;flex-wrap:wrap}
.k-marca{display:flex;align-items:center;gap:12px}
.k-marca .mark{width:46px;height:46px;border-radius:14px;background:#fff;color:#1D3B73;display:grid;place-items:center;font-weight:900;font-size:18px}
.k-marca b{display:block;font-size:20px}
.k-marca span{font-size:13px;color:#A9BBDD}
.k-nav{display:flex;gap:8px;margin-left:auto;background:rgba(255,255,255,.08);padding:6px;border-radius:999px}
.k-nav button{border:0;background:transparent;color:#C9D6EE;font-weight:700;font-size:15px;padding:12px 22px;border-radius:999px;cursor:pointer}
.k-nav button[aria-pressed="true"]{background:#fff;color:#16294D}
.k-lock{border:0;background:transparent;color:rgba(255,255,255,.35);width:40px;height:40px;border-radius:50%;cursor:pointer}
.k-lock:hover{color:#fff;background:rgba(255,255,255,.1)}
.k-cuerpo{flex:1;overflow:auto;padding:8px 32px 40px}
.k-h{font-size:32px;font-weight:800;letter-spacing:-.02em;margin:8px 0 16px}
.k-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.k-chips button{border:1px solid rgba(255,255,255,.25);background:transparent;color:#DCE6F7;border-radius:999px;padding:8px 16px;font-weight:700;cursor:pointer}
.k-chips button[aria-pressed="true"]{background:#fff;color:#16294D;border-color:#fff}
.k-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.k-card{border:0;padding:0;text-align:left;background:#fff;color:#172033;border-radius:20px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;box-shadow:0 18px 40px rgba(0,0,0,.25);transition:transform .15s}
.k-card:hover{transform:translateY(-3px)}
.k-img{aspect-ratio:1/1;background:#EEF2F8;display:grid;place-items:center;overflow:hidden}
.k-img img{width:100%;height:100%;object-fit:cover}
.k-ej .k-img img{object-fit:contain;background:#fff}
.k-info{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}
.k-info b{font-size:17px}
.k-marcap{font-size:12px;font-weight:800;color:#2F6FF2;text-transform:uppercase;letter-spacing:.06em}
.k-precio{font-size:20px;font-weight:800;margin-top:4px}
.k-vacio{color:#A9BBDD;font-size:18px}
.k-busca{display:flex;gap:12px;max-width:760px}
.k-input{color:#172033;background:#fff;font-size:22px;height:64px;border-radius:16px;padding:0 20px}
.k-btn{height:64px;padding:0 28px;font-size:18px;border-radius:16px}
.k-res{display:flex;flex-direction:column;gap:14px;margin-top:24px;max-width:760px}
.k-status{background:#fff;color:#172033;border-radius:20px;padding:20px 24px;display:flex;flex-direction:column;gap:10px}
.k-status b{font-size:20px}
.k-cod{font-family:var(--mono);color:#2F6FF2;font-weight:800;margin-right:10px}
.k-paso{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline}
.k-paso span:first-child{font-size:12px;font-weight:800;text-transform:uppercase;color:#8792A6;letter-spacing:.05em}
.k-paso b{color:#14915F}
.k-ent{color:#3A465C}
@media (max-width:760px){.k-top{padding:14px 16px;gap:12px}.k-nav{margin-left:0;width:100%;overflow-x:auto}.k-nav button{padding:10px 14px;font-size:14px;white-space:nowrap}.k-cuerpo{padding:8px 16px 32px}.k-h{font-size:24px}.k-busca{flex-direction:column}}

.k-atender{border:1px solid rgba(255,255,255,.25);background:transparent;color:#DCE6F7;border-radius:999px;padding:9px 16px;font-weight:700;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.k-atender:hover{background:rgba(255,255,255,.1)}
.k-personal{position:absolute;inset:0;z-index:5;background:var(--bg);color:var(--ink);display:flex;flex-direction:column}
.k-pers-top{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap}
.k-pers-cuerpo{flex:1;overflow:auto;padding:16px 20px 30px}

/* ---- Alertas visibles ---- */
.tabs button[data-t="alertas"]:has(.n:not([hidden])){color:var(--bad);font-weight:800}
.tabs button[data-t="alertas"] .n:not([hidden]){background:var(--bad)!important;color:#fff!important;animation:latido 1.6s ease-in-out infinite}
@keyframes latido{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
.snav button{position:relative}
.alerta-dot{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--bad);color:#fff;font-size:11px;font-weight:800;display:inline-grid;place-items:center;animation:latido 1.6s ease-in-out infinite}
.franja-alerta{display:flex;align-items:center;gap:12px;background:var(--warn-soft);color:var(--ink);border:1px solid var(--warn);border-radius:14px;padding:10px 14px;margin-bottom:12px}
.franja-alerta>svg{color:var(--warn);flex:none}
.franja-alerta>div{flex:1;min-width:0}
.franja-alerta.stop{background:var(--bad-soft);border-color:var(--bad)}
.franja-alerta.stop>svg{color:var(--bad)}
/* Mensaje emergente */
dialog.dlg-alerta .mh{background:var(--warn-soft)}
dialog.dlg-alerta.stop .mh{background:var(--bad);color:#fff}
dialog.dlg-alerta.stop .mh h2{color:#fff;letter-spacing:.04em}
dialog.dlg-alerta.stop .mh .x{color:#fff}
.al-lista{display:flex;flex-direction:column;gap:10px}
.al-it{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-left:4px solid var(--warn);border-radius:12px;padding:12px}
.al-it.stop{border-left-color:var(--bad);background:var(--bad-soft)}
.al-ic{width:44px;height:44px;border-radius:12px;background:var(--warn);color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px;flex:none}
.al-it.stop .al-ic{background:var(--bad);font-size:12px;letter-spacing:.04em}
.al-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.al-acts{display:flex;flex-direction:column;gap:6px}
.alerta-item.stop{border-left-color:var(--bad);background:var(--bad-soft)}
/* STOP en fichas */
.stop-tag{display:inline-block;background:var(--bad);color:#fff;font-weight:900;font-size:10.5px;letter-spacing:.06em;padding:2px 8px;border-radius:6px;margin-left:8px;vertical-align:middle}
.btn.stop-btn{background:var(--bad);color:#fff;border-color:var(--bad);font-weight:800}
.btn.stop-btn:hover{filter:brightness(1.08)}
.alerta.stop-ficha{background:var(--bad);color:#fff;border:0;display:flex;gap:14px;align-items:center}
.alerta.stop-ficha .muted{color:rgba(255,255,255,.85)}
.stop-sello{border:3px solid #fff;border-radius:10px;padding:6px 10px;font-weight:900;font-size:20px;letter-spacing:.08em;flex:none}
dialog.ficha-stop{box-shadow:0 0 0 4px var(--bad),0 30px 80px rgba(10,20,50,.35)}
dialog.ficha-stop .mh{background:var(--bad-soft)}
.tficha.frenada{background:color-mix(in srgb,var(--bad-soft) 70%,var(--surface))}
.dk.frenada{box-shadow:0 0 0 3px var(--bad),var(--shadow)}
tr.frenada td{background:color-mix(in srgb,var(--bad-soft) 75%,transparent)}
tr.frenada td:first-child{box-shadow:inset 4px 0 0 var(--bad)}

/* ================= 2026.10.21-f · Administración, delivery, banco, chat, QR, informes ================= */
.g4{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.checks{display:flex;gap:18px;flex-wrap:wrap}
.b.rojo,.num.rojo,b.rojo{color:var(--bad)}
.desc.falta{background:var(--warn-soft);color:var(--ink)}
.kpi.v.alerta-k{border-color:var(--warn);background:var(--warn-soft)}
.pad-x{padding:14px 20px 0}

/* Registro del proveedor (precio, fecha teórica, recordatorio) */
.reg-prov{border:1px dashed var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px;background:var(--sunken)}
.reg-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reg-h svg{color:var(--primary)}.reg-h .muted{font-size:12px}
.pagos-g{align-items:start}.pagos-g h4{font-size:14px;font-weight:800;margin-bottom:10px}

/* Recepción parcial */
table.mini.recep input{width:96px;text-align:right}
.recep-estado{display:flex}

/* Material / comanda */
.alerta.material .acts{flex-wrap:wrap}
.mat-bloque{border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}
.mat-lista{display:flex;flex-direction:column;gap:6px}
.mat-it{display:flex;align-items:center;gap:10px;background:var(--sunken);border-radius:10px;padding:6px 8px 6px 12px}
.mat-it>span{flex:1;min-width:0}
.flabel.inline{display:flex;align-items:center;gap:6px}.flabel.inline input{width:76px}

/* Administración */
.adm-atajos{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.adm-atajo{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:9px 14px;font-weight:700;cursor:pointer;color:var(--ink2);box-shadow:var(--shadow)}
.adm-atajo:hover{border-color:var(--primary);color:var(--primary)}
.adm-atajo svg{color:var(--primary)}

/* Delivery */
.dlg-delivery .mb{padding-bottom:6px}
.dl-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);gap:18px;align-items:start}
.dl-form{display:flex;flex-direction:column;gap:12px;min-width:0}
.dl-tipo{display:grid;grid-template-columns:repeat(3,1fr);width:100%}
.dl-tipo button{display:flex;flex-direction:column;align-items:flex-start;padding:8px 12px;text-align:left}
.dl-tipo small{font-weight:500;font-size:11px;color:var(--muted)}
.dl-sn{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:start}
.dl-sn .flabel{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink2)}
.dl-cobro{display:flex;gap:6px}.dl-cobro input{flex:1;min-width:0}.dl-cobro select{width:80px}
.seg.sm button{padding:5px 12px;font-size:12px}
.dl-prev{position:sticky;top:0;display:flex;flex-direction:column;gap:10px;background:#E9E2D9;border-radius:16px;padding:14px;
  background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:14px 14px}
:root[data-theme="dark"] .dl-prev{background-color:#0B141A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .dl-prev{background-color:#0B141A}}
.wa-cab{display:flex;align-items:center;gap:8px;color:#1f2c34}.wa-cab .muted{margin-left:auto;font-size:11px}
:root[data-theme="dark"] .wa-cab{color:#e9edef}
.wa-burbuja{margin:0;background:#D9FDD3;color:#111b21;border-radius:10px 0 10px 10px;padding:10px 12px;font:13.5px/1.55 var(--font);white-space:pre-wrap;word-break:break-word;box-shadow:0 1px .5px rgba(0,0,0,.13);position:relative}
:root[data-theme="dark"] .wa-burbuja{background:#005C4B;color:#e9edef}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .wa-burbuja{background:#005C4B;color:#e9edef}}
.btn.wa{background:#1FA855;border-color:#1FA855}
.btn.wa:hover{background:#178a45}
.dl-ruta{display:flex;flex-direction:column;gap:3px;font-size:13px;max-width:260px}
.dl-ruta span{display:flex;gap:6px;align-items:flex-start}
.dl-ruta i{font-style:normal;flex:none;width:18px;height:18px;border-radius:5px;background:var(--primary-soft);color:var(--primary);font-weight:800;font-size:11px;display:grid;place-items:center}
@media (max-width:760px){.dl-grid{grid-template-columns:1fr}.dl-prev{position:static}.dl-tipo{grid-template-columns:1fr}}

/* Validar en banco (Facturación) */
.bk{display:flex;flex-direction:column;gap:16px;padding:16px 20px}
.bk-grupo{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}
.bk-cab{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--head)}
.bk-cab>div{flex:1;min-width:0;display:flex;flex-direction:column}
.bk-ic{width:36px;height:36px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;flex:none}
.bk-lista{display:flex;flex-direction:column}
.bk-fila{display:flex;align-items:center;gap:14px;padding:12px 16px;border-top:1px solid var(--line)}
.bk-fila:first-child{border-top:0}
.bk-fila .thumb.comp,.bk-fila .comp{width:56px;height:56px;flex:none}
.bk-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.bk-monto{display:flex;align-items:baseline;gap:8px}.bk-monto b{font-size:17px;font-weight:800}
.bk-ref{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;border:1px dashed var(--line);background:var(--sunken);border-radius:8px;padding:3px 8px;cursor:pointer;color:var(--ink)}
.bk-ref .mono{font-size:14px;font-weight:700;letter-spacing:.03em}.bk-ref svg{width:14px;height:14px;color:var(--muted)}
.bk-ref:hover{border-color:var(--primary)}.bk-ref:hover svg{color:var(--primary)}
.bk-rev{font-size:12px;color:var(--warn);display:flex;align-items:center;gap:4px}.bk-rev svg{width:13px;height:13px}
.bk-acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.bk-acts .okb{min-width:84px}
.bk-orden{border:1px solid var(--warn);background:var(--warn-soft);border-radius:14px;overflow:hidden}
.bk-orden .bk-cab{background:transparent}
.bk-orden .bk-fila{background:var(--surface)}
.bk-fila.compacta .comp{width:44px;height:44px}
.bk-urls{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.bk-urls .flabel{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}
@media (max-width:700px){.bk-fila{flex-wrap:wrap}.bk-acts{width:100%;justify-content:stretch}.bk-acts .btn{flex:1}}

/* QR y escáner */
.qr-box{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0}
.qr-img{background:#fff;padding:10px;border-radius:14px;box-shadow:var(--shadow);line-height:0}
.qr-cod{font-size:26px;font-weight:900;letter-spacing:.06em;font-family:var(--mono)}
.esc-cam{position:relative;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:4/3;margin-bottom:12px}
.esc-video{width:100%;height:100%;object-fit:cover;display:block}
.esc-marco{position:absolute;inset:18%;border:3px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:0 0 0 999px rgba(0,0,0,.35)}
.input.grande{font-size:18px;padding:12px 14px}
.circ.escanear svg{width:19px;height:19px}

/* Informes para exportar */
.inf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.inf-card{border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px;background:var(--surface)}
.inf-h{display:flex;gap:12px;align-items:flex-start}.inf-h>div{display:flex;flex-direction:column}
.inf-ic{width:40px;height:40px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;flex:none}
.inf-ctrl{flex:1}
.inf-acts{display:flex;gap:8px;flex-wrap:wrap}.inf-acts .btn{flex:1}

/* Alertas: recordatorios y menciones */
.alerta-item.recordar{border-left-color:var(--primary)}
.alerta-item.recordar .ai-ic{color:var(--primary)}
.al-ic.men{background:var(--primary)}
.chat-dot{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--ok);color:#fff;font-size:11px;font-weight:800;display:inline-grid;place-items:center}
.chat-dot.men{background:var(--bad);animation:latido 1.6s ease-in-out infinite}
.alerta-dot+.chat-dot{margin-left:4px}

/* Chat interno */
.chat{display:grid;grid-template-columns:300px minmax(0,1fr);height:calc(100dvh - 150px);min-height:460px;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
.chat-lista{border-right:1px solid var(--line);overflow-y:auto;display:flex;flex-direction:column;background:var(--surface)}
.chat-lh{padding:16px 16px 10px;display:flex;align-items:baseline;gap:6px}.chat-lh b{font-size:16px;font-weight:800}.chat-lh .muted{font-size:12px}
.chat-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border:0;background:none;text-align:left;cursor:pointer;color:var(--ink);border-left:3px solid transparent}
.chat-item:hover{background:var(--sunken)}
.chat-item.act{background:var(--primary-soft);border-left-color:var(--primary)}
.chat-it{flex:1;min-width:0;display:flex;flex-direction:column}.chat-it b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-it small{color:var(--muted);font-size:12px}
.chat-av{width:40px;height:40px;border-radius:50%;color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}
.chat-av svg{width:19px;height:19px}
.chat-av.sm{width:30px;height:30px;font-size:11px}.chat-av.sm svg{width:15px;height:15px}
.chat-av.big{width:64px;height:64px}.chat-av.big svg{width:28px;height:28px}
.chat-n{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--ok);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}
.chat-men{width:22px;height:22px;border-radius:50%;background:var(--bad);color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center}
.chat-conv{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--sunken)}
.chat-cab{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--surface);border-bottom:1px solid var(--line)}
.chat-cab>div{display:flex;flex-direction:column;min-width:0}.chat-cab small{font-size:12px}
.chat-volver{display:none;font-size:22px;line-height:1}
.chat-hilo{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:2px}
.chat-dia{align-self:center;margin:12px 0 8px}.chat-dia span{background:var(--surface);color:var(--muted);font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;box-shadow:var(--shadow);text-transform:capitalize}
.chat-msg{display:flex;gap:8px;align-items:flex-end;max-width:78%;margin-top:8px}
.chat-msg.seguido{margin-top:2px}
.chat-msg.mio{align-self:flex-end;flex-direction:row-reverse}
.chat-esp{width:30px;flex:none}.chat-msg.mio .chat-esp{display:none}
.chat-burb{background:var(--surface);border-radius:14px 14px 14px 4px;padding:7px 11px 5px;box-shadow:0 1px 1px rgba(23,32,51,.06);min-width:0;display:flex;flex-direction:column}
.chat-msg.mio .chat-burb{background:var(--primary);color:#fff;border-radius:14px 14px 4px 14px}
.chat-msg.citado .chat-burb{box-shadow:0 0 0 2px var(--warn)}
.chat-autor{font-size:12px;font-weight:800;margin-bottom:1px}.chat-autor small{font-weight:600;color:var(--muted)}
.chat-txt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.45}
.chat-burb time{align-self:flex-end;font-size:10.5px;opacity:.6;margin-top:1px}
.chat-cita{font-weight:700;color:var(--primary);background:var(--primary-soft);border-radius:6px;padding:0 4px}
.chat-cita.yo{background:var(--warn-soft);color:var(--warn)}
.chat-msg.mio .chat-cita{background:rgba(255,255,255,.2);color:#fff}
.chat-ficha{border:0;background:rgba(47,111,242,.12);border-radius:6px;padding:0 4px;cursor:pointer;color:inherit}
.chat-msg.mio .chat-ficha{background:rgba(255,255,255,.2)}
.chat-ficha .code{font-weight:800}
.chat-vacio{margin:auto;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;max-width:340px;color:var(--ink2)}
.chat-pie{position:relative;display:flex;gap:10px;align-items:flex-end;padding:12px 16px;background:var(--surface);border-top:1px solid var(--line)}
.chat-input{flex:1;resize:none;min-height:42px;max-height:140px;border-radius:21px;padding:10px 16px;line-height:1.4}
.chat-env{width:44px;height:44px;border-radius:50%;padding:0;display:grid;place-items:center;flex:none}
.chat-sug{position:absolute;left:16px;right:76px;bottom:calc(100% + 6px);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--lift);padding:6px;display:flex;flex-direction:column;max-height:300px;overflow-y:auto;z-index:5}
.chat-sug-it{display:flex;align-items:center;gap:10px;border:0;background:none;padding:7px 10px;border-radius:10px;cursor:pointer;text-align:left;color:var(--ink)}
.chat-sug-it>span:last-child{display:flex;flex-direction:column}.chat-sug-it small{color:var(--muted);font-size:11.5px}
.chat-sug-it.act,.chat-sug-it:hover{background:var(--primary-soft)}
@media (max-width:760px){
  .chat{grid-template-columns:1fr;height:calc(100dvh - 130px)}
  .chat .chat-conv{display:none}.chat.en-conv .chat-conv{display:flex}.chat.en-conv .chat-lista{display:none}
  .chat-volver{display:grid}.chat-msg{max-width:90%}
}

/* Accesos externos (CRM / WhatsApp) */
.panel.ext{display:flex;flex-direction:column;height:calc(100dvh - 150px);min-height:480px;overflow:hidden}
.ext-barra{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.ext-barra>div:not(.acts){display:flex;flex-direction:column}.ext-barra small{font-size:12px}
.ext-ic{width:38px;height:38px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;flex:none}
.ext-ic.big{width:72px;height:72px;border-radius:22px}.ext-ic.big svg{width:34px;height:34px}
.ext-frame{flex:1;width:100%;border:0;background:var(--surface)}
.ext-aviso{display:flex;align-items:center;gap:12px;margin:10px 16px 0;padding:10px 14px;border-radius:12px;background:var(--primary-soft)}
.ext-aviso>div{flex:1;display:flex;flex-direction:column}.ext-aviso .muted{font-size:12.5px}
.ext-vacio{margin:auto;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;max-width:420px;padding:24px}
.ext-vacio p{margin:0}
.circ.escanear{box-shadow:none;border:1px solid var(--line)}
/* Modo tienda: con qué dato coincide cada resultado */
.k-cuantos{margin:6px 0 2px;color:rgba(255,255,255,.75);font-weight:600}
.k-match{display:flex;flex-wrap:wrap;gap:8px}
.k-match>span{display:inline-flex;align-items:baseline;gap:8px;background:#EEF3FF;border-radius:12px;padding:6px 12px}
.k-match small{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#5B6B88}
.k-match b{font-size:16px!important;font-weight:700;color:#172033}
.k-match mark{background:#FFE58A;color:inherit;border-radius:4px;padding:0 2px}
/* Colores de la app (Configuración) */
.col-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}
.col-lista{display:flex;flex-direction:column;gap:8px}
.col-fila{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:8px 10px}
.col-txt{flex:1;min-width:0;display:flex;flex-direction:column}.col-txt small{font-size:12px}
.col-muestra{width:38px;height:38px;border-radius:10px;overflow:hidden;flex:none;border:1px solid var(--line);cursor:pointer}
.col-pick{width:56px;height:56px;margin:-9px;border:0;padding:0;cursor:pointer;background:none}
.col-hex{width:104px;text-transform:uppercase}
.col-prev{display:flex;border-radius:14px;overflow:hidden;border:1px solid var(--line);height:170px;position:sticky;top:10px}
.col-prev-side{width:74px;background:var(--side);display:flex;flex-direction:column;gap:8px;padding:10px}
.col-prev-logo{background:var(--primary);color:#fff;border-radius:8px;font-weight:900;text-align:center;padding:6px 0;font-size:12px}
.col-prev-side i{height:10px;border-radius:5px;background:rgba(255,255,255,.12)}.col-prev-side i.act{background:var(--side2);box-shadow:inset 3px 0 0 var(--primary)}
.col-prev-main{flex:1;background:var(--bg);padding:12px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.col-prev-btns{display:flex;flex-direction:column;gap:6px;background:var(--surface);border-radius:10px;padding:10px;width:100%}
.col-prev-btns .btn{justify-content:center;pointer-events:none}
@media (max-width:760px){.col-grid{grid-template-columns:1fr}.col-prev{position:static}}
.dl-sn .flabel{align-items:flex-start;text-align:left}.dl-sn .seg{align-self:flex-start}
textarea.input.chat-input{min-height:44px;height:44px;resize:none}
.bk-urls .flabel{text-align:left;align-items:stretch}.bk-urls .flabel span{text-align:left}
/* Estación de impresión */
.chip-estacion{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-weight:700;font-size:12px;color:var(--ok);cursor:pointer}
.chip-estacion svg{width:15px;height:15px}
.chip-estacion.pulso{background:var(--ok-soft);border-color:var(--ok)}
.imp-op{display:flex;gap:12px;align-items:flex-start;background:var(--sunken);border-radius:12px;padding:12px}
.imp-op>div{display:flex;flex-direction:column}
.imp-ic{width:36px;height:36px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;flex:none}
/* Resumen del día */
.res-dia{display:flex;flex-direction:column;gap:8px}
.res-it{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.res-it>span:nth-child(2){flex:1;font-weight:600}
.res-it b{font-size:20px;font-weight:800}
.res-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);flex:none}
.res-it.bad .res-ic{background:var(--bad-soft);color:var(--bad)}.res-it.bad b{color:var(--bad)}
.res-it.warn .res-ic{background:var(--warn-soft);color:var(--warn)}
/* Alertas escaladas */
.al-it.escalada .al-ic{background:var(--bad)}
.esc-tag{align-self:flex-start;font-size:11px;font-weight:800;color:var(--bad);background:var(--bad-soft);border-radius:999px;padding:2px 8px;text-transform:uppercase;letter-spacing:.04em}
/* Delivery compacto (v-i): todo a la vista sin desplazar */
.dlg-delivery .mh{padding-top:16px;padding-bottom:12px}
.dlg-delivery .mb{padding-top:14px;padding-bottom:10px}
.dlg-delivery .field>span{font-size:12.5px}
.dlg-delivery .input{padding-top:8px;padding-bottom:8px}
.dl-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:16px}
.dl-form{gap:10px}
.dl-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dl-top .dl-tipo{width:auto;flex:1;display:inline-flex}
.dl-tipo button{flex:1;display:block;text-align:center;padding:7px 10px}
.dl-para{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--ink2)}
.dl-para input{width:150px}
.dl-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dl-3{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px}
.dl-sn{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-end}
.dl-sn-it{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:var(--ink2)}
.dl-sn-row{display:flex;gap:8px;align-items:center}
.dl-cobro input{width:110px}
.dlg-delivery textarea#dl-obs{min-height:0;height:70px}
.dl-lugar-box{position:relative}
.dl-ag{position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--lift);padding:5px;z-index:6;max-height:250px;overflow-y:auto;display:flex;flex-direction:column}
.dl-ag-it{display:flex;align-items:center;gap:10px;border:0;background:none;border-radius:9px;padding:7px 8px;text-align:left;cursor:pointer;color:var(--ink)}
.dl-ag-it:hover{background:var(--primary-soft)}
.dl-ag-it>span:last-child{display:flex;flex-direction:column;min-width:0}.dl-ag-it small{color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-ag-ic{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:10.5px;font-weight:900;flex:none;background:var(--sunken);color:var(--muted)}
.dl-ag-ic.sede{background:var(--primary);color:#fff}.dl-ag-ic.prov{background:var(--mag-soft);color:var(--mag)}
.dl-ag-vacio{padding:8px;color:var(--muted);font-size:12.5px}
.dl-ag-pie{display:flex;flex-direction:column;gap:5px;min-height:0}
.dl-ag-g{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:500;cursor:pointer}
.dl-ag-nom{padding:6px 10px!important;font-size:12.5px}
.dl-prev{padding:12px;gap:8px}
.wa-burbuja{font-size:12.5px;line-height:1.5;padding:9px 11px}
.dl-nota{margin:0;font-size:11.5px;color:#54656f}
:root[data-theme="dark"] .dl-nota{color:#8696a0}
.ag-lista{display:flex;flex-direction:column;gap:6px;margin-top:12px;max-height:60vh;overflow-y:auto}
.ag-it{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:9px 12px}
.ag-it>div{flex:1;min-width:0;display:flex;flex-direction:column}.ag-it small{font-size:12px}
.ag-usos{font-size:12px}
@media (max-width:760px){.dl-2,.dl-3{grid-template-columns:1fr}.dl-top .dl-tipo{width:100%}}
/* Menú: grupo plegable (Administración) */
.sgrupo{margin:6px 0}
.snav .sgrupo-cab{width:auto}
.sgrupo-cab .sgrupo-n{margin-left:auto;font-size:11px;font-weight:700;color:var(--side-muted);background:rgba(255,255,255,.07);border-radius:999px;padding:1px 7px}
.sgrupo-chev{font-size:18px;line-height:1;color:var(--side-muted);transition:transform .2s ease;width:12px;text-align:center}
.sgrupo.abierto .sgrupo-chev{transform:rotate(90deg)}
.sgrupo.activo>.sgrupo-cab{color:#fff}
.sgrupo-items{overflow:hidden}
.sgrupo-items{display:flex;flex-direction:column;max-height:0;transition:max-height .25s ease}
.sgrupo.abierto .sgrupo-items{max-height:400px}
.snav .sgrupo-items button{padding-left:38px;font-size:13.5px}
.snav .sgrupo-items button svg{width:16px;height:16px}
.sgrupo-cab .alerta-dot{margin-left:6px}
/* Ver como (simulación) */
.sim-banda{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--warn-soft);border:1px solid var(--warn);color:var(--ink);border-radius:14px;padding:10px 14px;margin:0 0 14px}
.sim-banda>svg{color:var(--warn);flex:none}
.sim-banda>div{flex:1;min-width:200px}
.shell.simulando .side{box-shadow:inset 0 0 0 3px var(--warn)}
.vc-lista{display:flex;flex-direction:column;gap:6px;margin-top:12px;max-height:55vh;overflow-y:auto}
.vc-it{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:9px 12px;cursor:pointer;text-align:left;color:var(--ink)}
.vc-it:hover{border-color:var(--primary);background:var(--primary-soft)}
.vc-it>div:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}.vc-it small{color:var(--muted);font-size:12px}
.vc-it.off{opacity:.6}
.vc-tag{font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;background:var(--primary-soft);color:var(--primary)}.vc-tag.off{background:var(--sunken);color:var(--muted)}
/* Buscadores: la lupa nunca tapa lo escrito */
.search>.input,.search .input{padding-left:40px!important}
.search>svg{pointer-events:none;z-index:1}
.search.grande>.input,.search .input.grande{padding-left:46px!important}
.search.grande>svg{left:15px;width:20px;height:20px}
/* ===== Modo tienda en verde neón (presentación para el cliente) ===== */
.kiosco{--neon:#B8FF00;--neon2:#D8FF4D;--neon3:#9BEA00;--k-bg:#060802;
  background:radial-gradient(900px 520px at 85% -10%,rgba(184,255,0,.22),transparent 60%),radial-gradient(700px 500px at -10% 110%,rgba(155,234,0,.16),transparent 60%),var(--k-bg)}
.kiosco .btn.primary{background:var(--neon);border-color:var(--neon);color:#0A1000}
.k-marca .mark{background:var(--neon);color:#0A1000;box-shadow:0 0 24px rgba(184,255,0,.45)}
.k-marca span{color:#B3BFA0}
.k-nav{background:rgba(255,255,255,.06);border:1px solid rgba(184,255,0,.18)}
.k-nav button{color:#C9D3B6}
.k-nav button[aria-pressed="true"]{background:var(--neon);color:#0A1000;box-shadow:0 0 18px rgba(184,255,0,.4)}
.k-atender{border-color:rgba(184,255,0,.35);color:#EAF5D0}
.k-chips button{border-color:rgba(184,255,0,.3);color:#EAF5D0}
.k-chips button[aria-pressed="true"]{background:var(--neon);color:#0A1000;border-color:var(--neon)}
.k-vacio{color:#B3BFA0}
.k-marcap,.k-cod{color:#4A6600}
.k-cuantos{color:#C9D3B6}
.k-match>span{background:#F3FFD6}
.k-match mark{background:#C6FF1A}
.k-card{box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 0 1px rgba(184,255,0,.08)}
.k-card:hover{box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 0 2px var(--neon),0 0 30px rgba(184,255,0,.25)}
/* Inicio */
.k-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;align-items:center;min-height:calc(100% - 20px);padding:10px 0 20px}
.k-glow{position:absolute;width:520px;height:520px;left:12%;top:8%;border-radius:50%;background:radial-gradient(circle,rgba(184,255,0,.28),transparent 65%);filter:blur(10px);pointer-events:none;animation:kGlow 6s ease-in-out infinite}
@keyframes kGlow{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
.k-hero-txt{position:relative;display:flex;flex-direction:column;gap:16px}
.k-eyebrow{align-self:flex-start;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--neon);border:1px solid rgba(184,255,0,.35);border-radius:999px;padding:6px 14px;background:rgba(184,255,0,.06)}
.k-hero h1{font-size:clamp(34px,4.6vw,64px);line-height:1.02;font-weight:800;letter-spacing:-.03em;margin:0}
.k-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--neon),var(--neon2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(184,255,0,.25)}
.k-hero p{margin:0;font-size:18px;color:#C9D3B6;max-width:520px}
.k-prendas{display:flex;gap:14px;margin-top:10px}
.k-prenda{width:118px;height:132px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(184,255,0,.22);display:grid;place-items:center;backdrop-filter:blur(6px);box-shadow:0 20px 40px rgba(0,0,0,.4);animation:kFlota 5s ease-in-out infinite}
.k-prenda svg{width:84px;height:84px;filter:drop-shadow(0 8px 18px rgba(184,255,0,.35))}
.k-prenda.p1{transform:rotate(-8deg)}.k-prenda.p2{transform:rotate(4deg) translateY(-12px);animation-delay:-1.6s}.k-prenda.p3{transform:rotate(10deg);animation-delay:-3.2s}
@keyframes kFlota{0%,100%{translate:0 0}50%{translate:0 -10px}}
.k-accs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.k-acc{position:relative;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;color:#fff;border-radius:22px;padding:20px 18px;min-height:112px;
  background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);transition:transform .15s,border-color .15s,box-shadow .15s}
.k-acc:hover,.k-acc:focus-visible{transform:translateY(-3px);border-color:var(--neon);box-shadow:0 0 0 1px var(--neon),0 14px 40px rgba(184,255,0,.18)}
.k-acc-ic{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:rgba(184,255,0,.12);color:var(--neon);flex:none}
.k-acc-ic svg{width:24px;height:24px}
.k-acc-t{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.k-acc-t b{font-size:18px;line-height:1.2}
.k-acc-t small{font-size:13px;color:#B3BFA0;line-height:1.35}
.k-acc-go{font-size:22px;color:var(--neon);opacity:.7}
.k-acc-lock{color:#7E8A66}.k-acc-lock svg{width:16px;height:16px}
.k-acc.staff{background:linear-gradient(150deg,#C6FF1A,#9BEA00);border-color:transparent;color:#0A1000;box-shadow:0 18px 50px rgba(184,255,0,.28)}
.k-acc.staff .k-acc-ic{background:rgba(10,16,0,.14);color:#0A1000}
.k-acc.staff .k-acc-t small,.k-acc.staff .k-acc-lock{color:rgba(10,16,0,.7)}
.k-acc.staff:hover{box-shadow:0 0 0 2px #fff,0 20px 60px rgba(184,255,0,.4)}
/* Precios */
.k-pr-top{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.k-input-sm{height:52px;font-size:17px;max-width:420px;flex:1}
.k-pr-top .k-chips{margin:0}
.k-precios{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:4px 32px;max-width:1200px}
.k-pr{display:flex;align-items:baseline;gap:10px;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.08)}
.k-pr-n{font-size:16px;color:#EEF4E0}
.k-pr-l{flex:1;border-bottom:1px dotted rgba(184,255,0,.3);transform:translateY(-4px)}
.k-pr-p{font-size:18px;color:var(--neon);font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:900px){.k-hero{grid-template-columns:1fr;gap:22px}.k-prendas{display:none}.k-glow{left:-20%}}
@media (max-width:560px){.k-accs{grid-template-columns:1fr}.k-acc{min-height:0;padding:16px}.k-precios{grid-template-columns:1fr}}
/* Aviso de diseño recibido */
.dis-dot{margin-left:auto;width:22px;height:22px;border-radius:50%;background:var(--mag);color:#fff;display:inline-grid;place-items:center;animation:latido 1.6s ease-in-out infinite;flex:none}
.dis-dot svg{width:13px;height:13px}
.alerta-dot+.dis-dot,.dis-dot+.alerta-dot{margin-left:4px}
.al-ic.dis{background:var(--mag)}.al-ic.dis svg{width:22px;height:22px}
/* Buscador interno de tablas largas */
.tb-buscar{display:flex;align-items:center;gap:10px;padding:10px 20px 6px;justify-content:flex-end}
.tb-buscar .search{max-width:300px;min-width:180px;flex:0 1 300px}
.tb-buscar .input.sm{height:36px;font-size:13px}
.tb-cuenta{font-size:12px;white-space:nowrap}
@media (max-width:700px){.tb-buscar{padding:8px 12px 4px}.tb-buscar .search{flex:1;max-width:none}}
/* Planificación · Por validar en tarjetas */
.pv-card{display:flex;gap:12px;align-items:flex-start;min-width:0}
.thumb.med{width:92px;height:92px;border-radius:12px;flex:none}
.pv-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.pv-info .th{flex-wrap:wrap}
.tcard.urg-express{box-shadow:inset 4px 0 0 var(--bad),var(--shadow)}
.tcard.urg-prio{box-shadow:inset 4px 0 0 var(--warn),var(--shadow)}
/* Contadores de pestañas: amarillo pendiente, rojo si hay urgentes */
.tabs button[data-t] .n:not([hidden]){background:var(--warn-soft);color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 45%,transparent)}
.tabs button[data-t] .n.urg:not([hidden]){background:var(--bad);color:#fff;border-color:var(--bad)}
.mas-lista .btn.stop-btn{background:transparent;color:var(--bad);border-color:transparent;border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:4px}
.mas-lista .btn.stop-btn:hover{background:var(--bad-soft);filter:none}
/* Lista con buscador (combobox) */
.bs{position:relative}
.bs-lista{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:8;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--lift);padding:5px;max-height:260px;overflow-y:auto;display:flex;flex-direction:column}
.bs-op{border:0;background:none;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--ink);font-size:14px}
.bs-op.act,.bs-op:hover{background:var(--primary-soft)}
.bs-op.sel{font-weight:700;color:var(--primary)}
.bs-vacio{padding:8px 10px;color:var(--muted);font-size:13px}
/* Cambios del reenvío (para Planificación) */
.alerta.reenvio ul.cambios{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:3px;font-size:13px}
.alerta.reenvio s{opacity:.75}
.causas{display:flex;flex-direction:column;gap:6px}
.causa{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:9px 12px;cursor:pointer;font-size:14px}
.causa:has(input:checked){border-color:var(--primary);background:var(--primary-soft);font-weight:600}
/* Resumen de la ficha más limpio: un status, prioridad/entrega y una línea de detalles */
.fres-top{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.fres-st{display:flex;gap:10px;align-items:flex-start;flex:1;min-width:220px}
.fres-st>div{display:flex;flex-direction:column;min-width:0}
.fres-st small{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.fres-st b{font-size:16px;font-weight:800;line-height:1.3}
.fres-dot{width:10px;height:10px;border-radius:50%;margin-top:6px;flex:none;background:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}
.fres-st.warn .fres-dot{background:var(--warn);box-shadow:0 0 0 4px var(--warn-soft)}
.fres-st.bad .fres-dot{background:var(--bad);box-shadow:0 0 0 4px var(--bad-soft)}
.fres-st.ok .fres-dot{background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft)}
.fres-st.mag .fres-dot{background:var(--mag);box-shadow:0 0 0 4px var(--mag-soft)}
.fres-pri{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.fres-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:12.5px;color:var(--muted);padding-top:2px}
.fres-meta>span:not(.chip)::before{content:"•";margin-right:6px;opacity:.6}
.fres-meta .chip{background:transparent;border:0;padding:0;font-size:12.5px;color:var(--ok)}
.tag.EDI{color:var(--mag)}
.vers-elegir{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
.vcard{display:flex;flex-direction:column;align-items:center;gap:3px;border:2px solid var(--line);background:var(--surface);border-radius:10px;padding:5px;cursor:pointer;color:var(--ink)}
.vcard.sel{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.vcard small{font-size:11px;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ok-t{color:var(--ok);font-weight:700}
.aviso-ent{color:var(--warn)!important;margin:4px 0 0}
/* Vistas de tablas: Tarjetas / Tabla / Mini */
.tv-seg button{padding:5px 9px}
.tv-seg svg{width:15px;height:15px;margin:0!important}
.tb-buscar:not(:has(.search)){padding-top:8px}
.tv-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.tv-h{font-size:15px;min-width:0}
.tv-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:2px 0 0;font-size:13px}
.tv-dl>div{display:contents}
.tv-dl dt{color:var(--muted);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;align-self:center}
.tv-dl dd{margin:0;min-width:0;overflow-wrap:anywhere}
.tv-acc{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:8px;margin-top:2px}
/* Chat dentro de la pestaña del área */
.chat.fijo{grid-template-columns:1fr;height:calc(100dvh - 230px);min-height:420px;box-shadow:none;border-radius:0 0 var(--r) var(--r)}
.chat.fijo .chat-lista{display:none}
.chat.fijo .chat-conv{display:flex}
.chat.fijo .chat-volver{display:none}
.tabs button[data-t="chat"] .n.urg:not([hidden]){animation:latido 1.6s ease-in-out infinite}
/* Aviso de mensaje nuevo en el chat del área */
.aviso-chat{position:fixed;right:20px;bottom:20px;z-index:1200;display:flex;align-items:center;gap:12px;max-width:min(420px,calc(100vw - 32px));padding:14px 16px;border:0;border-radius:16px;
  background:var(--surface);color:var(--ink);box-shadow:0 18px 50px rgba(0,0,0,.25),0 0 0 2px var(--primary);cursor:pointer;text-align:left;animation:acEntra .35s ease}
.aviso-chat>div{flex:1;display:flex;flex-direction:column}.aviso-chat small{color:var(--muted)}
.ac-ic{width:42px;height:42px;border-radius:12px;background:var(--primary);color:#fff;display:grid;place-items:center;flex:none;animation:latido 1.6s ease-in-out infinite}
.ac-x{font-size:20px;color:var(--muted);padding:0 4px}
@keyframes acEntra{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
.dlg-alerta .al-it .al-ic.men{width:56px;height:56px;font-size:26px}
/* Ficha de Trello */
.tr-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:18px}
.tr-izq{display:flex;flex-direction:column;gap:12px;min-width:0}
.tr-izq textarea{font-size:12.5px;line-height:1.5}
.tr-der{display:flex;flex-direction:column;gap:12px}
.tr-portada{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.tr-ports{display:grid;gap:4px}.tr-ports.multi{grid-template-columns:1fr 1fr}
.tr-campos{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px}
.tr-campos dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:8px 0 0;font-size:13px}
.tr-campos dl>div{display:contents}.tr-campos dt{color:var(--muted);font-weight:700;font-size:11.5px;text-transform:uppercase;align-self:center}.tr-campos dd{margin:0}
.tr-claves{display:flex;flex-wrap:wrap;gap:6px}.tr-claves .chip{font-family:var(--mono);font-size:11.5px;cursor:help}
.port-x{position:relative}.port-x .x{position:absolute;top:-6px;right:-6px;background:var(--surface);border-radius:50%;box-shadow:var(--shadow)}
.port-extra .vers{gap:6px}
@media (max-width:760px){.tr-grid{grid-template-columns:1fr}}

/* ===== 2026.10.22 · A2 System ===== */
/* Botón de reporte técnico en la cabecera de las ventanas */
.mh .x.soporte{opacity:.45;transition:opacity .15s}
.mh .x.soporte:hover{opacity:1;color:var(--warn)}
.mh .x.soporte svg{width:17px;height:17px}
.mh .x.soporte+.x{margin-left:2px}
.circ.notas-btn,.circ.soporte-btn{box-shadow:none;border:1px solid var(--line)}
.circ.notas-btn svg,.circ.soporte-btn svg{width:18px;height:18px}
.circ-n{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#F5B700;color:#2A1F00;font-size:10.5px;font-weight:800;display:grid;place-items:center;border:2px solid var(--bg)}
.circ-n[hidden]{display:none}
@media (max-width:640px){.circ.soporte-btn{display:none}}

/* Números del menú: verde diseños, azul pedidos */
.snav-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.snav-n{margin-left:auto;display:inline-flex;gap:3px}
.snav-n:empty{display:none}
.snav-n i{font-style:normal;min-width:20px;height:19px;padding:0 6px;border-radius:999px;font-size:10.5px;font-weight:800;display:inline-grid;place-items:center;letter-spacing:.01em}
.snav-n .n-dis{background:rgba(52,199,120,.18);color:#5BE39A}
.snav-n .n-ped{background:rgba(91,140,255,.2);color:#9DB9FF}
.snav button[aria-current="page"] .snav-n i{background:rgba(255,255,255,.22);color:#fff}
.snav-n~.alerta-dot,.snav-n~.chat-dot,.snav-n~.dis-dot{margin-left:4px}
.snav button.con-soporte .snav-t::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#F5B700;margin-left:6px;vertical-align:middle}

/* Entrada: oscura con brillo lima */
.login.neo{--neon:#B8FF00;--neon2:#D8FF4D;position:relative;overflow:hidden;background:#060802;color:#EAF2DA;isolation:isolate}
.login.neo .neo-glow{position:absolute;border-radius:50%;filter:blur(90px);z-index:-1;pointer-events:none}
.login.neo .g1{width:520px;height:520px;left:-140px;top:-160px;background:radial-gradient(circle,rgba(184,255,0,.38),transparent 65%)}
.login.neo .g2{width:620px;height:620px;right:-220px;bottom:-260px;background:radial-gradient(circle,rgba(140,220,0,.28),transparent 65%)}
.login.neo .neo-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(184,255,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(184,255,0,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}
.login.neo .lcard{background:rgba(16,20,10,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(184,255,0,.16);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.03) inset;color:#EAF2DA;gap:16px}
.login.neo .lbrand .mark{background:var(--neon);color:#0A1000;box-shadow:0 0 26px rgba(184,255,0,.45)}
.login.neo .lbrand b{color:#fff;font-size:18px;letter-spacing:-.01em}
.login.neo .lbrand small{color:#9FB08A}
.login.neo .neo-tit{text-align:center}
.login.neo .neo-tit h1{font-size:26px;font-weight:800;color:#fff;letter-spacing:-.02em}
.login.neo .neo-tit p{margin:4px 0 0;color:#9FB08A;font-size:14px}
.login.neo .lcard h1{color:#fff}
.login.neo .lcard p{color:#A9B897}
.login.neo .field>span{color:#C9D6B6}
.login.neo .input{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#fff}
.login.neo .input::placeholder{color:#6F7C60}
.login.neo .input:focus{border-color:var(--neon);box-shadow:0 0 0 3px rgba(184,255,0,.18);outline:none}
.login.neo .ojo{color:#9FB08A}
.login.neo .btn.primary{background:var(--neon);border-color:var(--neon);color:#0A1000;font-weight:800;box-shadow:0 10px 30px rgba(184,255,0,.25)}
.login.neo .btn.primary:hover{background:var(--neon2)}
.login.neo .btn.quiet{color:#C9D6B6}
.login.neo .lnote{color:#7E8C6E}
.login.neo .err{background:rgba(255,90,90,.12);color:#FFB3B3;border-color:rgba(255,90,90,.3)}
.login.neo .reglas li{color:#A9B897}.login.neo .reglas li.ok{color:var(--neon)}
.login.neo .demo-note{color:var(--neon)!important}
.neo-pie{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:14px;font-size:11.5px;color:#5F6C50;letter-spacing:.02em}

/* Producción por etapas */
.row-acc{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.row-acc select{max-width:170px}

/* Reporte técnico */
.sop-tipos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sop-tipo{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;color:var(--ink2)}
.sop-tipo svg{width:18px;height:18px;margin-bottom:4px;color:var(--muted)}
.sop-tipo small{color:var(--muted);font-size:11.5px}
.sop-tipo[aria-pressed="true"]{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}
.sop-tipo[aria-pressed="true"] svg{color:var(--primary)}
.sop-resp{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.sop-resp+.sop-resp{margin-top:8px}
.sop-resp-h{display:flex;align-items:center;gap:8px;justify-content:space-between}
.sop-resp p{margin:0}
.sop-resp-t{background:var(--ok-soft);border-radius:10px;padding:8px 10px}
.sop-resp-t small{color:var(--ok);font-weight:700}
@media (max-width:520px){.sop-tipos{grid-template-columns:1fr}}

/* Notas personales */
.nota-nueva{border:1px solid var(--line);border-radius:16px;padding:10px;background:var(--sunken);display:flex;flex-direction:column;gap:8px}
.nota-nueva textarea{background:var(--surface);border-color:transparent;resize:vertical}
.nota-nueva-pie{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.nota-nueva-pie .btn.primary{margin-left:auto}
.nota-cuando{display:flex;align-items:center;gap:6px;color:var(--muted)}
.nota-cuando svg{width:16px;height:16px}
.nota-cuando input{height:34px;padding:4px 8px;font-size:13px;width:auto}
.nota-rap{display:flex;gap:6px;flex-wrap:wrap}
.chipb{border:1px solid var(--line);background:var(--surface);color:var(--ink2);border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600;cursor:pointer}
.chipb:hover{border-color:var(--primary)}
.chipb[aria-pressed="true"]{background:var(--primary);border-color:var(--primary);color:#fff}
.nota-colores{display:flex;gap:5px}
.nota-c{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}
.nota-c[aria-pressed="true"]{border-color:var(--ink);transform:scale(1.12)}
.notas-cab{display:flex;align-items:center;margin:16px 0 8px}
.notas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.nota{background:var(--nota);color:#2A2A1E;border-radius:14px;padding:12px 12px 8px;display:flex;flex-direction:column;gap:8px;box-shadow:0 6px 16px rgba(20,30,50,.08);min-height:110px}
.nota p{margin:0;white-space:pre-wrap;font-size:14px;line-height:1.4;flex:1}
.nota.hecha{opacity:.55}.nota.hecha p{text-decoration:line-through}
.nota.vencida{box-shadow:0 0 0 2px #E25A3A,0 6px 16px rgba(20,30,50,.1)}
.nota-pie{display:flex;align-items:center;gap:4px;font-size:12px}
.nota-hora{display:inline-flex;align-items:center;gap:4px;font-weight:700}
.nota-hora svg{width:13px;height:13px}
.nota-acc{border:0;background:rgba(0,0,0,.07);border-radius:8px;width:28px;height:28px;display:grid;place-items:center;cursor:pointer;color:#2A2A1E}
.nota-acc:hover{background:rgba(0,0,0,.14)}
.nota-acc svg{width:15px;height:15px}
.nota-ficha{font-size:12px;text-align:left;color:#2A2A1E!important}
.notas-vacio{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px;color:var(--muted);text-align:center}
.notas-vacio svg{width:30px;height:30px;opacity:.6}
.notas-ficha{display:flex;gap:10px;align-items:flex-start;background:#FFF6CF;color:#4A3B00;border:1px solid #F3DE84;border-radius:14px;padding:10px 12px}
.notas-ficha>svg{width:18px;height:18px;flex:none;margin-top:2px}
.notas-ficha>div{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
:root[data-theme="dark"] .notas-ficha{background:#3A3210;color:#F5E7A8;border-color:#5C4F1A}
.dlg-recordatorio .mh{background:#FFF6CF}
:root[data-theme="dark"] .dlg-recordatorio .mh{background:#3A3210}
.rec-it{display:flex;gap:10px;align-items:flex-start;padding:8px 0}
.rec-it+.rec-it{border-top:1px solid var(--line)}
.rec-it>svg{width:20px;height:20px;color:#C79A00;flex:none}
.rec-it p{margin:0 0 4px;font-size:15px;white-space:pre-wrap}

/* Boletín */
.boletin{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.bol-cab{display:flex;gap:12px;align-items:center;padding:18px 20px;background:linear-gradient(135deg,var(--primary-soft),var(--surface))}
.bol-cab small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}
.bol-cab h3{margin:2px 0 0;font-size:20px;font-weight:800;letter-spacing:-.01em}
.bol-ic{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--primary);color:#fff;flex:none}
.bol-ic svg{width:20px;height:20px}
.bol-cuerpo{padding:16px 20px;font-size:15px;line-height:1.55}
.bol-cuerpo p{margin:0 0 10px}.bol-cuerpo p:last-child{margin:0}
.bol-pie{padding:10px 20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.boletin.tono-importante .bol-cab{background:linear-gradient(135deg,var(--warn-soft),var(--surface))}
.boletin.tono-importante .bol-cab small{color:var(--warn)}.tono-importante.bol-ic,.boletin.tono-importante .bol-ic{background:var(--warn)}
.boletin.tono-celebracion .bol-cab{background:linear-gradient(135deg,var(--ok-soft),var(--surface))}
.boletin.tono-celebracion .bol-cab small{color:var(--ok)}.tono-celebracion.bol-ic,.boletin.tono-celebracion .bol-ic{background:var(--ok)}
.boletin.tono-urgente .bol-cab{background:linear-gradient(135deg,var(--bad-soft),var(--surface))}
.boletin.tono-urgente .bol-cab small{color:var(--bad)}.tono-urgente.bol-ic,.boletin.tono-urgente .bol-ic{background:var(--bad)}
.dlg-boletin .mb{padding-top:14px}
.dlg-boletin .mf{align-items:center}
.bol-admin{display:flex;flex-direction:column;gap:14px;max-width:900px}
.bol-admin-cab{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.bol-lista{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.bol-fila{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface)}
.bol-fila+.bol-fila{border-top:1px solid var(--line)}
.bol-fila.off{opacity:.55}
.bol-fila .bol-ic{width:34px;height:34px;border-radius:11px}
.bol-fila small{display:block}
.bol-leidos{font-size:13px;color:var(--muted);white-space:nowrap;padding:3px 9px;border-radius:999px;background:var(--sunken)}
.bol-leidos b{color:var(--ink)}
.bol-extra{margin-top:8px}
.chips-sel{display:flex;flex-wrap:wrap;gap:6px}
.bol-personas{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 12px;max-height:220px;overflow:auto;margin-top:8px;padding:8px;border:1px solid var(--line);border-radius:12px}
.bol-previa{margin-bottom:12px}
.bol-resumen{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bol-resumen>div{background:var(--sunken);border-radius:12px;padding:8px 12px}
.bol-resumen small{display:block;color:var(--muted);font-size:11.5px}

/* Datos técnicos y PC al cliente */
.plotters{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.chipb.plot[aria-pressed="true"]{background:#111827;border-color:#111827;color:#fff}
:root[data-theme="dark"] .chipb.plot[aria-pressed="true"]{background:#E7ECF5;border-color:#E7ECF5;color:#111827}
.check.fuerte{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--sunken);align-items:flex-start}
.check.fuerte.pc-cliente{border-color:#F2B8C6;background:#FFF0F4}
.check.fuerte.pc-cliente b{color:#B4234A}
:root[data-theme="dark"] .check.fuerte.pc-cliente{background:#3A1622;border-color:#6A2A3D}
:root[data-theme="dark"] .check.fuerte.pc-cliente b{color:#FF9BB5}
.pc-opc{display:flex;gap:16px;flex-wrap:wrap}
.pc-cliente-banda{background:linear-gradient(90deg,#D61F4E,#F0457A)!important;color:#fff!important;border:0!important;box-shadow:0 10px 26px rgba(214,31,78,.28)}
.pc-cliente-banda b{letter-spacing:.03em}
.pc-cliente-banda svg{color:#fff}
.chip.pc-cli{background:#FFE3EB;color:#B4234A;font-weight:800}
.chip.pc-cli .d{background:#D61F4E}
:root[data-theme="dark"] .chip.pc-cli{background:#3A1622;color:#FF9BB5}
.ancha-wrap{grid-column:1/-1}
.tec-bloque{border:1px solid var(--line);border-left:4px solid #111827;border-radius:14px;padding:12px 14px;background:var(--surface)}
:root[data-theme="dark"] .tec-bloque{border-left-color:#E7ECF5}
.tec-bloque h4{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.tec-bloque h4 svg{width:14px;height:14px}
.tec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px 16px}
.tec-it small{display:block;color:var(--muted);font-size:11.5px;margin-bottom:2px}
.tec-it.ancho{grid-column:1/-1}
.chip.plot-chip{background:#111827;color:#fff;font-weight:700}
:root[data-theme="dark"] .chip.plot-chip{background:#E7ECF5;color:#111827}
.tec-colores{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--sunken);border:1px dashed var(--line)}
.tec-colores svg{width:18px;height:18px;color:var(--mag);flex:none;margin-top:2px}
.tec-colores small{display:block;color:var(--muted);font-size:11.5px}

/* Vista grande del diseño al programar */
.prog-previa{display:flex;gap:14px;align-items:center;margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--sunken)}
.prog-previa .thumb.big{width:min(340px,48%);aspect-ratio:4/3;height:auto;border-radius:12px}
.prog-previa-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.prog-previa-t small{color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.prog-previa-t b{font-size:16px}
@media (max-width:560px){.prog-previa{flex-direction:column;align-items:stretch}.prog-previa .thumb.big{width:100%}}

/* Lista de personalizados */
.lista-perso{display:flex;flex-direction:column;gap:10px}
.lp-pegar{font-family:ui-monospace,Menlo,monospace;font-size:13px}
.lp-barra{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.lp-resumen{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lp-resumen:empty{display:none}
.lp-talla{display:inline-flex;align-items:baseline;gap:5px;padding:3px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary)}
.lp-talla small{font-weight:700}
.lp-scroll{overflow:auto;max-height:52vh;border:1px solid var(--line);border-radius:14px}
table.lp{width:100%;border-collapse:collapse;font-size:13.5px}
table.lp th{position:sticky;top:0;background:var(--head);z-index:1;text-align:left;font-size:11.5px;color:var(--muted);padding:6px;border-bottom:1px solid var(--line);white-space:nowrap}
table.lp td{border-bottom:1px solid var(--line);padding:2px 4px}
table.lp tr.lp-listo td{background:var(--ok-soft)}
.lp-in,.lp-cab{width:100%;min-width:70px;border:1px solid transparent;background:transparent;padding:6px;border-radius:8px;font:inherit;color:inherit}
.lp-cab{font-weight:700;font-size:11.5px;text-transform:uppercase;color:var(--ink2)}
.lp-in:hover,.lp-cab:hover{border-color:var(--line)}
.lp-in:focus,.lp-cab:focus{border-color:var(--primary);background:var(--surface);outline:none}
.lp-obs{min-width:150px}
.lp-n{width:34px;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}
.lp-chk{text-align:center;width:72px}
.lp-chk input{width:18px;height:18px;accent-color:var(--ok)}
.lp-x{border:0;background:none;color:var(--muted);font-size:18px;cursor:pointer;width:28px}
.lp-x:hover{color:var(--bad)}
.lp-vacio{display:flex;flex-direction:column;align-items:center;gap:4px;padding:28px;color:var(--muted);text-align:center}
.lp-vacio svg{width:28px;height:28px;opacity:.6}
.lp-card-b{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}
.dlg-lista .mf{align-items:center}
.zona-lista{padding:12px;border:1px dashed var(--line);border-radius:14px}

/* Respuestas de Administración */
.chip.nueva-resp{background:var(--ok);color:#fff;font-weight:800}
.chip.nueva-resp .d{background:#fff}
.tcard.con-resp{box-shadow:0 0 0 2px var(--ok),var(--shadow)}

/* Escáner: últimas búsquedas */
.esc-rec{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.esc-rec-cab{display:flex;justify-content:space-between;align-items:center}
.esc-rec-cab small{color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:11px}
.esc-rec-l{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;max-height:300px;overflow-y:auto}
.esc-rec-it{display:grid;grid-template-columns:auto auto 1fr auto;gap:8px;align-items:center;border:0;background:var(--surface);padding:8px 10px;cursor:pointer;text-align:left;color:var(--ink)}
.esc-rec-it+.esc-rec-it{border-top:1px solid var(--line)}
.esc-rec-it:hover{background:var(--sunken)}
.esc-rec-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink2);font-size:13px}
.tag.ORD{background:var(--sunken);color:var(--ink2)}

/* Informes: elegir columnas */
.cols-elegir{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;margin-top:10px}
.col-op{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:13.5px;background:var(--surface)}
.col-op.on{border-color:var(--primary);background:var(--primary-soft)}
.col-op input{accent-color:var(--primary)}

/* Foto con el teléfono */
.tel-captura{align-self:flex-start;margin-top:8px}
.cap-box{display:flex;flex-direction:column;align-items:center;gap:12px}
.cap-pasos{margin:0;padding-left:20px;font-size:14px;display:flex;flex-direction:column;gap:4px;align-self:stretch}
.cap-estado{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--sunken);font-weight:600}
.cap-estado svg{width:18px;height:18px;color:var(--ok)}
.cap-pulso{width:10px;height:10px;border-radius:50%;background:var(--primary);animation:latido 1.2s ease-in-out infinite}
.captura-tel{min-height:100dvh;display:flex;flex-direction:column;gap:14px;padding:20px max(16px,env(safe-area-inset-left,0px));background:#060802;color:#EAF2DA;--neon:#B8FF00}
.capt-cab{display:flex;align-items:center;gap:10px}
.capt-cab .mark{background:var(--neon);color:#0A1000}
.capt-cab b{display:block;color:#fff}.capt-cab small{color:#9FB08A}
.capt-prev{flex:1;min-height:52vh;border-radius:20px;border:2px dashed rgba(184,255,0,.35);display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.03);cursor:pointer}
.capt-prev img{width:100%;height:100%;object-fit:contain;max-height:62vh}
.capt-vacio{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#C9D6B6;padding:20px}
.capt-vacio svg{width:44px;height:44px;color:var(--neon)}
.capt-vacio span{color:#7E8C6E;font-size:13px}
.captura-tel .btn.primary{background:var(--neon);border-color:var(--neon);color:#0A1000;font-weight:800;height:52px;font-size:16px}
.captura-tel .btn.quiet{color:#C9D6B6}
.capt-salir{color:#7E8C6E!important;align-self:center}
.capt-ok{margin:auto;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.capt-ok h1{color:#fff;font-size:28px}
.capt-ok p{color:#A9B897;margin:0 0 10px}
.capt-ok-ic{width:76px;height:76px;border-radius:50%;background:var(--neon);color:#0A1000;display:grid;place-items:center;box-shadow:0 0 40px rgba(184,255,0,.4)}
.capt-ok-ic svg{width:38px;height:38px}

/* Modo tienda: resultados con portada y detalle */
.k-status.con-foto{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start}
.k-st-foto{position:relative;border:0;padding:0;background:none;cursor:zoom-in;border-radius:14px;overflow:hidden}
.k-st-foto .thumb{width:120px;height:120px;border-radius:14px}
.k-zoom{position:absolute;right:6px;bottom:6px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.6);color:var(--neon)}
.k-zoom svg{width:15px;height:15px}
.k-st-b{display:flex;flex-direction:column;gap:6px;min-width:0}
.k-det-btn{align-self:flex-start;border:1px solid rgba(184,255,0,.35);background:rgba(184,255,0,.06);color:var(--neon);border-radius:999px;padding:7px 14px;font-weight:700;cursor:pointer;margin-top:4px}
.k-det-btn:hover{background:rgba(184,255,0,.15)}
.k-det-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
.k-det-img .visor{min-height:420px}
.k-det-info{display:flex;flex-direction:column;gap:14px}
.k-linea{display:flex;gap:4px}
.k-lp{flex:1;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.k-lp-d{height:6px;width:100%;border-radius:999px;background:rgba(127,127,127,.25)}
.k-lp.hecho .k-lp-d{background:#7BC300}
.k-lp.actual .k-lp-d{background:#B8FF00;box-shadow:0 0 12px rgba(184,255,0,.6)}
.k-lp small{font-size:11px;color:var(--muted);line-height:1.2}
.k-lp.actual small{font-weight:800;color:var(--ink)}
.k-datos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.k-dato{background:var(--sunken);border-radius:12px;padding:8px 12px}
.k-dato small{display:block;color:var(--muted);font-size:11.5px}
.k-dato.ancho{grid-column:1/-1}
.k-solo-tienda{font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px;background:rgba(184,255,0,.12);color:#5E8A00;border:1px solid rgba(184,255,0,.35)}
@media (max-width:760px){.k-det-grid{grid-template-columns:1fr}.k-status.con-foto{grid-template-columns:84px 1fr}.k-st-foto .thumb{width:84px;height:84px}}
.login.neo .demo-note{background:rgba(184,255,0,.08)!important;border:1px solid rgba(184,255,0,.25)}

/* ===== 2026.10.22-b ===== */
.sug-t{color:var(--warn);font-weight:700}
.vcard.sel .ok-t{color:var(--primary)}
/* Chat de Producción por secciones */
.chat-subs{display:flex;gap:6px;overflow-x:auto;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--head);scrollbar-width:none}
.chat-subs button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--ink2);border-radius:999px;padding:6px 12px;font-weight:600;font-size:13px;cursor:pointer}
.chat-subs button.act{background:var(--primary);border-color:var(--primary);color:#fff}
.chat-subs .chat-n,.chat-subs .chat-men{position:static;margin:0}
.chat-item.sub{padding-left:34px}
.chat-item.sub .chat-av{width:28px;height:28px;font-size:11px}
/* Avance por área */
.tcel.marcable{border:1px solid transparent;cursor:pointer;font:inherit;color:inherit;gap:2px;transition:border-color .15s}
.tcel.marcable:hover{border-color:var(--primary)}
.av-chips{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;margin-top:3px}
.av-chip{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:800;padding:1px 6px;border-radius:999px;background:var(--sunken);color:var(--ink2);white-space:nowrap}
.av-chip small{font-size:9px;opacity:.75;font-weight:800}
.av-chip.ok{background:var(--ok-soft);color:var(--ok)}
.av-chip.warn{background:var(--warn-soft);color:var(--warn)}
.av-chip.bad{background:var(--bad-soft);color:var(--bad)}
.av-nota{font-size:10.5px}
.av-areas{flex-wrap:wrap}
.av-marcas{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.av-m{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer;font-weight:600;font-size:12.5px;color:var(--ink2)}
.av-m b{font-size:18px;line-height:1}
.av-m.ok[aria-pressed="true"]{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}
.av-m.parcial[aria-pressed="true"]{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}
.av-m.falta[aria-pressed="true"]{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}
.av-m.nota[aria-pressed="true"]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}
.av-parcial{display:flex;align-items:center;gap:8px;margin-top:8px}
.av-parcial .input{width:80px}
.av-hist{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:10px}
.av-hist>small{color:var(--muted);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.05em}
.av-h-it{display:flex;gap:8px;align-items:flex-start;font-size:13px}
.av-sec{display:flex;flex-direction:column;gap:10px;margin:6px 0 4px}
.av-sec .sec-h{margin:0}
.av-abiertos{display:flex;flex-direction:column;gap:6px}
.av-abiertos>small{color:var(--bad);font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.05em}
.av-fila{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.av-fila.abierto{border-color:var(--bad);background:var(--bad-soft)}
.av-lista{display:flex;flex-direction:column;gap:6px;margin-top:8px}
@media (max-width:520px){.av-marcas{grid-template-columns:repeat(2,1fr)}}
/* Lista de personalizados: casillas de área */
.lp-av{width:30px;height:30px;border-radius:9px;border:1.5px dashed var(--line);background:var(--surface);cursor:pointer;font-weight:800;font-size:14px;color:var(--muted)}
.lp-av:hover{border-color:var(--primary)}
.lp-av.ok{border:0;background:var(--ok);color:#fff}
.lp-av.bad{border:0;background:var(--bad);color:#fff}
.lp-av.warn{border:0;background:var(--warn);color:#fff}
table.lp tr.lp-falta td{background:var(--bad-soft)}
.lp-chk{width:46px}
.lp-ayuda{margin:0}
/* Estampado y Corte: planchado y corte láser */
.procesos{display:flex;gap:6px;flex-wrap:wrap;width:100%}
.proc{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--ink2)}
.proc.hecho{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}
.proc.no_lleva{opacity:.6;text-decoration:line-through}
.av-marcas{align-items:start}.av-m{height:auto;min-height:0}
.rs-filtros select{width:auto;min-width:150px}
.rs-pie{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 20px 18px;flex-wrap:wrap}
.rs-pie:empty{display:none}
/* Reposiciones */
.repo-causas{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.repo-causa{display:flex;flex-direction:column;gap:3px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer;color:var(--ink2)}
.repo-causa small{color:var(--muted);font-size:12px;line-height:1.35}
.repo-causa[aria-pressed="true"]{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}
.repo-sec{display:flex;flex-direction:column;gap:8px}
.repo-sec .sec-h{margin:0}
.repo-lista{display:flex;flex-direction:column;gap:8px}
.repo-it{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-left:4px solid var(--line);border-radius:12px;background:var(--surface);flex-wrap:wrap}
.repo-it.bad{border-left-color:var(--bad)}.repo-it.warn{border-left-color:var(--warn)}.repo-it.ok{border-left-color:var(--ok)}
.repo-it>div{display:flex;flex-direction:column;gap:4px}
.repo-n{font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}
.repo-h{display:flex!important;flex-direction:row!important;gap:6px;align-items:center;flex-wrap:wrap}
.repo-it .acts{flex-direction:row!important;flex-wrap:wrap;gap:6px}
@media (max-width:560px){.repo-causas{grid-template-columns:1fr}}
details.copia>summary{list-style:none;cursor:pointer}
details.copia>summary::-webkit-details-marker{display:none}
.copia-arch{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px 14px}
.copia-arch .chipb{display:inline-flex;align-items:center;gap:5px}
.copia-arch svg{width:14px;height:14px}
/* Teléfono con código de país */
.tel-campo{display:flex;flex-direction:column;gap:4px;min-width:0}
.tel-fila{display:flex;gap:6px}
.tel-fila .tel-pais{width:auto;flex:none;max-width:110px;padding-right:24px}
.tel-fila .tel-num{flex:1;min-width:0}
.tel-aviso{font-size:12px;min-height:0}
.tel-aviso:empty{display:none}
.tel-aviso.bien{color:var(--ok);font-weight:600}
.tel-aviso.mal{color:var(--bad)}
/* Precio editable en la orden */
.oline .ol-precio{width:100%;text-align:right}
.ol-cambio{grid-column:1/-1;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ol-cambio:has(>[hidden]:first-child+[hidden]){display:none}
.ol-cambio .ol-motivo{flex:1;min-width:200px}
.ol-dif{font-weight:700;font-size:12px;padding:3px 9px;border-radius:999px}
.ol-dif.baja{background:var(--bad-soft);color:var(--bad)}
.ol-dif.sube{background:var(--ok-soft);color:var(--ok)}
.oline.precio-cambiado{border-color:var(--warn);background:var(--warn-soft)}
.oline.precio-cambiado .ol-precio{border-color:var(--warn);font-weight:800}
/* Huella */
.login.neo .btn-huella{background:transparent;border:1px solid rgba(184,255,0,.45);color:var(--neon);font-weight:700;display:inline-flex;justify-content:center;gap:8px}
.login.neo .btn-huella:hover{background:rgba(184,255,0,.08)}
.hu-lista{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.hu-it{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.hu-it small{display:block}
.hu-info p{margin:0 0 8px}
.hu-oferta{display:flex;gap:12px;align-items:flex-start}
.hu-oferta svg{width:28px;height:28px;color:var(--primary);flex:none}
.hu-oferta p{margin:0}
/* Líderes Textiles */
.lt-seg{flex-wrap:wrap}
.lt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.lt-card{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}
.lt-card.urg{border-color:var(--bad);box-shadow:0 0 0 1px var(--bad),var(--shadow)}
.lt-c-h{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.lt-c-b{display:flex;gap:10px;align-items:flex-start}
.lt-cli{font-weight:800;font-size:15px;text-align:left}
.lt-trab{font-weight:600;color:var(--ink2)}
.lt-nota{display:flex;gap:6px;align-items:flex-start;color:var(--bad);font-size:13px;margin-top:4px}
.lt-nota svg{width:15px;height:15px;flex:none;margin-top:2px}
.lt-c-f{display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:8px}
.lt-c-f small{flex:1}
.lt-acts{flex-wrap:wrap;gap:6px}
.lt-nueva{display:flex;flex-direction:column;gap:14px;max-width:900px}
.lt-servs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.lt-cant{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:6px}
.lt-tot{display:flex;justify-content:flex-end;align-items:baseline;gap:10px}
.lt-total{font-size:22px}
.lt-cli-sel{display:flex;gap:10px;align-items:center;margin-top:8px}
.lt-cli-sel:empty{display:none}
.lt-det-top{display:flex;gap:8px;align-items:center;margin-bottom:12px}
.results .nuevo{color:var(--primary);font-weight:700;display:flex;gap:6px;align-items:center}
@media (max-width:640px){.lt-cant{grid-template-columns:1fr 1fr}.lt-grid{grid-template-columns:1fr}}
.crm-vinc{display:flex;flex-direction:column;gap:6px;margin-top:8px;align-items:flex-start}
.crm-ok{display:flex;gap:10px;align-items:center;padding:8px 12px;border-radius:12px;background:var(--ok-soft);width:100%}
.crm-ok>svg{color:var(--ok);width:18px;height:18px}
.crm-ok small{display:block}
.crm-lista{max-height:420px;overflow:auto;margin-top:10px}
/* Lista: encabezados con mover y ordenar */
.lp-th{display:flex;align-items:center;gap:2px}
.lp-th .lp-cab{min-width:60px}
.lp-mv,.lp-ord{border:0;background:none;color:var(--muted);cursor:pointer;font-size:14px;width:20px;height:24px;border-radius:6px;flex:none;padding:0}
.lp-mv:hover,.lp-ord:hover{background:var(--sunken);color:var(--ink)}
.lp-mv:disabled{opacity:.25;cursor:default}
.lp-ord.act{color:var(--primary);font-weight:800}
.lp-limpiar{color:var(--bad)!important}
table.lp th.lp-n,table.lp td.lp-n{width:44px}
/* Programar pedido por secciones */
.dlg-programar .mb{background:var(--bg);display:flex;flex-direction:column;gap:12px}
.prog-sec{border:1px solid var(--line);border-radius:16px;padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px;background:var(--surface)}
.prog-sec-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:2px}
.prog-sec-h h4{margin:0;font-size:15px;font-weight:800}
.prog-sec-h .hint{margin:0;flex-basis:100%;padding-left:34px}
.prog-n{width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}
.prog-sec .field{margin:0}
.g-nc{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px}
.g-ent{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:12px}
.prog-sec select.input,.prog-sec input.input{text-overflow:ellipsis}
.dlg-programar .lock{margin:0}
@media (max-width:620px){.g-nc,.g-ent{grid-template-columns:1fr}}
.tec-aviso{display:flex;gap:10px;align-items:flex-start;background:var(--warn-soft);border-radius:10px;padding:8px 10px}.tec-aviso>svg{width:18px;height:18px;color:var(--warn);flex:none;margin-top:2px}.tec-aviso b{display:block;margin-bottom:6px;font-size:13px}

/* ---- Ficha compacta: todos los datos en mosaico, sin bajar ---- */
.fcuerpo .fdet{padding:12px 14px}
.ftiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:6px}
.ftiles.fpers{margin-top:6px;padding-top:6px;border-top:1px dashed var(--line,#e5e7eb)}
.ft{background:var(--bg2,#f6f7fb);border-radius:10px;padding:6px 9px;min-width:0}
.ft.ancho{grid-column:span 2}
.ft small{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted,#6b7280);line-height:1.2}
.ft b,.ft>span{display:block;font-size:.86rem;line-height:1.25;word-break:break-word;font-weight:600}
.ft .chips{display:flex;flex-wrap:wrap;gap:3px;margin-top:2px}
@media (max-width:520px){.ftiles{grid-template-columns:repeat(2,1fr)}.ft.ancho{grid-column:1/-1}}
.fcuerpo .tallas-grid .tcel{padding:4px 8px}
.fcuerpo .fcard h4{margin-bottom:6px}

/* ---- Conversación de Solicitudes ADM ---- */
.sol-hilo{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow:auto;padding:4px 2px;margin:8px 0}
.sh-msg{max-width:86%;align-self:flex-start;background:var(--bg2,#f3f4f8);border-radius:14px 14px 14px 4px;padding:8px 11px}
.sh-msg.mio{align-self:flex-end;background:color-mix(in srgb,var(--pri,#6cc04a) 14%,transparent);border-radius:14px 14px 4px 14px}
.sh-cab{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;font-size:.78rem}
.sh-area{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#6b7280)}
.sh-txt{white-space:pre-wrap;font-size:.9rem;margin-top:2px}
.sh-tag{display:inline-flex;gap:4px;align-items:center;font-size:.74rem;font-weight:700;margin-top:3px}
.sh-tag.bad{color:var(--bad,#dc2626)}.sh-tag.ok{color:var(--ok,#16a34a)}
.sh-tag svg{width:14px;height:14px}
.sh-escribir{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line,#e5e7eb);padding-top:8px}
.sh-chk{font-size:.84rem;display:flex;gap:6px;align-items:flex-start}
.sol-cu{display:flex;gap:6px;align-items:flex-start}
.sol-cu .input.num{width:90px}
.sol-uni{width:128px}
@media (max-width:560px){.sol-cu{width:100%}.sol-uni{flex:1}}
@media (max-width:560px){.line.sol{grid-template-columns:minmax(0,1fr) 34px}.line.sol .sol-cu{grid-column:1/2}}
.vers-det .vers{padding:6px 12px 12px}
.ver.sin-foto{padding:10px 12px;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:var(--bg2,#f6f7fb);min-width:170px}

/* ---- Logo A2 VZLA ---- */
.lbrand.con-logo{flex-direction:column;gap:10px}
.lbrand-logo{height:40px;width:auto;filter:drop-shadow(0 0 18px rgba(184,255,0,.18))}
.lbrand-sub{text-align:center}
.lbrand-sub b{display:block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.9}
.lbrand-sub small{font-size:12px;opacity:.7}
.mark-img{width:36px;height:36px;border-radius:50%;flex:none;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.k-marca{flex-direction:column;align-items:flex-start;gap:4px}
.k-logo{height:38px;width:auto;filter:drop-shadow(0 0 22px rgba(184,255,0,.25))}
.k-marca .k-tag{font-size:12px;letter-spacing:.04em;color:rgba(255,255,255,.65)}
.perfil{position:relative}
.perfil-marca{position:absolute;right:18px;top:14px;pointer-events:none;opacity:.9}
.perfil-marca img{height:18px;width:auto;display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .perfil-marca img{content:url("../img/logo-a2vzla.png")}}
:root[data-theme="dark"] .perfil-marca img{content:url("../img/logo-a2vzla.png")}
@media (max-width:560px){.perfil-marca{position:static;align-self:flex-start;margin-bottom:6px}.k-logo{height:30px}}

/* ---- Líderes: tabulador, cobro y archivo en red ---- */
.lt-tab{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line,#e5e7eb);border-radius:12px;overflow:hidden;font-size:.9rem}
.lt-tab th{background:var(--bg2,#f6f7fb);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#6b7280);padding:8px 10px;text-align:left}
.lt-tab td{padding:6px 10px;border-top:1px solid var(--line,#e5e7eb)}
.lt-tab .num{text-align:right}
.lt-tab-c{display:flex;align-items:center;gap:6px;justify-content:flex-end}
.lt-tab-c .input{width:96px}
.lt-cobro{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lt-red{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px dashed var(--line,#d1d5db);border-radius:12px;margin:8px 0}
.lt-red code{display:block;font-size:.82rem;word-break:break-all}
@media (max-width:560px){.lt-cobro{grid-template-columns:1fr}.lt-tab th:nth-child(3),.lt-tab td:nth-child(3){display:none}}

/* ---- Pestañas más compactas: caben en una línea ---- */
.tabs button{padding:10px 16px 11px}
@media (max-width:1280px){.tabs button{padding:9px 12px 10px;font-size:12.5px;gap:6px}}
.pasos-planta .paso-n{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--sunken);font-size:10.5px;font-weight:800;margin-right:6px}
.pasos-planta button[aria-pressed="true"] .paso-n{background:var(--primary);color:#fff}
.pasos-planta .n{margin-left:6px;background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:0 7px;font-size:11px;font-weight:700}
.lt-2col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 28px;align-items:start}
.lt-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.lt-2col .input[type=search],.lt-2col textarea{max-width:none}
@media (max-width:980px){.lt-2col{grid-template-columns:1fr}}
.nombre-auto{font-size:12.5px;margin-top:4px;color:var(--ink2)}
.nombre-auto b{font-family:"JetBrains Mono",monospace;font-size:12px;background:var(--primary-soft);color:var(--primary);padding:1px 6px;border-radius:6px}
.nombre-auto .warn-t{color:var(--warn,#b45309)}
.input[readonly]{background:var(--sunken)}

/* ---- Tablero del equipo (Reporte supervisor) ---- */
.eq-panel{padding:14px 16px}
.eq-rango{display:flex;gap:6px;align-items:center}
.eq-rango .input{width:150px}
.eq-per{margin:2px 0 10px;font-size:12px}
.eq-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-bottom:12px}
.eq-kpi{background:var(--bg2,#f6f7fb);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.eq-kpi small{display:flex;gap:6px;align-items:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.eq-kpi small .i{width:14px;height:14px}
.eq-kpi b{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.eq-kpi span{font-size:11.5px;color:var(--muted)}
.eq-kpi em{font-style:normal;font-size:11.5px;font-weight:700}
.eq-kpi em.ok,.sub.ok{color:var(--ok,#16a34a)} .eq-kpi em.bad,.sub.bad{color:var(--bad,#dc2626)}
.eq-kpi.big{background:var(--primary-soft)} .eq-kpi.big b{color:var(--primary)}
.eq-kpi.warn{box-shadow:inset 3px 0 0 var(--warn,#f59e0b)} .eq-kpi.bad{box-shadow:inset 3px 0 0 var(--bad,#dc2626)}
.eq-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}
.eq-tend{background:var(--bg2,#f6f7fb);border-radius:14px;padding:12px}
.eq-barras{display:flex;gap:8px;align-items:flex-end;height:140px;margin-top:8px}
.eq-bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.eq-bar i{display:block;width:100%;max-width:30px;background:linear-gradient(180deg,var(--primary),color-mix(in srgb,var(--primary) 60%,transparent));border-radius:6px 6px 2px 2px}
.eq-bar .v{font-size:9.5px;color:var(--muted);white-space:nowrap}
.eq-bar small{font-size:11px;color:var(--muted);text-transform:capitalize}
.bad-t{color:var(--bad,#dc2626)} .ok-t{color:var(--ok,#16a34a)}
@media (max-width:980px){.eq-grid{grid-template-columns:1fr}}

/* ---- Historial de alertas resueltas ---- */
.al-hist{margin-top:6px}
.al-hist-l{display:flex;flex-direction:column}
.al-hist-i{display:flex;gap:10px;align-items:flex-start;padding:9px 14px;border-top:1px solid var(--line)}
.al-hist-ic{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--ok,#16a34a) 14%,transparent);color:var(--ok,#16a34a);flex:none}
.al-hist-ic .i{width:14px;height:14px}
.al-hist-i b{font-size:13px;font-weight:600}
.al-hist-m{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:none}
.al-hist-i .sub{display:block;font-size:12px;color:var(--muted);margin-top:1px}

/* ---- Detalles estilo comanda (como Trello, pero más limpio) ---- */
.comanda{padding:14px 18px 12px}
.cl-lista{columns:2 260px;column-gap:36px;margin:0}
.cl{break-inside:avoid;display:flex;gap:6px;align-items:baseline;padding:5px 0;border-bottom:1px dashed color-mix(in srgb,var(--line) 70%,transparent);font-size:14px;line-height:1.35}
.cl dt{font-weight:700;color:var(--ink);white-space:nowrap}
.cl dt::after{content:":"}
.cl dd{margin:0;color:var(--ink2);min-width:0;word-break:break-word}
.cl-cod{margin-left:6px;font-size:11px;opacity:.75}
.cl-pie{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--muted)}
.repo-det summary{display:flex;align-items:center;gap:8px}
.repo-det .repo-lista{padding:4px 12px 12px}

/* ---- Taller de Costura en vivo ---- */
.cs-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ok,#16a34a)}
.cs-live i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:csPulso 1.8s infinite}
@keyframes csPulso{0%{box-shadow:0 0 0 0 rgba(22,163,74,.5)}70%{box-shadow:0 0 0 8px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.cs-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 20px 12px}
.cs-k{background:var(--bg2,#f6f7fb);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:1px}
.cs-k small{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.cs-k b{font-size:22px;font-weight:800;letter-spacing:-.02em}
.cs-k span{font-size:12px;color:var(--muted)}
.cs-k.pri{background:var(--primary-soft)} .cs-k.pri b{color:var(--primary)}
.cs-k.ok b{color:var(--ok,#16a34a)}
.cs-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;padding:0 20px 14px;align-items:start}
.cs-colaq{background:var(--bg2,#f6f7fb);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px;max-height:70vh;overflow:auto}
.cs-colaq h4,.cs-cost h4{margin:0;display:flex;align-items:center;gap:8px;font-size:13px}
.cs-colaq h4 .n{background:var(--surface);border-radius:999px;padding:0 8px;font-size:11px}
.cs-gente{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.cs-cost{border:1px solid var(--line);border-radius:16px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;background:var(--surface)}
.cs-cost.on{border-color:color-mix(in srgb,var(--primary) 45%,var(--line));box-shadow:0 6px 18px -10px var(--primary)}
.cs-c-h{display:flex;align-items:center;gap:8px}
.cs-dot{width:9px;height:9px;border-radius:50%;background:var(--line)}
.cs-cost.on .cs-dot{background:var(--ok,#16a34a);animation:csPulso 1.8s infinite}
.cs-libre{font-size:12.5px;color:var(--muted);padding:10px;border:1px dashed var(--line);border-radius:12px;text-align:center}
.cs-c-f{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:6px}
.cs-cola summary{font-size:12px;font-weight:700;cursor:pointer;color:var(--ink2)}
.cs-cola .cs-lote{margin-top:6px}
.cs-lote{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:3px}
.cs-lote.on{background:color-mix(in srgb,var(--primary) 7%,var(--surface));border-color:color-mix(in srgb,var(--primary) 35%,var(--line))}
.cs-lote.exp{box-shadow:inset 3px 0 0 var(--bad,#dc2626)}
.cs-l-h{display:flex;align-items:center;gap:6px;font-size:12.5px}
.cs-cant{font-size:13px}
.cs-l-t{font-weight:700;font-size:13px;line-height:1.25}
.cs-l-p{font-size:12.5px;color:var(--ink2)}
.cs-l-m{display:flex;gap:8px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}
.cs-vivo{color:var(--primary);font-weight:700}
.cs-l-n{font-size:12px;background:var(--bg2);border-radius:8px;padding:4px 8px}
.cs-lote .acts{justify-content:flex-end;gap:6px;margin-top:2px}
.cs-asig{max-width:150px}
.cs-hoy{margin:0 20px 16px}
.cs-ped{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-top:6px}
@media (max-width:900px){.cs-grid{grid-template-columns:1fr}.cs-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-colaq{max-height:none}}

/* ---- Datos técnicos compactos + tallas en la misma fila ---- */
.fila-tec{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;align-items:stretch}
.tec-bloque.compacto{padding:9px 14px}
.tec-bloque.compacto h4{margin:0 0 6px}
.tec-bloque.compacto .tec-grid{display:flex;flex-wrap:wrap;gap:4px 18px}
.tec-bloque.compacto .tec-it{display:flex;gap:6px;align-items:baseline;min-width:0}
.tec-bloque.compacto .tec-it small{font-size:12px;color:var(--muted)}
.tec-bloque.compacto .tec-it small::after{content:":"}
.tec-bloque.compacto .tec-it b{font-size:13.5px}
.tec-bloque.compacto .tec-it.ancho{flex-basis:100%}
.tallas-card{padding:9px 14px}
.tallas-card h4{margin:0 0 6px}
.tallas-card .tallas-grid{gap:6px}
.tallas-card .tg-fila>b{width:auto;min-width:56px}

/* ---- Vista compacta de la ficha: todo en una pantalla ---- */
.ficha-compacta .mb{padding-top:8px}
.ficha-compacta .tficha{padding:12px;gap:12px}
.ficha-compacta .tficha .portadas{width:150px;gap:6px}
.ficha-compacta .tficha .portadas .thumb.big,.ficha-compacta .tficha .portadas figure .thumb{width:150px;height:150px}
.ficha-compacta .tficha figcaption{font-size:11px}
.ficha-compacta .fcuerpo{gap:8px}
.ficha-compacta .fgrid{gap:8px}
.ficha-compacta .fresumen{padding:10px 12px;gap:6px}
.ficha-compacta .fres-datos b,.ficha-compacta .fres-datos button{font-size:13px}
.ficha-compacta .comanda{padding:9px 12px 8px}
.ficha-compacta .cl-lista{columns:3 200px;column-gap:24px}
.ficha-compacta .cl{padding:3px 0;font-size:12.5px}
.ficha-compacta .cl-pie{margin-top:6px;font-size:11px}
.ficha-compacta .fcard{padding:8px 12px}
.ficha-compacta .fcard h4,.ficha-compacta .tec-bloque h4{font-size:11px;margin-bottom:4px}
.ficha-compacta .tcel{padding:2px 7px;min-width:38px}
.ficha-compacta .tcel b{font-size:13px}
.ficha-compacta .acciones-ficha .btn,.ficha-compacta .acts .btn{padding:6px 10px;font-size:12px}
.ficha-compacta details.more summary{padding:7px 12px;font-size:12.5px}
.ficha-compacta .sec-h h3{font-size:14px}
.ficha-compacta .alerta{padding:8px 12px;font-size:12.5px}
.btn-lat[aria-pressed="true"]{background:var(--primary-soft);color:var(--primary)}
.ficha-compacta .acciones{gap:6px}
.ficha-compacta .acciones .btn,.ficha-compacta .acciones .input{padding:6px 10px;font-size:12px;min-height:0;height:auto}
.ficha-compacta .acciones .field>span{font-size:11px}
.ficha-compacta .mb{gap:10px}

/* ---- Parte baja de la ficha: discreta y liviana ---- */
.av-sec.sutil{gap:6px}
.av-h{display:flex;align-items:center;gap:6px;padding:2px 2px 0}
.av-t{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.av-ayuda{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--sunken);color:var(--muted);font-size:10px;font-weight:800;cursor:help}
.av-com{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600}
.av-com .i{width:14px;height:14px}
.tficha ~ details.more,.mb>details.more{border:0;border-top:1px solid var(--line);border-radius:0;padding:0 2px}
.mb>details.more summary,.tficha ~ details.more summary{padding:8px 0;font-size:13px;font-weight:600;color:var(--ink2)}
.mb>details.more summary .muted{font-size:12px}
.mb>details.more[open]{padding-bottom:8px}
/* Botón sutil (ej. Crear ficha en Trello) */
.btn.sutil{background:transparent;border:1px solid var(--line);color:var(--ink2);font-weight:600}
.btn.sutil:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}
/* Más acciones: buscador y grupos */
.mas-lista{min-width:290px;max-height:min(70vh,520px);overflow:auto;padding:8px}
.mas-buscar{position:sticky;top:0;margin-bottom:6px;z-index:1}
.mas-grupo{display:flex;flex-direction:column;gap:1px;padding:4px 0;border-top:1px solid var(--line)}
.mas-grupo:first-of-type{border-top:0}
.mas-grupo small{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:4px 8px 2px}
.mas-lista .btn{min-height:34px;font-size:13px}
.mas-n{margin-left:4px;background:var(--sunken);border-radius:999px;padding:0 7px;font-size:11px}
.mas-vacio{padding:6px 8px;margin:0;font-size:12.5px}
.cs-l-op{font-size:11px;color:var(--warn,#b45309);font-weight:600}

/* ===== Ficha: resumen compacto ===== */
.fresumen{gap:8px;padding:10px 14px}
.fres-top{align-items:center;gap:10px}
.fres-st{align-items:center;min-width:200px}
.fres-st>div{flex-direction:row;align-items:baseline;gap:8px;flex-wrap:wrap}
.fres-st small{font-size:10.5px}
.fres-st b{font-size:15px}
.fres-dot{margin-top:0;width:8px;height:8px;box-shadow:0 0 0 3px var(--primary-soft)}
.fres-datos{display:flex;flex-wrap:wrap;gap:4px 22px}
.fres-datos>div{display:flex;align-items:baseline;gap:6px}
.fres-datos small{display:inline;font-size:10.5px;letter-spacing:.05em}
.fres-datos b,.fres-datos .link{font-size:13.5px}
.fres-datos b small.muted{display:inline;text-transform:none;letter-spacing:0;font-size:12px;font-weight:600}
.fres-meta{font-size:12px}
/* Avión de Trello */
.fres-avion{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink2);cursor:pointer;transition:.15s}
.fres-avion .i{width:15px;height:15px}
.fres-avion:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-1px) rotate(-8deg)}
.fres-avion.off{opacity:.45;cursor:not-allowed}
.fres-avion.off:hover{background:var(--surface);color:var(--ink2);border-color:var(--line);transform:none}
.fres-avion.hecho{color:var(--ok,#16a34a);border-color:color-mix(in srgb,var(--ok,#16a34a) 40%,var(--line))}

/* ===== Tallas: avance oculto, solo un punto discreto ===== */
.tallas-card h4{display:flex;align-items:center;gap:6px}
.tallas-card .tcel{position:relative}
.tallas-card:not(.ver-av) .tcel .av-chips,.tallas-card:not(.ver-av) .tcel .av-chip,.tallas-card:not(.ver-av) .tcel .av-com{display:none}

/* ===== Datos técnicos más sutiles ===== */
.tec-bloque.compacto{border-left-width:1px;background:transparent}
.tec-bloque.compacto h4{font-size:10.5px}
.tec-bloque.compacto .tec-aviso{display:flex;flex-wrap:wrap;gap:4px;align-items:baseline;background:transparent;padding:0;border:0;font-size:12px;color:var(--muted)}
.tec-bloque.compacto .tec-aviso .link{font-size:12px}

/* ===== Pie de la ficha: pestañas finas ===== */
.fpie{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:8px}
.fpie-pills{display:flex;flex-wrap:wrap;gap:6px}
.fpie-pill{border:1px solid var(--line);background:transparent;color:var(--ink2);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.fpie-pill:hover{background:var(--sunken)}
.fpie-pill[aria-pressed="true"]{background:var(--ink,#111827);color:var(--surface,#fff);border-color:transparent}
.fpie-pill.alerta::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--bad,#dc2626)}
.fpie-body>details.more{border:1px solid var(--line);border-radius:12px;padding:6px 12px 10px}
.fpie-body>details.more>summary{display:none}
.fpie-body>details:not([open]){display:none}
.fpie-body .av-h{display:flex;align-items:center;gap:8px;margin:2px 0 6px}

/* ===== Más acciones: grupos con color, lista liviana ===== */
.mas-lista{min-width:270px;padding:6px}
.mas-grupo small{display:flex;align-items:center;gap:6px;color:var(--g,var(--muted))}
.mas-grupo small i{width:7px;height:7px;border-radius:2px;background:var(--g,var(--muted))}
.mas-grupo .btn{min-height:30px;font-size:12.5px;font-weight:500;padding:5px 8px;border-radius:8px}
.mas-grupo .btn .i{color:var(--g,var(--muted));width:15px;height:15px}
.mas-grupo .btn:hover{background:color-mix(in srgb,var(--g,#64748b) 10%,transparent)}
.mas-stop{border-top:1px solid var(--line);padding-top:4px}
.mas-lista .mas-stop .btn.stop-btn{border:0;margin:0;border-radius:8px;font-weight:600}
.mas-acc .mas-lista{top:auto;bottom:calc(100% + 6px)}
.tec-bloque.compacto{border-left:1px solid var(--line)}
.tec-cli{margin-left:6px;color:var(--bad,#dc2626);font-weight:700;font-size:12.5px}

/* ===== Casos de la ficha ===== */
.ck{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700;color:var(--muted);white-space:nowrap}
.ck.vis{color:#3B82F6} .ck.tom{color:var(--warn,#b45309)} .ck.ok{color:var(--ok,#16a34a)} .ck.off{opacity:.6}
.ck small{font-weight:500}
.cs-tipos{display:flex;flex-wrap:wrap;gap:6px}
.cs-tipo{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--ink2)}
.cs-tipo .i{width:14px;height:14px}
.cs-tipo[aria-pressed="true"]{background:var(--primary);border-color:var(--primary);color:#fff}
.cs-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cs-top>.i{width:14px;height:14px;color:var(--muted)}
.cs-hilo{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow:auto;padding:4px 2px}
.cs-msg{max-width:86%;align-self:flex-start;background:var(--bg2,#f3f4f8);border-radius:14px 14px 14px 4px;padding:8px 11px}
.cs-msg.mio{align-self:flex-end;background:color-mix(in srgb,var(--primary) 12%,transparent);border-radius:14px 14px 4px 14px}
.cs-msg.sis{align-self:center;background:transparent;font-size:11.5px;color:var(--muted);padding:2px}
.cs-cab{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;font-size:12px}
.cs-cab small{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.cs-txt{white-space:pre-wrap;font-size:13.5px;margin-top:2px}
.cs-adj{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.cs-aplicar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;border-radius:12px;background:var(--primary-soft)}
.cs-aplicar small{font-weight:700;font-size:11.5px;color:var(--primary)}
.cs-escribir{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:8px}
.cs-escribir .zona{padding:8px 12px}
.cs-elegir{border:2px solid transparent;border-radius:12px;padding:2px;background:none;cursor:pointer}
.cs-elegir.sel{border-color:var(--primary)}
.cs-prev{font-size:12.5px;display:flex;flex-direction:column;gap:2px;background:var(--bg2);border-radius:10px;padding:8px 10px}
.cs-lista{display:flex;flex-direction:column}
.cs-fila{display:flex;align-items:center;gap:10px;padding:7px 4px;border:0;border-top:1px solid var(--line);background:transparent;cursor:pointer;width:100%}
.cs-fila:first-child{border-top:0}
.cs-fila:hover{background:var(--sunken)}
.cs-fila b{font-size:13px}
.cs-fila .sub{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-ic{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--sunken);color:var(--ink2);flex:none}
.cs-ic .i{width:14px;height:14px}
.cs-nuevo{font-size:10.5px;font-weight:800;color:#fff;background:var(--bad,#dc2626);border-radius:999px;padding:1px 7px}
.cs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.cs-card{border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:5px;background:var(--surface);cursor:pointer;transition:.15s}
.cs-card:hover{box-shadow:var(--lift);transform:translateY(-1px)}
.cs-card.nuevo{border-color:color-mix(in srgb,var(--primary) 45%,var(--line));box-shadow:inset 3px 0 0 var(--primary)}
.cs-c-h{display:flex;align-items:center;gap:8px;font-size:13px}
.cs-c-f{font-size:12.5px}
.cs-c-t{font-size:13px;color:var(--ink2);white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.cs-c-p{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cs-c-e{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:6px}
.cs-cort{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px}

/* ===== Lista de personalizados: lectura cómoda ===== */
.lista-perso .lp-pegar{min-height:0;font-size:12.5px}
.lp-cab-res{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.lp-cab-res .lp-resumen{flex:1;min-width:240px}
.lp-vista{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.lp-vista .seg button{padding:4px 9px;min-width:30px}
.lp-tam-compacta{font-size:11px !important}.lp-tam-normal{font-size:13px !important}.lp-tam-grande{font-size:16px !important;font-weight:800}
.lp-tg{border:1px solid var(--line);background:transparent;font-size:12px;padding:4px 10px}
.lp-tg[aria-pressed="true"]{background:var(--primary-soft);color:var(--primary);border-color:transparent}
.lp-busca{width:190px}
.lp-scroll{max-height:62vh;overflow:auto;border:1px solid var(--line);border-radius:12px}
table.lp tbody tr:nth-child(even):not(.lp-grupo):not(.lp-listo):not(.lp-falta) td{background:color-mix(in srgb,var(--sunken) 55%,transparent)}
table.lp tbody tr:hover:not(.lp-grupo) td{background:var(--primary-soft)}
tr.lp-grupo td{background:var(--head,#eef2f8);font-size:12px;padding:5px 10px;position:sticky;top:30px;z-index:1}
tr.lp-grupo b{color:var(--primary)}
.lp-cab{font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.03em}
.lp-th{display:flex;align-items:center;gap:0}
.lp-mv,.lp-ord{opacity:.35;font-size:11px;padding:2px 3px}
.lp-th:hover .lp-mv,.lp-th:hover .lp-ord,.lp-ord.act{opacity:1}
/* Tamaños */
.lista-perso[data-tam="compacta"] table.lp{font-size:12px}
.lista-perso[data-tam="compacta"] .lp-in{padding:2px 5px}
.lista-perso[data-tam="compacta"] .lp-av{width:22px;height:22px;font-size:11px;border-radius:6px}
.lista-perso[data-tam="compacta"] table.lp td{padding:0 3px}
.lista-perso[data-tam="normal"] table.lp{font-size:13px}
.lista-perso[data-tam="normal"] .lp-in{padding:4px 6px}
.lista-perso[data-tam="normal"] .lp-av{width:26px;height:26px;font-size:12px;border-radius:7px}
.lista-perso[data-tam="grande"] table.lp{font-size:17px}
.lista-perso[data-tam="grande"] .lp-in{padding:8px;font-weight:600}
.lista-perso[data-tam="grande"] .lp-av{width:34px;height:34px;font-size:16px}
.lista-perso .lp-chk{width:1%;text-align:center}
/* Ventana de comparación */
.cmp-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px}
.cmp-col{display:flex;flex-direction:column;gap:6px;min-width:0}
.cmp-t{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.cmp-orig{margin:0;padding:8px 8px 8px 38px;background:var(--bg2);border-radius:10px;max-height:52vh;overflow:auto;font:12.5px/1.55 "JetBrains Mono",monospace;white-space:pre-wrap}
.cmp-orig li::marker{color:var(--muted);font-size:10.5px}
.cmp-tab{max-height:52vh;overflow:auto;border:1px solid var(--line);border-radius:10px}
table.lp.cmp{font-size:12.5px}
table.lp.cmp td{padding:4px 8px}
.cmp-vacio{color:var(--muted)}
.cmp-raro{background:var(--warn-soft,#fef3c7);color:var(--warn,#b45309);border-radius:4px;padding:0 4px;font-weight:700}
@media (max-width:760px){.cmp-grid{grid-template-columns:1fr}.lp-busca{width:100%}}
.lp-cuadre{font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px}
.lp-cuadre.ok{background:var(--ok-soft);color:var(--ok,#16a34a)}
.lp-cuadre.bad{background:var(--bad-soft);color:var(--bad,#dc2626)}

/* ===== Lista: franja compacta y maximizar ===== */
.lista-perso{gap:8px}
.lista-perso .lp-barra{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}
.lista-perso .lp-barra .grow{display:none}
.lista-perso .lp-pegar{flex:1 1 320px;height:36px;min-height:36px;max-height:36px;resize:none;padding:8px 12px;font-size:12.5px;line-height:1.4;overflow:hidden;white-space:nowrap;transition:max-height .15s,height .15s}
.lista-perso .lp-pegar:focus{height:110px;max-height:110px;white-space:pre-wrap;overflow:auto}
.lista-perso .lp-barra .btn{height:36px}
.lp-cab-res{gap:6px 12px}
.lp-cab-res .lp-resumen{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.lp-cab-res .lp-talla{padding:2px 9px}
tr.lp-grupo td{position:static}
.lp-scroll{max-height:calc(100vh - 330px);min-height:180px}
/* Maximizada: toda la pantalla para la tabla */
dialog.dlg-max{width:100vw !important;max-width:100vw;height:100vh;max-height:100vh;margin:0;border-radius:0}
dialog.dlg-max .mb{flex:1;max-height:none}
dialog.dlg-max .lp-scroll{max-height:calc(100vh - 230px)}
dialog.dlg-max[open]{display:flex;flex-direction:column}
dialog.dlg-max .mb{overflow:auto}
dialog.dlg-max .lista-perso{height:100%}
dialog.dlg-max .lp-scroll{flex:1;max-height:none}
.dlg-lista .lista-perso .lp-barra .btn{padding:0 11px;font-size:12.5px}

/* ===== Vistas Mini · Tabla · Fichas para listas de tarjetas ===== */
.vistas-bar{padding-bottom:0}
/* Fichas: tarjetas en cuadrícula (como Trello) */
.alertas-lista.v-fichas{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:10px}
.alertas-lista.v-fichas>details{grid-column:1/-1}
.repo-wrap.v-fichas .repo-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:10px}
/* Tabla: filas con borde, sin aire extra */
.v-tabla.tgrid,.alertas-lista.v-tabla,.repo-wrap.v-tabla .repo-lista{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;padding:0}
.v-tabla.tgrid{margin:12px 20px}
.v-tabla.tgrid>.tcard,.alertas-lista.v-tabla>.alerta-item,.repo-wrap.v-tabla .repo-it{border:0;border-radius:0;border-top:1px solid var(--line);box-shadow:none;margin:0;padding:8px 12px}
.v-tabla.tgrid>.tcard:first-child,.alertas-lista.v-tabla>.alerta-item:first-child,.repo-wrap.v-tabla .repo-it:first-child{border-top:0}
.v-tabla .tcard{display:grid;grid-template-columns:minmax(200px,1.2fr) minmax(0,2fr) auto;gap:4px 14px;align-items:start}
.v-tabla .tcard>.th{grid-column:1}
.v-tabla .tcard>:not(.th):not(.acts){grid-column:2}
.v-tabla .tcard>.acts{grid-column:3;grid-row:1/span 3}
/* Mini: una línea por elemento; el detalle se oculta (se ve al abrir) */
.v-mini.tgrid,.alertas-lista.v-mini,.repo-wrap.v-mini .repo-lista{display:flex;flex-direction:column;gap:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.v-mini.tgrid{margin:12px 20px}
.v-mini.tgrid>.tcard,.alertas-lista.v-mini>.alerta-item,.repo-wrap.v-mini .repo-it{border:0;border-radius:0;border-top:1px solid var(--line);box-shadow:none;margin:0;padding:5px 10px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12.5px}
.v-mini.tgrid>.tcard:first-child,.alertas-lista.v-mini>.alerta-item:first-child,.repo-wrap.v-mini .repo-it:first-child{border-top:0}
.v-mini .tcard>.desc,.v-mini .tcard>table,.v-mini .tcard>.ctx span+span,.v-mini .alerta-item .desc,.v-mini .alerta-item .ai-ic,.v-mini .alerta-item .ai-b>span.muted,.v-mini .repo-it .muted,.v-mini .repo-it small.muted{display:none}
.v-mini .alerta-item .ai-b{flex:1;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;min-width:0}
.v-mini .alerta-item .ai-h{display:flex;gap:6px;align-items:center}
.v-mini .tcard .acts,.v-mini .alerta-item .ai-acts,.v-mini .repo-it .acts{margin-left:auto}
.v-mini .btn.sm{padding:3px 9px;font-size:11.5px;min-height:0}
.v-mini .alerta-item{justify-content:flex-start;text-align:left}
.v-mini .alerta-item .ai-b{justify-content:flex-start;align-items:center;text-align:left}
.v-mini .alerta-item .ai-b>*{margin:0}
.v-mini .alerta-item .ai-b{flex-direction:row}
.lib-cond{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px dashed var(--bad,#dc2626);border-radius:12px;background:color-mix(in srgb,var(--bad-soft) 50%,transparent)}
.btn-volver{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);border-radius:999px;padding:4px 12px 4px 9px;font-size:12.5px;font-weight:600;cursor:pointer;margin-bottom:6px}
.btn-volver:hover{border-color:var(--primary);color:var(--primary)}
.bv-f{font-size:14px;line-height:1}

/* Programar: con personalización, tallas y cantidad salen de la lista */
.oculto-perso { display: none !important; }
.tl-lista { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 4px 0; }
.tl-lista .chip { font-size: 12px; padding: 2px 8px; border-radius: 999px; background: var(--soft, #F1F5F9); }
.tl-lista .chip.bad { background: #FEE2E2; color: #B91C1C; }
.perso-chk { margin: 6px 0 2px; }
input.input[readonly]#p-cant, input[readonly].num { background: var(--soft, #F8FAFC); }

/* Clientes: pie con conteo y "Ver más" */
.cl-pie { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 4px; font-size: 12.5px; }
.acc-rev{display:flex;gap:6px;align-items:center;flex-wrap:wrap}

/* Líderes · Nueva orden: compacta y ligera (cajas numeradas, sin textos largos) */
.lt-nueva.lt-2col{max-width:1180px;gap:12px 16px}
.lt-nueva .lt-col{display:flex;flex-direction:column;gap:12px}
.lt-caja{background:var(--card,#fff);border:1px solid var(--line,#e8ebf1);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.lt-caja>h4{margin:0;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#64748b)}
.lt-n{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--pri-soft,#E8F0FE);color:var(--pri,#2563eb);font-size:10.5px;letter-spacing:0}
.lt-caja .field{margin:0;gap:4px}
.lt-caja .field>span:first-child{font-size:12px;font-weight:600;color:var(--muted,#64748b)}
.lt-caja .input{min-height:36px;padding-top:6px;padding-bottom:6px;font-size:14px}
.lt-caja textarea.input{min-height:56px}
.lt-nueva .lt-servs{margin:0;gap:5px}
.lt-nueva .lt-servs .chipb{padding:5px 11px;font-size:13px;min-height:0}
.lt-traes{display:flex;flex-wrap:wrap;gap:6px}
.lt-trae{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:4px 10px;border:1px dashed var(--line,#d8dde6);border-radius:999px;cursor:pointer;color:var(--muted,#64748b)}
.lt-trae input{width:14px;height:14px;margin:0}
.lt-trae:has(input:checked){border-style:solid;border-color:var(--pri,#2563eb);color:var(--pri,#2563eb);background:var(--pri-soft,#EEF4FF)}
.lt-g3{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:8px}
.lt-caja .zona{padding:10px 12px;min-height:0;gap:10px}
.lt-caja .zona b{font-size:13.5px}.lt-caja .zona span{font-size:12px}
.lt-red-in{display:flex;align-items:center;gap:8px;color:var(--muted,#94a3b8)}
.lt-red-in .input{flex:1;font-size:12.5px}
.lt-ayuda{font-size:11.5px;line-height:1.35}
.lt-cobro2{display:grid;grid-template-columns:1fr 1fr;width:100%}
.lt-cobro2 button{justify-content:center}
.lt-cant{display:flex;flex-direction:column;border:1px solid var(--line,#e8ebf1);border-radius:10px;overflow:hidden}
.lt-cant-f{display:grid;grid-template-columns:1fr auto 74px;align-items:center;gap:10px;padding:5px 10px;font-size:13.5px}
.lt-cant-f+.lt-cant-f{border-top:1px solid var(--line,#eef0f4)}
.lt-cant-f>div:first-child{display:flex;flex-direction:column;line-height:1.2}
.lt-cant-f small{font-size:11px}
.lt-cant-f>b{text-align:right;font-size:13px}
.lt-cant-f .lt-tab-c .input{width:78px;min-height:32px}
.lt-pie{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:14px;background:var(--bg2,#f6f8fb);position:sticky;bottom:0}
.lt-pie>div{display:flex;flex-direction:column;line-height:1.1}
.lt-pie .lt-total{font-size:20px}
@media (max-width:560px){.lt-g3{grid-template-columns:1fr 1fr}.lt-g3>.field:first-child{grid-column:1/-1}}
.lt-cant-f{grid-template-columns:1fr 118px 70px;padding:3px 10px}
.lt-cant-f .lt-tab-c{justify-content:flex-start}
.lt-cant-f .lt-tab-c small{width:26px}
.lt-cant-f .lt-tab-c .input{width:84px;min-height:30px;padding-top:3px;padding-bottom:3px}

/* Pestañas: nunca se cortan; las que no caben pasan a "Más" */
.tabs{overflow:hidden}
.tabs .tab-oculta{display:none!important}
.tabs .tab-mas{flex:none;background:transparent!important;color:var(--muted);padding:9px 12px 10px!important;border-radius:12px 12px 0 0;font-weight:600}
.tabs .tab-mas:hover{color:var(--ink);background:var(--tab)!important}
.tabs .tab-mas .flecha{font-size:10px;opacity:.7}
.tabs .tab-mas.urg .mas-n{background:var(--bad);color:#fff;border-color:var(--bad)}
.tab-menu{position:fixed;z-index:60;min-width:220px;max-width:240px;background:var(--surface,#fff);border:1px solid var(--line,#e5e7eb);border-radius:12px;box-shadow:0 12px 32px rgba(15,23,42,.14);padding:6px;display:flex;flex-direction:column}
.tab-menu button{border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}
.tab-menu button:hover{background:var(--tab)}
.tab-menu .n{background:var(--warn-soft);color:var(--warn);border-radius:999px;padding:0 7px;font-size:11px;font-weight:700}
.tab-menu .n.urg{background:var(--bad);color:#fff}

/* Facturación · Por facturar unificado */
.fact-bar{flex-wrap:wrap;gap:8px}
.fact-ord{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}
.fact-ayuda{font-size:11.5px;max-width:320px}
.fact-org{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.04em;padding:1px 7px;border-radius:6px}
.fact-org.lt{background:#F3E8FF;color:#7E22CE}.fact-org.vt{background:#E0F2FE;color:#0369A1}
.fact-tags{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.fact-fechas{display:flex;gap:14px;font-size:12px;color:var(--muted);padding:0 2px}
.tcard.fact-urg{box-shadow:inset 3px 0 0 var(--bad)}

/* Correo del área (barra superior) */
.correo-slot:empty{display:none}
.correo-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px 0 11px;border-radius:999px;border:1px solid var(--line,#e3e7ee);background:var(--surface,#fff);color:var(--ink);font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:border-color .15s,box-shadow .15s}
.correo-btn .i{width:17px;height:17px;color:var(--primary)}
.correo-btn:hover{border-color:color-mix(in srgb,var(--primary) 45%,transparent);box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 14%,transparent)}
.correo-menu{position:fixed;z-index:70;width:280px;background:var(--surface,#fff);border:1px solid var(--line,#e5e7eb);border-radius:16px;box-shadow:0 18px 40px rgba(15,23,42,.16);padding:8px;display:flex;flex-direction:column;gap:2px}
.cm-cab{display:flex;align-items:center;gap:10px;padding:8px 8px 10px;border-bottom:1px solid var(--line,#eef0f4);margin-bottom:4px}
.cm-cab small{display:block;font-size:11px;color:var(--muted)}.cm-cab b{font-size:13.5px;word-break:break-all}
.cm-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--primary-soft);color:var(--primary);flex:none}
.cm-acc{display:flex;flex-direction:column}
.cm-op{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;text-decoration:none;color:var(--ink);border:0;background:transparent;cursor:pointer;text-align:left;font:inherit}
.cm-op:hover{background:var(--tab)}
.cm-op .i{width:17px;height:17px;color:var(--muted)}
.cm-op span{display:flex;flex-direction:column;line-height:1.2}.cm-op b{font-size:13.5px}.cm-op small{font-size:11.5px;color:var(--muted)}
.cm-conf{display:flex;align-items:center;gap:8px;margin-top:4px;padding:8px;border:0;border-top:1px solid var(--line,#eef0f4);background:transparent;color:var(--muted);font-size:12.5px;cursor:pointer;border-radius:0 0 10px 10px}
.cm-conf:hover{color:var(--ink)}
@media (max-width:700px){.correo-btn span{display:none}.correo-btn{padding:0 10px;width:38px;justify-content:center}}

/* Bandeja de correo dentro de la app */
.dlg-correo{width:min(1180px,96vw)!important}
.dlg-correo .mb{padding:0!important}
.cr-wrap{display:grid;grid-template-columns:360px minmax(0,1fr);height:min(72vh,760px)}
.cr-izq{display:flex;flex-direction:column;border-right:1px solid var(--line,#e8ebf1);min-height:0}
.cr-barra{display:flex;gap:6px;align-items:center;padding:10px;border-bottom:1px solid var(--line,#eef0f4)}
.cr-barra .search{flex:1}.cr-q{min-height:36px}
.cr-lista{flex:1;overflow:auto;min-height:0}
.cr-item{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line,#f0f2f6);background:transparent;padding:10px 14px 10px 16px;cursor:pointer;position:relative;font:inherit;color:var(--ink)}
.cr-item:hover{background:var(--tab)}
.cr-item.sel{background:var(--primary-soft)}
.cr-item.nuevo::before{content:"";position:absolute;left:6px;top:16px;width:6px;height:6px;border-radius:50%;background:var(--primary)}
.cr-item.nuevo .cr-de,.cr-item.nuevo .cr-asunto{font-weight:700}
.cr-l1{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.cr-de{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-f{font-size:11.5px;color:var(--muted);flex:none}
.cr-asunto{font-size:13px;display:flex;gap:6px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}
.cr-clip .i{width:13px;height:13px;color:var(--muted)}
.cr-imp{color:var(--bad);font-weight:800}
.cr-vista{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}
.cr-mas{margin:8px}
.cr-lector{display:flex;flex-direction:column;min-width:0;min-height:0}
.cr-vacio{margin:auto;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted)}
.cr-vacio .i{width:34px;height:34px;opacity:.4}
.cr-cargando{padding:24px;color:var(--muted);text-align:center;font-size:13px}
.cr-cab{padding:14px 18px 10px;border-bottom:1px solid var(--line,#eef0f4);display:grid;grid-template-columns:1fr auto;gap:4px 12px}
.cr-cab h3{margin:0;font-size:17px;grid-column:1/-1}
.cr-meta{font-size:12.5px;display:flex;flex-direction:column;gap:1px;min-width:0;word-break:break-word}
.cr-acc{align-self:end}
.cr-adj{display:flex;flex-wrap:wrap;gap:6px;padding:8px 18px;border-bottom:1px solid var(--line,#eef0f4)}
.cr-adj-i{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line,#e3e7ee);background:var(--surface);border-radius:10px;padding:6px 10px;font-size:12.5px;cursor:pointer;max-width:260px}
.cr-adj-i span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-adj-i small{color:var(--muted)}.cr-adj-i .i{width:15px;height:15px;color:var(--primary)}
.cr-html{flex:1;border:0;width:100%;min-height:0;background:#fff}
.cr-config{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:30px 20px;color:var(--ink)}
.cr-config .i{width:28px;height:28px;color:var(--muted)}
.cr-config p{margin:0;font-size:13px;color:var(--muted)}
.cm-prin b{color:var(--primary)}
@media (max-width:760px){.cr-wrap{grid-template-columns:1fr;height:auto}.cr-lista{max-height:42vh}.cr-lector{min-height:60vh;border-top:1px solid var(--line)}}
a.btn,a.btn:hover,a.cm-op{text-decoration:none}

/* Lista de personalizados: "#" de fila discreto (no se confunde con la cantidad) y cuadro para escribir */
table.lp th.lp-n,table.lp td.lp-n{width:34px;font-size:10.5px;color:color-mix(in srgb,var(--muted) 70%,transparent);font-weight:500}
.lista-perso .lp-pegar:not(:placeholder-shown){height:110px;max-height:110px;white-space:pre-wrap;overflow:auto}
.con-texto .btn.primary{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,transparent);animation:latido 1.6s ease-in-out 2}

/* Programar pedido / diseño · Vista compacta (menos scroll) */
.btn-compacta[aria-pressed="true"]{color:var(--primary);background:var(--primary-soft)}
.pd-cols,.pd-col{display:flex;flex-direction:column;gap:14px}
.dialog.prog-compacta,dialog.prog-compacta{width:min(1280px,96vw)!important;max-width:96vw!important}
.prog-compacta .prog-sec-h .hint,.prog-compacta .field>.hint,.prog-compacta .field>small.hint{display:none}
.prog-compacta .input{min-height:34px;padding-top:5px;padding-bottom:5px;font-size:13.5px}
.prog-compacta textarea.input{min-height:54px}
.prog-compacta .field>span:first-child{font-size:12px}
@media (min-width:900px){
  .dlg-programar.prog-compacta .mb{display:block;column-count:2;column-gap:12px}
  .dlg-programar.prog-compacta .mb>*{break-inside:avoid;margin-bottom:12px}
  .dlg-programar.prog-compacta .mb>.base-bar,.dlg-programar.prog-compacta .mb>.lock,.dlg-programar.prog-compacta .mb>.err,.dlg-programar.prog-compacta .mb>.alerta{column-span:all}
  .dlg-programar.prog-compacta .prog-sec{padding:10px 12px 12px;gap:8px}
  .dlg-dis.prog-compacta .pd-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
  .dlg-dis.prog-compacta .pd-col{gap:10px}
}
.btn-compacta{margin-right:auto}

/* Borrador sin enviar */
.borrador-aviso{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);margin-bottom:4px}
.borrador-aviso>.i{width:18px;height:18px;color:var(--primary);flex:none}
.borrador-aviso>div{flex:1;display:flex;flex-direction:column;line-height:1.3;min-width:0}
.borrador-aviso b{font-size:13.5px}.borrador-aviso small{font-size:11.5px;color:var(--muted)}
.dlg-programar.prog-compacta .mb>.borrador-aviso{column-span:all}
.lt-nueva>.borrador-aviso{grid-column:1/-1}

/* Programar: Código App resalta, la orden discreta */
.prog-ids{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.cod-app{display:inline-flex;align-items:baseline;gap:6px;padding:4px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary)}
.cod-app small{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.cod-app b{font-size:14px;font-family:ui-monospace,Menlo,monospace}
.cod-app.pend{background:transparent;border:1px dashed color-mix(in srgb,var(--primary) 45%,transparent)}
.cod-app.pend b{font-family:inherit;font-size:12px;font-weight:600}
.prog-orden{font-size:11px;color:var(--muted);opacity:.8}
.exito-cod{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0 4px;text-align:center}
.exito-cod small{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.exito-cod b{font-size:40px;letter-spacing:.04em;color:var(--primary);font-family:ui-monospace,Menlo,monospace;line-height:1.1}
.exito-cod span{font-size:12.5px}
/* QR de la ficha junto al de reportar falla */
.mh .x.qr-ficha{opacity:.55;margin-left:0;transition:opacity .15s}
.mh .x.qr-ficha:hover{opacity:1;color:var(--primary)}
.mh .x.qr-ficha svg{width:17px;height:17px}
.mh .x.qr-ficha+.x.soporte{margin-left:2px}
/* Chat: códigos de ficha legibles en cualquier burbuja */
.chat-ficha .code{color:inherit}
.chat-msg .chat-ficha{background:var(--primary-soft);color:var(--primary);font-weight:800}
.chat-msg.mio .chat-ficha{background:#fff;color:#14532d;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.chat-msg.mio .chat-ficha .code{color:#14532d}
/* Letra del pedido (P/E/I) */
.seg-letra button{display:inline-flex;align-items:baseline;gap:6px}
.seg-letra button b{font-size:15px;font-family:ui-monospace,Menlo,monospace}
.seg-letra button small{font-size:11.5px;color:var(--muted)}
.cod-letra{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:7px;background:var(--ink,#1e293b);color:#fff;font-weight:800;font-family:ui-monospace,Menlo,monospace;font-size:13px}
.ficha-letra{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:6px;background:var(--ink,#1e293b);color:#fff;font-weight:800;font-family:ui-monospace,Menlo,monospace;font-size:11.5px;margin-right:4px;vertical-align:middle}

/* Chat: regla de uso */
.chat-regla{display:flex;gap:8px;align-items:flex-start;max-width:440px;text-align:left;font-size:12.5px;line-height:1.4;padding:9px 12px;border-radius:12px;background:var(--warn-soft,#FEF3C7);color:var(--ink);margin:6px 0}
.chat-regla .i{width:16px;height:16px;color:var(--warn,#b45309);flex:none;margin-top:1px}
.chat-regla-dlg{display:flex;flex-direction:column;gap:10px}
.chat-regla-dlg p{margin:0}
.crd-fila{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px}
.crd-fila>div{display:flex;flex-direction:column;gap:2px}.crd-fila small{color:var(--muted);font-size:12px}
.crd-fila .i{width:18px;height:18px;flex:none;margin-top:1px}
.crd-fila.no{background:var(--bad-soft,#FEE2E2)}.crd-fila.no .i{color:var(--bad)}
.crd-fila.si{background:var(--ok-soft,#DCFCE7)}.crd-fila.si .i{color:var(--ok)}

/* Modo enfoque y reglas de la cola */
.enf-dlg{display:flex;flex-direction:column;gap:10px}.enf-dlg p{margin:0}
.enf-lista{display:flex;flex-direction:column;gap:6px}
.enf-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--bad) 30%,transparent);background:var(--bad-soft);border-radius:12px;cursor:pointer;text-align:left;font:inherit;color:var(--ink)}
.enf-item .i{color:var(--bad);width:18px;height:18px;flex:none}
.enf-item>div{flex:1;display:flex;flex-direction:column}.enf-item small{color:var(--muted);font-size:12px}
.enf-ir{font-size:12px;font-weight:700;color:var(--primary)}
.enf-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.enf-chips .chip{cursor:pointer;border:0}
.enf-limite{display:flex;align-items:center;gap:8px;margin:12px 20px 0;font-size:12.5px;color:var(--muted)}.enf-limite .i{width:16px;height:16px}
.enf-panel{border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:12px;background:var(--surface);display:flex;flex-direction:column;gap:10px}
.enf-cab{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.enf-cab h4{margin:0 0 2px;font-size:15px}.enf-cab small{display:block;max-width:560px}
.enf-cab .field{margin:0;min-width:200px}
.enf-mini{font-size:11px;color:var(--muted);margin-top:2px}
.enf-pend{display:flex;flex-direction:column;gap:4px;font-size:12.5px;padding:8px 10px;border-radius:10px;background:var(--bad-soft)}
/* Recordatorios diarios */
.rec-acc{display:flex;justify-content:flex-end;margin-bottom:10px}
.rec-lista{display:flex;flex-direction:column;gap:8px}
.rec-item{display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.rec-horas{display:flex;flex-direction:column;gap:2px;min-width:74px}
.rec-horas span{font-family:ui-monospace,Menlo,monospace;font-weight:800;font-size:13px;color:var(--primary)}
.rec-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.rec-info small{color:var(--muted);font-size:12px}
.rec-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}
.rec-btns{display:flex;gap:4px}
.rec-add{display:flex;gap:8px;align-items:center}.rec-add .input{max-width:140px}
.rec-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.rec-x{border:0;background:transparent;cursor:pointer;margin-left:4px;font-size:14px;line-height:1;color:var(--muted)}
.rec-dias{display:flex;gap:6px}
.rec-dias button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-weight:700;cursor:pointer;color:var(--muted)}
.rec-dias button[aria-pressed="true"]{background:var(--primary);border-color:var(--primary);color:#fff}
.rec-fijo p{margin:0 0 6px;font-size:14px}
dialog.dlg-recordatorio .mh h2{color:var(--primary)}
.reglas-bar{display:flex;justify-content:flex-end;padding:12px 20px 0}
.btn-reglas{color:var(--muted)}.btn-reglas .i{width:15px;height:15px}
dialog .enf-panel{border:0;padding:0;margin:0}
/* Bandeja: carpetas y acciones */
.cr-barra2{padding:0 10px 8px;border-bottom:1px solid var(--line,#eef0f4)}
.cr-carpeta{width:100%}
.cr-acc{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.cr-mover{display:flex;flex-direction:column;gap:2px;max-height:56vh;overflow:auto}
.cr-mv{display:flex;align-items:center;gap:8px;padding:9px 10px;border:0;background:transparent;border-radius:10px;cursor:pointer;text-align:left;font:inherit;color:var(--ink)}
.cr-mv:hover{background:var(--tab)}.cr-mv .i{width:16px;height:16px;color:var(--muted)}
.cr-mv.sub{padding-left:30px;font-size:13px}
.correo-btn{position:relative}
.correo-n{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--bad,#dc2626);color:#fff;font-size:11px;font-weight:800;display:inline-grid;place-items:center;line-height:1}
.correo-n[hidden]{display:none}
.correo-n.pulso{animation:latido 1.2s ease-in-out 3}
@media (max-width:700px){.correo-n{position:absolute;top:-4px;right:-4px}}
/* Bandeja: selector de carpetas con buscador y favoritas */
.cr-carpeta-btn{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:1px solid var(--line,#e3e7ee);border-radius:10px;background:var(--surface);cursor:pointer;font:inherit;font-size:13px;color:var(--ink);text-align:left}
.cr-carpeta-btn span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.cr-carpeta-btn .i{width:15px;height:15px;color:var(--muted)}.cr-carpeta-btn .flecha{font-size:10px;color:var(--muted)}
.cf-panel{position:fixed;z-index:90;width:320px;max-height:420px;display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--surface,#fff);border:1px solid var(--line,#e5e7eb);border-radius:14px;box-shadow:0 16px 36px rgba(15,23,42,.18)}
.cf-tit{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:0 2px}
.cf-lista{overflow:auto;flex:1;min-height:0;display:flex;flex-direction:column}
.cf-sec{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:8px 8px 3px}
.cf-fila{display:flex;align-items:center;border-radius:8px}
.cf-fila:hover{background:var(--tab)}.cf-fila.act{background:var(--primary-soft)}
.cf-nom{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;padding:7px 8px;cursor:pointer;font:inherit;font-size:13px;color:var(--ink);text-align:left;min-width:0}
.cf-nom span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cf-n{font-size:11px;color:var(--primary);flex:none}
.cf-fav{border:0;background:transparent;cursor:pointer;font-size:15px;color:var(--muted);padding:4px 8px;opacity:.5}
.cf-fila:hover .cf-fav,.cf-fav.on{opacity:1}.cf-fav.on{color:#f59e0b}
.cf-pie{display:flex;justify-content:flex-end;border-top:1px solid var(--line,#eef0f4);padding-top:6px}
.cf-orden{display:flex;flex-direction:column;gap:4px}
.cf-ord-fila{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--line);border-radius:10px;font-size:13px}
.cf-ord-n{width:20px;text-align:center;font-weight:800;color:var(--primary)}

/* Barra de filtros compacta: búsqueda corta, "Filtros" y orden como botones sutiles en la esquina */
.filters.f-compacta{padding:14px 20px;gap:10px}
.f-esquina{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
.f-esquina .seg{padding:3px}
.f-esquina .seg button{padding:5px 10px;font-size:12.5px}
.f-buscar{width:190px;transition:width .2s}
.f-buscar:focus-within{width:260px}
.f-buscar .input{height:34px;font-size:13px}
.fb-btn{height:34px;gap:6px;color:var(--muted);border:1px solid var(--line,#e5e7eb);background:transparent}
.fb-btn svg{width:15px;height:15px}
.fb-btn.on{color:var(--pri,#2563eb);border-color:color-mix(in srgb,var(--pri,#2563eb) 40%,transparent);background:color-mix(in srgb,var(--pri,#2563eb) 8%,transparent)}
.fb-n:empty{display:none}
.fb-n{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--pri,#2563eb);color:#fff;font-size:11px;font-weight:800;display:inline-grid;place-items:center}
.fb-panel{position:fixed;z-index:95;width:280px;display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--surface,#fff);border:1px solid var(--line,#e5e7eb);border-radius:14px;box-shadow:0 16px 36px rgba(15,23,42,.18)}
.fb-campo{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--muted)}
.fb-campo .input{width:100%;min-width:0}
.fb-pie{display:flex;justify-content:flex-end;gap:6px;padding-top:2px}
@media (max-width:700px){.f-esquina{margin-left:0;width:100%;justify-content:flex-start}.f-buscar{flex:1;width:auto}.f-buscar:focus-within{width:auto}.fb-btn .fb-t{display:none}}
/* Puntos de Montaje: regla automática discreta bajo el nombre */
.pt-regla{display:flex;align-items:center;gap:4px;margin-top:2px}
.pt-edit{border:0;background:none;padding:2px;border-radius:6px;color:var(--muted);cursor:pointer;opacity:.7}
.pt-edit:hover{opacity:1;background:var(--soft,#f1f5f9)}
.pt-edit svg{width:13px;height:13px}
.sug-act{display:flex;align-items:center;gap:6px;font-size:13px}
.sug-act svg{width:14px;height:14px}
.sug-fila{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:-4px}
/* "Hoy": botoncito flotante discreto con las fichas procesadas hoy por el área */
.hoy-pill{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:5px;height:34px;padding:0 12px;border-radius:999px;
  border:1px solid var(--line,#e5e7eb);background:var(--surface,#fff);color:var(--muted);font-size:12.5px;box-shadow:0 6px 18px rgba(15,23,42,.10);cursor:pointer;opacity:.85;transition:opacity .2s,transform .2s}
.hoy-pill:hover{opacity:1;transform:translateY(-1px)}
.hoy-pill svg{width:14px;height:14px;color:var(--ok,#16a34a)}
.hoy-pill b{color:var(--ink);font-size:13px}
.hoy-pill.vacio{opacity:.55}.hoy-pill.vacio svg{color:var(--muted)}
.hoy-res{font-size:13px;color:var(--muted);padding:0 2px 8px}.hoy-res b{color:var(--ink)}
.hoy-lista{display:flex;flex-direction:column}
.hoy-it{display:flex;gap:12px;align-items:flex-start;text-align:left;border:0;background:none;padding:10px 6px;border-top:1px solid var(--line,#e5e7eb);cursor:pointer;border-radius:8px}
.hoy-it:hover{background:var(--soft,#f1f5f9)}
.hoy-h{flex:none;width:68px;font-size:12px;color:var(--muted);padding-top:2px;font-variant-numeric:tabular-nums}
.hoy-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.hoy-tx b{font-size:13.5px}
@media print{.hoy-pill{display:none}}
/* Mapeo de personas → Trello */
.mp-lista{display:flex;flex-direction:column;max-height:52vh;overflow:auto}
.mp-fila{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px;border-top:1px solid var(--line,#e5e7eb)}
.mp-fila>div{display:flex;flex-direction:column;min-width:0}
.mp-fila select{width:230px;max-width:55%}
.cr-en{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);margin:1px 0 2px}
.cr-en svg{width:11px;height:11px}
.cf-rec{font-weight:700}
/* Paso de producción en la barra de acciones de la ficha: alineado con los botones */
.prod-paso{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 4px 0 12px;border:1px solid var(--line,#e5e7eb);border-radius:var(--r-sm);font-size:13px;background:var(--surface,#fff);color:var(--muted);vertical-align:middle}
.prod-paso svg{width:16px;height:16px;flex:none}
.prod-paso select.input{border:0;background-color:transparent;height:34px;font-size:13px;color:var(--ink2);padding:0 26px 0 2px;min-width:0;width:auto;box-shadow:none;font-weight:600}
.prod-paso:focus-within{border-color:var(--primary)}
/* Seguridad: código del teléfono y acuerdo de buen uso */
.mfa-cod{font-family:var(--mono,ui-monospace,monospace);font-size:24px;letter-spacing:.35em;text-align:center}
.mfa-pasos{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--ink2)}
.mfa-qr{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;border:1px dashed var(--line);border-radius:14px}
.mfa-qr img{background:#fff;padding:8px;border-radius:10px}
.mfa-sec{font-size:13px;letter-spacing:.06em;word-break:break-all;text-align:center}
.lcard.acuerdo{width:min(640px,100%);max-height:calc(100vh - 40px);overflow:auto}
.acuerdo-texto{background:var(--soft,#f4f6fa);border-radius:14px;padding:12px 16px;max-height:260px;overflow:auto;font-size:13.5px;line-height:1.55}
.acuerdo-texto p{margin:0 0 8px}
.acuerdo-ok{font-weight:600;align-items:flex-start}
.firma-lienzo{width:100%;height:auto;aspect-ratio:600/180;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;touch-action:none;cursor:crosshair}
.firma-pie{display:flex;justify-content:space-between;align-items:center;gap:8px}
.firma-img{max-width:100%;background:#fff;border:1px solid var(--line);border-radius:10px}
.ac-lista{display:flex;flex-direction:column;gap:8px}
.lcard.acuerdo>*{flex:none}
.login.neo .acuerdo-texto{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);text-align:left}
.login.neo .acuerdo-texto p{color:#DDE6CF}
.login.neo .btn.quiet{background:transparent;border-color:rgba(255,255,255,.18)}
.login.neo .mfa-qr{border-color:rgba(255,255,255,.18)}
.login.neo .mfa-pasos{color:#C9D6B6}
.login.neo .mfa-sec{color:#fff;background:rgba(255,255,255,.08);padding:4px 8px;border-radius:8px}
.login.neo .acuerdo-texto p,.login.neo .acuerdo-ok{text-align:left}
/* Guía de uso dentro de la app */
.dlg-guia .mb{display:flex;flex-direction:column;gap:14px}
.gu-areas{display:flex;flex-direction:column;gap:8px}
.gu-mias,.gu-otras{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.gu-otras small{color:var(--muted);font-size:12px;margin-right:2px}
.gu-chip{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;cursor:pointer}
.gu-chip.propia{background:var(--primary-soft);border-color:transparent;color:var(--primary);padding:7px 14px;font-size:13.5px}
.gu-chip[aria-pressed="true"]{background:var(--primary);border-color:var(--primary);color:var(--on-primary,#fff)}
.gu-chip:hover{border-color:var(--primary)}
.gu-cuerpo{display:flex;flex-direction:column;gap:10px}
.gu-cab h3{margin:2px 0 4px;font-size:20px}
.gu-cab p{margin:0;color:var(--ink2)}
.gu-eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}
.gu-cuerpo h4{margin:8px 0 0;font-size:14px}
.gu-puede{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.gu-item{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;min-width:0}
.gu-item span{color:var(--ink2);font-size:13px;line-height:1.45}
.gu-item small{color:var(--primary);font-weight:600;font-size:11.5px}
.gu-dia{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:13.5px}
.gu-tips{display:flex;flex-wrap:wrap;gap:6px}
.gu-tips span{background:var(--primary-soft);border-radius:10px;padding:6px 10px;font-size:12.5px}
.gu-ojo{background:color-mix(in srgb,var(--warn,#f59e0b) 12%,transparent);border-radius:12px;padding:10px 14px;font-size:13px}
.gu-ojo b{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}
.gu-ojo ul{margin:4px 0 0;padding-left:18px}
.gu-faq details{border:1px solid var(--line);border-radius:10px;padding:0 12px;margin-bottom:6px}
.gu-faq summary{cursor:pointer;padding:9px 0;font-weight:600;font-size:13.5px}
.gu-faq p{margin:0 0 10px;color:var(--ink2);font-size:13px}
/* Lotes de Montaje */
.lt-zona{display:flex;flex-direction:column;gap:10px}
.lt-zona h4{margin:6px 0 0;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.lt-lote,.lt-grupo{border:1px solid var(--line,#e5e7eb);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.lt-cab{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.lt-fila{display:flex;align-items:center;gap:10px;padding:4px 0;border-top:1px dashed var(--line,#e5e7eb)}
.lt-fila:first-of-type{border-top:0}
.lt-tx{display:flex;flex-direction:column;min-width:0;flex:1}
.lt-tx b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lt-fila input[type=checkbox]{width:18px;height:18px}
.lt-acc{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.lt-tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;padding:16px 20px 0}
.lt-tarjeta{border:1px solid color-mix(in srgb,var(--pri,#2563eb) 35%,var(--line,#e5e7eb));border-left:4px solid var(--pri,#2563eb);border-radius:14px;padding:12px;background:var(--surface,#fff);display:flex;flex-direction:column;gap:8px}
.lt-tarjeta.urg{border-left-color:var(--bad,#dc2626)}
.lt-sello{font:800 12px/1 ui-monospace,monospace;padding:4px 7px;border-radius:7px;background:color-mix(in srgb,var(--pri,#2563eb) 12%,transparent);color:var(--pri,#2563eb)}
.lt-codigos,.lt-chips{display:flex;flex-wrap:wrap;gap:4px}
.lt-codigos .chip{cursor:pointer;font-family:ui-monospace,monospace}
.lt-tallas{display:flex;flex-direction:column;gap:6px}
.lt-chip{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--pri,#2563eb) 40%,transparent);color:var(--pri,#2563eb);background:transparent;cursor:pointer;vertical-align:middle}
.lt-chip svg{width:13px;height:13px}
@media (max-width:700px){.lt-tarjetas{padding:12px 12px 0;grid-template-columns:1fr}}
.lt-codigos .chip{border:1px solid var(--line,#e5e7eb);background:transparent;font-size:11px}
/* Herramientas de la barra superior: un solo botón que despliega guía, notas, soporte, escanear y tema */
.tb-tools{display:flex;align-items:center;gap:8px;position:relative}
.tb-tools-list{display:flex;gap:8px;max-width:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-width .25s ease,opacity .2s ease;padding:6px 0;margin:-6px 0}
.tb-tools.abierto .tb-tools-list{max-width:260px;opacity:1;pointer-events:auto;padding:6px 4px}
.tb-tools-btn svg circle{fill:currentColor;stroke:none}
.tb-tools.abierto .tb-tools-btn{color:var(--pri);background:var(--pri-soft,color-mix(in srgb,var(--pri) 12%,var(--surface)))}
.tb-tools:has(.notas-btn .circ-n:not([hidden])) .tb-tools-btn::after{content:"";position:absolute;top:4px;right:4px;width:9px;height:9px;border-radius:50%;background:var(--bad,#dc2626);border:2px solid var(--surface)}
@media (max-width:700px){.tb-tools.abierto .tb-tools-list{position:absolute;right:0;top:calc(100% + 6px);max-width:none;background:var(--surface);border-radius:999px;box-shadow:var(--shadow);padding:6px;z-index:60;margin:0}}
/* Concretados del día */
.cc-lista{display:flex;flex-direction:column;gap:8px;padding:0 20px 20px}
.cc-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:var(--surface);cursor:pointer}
.cc-item.anulada{opacity:.55}
.cc-n{font:800 15px/1 ui-monospace,monospace;color:var(--pri);min-width:36px}
.cc-tx{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.cc-tx .sub{overflow:hidden;text-overflow:ellipsis}
.cc-ok{display:flex;gap:4px;align-items:center;flex:none}
.no-duena{margin-top:8px}
.lt-dest{margin-top:4px}
@media (max-width:700px){.cc-lista{padding:0 12px 12px}.cc-item{flex-wrap:wrap}.cc-ok{width:100%;justify-content:flex-end}}
#cc-dia{width:auto;flex:none}
/* Reporte supervisor: secciones recogidas */
.sup-sec{padding:0;overflow:hidden}
.sup-sec>summary{list-style:none;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;cursor:pointer}
.sup-sec>summary::-webkit-details-marker{display:none}
.sup-tit{font-weight:800;font-size:15px}
.sup-sub{font-size:12.5px;flex:1;min-width:0}
.sup-flecha{width:15px;height:15px;color:var(--muted);transition:transform .2s;margin-left:auto}
.sup-sec[open] .sup-flecha{transform:rotate(180deg)}
.sup-sec[open]>summary{border-bottom:1px solid var(--line,#e5e7eb)}
.sup-cuerpo .filters>h3{display:none}
/* Acciones compactas en filas */
.ac-comp{flex-wrap:nowrap;justify-content:flex-end;gap:4px}
.ac-mas{min-width:30px;padding:0 8px;font-weight:900;letter-spacing:1px}
.ac-panel{width:auto;min-width:200px;gap:6px}
.ac-panel .btn{justify-content:flex-start;width:100%}
.mt td.mt-ac{white-space:nowrap;width:1%}
/* Exportar informes: lista recogida */
.inf-lista{display:flex;flex-direction:column;border:1px solid var(--line,#e5e7eb);border-radius:14px;overflow:hidden;background:var(--surface)}
.inf-item+.inf-item{border-top:1px solid var(--line,#e5e7eb)}
.inf-item>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:11px 14px;cursor:pointer}
.inf-item>summary::-webkit-details-marker{display:none}
.inf-item>summary:hover{background:color-mix(in srgb,var(--pri) 5%,transparent)}
.inf-item .inf-ic{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--pri) 10%,transparent);color:var(--pri)}
.inf-item .inf-ic svg{width:16px;height:16px}
.inf-t{display:flex;flex-direction:column;min-width:0;flex:1}
.inf-t b{font-size:14px}
.inf-t small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inf-flecha{width:16px;height:16px;color:var(--muted);transition:transform .2s;flex:none}
.inf-item[open] .inf-flecha{transform:rotate(180deg)}
.inf-cuerpo{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:4px 14px 14px 58px}
.inf-cuerpo .inf-ctrl{flex:1;min-width:240px}
.inf-cuerpo .inf-acts{display:flex;gap:6px}
@media (max-width:700px){.inf-cuerpo{padding-left:14px}.inf-t small{white-space:normal}}
/* Menú: "Más opciones" recoge lo que no es del área */
.sgrupo.abierto .sgrupo-items{max-height:1400px}
.snav .sg-mas{margin-top:6px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}
.snav .sgroup.sg-sub{padding-left:38px;margin-top:8px;font-size:10px}
.sgrupo.tiene-actual>.sgrupo-cab{color:#fff}
/* Marca A2 / Tienda: vistas compactas */
.thumb.xs{width:36px;height:36px;border-radius:8px;flex:none}
.mk-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:8px}
.mk-chip{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer;text-align:left;min-width:0}
.mk-chip:hover{border-color:var(--primary)}
.mk-chip>span{display:flex;flex-direction:column;min-width:0;flex:1}
.mk-chip b,.mk-nom b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}
.mk-chip>svg{width:16px;height:16px;color:var(--primary);flex:none}
.mk-galeria{grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:10px}
.mk-galeria .prod-b{padding:8px 10px;gap:2px;font-size:13px}
.mk-step-der{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mk-linea{border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:var(--surface);display:flex;flex-direction:column;gap:8px}
.mk-l1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mk-nom{display:flex;flex-direction:column;min-width:0;flex:1 1 160px}
.mk-l1 select,.mk-l1 input{height:34px;padding-top:4px;padding-bottom:4px;width:auto;min-width:0}
.mk-l1 input[type=number]{width:72px}
.mk-mas.on{color:var(--primary)}
.mk-extra{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;align-items:end;padding-left:44px}
.mk-etapas{display:flex;gap:6px;align-items:center}
.mk-et{display:flex;flex-direction:column;align-items:center;gap:1px}
.mk-et>small{font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.mk-et label.etapa input{width:16px;height:16px}
.mk-card .th{gap:10px}
.mk-toggle{font-size:13px}
@media (max-width:700px){.mk-extra{padding-left:0}}
.fb-campo:has(>input[type=checkbox]){flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:8px;color:var(--ink,inherit)}
.inv-res{font-size:12.5px;gap:14px;margin:0}
/* Modo tienda compacto */
.tienda-barra{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--primary) 6%,var(--surface))}
.tienda-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);flex:none}
.tienda-ic svg{width:17px;height:17px}
.tienda-txt{display:flex;flex-direction:column;min-width:0;flex:1}
.tienda-h{margin:0;font-size:14px}
.ej-compacto{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))!important;gap:10px!important}
@media (max-width:600px){.tienda-txt small{display:none}}
/* Mi panel minimalista */
.pn-barra{gap:10px;align-items:center}
.pn-persona{display:flex;align-items:center;gap:8px;font-size:13px}
.pn-persona select{height:34px;width:auto;max-width:240px}
.pn-perfil{display:flex;align-items:center;gap:12px;padding:12px 14px}
.pn-perfil .av{width:40px;height:40px;font-size:14px;flex:none}
.pn-quien{display:flex;flex-direction:column;min-width:0;flex:1}
.pn-quien b{font-size:15px}
.pn-quien small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-perfil .ac-comp .ac-mas{display:inline-flex;gap:6px;align-items:center;font-weight:700;letter-spacing:0;height:34px}
.pn-kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:10px!important}
.pn-kpis .kpi{padding:10px 14px!important;min-height:0!important}
.pn-kpis .kpi b{font-size:20px!important}
.pn-kpis .kpi em{font-size:11.5px}
.pn-cuerpo{padding:12px 14px}
.pn-cuerpo .graf-grid{margin:0}
.pn-aviso{padding:8px 12px}
@media (max-width:600px){.pn-quien small{white-space:normal}}
.snav .sg-mas{width:100%;white-space:nowrap}
.inv-res{flex:1 1 auto!important;width:auto!important;padding:0!important}
/* Reporte supervisor más ligero */
.sup-cuerpo .eq-kpis{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.sup-cuerpo .eq-kpi{padding:8px 10px;border-radius:12px}
.sup-cuerpo .eq-kpi b{font-size:18px}
.sup-cuerpo .eq-kpi span,.sup-cuerpo .eq-kpi em{font-size:11px}
.sup-cuerpo details.more{margin-top:8px}
.sup-cuerpo details.more summary{padding:9px 0;font-size:13.5px}
.sup-cuerpo .eq-per{font-size:12px;margin:0 0 6px}
.no-ver-ord{margin-left:auto}
.fr-cab{padding:14px 20px 0;display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:700px){.fr-cab{padding:12px 12px 0}}
/* Indicadores por área */
.ind-graf-h{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ind-pila{flex:1;width:100%;max-width:30px;display:flex;flex-direction:column-reverse;justify-content:flex-start;height:100%}
.ind-pila i{display:block;width:100%;background:var(--primary);border-radius:3px}
.ind-pila i.s2{background:color-mix(in srgb,var(--warn,#f59e0b) 75%,transparent)}
.eq-bar .ind-pila{height:100%}
.ind-ley{display:flex;gap:14px;font-size:11.5px;color:var(--muted);margin-top:6px}
.ind-ley i{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--primary);margin-right:5px;vertical-align:-1px}
.ind-ley i.s2{background:color-mix(in srgb,var(--warn,#f59e0b) 75%,transparent)}
.ind-cats{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
.cli-profit{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 12px;border:1px dashed var(--line);border-radius:12px;font-size:13px}
/* Avisos de Planificación: chats del CRM y correo */
.pv-avisos{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;flex:0 1 auto;min-width:0;padding:0}
.pv-avisos:empty{display:none}
.pv-aviso{display:inline-flex;align-items:center;gap:2px;height:28px;flex:none;box-sizing:border-box;font-size:12px;line-height:1;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:inherit;text-decoration:none;cursor:pointer;white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis}
.pv-aviso.pv-chat{border-color:color-mix(in srgb,var(--warn,#f59e0b) 45%,transparent);background:color-mix(in srgb,var(--warn,#f59e0b) 8%,var(--surface))}
.pv-aviso.pv-correo{border-color:color-mix(in srgb,var(--bad,#dc2626) 40%,transparent);background:color-mix(in srgb,var(--bad,#dc2626) 7%,var(--surface))}
.pv-aviso span{color:var(--muted)}
.pv-aviso-err{font-size:12px;white-space:nowrap}
.pv-grupo{position:relative;flex:none}
.pv-grupo>summary{list-style:none}
.pv-grupo>summary::-webkit-details-marker{display:none}
.pv-menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;display:flex;flex-direction:column;gap:4px;padding:8px;min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgb(0 0 0/.12)}
.pv-menu .pv-aviso{max-width:none;justify-content:flex-start;white-space:normal;height:auto;min-height:28px;padding:6px 10px;line-height:1.3;flex-wrap:wrap;column-gap:4px}
.pv-menu{left:auto;right:0;width:max-content;max-width:min(380px,calc(100vw - 32px))}
@media (max-width:700px){.pv-avisos{flex-wrap:wrap}}
/* Todo en una ventana: las tablas se ajustan al ancho (los textos largos se recortan con "…" y se ven completos al pasar el ratón) */
table.mt{min-width:0}
table.mt td{max-width:clamp(64px,11vw,190px)}
table.mt td.mt-tr{max-width:clamp(120px,20vw,280px)}
table.mt td.mt-cl{max-width:clamp(90px,13vw,190px)}
table.mt td.mt-ac{max-width:none}
table.mt th,table.mt td{padding-left:6px;padding-right:6px}
table.t{min-width:0}
table.t td{padding:10px 12px}
table.t th{padding:9px 12px}
table.t td b,table.t td .sub{overflow-wrap:anywhere}
@media (min-width:761px){.mt-wrap,.tw{overflow-x:auto}}
/* Quién valida cada ficha */
.pv-tag{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}
.pv-quien:empty{display:none}
.chip.pv-tomada{background:color-mix(in srgb,var(--mag,#a21caf) 12%,transparent);color:var(--mag,#a21caf);font-weight:700}
.chip.pv-tomada.mia{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}
tr.pv-ocupada td,article.pv-ocupada{opacity:.62}
.cod-ficha{display:inline-flex;align-items:center;gap:4px}
.ficha-letra.sm{min-width:16px;height:16px;font-size:10px;padding:0 4px;border-radius:5px}
.sv-plot{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px dashed var(--line);border-radius:12px}
.cl-buscar{flex:1;min-width:200px;max-width:420px}
.f-esquina select.input.sm{height:34px;width:auto}
.cl-pie{display:flex;justify-content:space-between;align-items:center;padding:8px 20px 14px;font-size:12.5px}
.tb-der{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.us-fichas{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px;padding:0 20px 20px}
.us-ficha{border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;background:var(--surface)}
.us-pie{display:flex;align-items:center;gap:6px}
.us-pie .right{margin-left:auto}
.pts-lista{display:flex;flex-direction:column;gap:6px;padding:0 20px 20px}
.pts-lista .pbloque h3{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:10px 0 4px}
.pts-lista table.t td{padding:5px 10px}
.pts-lista table.t th{padding:6px 10px}
.pts-lista .tw{padding:0}
.pts-lista input.pts{height:30px;width:90px}
.aj-cuerpo{padding:4px 14px 16px 58px}
.aj-cuerpo .aj-bloque{display:flex;flex-direction:column;gap:10px}
.aj-cuerpo .aj-bloque>p.hint:first-of-type{display:none}
.au-regla{display:flex;flex-direction:column;gap:6px;padding:8px 0;border-top:1px dashed var(--line)}
.au-ases summary{cursor:pointer;font-size:12.5px;color:var(--muted)}
.au-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 12px;padding:8px 0}
@media (max-width:700px){.aj-cuerpo{padding-left:14px}}
.candado{margin:0 20px 8px;padding:6px 12px!important;font-size:12.5px}
/* Letra P/E/I en filas y fichas: discreta, del mismo tono que el código */
.cod-ficha .ficha-letra.sm{background:transparent;color:var(--muted);border:1px solid var(--line);font-weight:700;font-size:9.5px;min-width:15px;height:15px;padding:0 3px;border-radius:4px}
/* Iconos con color sutil: dan vida a vistas con mucha información (indicadores, listas recogidas, informes) */
:root{--c1:#2563eb;--c2:#0d9488;--c3:#d97706;--c4:#7c3aed;--c5:#db2777;--c6:#059669;--c7:#0284c7;--c8:#ea580c}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--c1:#60a5fa;--c2:#2dd4bf;--c3:#fbbf24;--c4:#a78bfa;--c5:#f472b6;--c6:#34d399;--c7:#38bdf8;--c8:#fb923c}}
:root[data-theme="dark"]{--c1:#60a5fa;--c2:#2dd4bf;--c3:#fbbf24;--c4:#a78bfa;--c5:#f472b6;--c6:#34d399;--c7:#38bdf8;--c8:#fb923c}
.eq-kpi small{display:flex;align-items:center;gap:7px}
.eq-kpi small svg{width:24px;height:24px;padding:5px;border-radius:8px;flex:none;color:var(--ic,var(--c1));background:color-mix(in srgb,var(--ic,var(--c1)) 13%,transparent)}
.eq-kpi:nth-child(8n+1){--ic:var(--c1)}.eq-kpi:nth-child(8n+2){--ic:var(--c2)}.eq-kpi:nth-child(8n+3){--ic:var(--c3)}.eq-kpi:nth-child(8n+4){--ic:var(--c4)}
.eq-kpi:nth-child(8n+5){--ic:var(--c6)}.eq-kpi:nth-child(8n+6){--ic:var(--c5)}.eq-kpi:nth-child(8n+7){--ic:var(--c7)}.eq-kpi:nth-child(8n+8){--ic:var(--c8)}
.eq-kpi.bad{--ic:var(--bad,#dc2626)}.eq-kpi.warn{--ic:var(--warn,#d97706)}
/* Listas recogidas: un punto de color por fila */
.inf-lista .inf-item:nth-child(8n+1){--ic:var(--c1)}.inf-lista .inf-item:nth-child(8n+2){--ic:var(--c2)}.inf-lista .inf-item:nth-child(8n+3){--ic:var(--c3)}.inf-lista .inf-item:nth-child(8n+4){--ic:var(--c4)}
.inf-lista .inf-item:nth-child(8n+5){--ic:var(--c6)}.inf-lista .inf-item:nth-child(8n+6){--ic:var(--c5)}.inf-lista .inf-item:nth-child(8n+7){--ic:var(--c7)}.inf-lista .inf-item:nth-child(8n+8){--ic:var(--c8)}
.inf-item .inf-ic{color:var(--ic,var(--c1));background:color-mix(in srgb,var(--ic,var(--c1)) 12%,transparent)}
details.more>summary,.sup-sec>summary{list-style:none;display:flex;align-items:center;gap:10px}
details.more>summary::-webkit-details-marker{display:none}
details.more>summary::before,.sup-sec>summary::before{content:"";width:9px;height:9px;border-radius:3px;flex:none;background:var(--ic,var(--c1));opacity:.85}
details.more:nth-of-type(4n+1){--ic:var(--c7)}details.more:nth-of-type(4n+2){--ic:var(--c3)}details.more:nth-of-type(4n+3){--ic:var(--c6)}details.more:nth-of-type(4n+4){--ic:var(--c4)}
.sup-sec:nth-of-type(3n+1){--ic:var(--c1)}.sup-sec:nth-of-type(3n+2){--ic:var(--c4)}.sup-sec:nth-of-type(3n+3){--ic:var(--c5)}
details.more>summary::after{content:"›";margin-left:auto;color:var(--muted);transition:transform .2s;font-size:18px;line-height:1}
details.more[open]>summary::after{transform:rotate(90deg)}
/* Indicadores de Mi panel y de Datos */
.kpis .kpi{position:relative}
.kpis .kpi::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--ic,var(--c1));opacity:.7}
.kpis .kpi:nth-child(6n+1){--ic:var(--c1)}.kpis .kpi:nth-child(6n+2){--ic:var(--c2)}.kpis .kpi:nth-child(6n+3){--ic:var(--c3)}.kpis .kpi:nth-child(6n+4){--ic:var(--c4)}.kpis .kpi:nth-child(6n+5){--ic:var(--c6)}.kpis .kpi:nth-child(6n+6){--ic:var(--c5)}
.eq-kpi small svg.i{width:24px!important;height:24px!important;min-width:24px;padding:5px;box-sizing:border-box;stroke-width:2}
/* Letra P/E/I: tono suave por tipo, con contraste suficiente */
.cod-ficha .ficha-letra.sm{border:0;font-size:10px;font-weight:800;min-width:16px;height:16px;color:var(--lc,var(--c1));background:color-mix(in srgb,var(--lc,var(--c1)) 16%,transparent)}
.cod-ficha .ficha-letra.l-P{--lc:var(--c1)}.cod-ficha .ficha-letra.l-E{--lc:var(--c3)}.cod-ficha .ficha-letra.l-I{--lc:var(--c2)}
/* Botones alineados en todas las filas: misma altura y centrados */
.btn.sm{height:30px;min-height:30px;line-height:1;white-space:nowrap}
.btn.sm svg{width:14px;height:14px;flex:none}
.acts,.ac-comp,.tb-der,.f-esquina{align-items:center}
.ac-mas{width:30px;min-width:30px;height:30px;padding:0!important;display:inline-grid;place-items:center;line-height:1}
table.mt td.mt-ac{vertical-align:middle}
table.mt td.mt-ac .acts{display:flex;justify-content:flex-end;gap:4px;margin:0}
.fb-btn{height:34px}
/* Subpestañas con ícono de color suave */
.seg-ic button{display:inline-flex;align-items:center;gap:6px}
.seg-ic button svg{width:15px;height:15px;padding:3px;box-sizing:content-box;border-radius:6px;color:var(--ic,var(--c1));background:color-mix(in srgb,var(--ic,var(--c1)) 12%,transparent)}
.seg-ic button:nth-child(4n+1){--ic:var(--c1)}.seg-ic button:nth-child(4n+2){--ic:var(--c2)}.seg-ic button:nth-child(4n+3){--ic:var(--c3)}.seg-ic button:nth-child(4n+4){--ic:var(--c4)}
div.acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}

/* Pausa por inactividad: cubre toda la app y la oculta */
dialog.pausa{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#0b0f08;overflow:auto}
dialog.pausa::backdrop{background:#0b0f08}
dialog.pausa>.login{min-height:100dvh}
html.en-pausa body>*:not(dialog.pausa){visibility:hidden}

/* Filas compactas: acciones en una sola línea dentro de las tablas */
div.acts.ac-comp,table td.mt-ac div.acts,table.t td div.acts.ac-comp{flex-wrap:nowrap}
table.mt td.mt-ac{white-space:nowrap;width:1%;padding-top:3px;padding-bottom:3px}
table.mt td.mt-ac .btn,table.mt td.mt-ac .ac-mas{height:28px;min-height:28px}
table.mt td.mt-es{max-width:260px}
.mt-esw{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0}
.mt-esw .chip{min-width:0;overflow:hidden;text-overflow:ellipsis}
.mt-ar2{color:var(--muted);font-weight:600;font-size:11.5px;white-space:nowrap}
/* Emojis en el chat */
.chat-emo{flex:none;width:40px;height:44px;border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;border-radius:50%;filter:saturate(.9)}
.chat-emo:hover{background:var(--sunken)}
.emo-panel{position:absolute;bottom:calc(100% + 6px);left:12px;z-index:40;width:min(340px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgb(0 0 0/.14);padding:8px}
.emo-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:6px}
.emo-tabs button{border:0;background:transparent;font-size:18px;padding:4px 8px;border-radius:8px;cursor:pointer;opacity:.55}
.emo-tabs button.act{opacity:1;background:var(--sunken)}
.emo-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-height:220px;overflow:auto}
.emo-grid button{border:0;background:transparent;font-size:22px;line-height:1;padding:6px 0;border-radius:8px;cursor:pointer}
.emo-grid button:hover{background:var(--sunken)}

/* Histórico de Trello (Respaldo) */
.rt-img{display:flex;justify-content:center}
.rt-img:empty{display:none}
.rt-img img{max-width:100%;max-height:340px;border-radius:12px;border:1px solid var(--line);object-fit:contain;background:var(--sunken)}
.rt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:12px}
.rt-grid>div{display:flex;flex-direction:column;gap:2px;background:var(--sunken);border-radius:10px;padding:8px 10px;min-width:0}
.rt-grid small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.03em}
.rt-grid b{font-size:13px;overflow-wrap:anywhere}
.rt-desc{white-space:pre-wrap;font-family:inherit;font-size:12.5px;background:var(--sunken);padding:10px 12px;border-radius:10px;max-height:240px;overflow:auto;margin:12px 0 0}

/* Chats del CRM vigilados */
.ch-cab{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ch-cab h3{margin:0}
.ch-res{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.ch-res:empty{display:none}
.ch-op{display:flex;justify-content:space-between;gap:10px;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 12px;cursor:pointer;color:inherit}
.ch-op:hover{background:var(--primary-soft)}
.ch-sel{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--ok,#16a34a) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--ok,#16a34a) 35%,transparent);margin-bottom:8px}
.ch-emos{display:flex;flex-direction:column;gap:6px}
.sw-mini{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer;white-space:nowrap}
.ch-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:10px 0}
.ch-kpis>div{display:flex;flex-direction:column;gap:2px;background:var(--sunken);border-radius:10px;padding:8px 12px}
.ch-kpis small{color:var(--muted);font-size:11.5px}
.ch-kpis b{font-size:17px}
.ve-avisos{padding:0 0 10px;flex-wrap:wrap}

/* Factura: vista previa al registrar (modelo A2 mejorado) */
.fx-hoja{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;box-shadow:0 6px 24px rgb(0 0 0/.06)}
.fx-cab{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 18px;background:linear-gradient(135deg,#0f140b,#1c2614);color:#fff}
.fx-logo{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 10px rgb(198 247 0/.35))}
.fx-emp{display:flex;flex-direction:column;gap:1px;min-width:0}
.fx-emp b{font-size:17px;letter-spacing:.02em}
.fx-emp small{opacity:.75;font-size:11.5px}
.fx-numbox{display:flex;flex-direction:column;gap:4px;align-items:stretch;min-width:160px}
.fx-numbox small{font-size:10.5px;letter-spacing:.08em;opacity:.8;text-align:right}
.fx-num{height:40px;font-size:20px;font-weight:800;text-align:center;background:#fff;color:#111;border:2px solid #c6f700;border-radius:10px}
.fx-num:focus{outline:3px solid color-mix(in srgb,#c6f700 55%,transparent)}
.fx-cliente{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:14px;padding:14px 18px;border-bottom:1px solid var(--line)}
.fx-cli-nom{display:flex;flex-direction:column;gap:2px;min-width:0}
.fx-cli-nom small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.fx-cli-nom b{font-size:15px;line-height:1.25}
.fx-datos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}
.fx-dato{display:flex;flex-direction:column;min-width:0}
.fx-dato span{color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}
.fx-dato b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-items{width:100%;border-collapse:collapse;font-size:13px}
.fx-items th{background:var(--head);color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:7px 12px;border-bottom:1px solid var(--line)}
.fx-items td{padding:7px 12px;border-bottom:1px solid var(--line)}
.fx-items .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.fx-items tbody tr:last-child td{border-bottom:0}
.fx-pie{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,auto);gap:14px;padding:12px 18px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--sunken) 60%,transparent)}
.fx-vend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;align-content:start}
.fx-saldo b{color:var(--bad,#dc2626)}
.fx-tot{display:flex;flex-direction:column;gap:4px;font-variant-numeric:tabular-nums}
.fx-tot>div{display:grid;grid-template-columns:1fr auto 90px;gap:10px;align-items:baseline;font-size:12.5px}
.fx-tot>div b{text-align:right}
.fx-tot span{color:var(--muted)}
.fx-total{margin-top:4px;padding-top:6px;border-top:2px solid var(--ink,currentColor);grid-template-columns:1fr auto!important}
.fx-total span{color:inherit!important;font-weight:800;letter-spacing:.06em}
.fx-total b{font-size:20px}
.fx-asist{margin-top:12px;padding:10px 12px;border:1px dashed var(--line);border-radius:12px;display:flex;flex-direction:column;gap:8px}
.fx-foto{margin-top:8px}
@media (max-width:700px){.fx-cab{grid-template-columns:auto 1fr}.fx-numbox{grid-column:1/-1}.fx-cliente,.fx-pie{grid-template-columns:1fr}.fx-items th:nth-child(1),.fx-items td:nth-child(1){display:none}}

/* Chat abierto más de 1 hora laborable: rojo y con pulso suave */
.pv-aviso.pv-urge{border-color:var(--bad,#dc2626)!important;background:color-mix(in srgb,var(--bad,#dc2626) 14%,var(--surface))!important;color:var(--bad,#dc2626);font-weight:700;animation:pvLate 1.6s ease-in-out infinite}
.pv-aviso.pv-urge span{color:inherit;opacity:.85}
@keyframes pvLate{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--bad,#dc2626) 40%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--bad,#dc2626) 0%,transparent)}}
@media (prefers-reduced-motion:reduce){.pv-aviso.pv-urge{animation:none}}

/* Emojis en el chat: buen contraste */
.chat-msg.solo-emoji .chat-burb{background:transparent!important;box-shadow:none;padding:0 2px;color:var(--ink,inherit)}
.chat-msg.solo-emoji .chat-txt{font-size:34px;line-height:1.2;letter-spacing:2px}
.chat-msg.solo-emoji .chat-burb time{color:var(--muted);opacity:1}
.chat-msg.mio .chat-burb ::selection{background:rgb(255 255 255/.85);color:#1a2a05}
.chat-burb ::selection{background:color-mix(in srgb,var(--primary) 30%,transparent)}

/* Asignación de asesora final */
.as-barra{position:relative;display:flex;align-items:center;gap:8px;min-width:120px}
.as-barra i{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--ok,#16a34a),var(--warn,#f59e0b),var(--bad,#dc2626));min-width:4px}
.as-barra b{font-variant-numeric:tabular-nums;font-size:12px}
.as-sug{display:flex;flex-direction:column;line-height:1.2;max-width:220px}
.as-sug small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.as-sel{min-width:200px;height:30px}
.no-pista{display:block;margin-top:4px}

/* Factura compacta: todo cabe en una ventana */
.dlg-factura .fx-cab{padding:9px 14px;gap:10px}
.dlg-factura .fx-logo{width:40px;height:40px}
.dlg-factura .fx-emp b{font-size:15px}
.dlg-factura .fx-emp small{font-size:10.5px}
.dlg-factura .fx-numbox{min-width:150px}
.dlg-factura .fx-num{height:34px;font-size:18px}
.dlg-factura .fx-cliente{grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:10px;padding:8px 14px}
.dlg-factura .fx-cli-nom b{font-size:13.5px}
.dlg-factura .fx-datos{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px}
.dlg-factura .fx-dato b{font-size:12.5px}
.dlg-factura .fx-items{font-size:12.5px}
.dlg-factura .fx-items th,.dlg-factura .fx-items td{padding:4px 10px}
.dlg-factura .fx-items tbody{display:block;max-height:150px;overflow:auto}
.dlg-factura .fx-items thead,.dlg-factura .fx-items tbody tr{display:table;width:100%;table-layout:fixed}
.dlg-factura .fx-items th:nth-child(1),.dlg-factura .fx-items td:nth-child(1){width:44px}
.dlg-factura .fx-items th:nth-child(n+3),.dlg-factura .fx-items td:nth-child(n+3){width:100px}
.dlg-factura .fx-pie{padding:8px 14px;gap:10px}
.dlg-factura .fx-vend{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 10px}
.dlg-factura .fx-tot>div{font-size:12px}
.dlg-factura .fx-total b{font-size:17px}
.fx-bajo{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;margin-top:10px}
.fx-preg{flex:1 1 380px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 12px;border:1px solid var(--line);border-radius:12px}
.fx-preg>small{margin-right:auto}
.fx-preg.falta{border-color:var(--bad,#dc2626);background:color-mix(in srgb,var(--bad,#dc2626) 6%,var(--surface))}
.fx-saldo-p{display:flex;align-items:center;gap:8px;width:100%;font-size:12.5px;color:var(--muted)}
.fx-saldo-p .input{max-width:140px;height:32px}
.dlg-factura .fx-foto{flex:0 1 220px;margin:0}
.fx-nota{margin:8px 0 0!important;font-size:12px}
.fx-ok{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 0;text-align:center}
.fx-ok-t{display:flex;align-items:center;gap:10px;text-align:left}
.fx-ok-t>svg{width:34px;height:34px;padding:6px;border-radius:50%;background:color-mix(in srgb,var(--ok,#16a34a) 15%,transparent);color:var(--ok,#16a34a)}
.fx-img-acts{justify-content:center;gap:8px}
@media (max-width:700px){.dlg-factura .fx-datos,.dlg-factura .fx-vend{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rt-mini-td{width:44px;padding-top:3px!important;padding-bottom:3px!important}
.rt-mini{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;object-fit:cover;background:var(--sunken);font-size:13px;color:var(--muted)}
.rt-img{flex-direction:column;align-items:center;gap:4px}
.rt-origen{font-size:11px}

/* Guía de uso: tarjetas con ícono y color por área, ejemplos animados */
.dlg-guia .gu-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.gu-mias{display:flex;flex-wrap:wrap;gap:6px}
.gu-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600;cursor:pointer}
.gu-chip svg.i{width:15px;height:15px}
.gu-chip.propia{background:color-mix(in srgb,var(--gc,var(--c1)) 12%,transparent);border-color:transparent;color:var(--gc,var(--c1));padding:6px 13px;font-size:13px}
.gu-chip[aria-pressed="true"]{background:var(--gc,var(--primary));border-color:var(--gc,var(--primary));color:#fff}
.gu-busca{flex:1 1 220px;max-width:360px;height:34px;margin-left:auto;border-radius:999px;padding:0 14px}
.gu-barra2{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 2px}
.gu-segs button{display:inline-flex;align-items:center;gap:5px}
.gu-segs svg.i{width:14px;height:14px}
.gu-otras{margin-left:auto;font-size:12px}
.gu-otras summary{cursor:pointer;color:var(--muted);font-weight:600;list-style:none}
.gu-otras summary::-webkit-details-marker{display:none}
.gu-otras[open]>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.gu-cab{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--gc) 12%,transparent),transparent 70%)}
.gu-cab-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--gc);color:#fff}
.gu-cab-ic svg.i{width:24px;height:24px}
.gu-cab h3{margin:0;font-size:18px}
.gu-cab p{margin:2px 0 0;color:var(--ink2);font-size:13px;line-height:1.4}
.gu-eyebrow{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gc,var(--primary))}
.gu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.gu-card{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0;transition:border-color .15s,transform .15s}
.gu-card:hover{border-color:color-mix(in srgb,var(--gc) 55%,transparent);transform:translateY(-1px)}
.gu-ic{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--gc);background:color-mix(in srgb,var(--gc) 13%,transparent)}
.gu-ic svg.i,.gu-ic svg{width:17px;height:17px}
.gu-txt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.gu-txt>b{font-size:13.5px}
.gu-txt>span{color:var(--ink2);font-size:12.5px;line-height:1.45}
.gu-de{color:var(--muted);font-weight:600}
.gu-pie{display:flex;align-items:center;gap:6px;justify-content:space-between;margin-top:2px}
.gu-ruta{display:flex;flex-wrap:wrap;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--gc)}
.gu-ruta span{background:color-mix(in srgb,var(--gc) 9%,transparent);border-radius:6px;padding:1px 6px}
.gu-ruta em{font-style:normal;color:var(--muted)}
.gu-ir{flex:none;border:0;background:transparent;color:var(--gc);font-weight:700;font-size:12px;cursor:pointer;padding:2px 4px;border-radius:6px}
.gu-ir:hover{background:color-mix(in srgb,var(--gc) 12%,transparent)}
.gu-res{margin:0;color:var(--muted);font-size:12.5px}
/* Mi día */
.gu-diaw{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px}
.gu-linea{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid color-mix(in srgb,var(--gc) 35%,transparent);display:flex;flex-direction:column;gap:10px}
.gu-linea li{position:relative;display:flex;flex-direction:column;gap:1px;font-size:13px}
.gu-linea li::before{content:"";position:absolute;left:-21px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--gc);box-shadow:0 0 0 3px var(--surface)}
.gu-hora{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--gc)}
.gu-lado{display:flex;flex-direction:column;gap:10px}
.gu-tips{display:flex;flex-direction:column;gap:6px;background:var(--primary-soft);border-radius:12px;padding:10px 12px;font-size:12.5px}
.gu-tips span{line-height:1.4}
.gu-ojo{background:color-mix(in srgb,var(--warn,#f59e0b) 12%,transparent);border-radius:12px;padding:10px 12px;font-size:12.5px}
.gu-ojo ul{margin:4px 0 0;padding-left:18px}
/* Ejemplo animado */
.gu-ejs{display:flex;flex-direction:column;gap:12px}
.gx{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.gx-cab{display:flex;align-items:baseline;gap:8px;padding:9px 14px;background:color-mix(in srgb,var(--gc) 8%,transparent)}
.gx-cuerpo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px 14px}
.gx-pantalla{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--sunken);min-height:190px;display:flex;flex-direction:column}
.gx-barra{display:flex;align-items:center;gap:5px;padding:7px 10px;background:var(--surface);border-bottom:1px solid var(--line)}
.gx-barra>i{width:8px;height:8px;border-radius:50%;background:var(--line)}
.gx-ruta{display:flex;flex-wrap:wrap;gap:4px;margin-left:8px;font-size:11.5px}
.gx-ruta b{color:var(--gc)}
.gx-ruta em{font-style:normal;color:var(--muted)}
.gx-lienzo{flex:1;display:flex;flex-direction:column;gap:8px;padding:12px;animation:gxEntra .35s ease}
.gx-chip{align-self:flex-start;background:var(--surface);border:1px solid color-mix(in srgb,var(--gc) 40%,transparent);border-radius:10px;padding:6px 10px;font-size:12.5px;font-weight:600}
.gx-campos{display:flex;flex-direction:column;gap:6px}
.gx-campo{display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:5px 9px}
.gx-campo small{font-size:10.5px;color:var(--muted)}
.gx-valor{font-size:13px;font-weight:600;min-height:17px}
.gx-valor::after{content:"";display:inline-block;width:1px;height:13px;margin-left:1px;background:var(--gc);vertical-align:middle;animation:gxCursor 1s steps(1) infinite}
.gx-boton{align-self:flex-start;border:0;border-radius:9px;padding:7px 14px;background:var(--gc);color:#fff;font-weight:700;font-size:12.5px;animation:gxPulso 1.4s ease-in-out infinite;cursor:default}
.gx-ok{display:flex;align-items:center;gap:6px;align-self:flex-start;padding:6px 10px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--ok,#16a34a);background:color-mix(in srgb,var(--ok,#16a34a) 12%,transparent);animation:gxEntra .4s .3s both}
.gx-ok svg.i{width:15px;height:15px}
.gx-vacio{margin:auto;color:var(--muted);font-size:12px}
.gx-pasos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.gx-pasos li{display:flex;gap:8px;align-items:flex-start;padding:7px 9px;border-radius:10px;font-size:12.5px;color:var(--muted);cursor:pointer;line-height:1.4}
.gx-pasos li.act{background:color-mix(in srgb,var(--gc) 11%,transparent);color:var(--ink,inherit);font-weight:600}
.gx-pasos li.hecho{color:var(--ink2)}
.gx-n{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:800;background:var(--sunken);color:var(--muted)}
.gx-pasos li.act .gx-n{background:var(--gc);color:#fff}
.gx-pasos li.hecho .gx-n{background:color-mix(in srgb,var(--gc) 30%,transparent);color:var(--gc)}
.gx-ctrl{display:flex;align-items:center;gap:6px;padding:8px 14px;border-top:1px solid var(--line)}
.gx-puntos{display:flex;gap:4px}
.gx-puntos i{width:18px;height:4px;border-radius:99px;background:var(--line);transition:background .25s}
.gx-puntos i.act{background:var(--gc)}
@keyframes gxEntra{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes gxPulso{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--gc) 45%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--gc) 0%,transparent)}}
@keyframes gxCursor{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.gx-boton,.gx-lienzo,.gx-ok{animation:none}}
@media (max-width:700px){.gx-cuerpo,.gu-diaw{grid-template-columns:1fr}.gu-busca{max-width:none;margin-left:0}.gu-otras{margin-left:0}}
.gu-tips span{background:none!important;padding:0!important;border-radius:0}
.gu-tips span+span{border-top:1px dashed color-mix(in srgb,var(--primary) 25%,transparent);padding-top:6px!important}
.gu-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.gu-desc.abierta{display:block}
.dlg-guia .gu-cab{padding:8px 12px}
.dlg-guia .gu-cab-ic{width:38px;height:38px}

/* Respaldo de Trello: columnas y selección */
.rt-cols{display:flex;gap:6px;overflow-x:auto;padding:0 20px 8px;scrollbar-width:thin;align-items:center}
.rt-col{flex:none;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.rt-col .n{font-size:11px;color:var(--muted);font-weight:700}
.rt-col.act{background:var(--c2);border-color:var(--c2);color:#fff}
.rt-col.act .n{color:#fff;opacity:.85}
.rt-col.app{border-style:dashed}
.rt-colbtn{flex:none;margin-left:auto}
.rt-selbar{display:flex;align-items:center;gap:6px;padding:0 20px 8px;font-size:12.5px;flex-wrap:wrap}
.rt-chk{width:28px}
.rt-chk input,.mt th input{width:16px;height:16px;cursor:pointer}
table.mt tr.rt-sel td{background:color-mix(in srgb,var(--c2) 10%,transparent)!important}
.rt-seguro{display:flex;flex-direction:column;gap:6px;border:1px dashed var(--line);border-radius:12px;padding:10px 12px;margin-top:8px}
.rt-colmenu{display:flex;flex-direction:column;gap:2px;padding:6px;min-width:220px}
.rt-colmenu .btn{justify-content:flex-start}

/* Guía ligera: filas plegables */
.gu-lista{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.gu-fila{border-bottom:1px solid var(--line)}
.gu-fila:last-child{border-bottom:0}
.gu-fila>summary{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;list-style:none;transition:background .15s}
.gu-fila>summary::-webkit-details-marker{display:none}
.gu-fila>summary:hover{background:color-mix(in srgb,var(--gc,var(--c1)) 6%,transparent)}
.gu-fila[open]>summary{background:color-mix(in srgb,var(--gc,var(--c1)) 8%,transparent)}
.gu-ic.sm{width:28px;height:28px;border-radius:8px}
.gu-ic.sm svg.i,.gu-ic.sm svg{width:15px;height:15px}
.gu-ft{flex:1;display:flex;flex-direction:column;min-width:0}
.gu-ft b{font-size:13.5px;font-weight:600}
.gu-ft small{font-size:11.5px;color:var(--muted)}
.gu-flecha{color:var(--muted);font-size:18px;line-height:1;transition:transform .2s}
.gu-fila[open] .gu-flecha{transform:rotate(90deg);color:var(--gc,var(--c1))}
.gu-det{padding:4px 12px 12px 50px;margin:0;color:var(--ink2);font-size:13px;line-height:1.5}
.gu-det p{margin:0 0 6px}
.gu-ejf .gx{margin:4px 12px 12px;border-color:color-mix(in srgb,var(--gc) 25%,var(--line))}
.gu-ejf .gx-cab{display:none}
.gu-mini{margin:0;padding:2px 14px 12px 64px;font-size:12.5px;color:var(--ink2);display:flex;flex-direction:column;gap:4px}
.gu-diaw2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;align-items:start}
.dlg-guia .gu-cab{background:none;padding:4px 2px;border-bottom:1px solid var(--line);border-radius:0}
.dlg-guia .gu-cab-ic{width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--gc) 14%,transparent);color:var(--gc)}
.dlg-guia .gu-cab-ic svg.i{width:18px;height:18px}
.dlg-guia .gu-cab h3{font-size:16px}
.dlg-guia .gu-cab p{font-size:12.5px;color:var(--muted)}
.dlg-guia .gu-cuerpo{gap:12px}
@media (max-width:700px){.gu-diaw2{grid-template-columns:1fr}.gu-det{padding-left:12px}.gu-mini{padding-left:28px}}
.gx-vacio{text-align:center;max-width:260px;font-size:13px!important;color:var(--ink2)!important;line-height:1.45}
.rt-filtros{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0 20px 8px;color:var(--muted)}
.rt-filtros svg.i{width:15px;height:15px}
.rt-filtros select{height:30px;max-width:280px;font-size:12.5px}
.rt-resp{display:inline-block;font-size:10.5px;font-weight:800;padding:1px 6px;border-radius:6px;background:color-mix(in srgb,var(--rc,var(--c1)) 14%,transparent);color:var(--rc,var(--c1))}
.rt-resp.r20{--rc:var(--c6)}.rt-resp.r19{--rc:var(--c7)}.rt-resp.r18{--rc:var(--c3)}

/* Visor ajustado a la proporción de la imagen (mockups apaisados): sin franjas negras */
.visor.ajustado,.lat-izq .visor.ajustado,.k-det-img .visor.ajustado{min-height:0;background:var(--surface-2,#f4f6f9)}
.visor-img.zoomable.ajustada,.lat-izq .visor-img.zoomable.ajustada{height:auto;width:100%;max-height:74dvh}
.visor-img.zoomable.ajustada img{width:100%;height:100%;object-fit:contain}
.visor.ajustado .visor-tip{opacity:0;transition:opacity .2s}
.visor.ajustado:hover .visor-tip{opacity:1}
@media (max-width:900px){ .visor-img.zoomable.ajustada,.lat-izq .visor-img.zoomable.ajustada{max-height:42dvh} }
.visor.ajustado .visor-ctrl{top:6px;right:6px}
.visor.ajustado .visor-ctrl button{width:26px;height:26px;font-size:13px;background:rgba(0,0,0,.4)}
/* ---- Respaldo: barra ligera, filtros recogidos, fichas grandes ---- */
.rs-barra{display:flex;align-items:center;gap:8px;padding:2px 20px 8px;flex-wrap:wrap}
.rs-busca{flex:1;min-width:220px;max-width:none}
.rs-fbtn{position:relative}
.rs-badge{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--c2);color:#fff;font-size:10.5px;font-weight:800}
.rs-badge[hidden]{display:none}
.rs-vista button{display:inline-flex;align-items:center;gap:4px}
.rs-vista svg.i{width:14px;height:14px}
.rs-info{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:800;font-style:italic;cursor:help;flex:none}
.rs-panel{margin:0 20px 8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--sunken);display:flex;flex-direction:column;gap:8px}
.rs-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.rs-pgrid .campo,.rs-pgrid label{margin:0}
.rs-pgrid select,.rs-pgrid input{width:100%}
.rs-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px 8px}
.rs-chips[hidden]{display:none}
.rs-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--c2) 30%,var(--line));background:color-mix(in srgb,var(--c2) 8%,var(--surface));color:var(--ink2);border-radius:99px;padding:3px 6px 3px 10px;font-size:12px;cursor:pointer}
.rs-chip b{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;font-size:12px;color:var(--muted)}
.rs-chip:hover b{background:var(--line);color:var(--ink)}
.rs-linea{display:flex;align-items:center;gap:8px;padding:0 20px 8px;flex-wrap:wrap}
.rs-colsel{max-width:min(440px,70vw);gap:6px}
.rs-coln{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.rs-colsel .n{font-size:11px;color:var(--muted);font-weight:700}
.rs-ico{padding:0 7px}
.rs-tot{font-size:12.5px}
.rs-selacc{display:flex;align-items:center;gap:6px;font-size:12.5px}
.rs-colpanel{width:340px;max-height:60vh;padding:8px;gap:6px}
.rs-collist{display:flex;flex-direction:column;overflow:auto;max-height:calc(60vh - 60px)}
.rs-colit{display:flex;justify-content:space-between;gap:10px;align-items:center;border:0;background:none;text-align:left;padding:7px 8px;border-radius:8px;font-size:12.5px;cursor:pointer;color:var(--ink2)}
.rs-colit:hover{background:var(--sunken)}
.rs-colit.act{background:color-mix(in srgb,var(--c2) 12%,transparent);color:var(--ink);font-weight:700}
.rs-colit b{font-size:11px;color:var(--muted)}
.rs-cod{display:inline-flex;align-items:center;gap:6px}
.rs-td-tipo{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rs-fichas{display:grid;gap:12px;padding:0 20px 8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.rs-fichas.t-s{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.rs-fichas.t-l{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.rs-ficha{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;cursor:pointer;transition:box-shadow .15s,transform .15s}
.rs-ficha:hover{box-shadow:0 8px 22px rgba(15,20,30,.10);transform:translateY(-1px)}
.rs-ficha.rt-sel{outline:2px solid var(--c2)}
.rs-cov{aspect-ratio:4/3;background:var(--sunken);display:grid;place-items:center;overflow:hidden}
.rs-cov img{width:100%;height:100%;object-fit:cover}
.rs-cov.vacia{font-size:12px}
.cargando-mini{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--c2);animation:gira 0.8s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.rs-fchk{position:absolute;top:6px;left:6px;background:rgba(255,255,255,.9);border-radius:6px;padding:2px 3px;line-height:0}
.rs-fpie{display:flex;flex-direction:column;gap:2px;padding:7px 9px 9px;min-width:0}
.rs-fl1{display:flex;align-items:center;gap:6px;font-size:11.5px}
.rs-ftit{font-size:12.5px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.rs-fcli{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px}
.rs-fichas.t-s .rs-fcli{display:none}
@media (max-width:700px){ .rs-vista span{display:none} .rs-busca{min-width:100%;order:5} }
.rs-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:8px 10px}
.rs-pgrid,.rs-ptr{display:contents}
.rs-pgrid[hidden],.rs-ptr[hidden]{display:none}
.rs-panel input[type=date],.rs-panel select{height:34px;font-size:13px}
.rs-panel label,.rs-panel .campo>span:first-child{font-size:12px}
.rt-lq{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.rt-lq-tag{font-size:11.5px;font-weight:700;color:var(--warn,#b26a00);background:color-mix(in srgb,var(--warn,#f0a500) 14%,transparent);padding:3px 9px;border-radius:99px}
/* ---- Papelera (Eliminados) ---- */
.pa-barra{display:flex;align-items:center;gap:10px;padding:4px 20px 10px;flex-wrap:wrap;font-size:13px}
.pa-reloj{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;padding:5px 6px 5px 11px;border-radius:99px;background:var(--sunken);color:var(--muted)}
.pa-reloj.on{background:color-mix(in srgb,var(--bad,#d33) 12%,transparent);color:var(--bad,#c62828)}
.pa-reloj svg.i{width:14px;height:14px}
.pa-x{border:0;background:none;color:inherit;font-size:15px;cursor:pointer;width:20px;height:20px;border-radius:50%}
.pa-x:hover{background:rgba(0,0,0,.08)}
.pa-pruebas{display:flex;align-items:center;gap:10px;margin:0 20px 12px;padding:10px 12px;border:1px dashed color-mix(in srgb,var(--warn,#f0a500) 60%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--warn,#f0a500) 7%,transparent);flex-wrap:wrap}
.pa-sec{margin-bottom:12px}
.pa-sec h4{margin:0 20px 6px;font-size:13px;color:var(--ink2)}
.pa-mot{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pa-prueba{font-size:10px;font-weight:800;padding:1px 6px;border-radius:6px;background:color-mix(in srgb,var(--warn,#f0a500) 18%,transparent);color:var(--warn,#a86500);vertical-align:middle}
.mf .grow,.rs-linea .grow,.pa-barra .grow,.pa-pruebas .grow,.rs-fl1 .grow{flex:1}
.sim-banda.edita{background:color-mix(in srgb,var(--warn,#f0a500) 16%,var(--surface));border-color:color-mix(in srgb,var(--warn,#f0a500) 45%,var(--line))}
.sim-modo{flex:none}
/* ---- Informe desde los buscadores ---- */
.ifi-filtros{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:end}
.ifi-chips{display:flex;flex-wrap:wrap;gap:6px}
.ifi-est{opacity:.5}
.ifi-est.on{opacity:1}
.ifi-cab{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:13px}
.ifi-lista{display:flex;flex-direction:column;max-height:min(42vh,360px);overflow:auto;border:1px solid var(--line);border-radius:10px;margin-top:6px}
.ifi-it{display:grid;grid-template-columns:18px 90px minmax(0,1fr) minmax(0,.7fr) auto;gap:8px;align-items:center;padding:6px 10px;border-bottom:1px solid var(--line);font-size:12.5px;cursor:pointer;opacity:.55}
.ifi-it.on{opacity:1}
.ifi-it:last-child{border-bottom:0}
.ifi-tr{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.ifi-it small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb-inf svg.i{width:14px;height:14px}
@media (max-width:700px){ .tb-inf span{display:none} .ifi-it{grid-template-columns:18px 80px minmax(0,1fr)} .ifi-it small{display:none} .ifi-filtros{grid-template-columns:1fr} }
/* ---- Pantalla dividida: ventana + respaldo ---- */
dialog.split{width:calc(100vw - 24px)!important;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);max-width:none;display:flex;overflow:hidden;padding:0}
dialog.split > .sp-izq{flex:0 0 var(--sp,52%);min-width:300px;overflow:auto;display:flex;flex-direction:column}
dialog.split > .sp-izq > .mb{flex:1}
.sp-sep{flex:0 0 10px;cursor:col-resize;display:grid;place-items:center;background:var(--sunken);border-inline:1px solid var(--line);touch-action:none}
.sp-sep i{width:3px;height:42px;border-radius:3px;background:var(--line)}
.sp-sep:hover i,dialog.arrastrando .sp-sep i{background:var(--c2)}
dialog.arrastrando{user-select:none;cursor:col-resize}
.sp-der{flex:1;min-width:300px;overflow:auto;display:flex;flex-direction:column;background:var(--surface)}
.sp-cab{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:3}
.sp-cab svg.i{width:16px;height:16px;color:var(--c2)}
.sp-zona{padding-top:10px}
.sp-zona .rs-barra,.sp-zona .rs-linea,.sp-zona .rs-chips,.sp-zona .rs-fichas,.sp-zona .rs-pie{padding-left:14px;padding-right:14px}
.sp-zona .rs-panel{margin-inline:14px}
.sp-btn svg.i{color:var(--c2)}
.solo-main{padding:14px;min-height:100dvh;background:var(--bg)}
.solo-cab{display:flex;align-items:center;gap:8px;margin:0 6px 10px;font-size:15px}
.solo-respaldo{padding-top:10px}
@media (max-width:900px){ dialog.split{flex-direction:column} dialog.split > .sp-izq{flex:0 0 var(--sp,52%);min-width:0} .sp-sep{flex:0 0 10px;cursor:row-resize} .sp-sep i{width:42px;height:3px} }
.sp-izq .mh{flex-wrap:wrap}
.pv-viejo{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 10px;margin-bottom:8px;border-radius:10px;background:color-mix(in srgb,var(--warn,#f0a500) 9%,transparent);font-size:13px}
.pv-saldo summary{font-weight:600}
/* ---- Lupa en las portadas del respaldo ---- */
.rt-mini-w{position:relative;display:inline-block;line-height:0}
.rt-lupa{position:absolute;right:-6px;bottom:-6px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:0;background:var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.25);color:var(--ink2);cursor:zoom-in;padding:0;transition:transform .12s}
.rt-lupa svg.i{width:12px;height:12px}
.rt-lupa:hover{transform:scale(1.15);color:var(--c2)}
.rs-ficha .rt-lupa{right:8px;bottom:auto;top:calc((100% - 64px) * 0 + 8px);width:30px;height:30px;opacity:.85}
.rs-ficha .rt-lupa svg.i{width:15px;height:15px}
.rs-ficha:hover .rt-lupa{opacity:1}
.rt-img-zoom{position:relative;border:0;padding:0;background:none;cursor:zoom-in;display:block;max-width:100%}
.rt-img-zoom .rt-lupa.fija{right:10px;bottom:10px;width:32px;height:32px;pointer-events:none}
.rt-img-zoom .rt-lupa.fija svg.i{width:16px;height:16px}
.rt-lupa-dlg .visor{min-height:0}
/* Emojis solos: tamaño según cuántos (1 grande, 2–3 medianos); 4 o más van en burbuja normal */
.chat-msg.solo-emoji .chat-txt{font-size:22px;letter-spacing:0;line-height:1.25}
.chat-msg.solo-emoji.e1 .chat-txt{font-size:30px}
.chat-msg.solo-emoji.e2 .chat-txt{font-size:25px}
.chat-msg.solo-emoji.e3 .chat-txt{font-size:22px}
/* La ayuda bajo un campo no debe parecer otra etiqueta */
.field>span.hint{font-size:12px;font-weight:400;color:var(--muted);margin-top:-2px;line-height:1.35}
.no-side{gap:16px;padding:18px}
.no-side .field{gap:7px}
.no-pista{display:block;margin-top:6px;font-size:12px;line-height:1.35}
.no-pista:empty{display:none}
.rt-resp.r17{--rc:var(--c1)}.rt-resp.r16{--rc:var(--c4)}.rt-resp.r15{--rc:var(--c5)}
.rs-colsel.todas{border-color:var(--line);color:var(--ink2);background:var(--surface)}
.rs-colsel.todas .rs-coln{font-weight:600}

/* ===== Programar pedido / diseño: vista ligera y compacta ===== */
.dlg-programar .mb,.dlg-dis .mb{gap:10px}
.dlg-programar .prog-sec,.dlg-dis .prog-sec{border:0;border-radius:0;background:none;padding:14px 2px 4px;gap:10px;border-top:1px solid var(--line)}
.dlg-programar .prog-sec:first-of-type{border-top:0}
.dlg-programar .prog-sec-h,.dlg-dis .prog-sec-h{gap:8px;margin:0}
.dlg-programar .prog-sec-h h4,.dlg-dis .prog-sec-h h4{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.dlg-programar .prog-n,.dlg-dis .prog-n{width:18px;height:18px;font-size:10.5px;background:var(--primary-soft);color:var(--primary)}
.dlg-programar .prog-sec-h .hint{padding-left:26px;font-size:12px}
.dlg-programar .field>span:first-child{font-size:12px;font-weight:700;color:var(--ink2)}
.dlg-programar .field>.hint,.dlg-programar .field>small.hint{font-size:11px}
.dlg-programar .input{min-height:38px;padding-top:7px;padding-bottom:7px;font-size:13.5px;border-radius:10px}
.dlg-programar textarea.input{min-height:60px}
.dlg-programar .g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dlg-programar .g-nc{grid-template-columns:minmax(0,1fr) 120px;gap:10px}
.dlg-programar .g-ent{grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:10px}
@media (max-width:620px){.dlg-programar .g3{grid-template-columns:1fr}}
/* Cabecera: artículo y cuentas en una línea */
.prog-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;border-radius:12px;background:var(--sunken)}
.prog-art{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1;min-width:0;font-size:13px}
.prog-art .i{color:var(--muted);width:15px;height:15px}
.prog-cuenta{display:inline-flex;gap:10px;font-size:12px;color:var(--muted)}
.prog-cuenta b{color:var(--ink)}
.prog-cuenta .disp b{color:var(--primary)}
.prog-base{font-size:12px}
/* Interruptores sutiles */
.prog-toggle{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:12.5px;font-weight:600;padding:5px 12px 5px 8px;border:1px solid var(--line);border-radius:999px;cursor:pointer;background:var(--surface);color:var(--ink2)}
.prog-toggle input{margin:0;accent-color:var(--primary)}
.prog-toggle:has(input:checked){border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}
.prog-toggle.pc:has(input:checked){border-color:#F2B8C6;background:#FFF0F4;color:#B4234A}
:root[data-theme="dark"] .prog-toggle.pc:has(input:checked){background:#3A1622;border-color:#6A2A3D;color:#FF9BB5}
/* "Más opciones" recogidas */
.prog-mas{display:inline-flex;align-items:center;gap:6px;border:1px dashed var(--line);background:none;color:var(--muted);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;align-self:flex-start}
.prog-mas:hover{color:var(--primary);border-color:var(--primary)}
.prog-mas .i{width:13px;height:13px}
.prog-mas-w{display:flex;flex-direction:column}
.prog-mas-cuerpo{display:flex;flex-direction:column;gap:10px}
/* Tallas compactas */
.dlg-programar .tallas{gap:8px}
.dlg-programar .tallas>.hint{display:none}
.dlg-programar .tg-chk{padding:4px 12px;font-size:12px;gap:6px}
.dlg-programar .tg h4{margin:2px 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.dlg-programar .tgr{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:5px}
.dlg-programar .tgr label{font-size:10.5px}
.dlg-programar .tgr input{min-height:32px;padding:4px 2px;font-size:13px}
.dlg-programar .sum{padding:6px 10px;font-size:12.5px;border-radius:8px;align-self:flex-start}
/* Diseño elegido y vista previa más bajas */
.dlg-programar .prog-previa{padding:8px;gap:12px;border-radius:12px;margin-top:4px}
.dlg-programar .prog-previa .thumb.big{width:min(220px,40%)}
.dlg-programar .disenos{max-height:200px}
.dlg-programar .dcard{padding:6px;border-width:1px}
.dlg-programar .check.fuerte.pc-cliente{padding:8px 12px}
.prog-mas-celda{display:flex;align-items:flex-end;min-width:0}
.prog-mas-celda .prog-mas-w{width:100%}
.prog-mas-celda .prog-mas{align-self:stretch;justify-content:center;min-height:38px}
/* Ver por persona: el nombre en una línea, el cargo debajo */
.eq-tabla td.eq-persona,.eq-tabla th:first-child{min-width:190px}
.eq-tabla td.eq-persona b{white-space:nowrap}
.eq-tabla td.eq-persona .sub{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.eq-tabla th{white-space:nowrap}
/* Lectura automática del comprobante */
.lc-banda{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:10px;font-size:12.5px;background:var(--sunken);color:var(--ink2);margin:6px 0}
.lc-banda>div{display:flex;flex-direction:column;gap:2px}
.lc-banda .i{width:16px;height:16px;flex:none;margin-top:1px}
.lc-banda.ok{background:var(--ok-soft);color:var(--ok)}
.lc-banda.warn{background:var(--warn-soft);color:var(--warn)}
.lc-banda small{color:var(--ink2);opacity:.85}
.input.auto-fill{border-color:#E8B931!important;background:color-mix(in srgb,#F5C518 12%,var(--surface))!important}
.lc-res{width:100%;border-collapse:collapse;font-size:14px}
.lc-res td{padding:6px 4px;border-bottom:1px solid var(--line)}
.lc-res td:first-child{width:110px}
/* Ficha del respaldo: dos columnas compactas (imagen + adjuntos | datos) y tamaño ajustable */
.dlg-rt .rt-cols{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:820px){.dlg-rt .rt-cols{grid-template-columns:1fr}}
.dlg-rt .rt-izq{display:flex;flex-direction:column;gap:8px;min-width:0;position:sticky;top:0}
.dlg-rt .rt-der{display:flex;flex-direction:column;gap:8px;min-width:0}
.dlg-rt .rt-barra{display:flex;align-items:center;gap:8px}
.dlg-rt .rt-grid{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dlg-rt .rt-grid>div{background:none;border-radius:0;padding:6px 10px;border-bottom:1px solid var(--line);flex-direction:row;align-items:baseline;gap:8px}
.dlg-rt .rt-grid>div:nth-child(odd){border-right:1px solid var(--line)}
.dlg-rt .rt-grid small{flex:none;width:92px;font-size:10.5px}
.dlg-rt .rt-grid b{font-size:12.5px;font-weight:600}
.dlg-rt .rt-descw summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--muted)}
.dlg-rt .rt-desc{margin-top:6px;max-height:200px}
.dlg-rt .rt-img img{max-height:52vh}
.rt-adj-t{font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.rt-tira{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.rt-mini-adj{position:relative;width:64px;height:64px;border:1px solid var(--line);border-radius:10px;overflow:hidden;padding:0;background:var(--sunken);cursor:pointer;display:grid;place-items:center}
.rt-mini-adj img{width:100%;height:100%;object-fit:cover}
.rt-mini-adj.portada{border-color:var(--primary)}
.rt-mini-adj i{position:absolute;left:0;right:0;bottom:0;font-style:normal;font-size:9px;font-weight:700;background:color-mix(in srgb,var(--primary) 85%,transparent);color:#fff;text-align:center}
.rt-doc{display:flex;align-items:center;gap:6px;max-width:100%;border:1px solid var(--line);border-radius:10px;padding:6px 10px;background:var(--surface);cursor:pointer;font-size:12px;text-align:left}
.rt-doc b{font-size:10px;background:var(--sunken);border-radius:6px;padding:2px 6px}
.rt-doc span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
.rt-doc small{color:var(--muted)}
/* Tamaños */
.dlg-rt.rt-t-s .rt-img img{max-height:34vh}
.dlg-rt.rt-t-s .rt-grid>div{padding:4px 8px}
.dlg-rt.rt-t-s .rt-grid b{font-size:12px}
.dlg-rt.rt-t-s .rt-mini-adj{width:48px;height:48px}
.dlg-rt.rt-t-l{width:min(1400px,97vw)!important;max-width:97vw!important}
.dlg-rt.rt-t-l .rt-img img{max-height:72vh}
.dlg-rt.rt-t-l .rt-grid b{font-size:14px}
.dlg-rt.rt-t-l .rt-mini-adj{width:84px;height:84px}
.dlg-rt.rt-t-l .rt-cols{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
/* Programar: estilo "ajustes" — título de sección a la izquierda, campos a la derecha, fondo limpio */
.dlg-programar .mb{background:var(--surface)}
.dlg-programar .prog-top{background:var(--sunken);border:0}
@media (min-width:760px){
  .dlg-programar .prog-sec{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:22px;padding:16px 2px 8px}
  .dlg-programar .prog-sec>.prog-sec-h{align-self:start;flex-direction:column;align-items:flex-start;gap:6px;position:sticky;top:0}
  .dlg-programar .prog-sec-h .hint{padding-left:0;flex-basis:auto;font-size:11.5px;line-height:1.35}
}
.dlg-programar .prog-n{width:22px;height:22px;font-size:11px}
.dlg-programar .prog-sec-h h4{font-size:12.5px;letter-spacing:.04em;color:var(--ink2)}
.dlg-programar .nombre-auto{font-size:11.5px;color:var(--muted);margin-top:4px;display:flex;flex-wrap:wrap;gap:4px;align-items:baseline}
.dlg-programar .nombre-auto b{font-family:var(--mono,ui-monospace,monospace);font-size:11.5px;color:var(--primary);background:var(--primary-soft);padding:1px 6px;border-radius:6px}
.dlg-programar .field>span:first-child{font-size:11.5px;font-weight:600;color:var(--muted);text-transform:none}
.dlg-programar .input{background:var(--sunken);border-color:transparent}
.dlg-programar .input:focus{background:var(--surface);border-color:var(--primary)}
.dlg-programar .tg-chk,.dlg-programar .prog-toggle{background:var(--sunken);border-color:transparent}
.dlg-programar .tgr input{background:var(--sunken);border-color:transparent}
.prog-sec-c{display:flex;flex-direction:column;gap:10px;min-width:0}
.dlg-dis .prog-sec-c{gap:12px}
.dlg-programar.prog-compacta .prog-sec{display:flex;flex-direction:column;gap:8px}
.dlg-programar.prog-compacta .prog-sec>.prog-sec-h{flex-direction:row;align-items:center;position:static}
.dlg-programar.prog-compacta .prog-sec-h .hint{display:none}
/* ===== Recorrido guiado ===== */
.tour-velo{position:fixed;inset:0;z-index:9990;background:transparent}
.tour-velo.lleno{background:rgb(10 14 25/.55)}
.tour-foco{position:fixed;z-index:9991;border-radius:12px;box-shadow:0 0 0 4px var(--primary),0 0 0 9999px rgb(10 14 25/.55);pointer-events:none;transition:all .25s ease}
.tour-card{position:fixed;z-index:9992;background:var(--surface);color:var(--ink);border-radius:16px;padding:14px 16px;box-shadow:0 18px 50px rgb(0 0 0/.3);display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 24px);transition:top .25s ease,left .25s ease}
.tour-prog{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.tour-x{border:0;background:none;font-size:20px;line-height:1;color:var(--muted);cursor:pointer;padding:0 2px}
.tour-t{font-size:16px}
.tour-d{margin:0;font-size:13.5px;line-height:1.45;color:var(--ink2)}
.tour-ej{margin:0;font-size:12.5px;line-height:1.4;background:var(--primary-soft);border-radius:10px;padding:8px 10px;color:var(--ink2)}
.tour-ej span{display:block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);margin-bottom:2px}
.tour-acc{display:flex;justify-content:space-between;align-items:center;margin-top:2px}
.tour-ini{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.tour-ini p{margin:0;font-size:14.5px;line-height:1.5}
.tour-ini-ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}
.tour-ini-ic .i{width:26px;height:26px}
.tour-aviso{position:fixed;z-index:9993;width:280px;background:var(--ink);color:var(--surface);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;font-size:13px;box-shadow:0 14px 36px rgb(0 0 0/.3)}
.tour-aviso .btn{align-self:flex-end}
.tour-q{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;font-size:11px}
.tour-pulso{animation:tourPulso 1.4s ease-in-out infinite}
@keyframes tourPulso{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary) 55%,transparent)}50%{box-shadow:0 0 0 10px transparent}}
@media (prefers-reduced-motion:reduce){.tour-foco,.tour-card{transition:none}.tour-pulso{animation:none}}
.gu-ej{margin:6px 0 0;font-size:12.5px;background:color-mix(in srgb,var(--gc,var(--primary)) 10%,var(--surface));border-radius:10px;padding:8px 10px}
.gu-ej span{display:block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--gc,var(--primary))}
/* ===== Opciones de visualización (Compacta / Normal) ===== */
.vv-seg button{gap:5px}
.vv-seg .i{width:14px;height:14px}
.val-full{display:block;font-size:11px;line-height:1.3;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}
/* Programar en compacta: dos columnas, campos bajos, sin textos de ayuda (cabe sin scroll) */
.dlg-programar.prog-compacta .mb>.prog-top{column-span:all}
.dlg-programar.prog-compacta .prog-sec{padding:8px 10px 10px;gap:6px;border:1px solid var(--line);border-radius:12px}
.dlg-programar.prog-compacta .prog-sec-c{gap:7px}
.dlg-programar.prog-compacta .input{min-height:31px;padding-top:4px;padding-bottom:4px;font-size:12.5px;border-radius:8px}
.dlg-programar.prog-compacta textarea.input{min-height:44px}
.dlg-programar.prog-compacta .field>span:first-child{font-size:11px}
.dlg-programar.prog-compacta .prog-sec-h h4{font-size:11px}
.dlg-programar.prog-compacta .tgr input{min-height:28px}
.dlg-programar.prog-compacta .tg-chk,.dlg-programar.prog-compacta .prog-toggle,.dlg-programar.prog-compacta .prog-mas{padding-top:3px;padding-bottom:3px;font-size:11.5px}
.dlg-programar.prog-compacta .prog-previa .thumb.big{width:min(150px,36%)}
.dlg-programar.prog-compacta .nombre-auto{margin-top:2px}
.dlg-programar.prog-compacta .mh{padding-top:12px;padding-bottom:10px}
/* Orden en compacta: artículos a la izquierda, datos/abonos/modificaciones a la derecha, todo más bajo */
.dlg-orden.vv-compacta{width:min(1320px,96vw)!important;max-width:96vw!important}
@media (min-width:980px){
  .dlg-orden.vv-compacta .mb{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:8px 16px;align-items:start}
  .dlg-orden.vv-compacta .mb>*{margin:0;min-width:0}
  .dlg-orden.vv-compacta .mb>.o-cab{grid-column:1 / -1}
  .dlg-orden.vv-compacta .mb>.o-izq{grid-column:1}
  .dlg-orden.vv-compacta .mb>.o-der{grid-column:2}
}
.dlg-orden .o-izq,.dlg-orden .o-der{display:flex;flex-direction:column;gap:8px;min-width:0}
.dlg-orden.vv-compacta .panel{padding:10px 12px}
.dlg-orden.vv-compacta .ohead{gap:12px}
.dlg-orden.vv-compacta .kv{gap:6px 14px}
.dlg-orden.vv-compacta .kv small{font-size:10.5px}
.dlg-orden.vv-compacta .kv span,.dlg-orden.vv-compacta .kv .link{font-size:13px}
.dlg-orden.vv-compacta .sec-h{margin:4px 0 0}
.dlg-orden.vv-compacta .sec-h h3{font-size:13px}
.dlg-orden.vv-compacta .items{gap:8px}
.dlg-orden.vv-compacta .item h3{font-size:14px;margin:2px 0}
.dlg-orden.vv-compacta .item-a{gap:6px;margin-top:6px}
.dlg-orden.vv-compacta .vrow{padding:6px 8px}
.dlg-orden.vv-compacta .mh{padding-top:12px;padding-bottom:10px}
.mf .vv-seg,.vv-seg{margin-right:auto}
.dlg-orden.vv-compacta .ohead{align-items:center}
.dlg-orden.vv-compacta .factbox{padding:10px 12px;gap:6px}
.dlg-orden.vv-compacta .factbox .big{font-size:20px}
.dlg-orden.vv-compacta .factbox .btn{min-height:28px;padding:3px 9px;font-size:12px}
.dlg-orden.vv-compacta .factbox .thumb{width:40px;height:40px}
.dlg-orden.vv-compacta .mb>section.panel.o-cab{padding:10px 14px!important;border-radius:14px}
.dlg-orden.vv-compacta .item.panel{padding:10px 14px!important;border-radius:14px}
.dlg-orden.vv-compacta .item-h{gap:10px}
.dlg-orden.vv-compacta .ohead{padding:12px 14px;gap:14px}
.dlg-orden.vv-compacta .item-h{padding:10px 14px;gap:12px;grid-template-columns:minmax(0,1fr) 200px}
.dlg-orden.vv-compacta .item-a{padding:0 14px 10px}
.dlg-orden.vv-compacta .factbox{min-width:200px}
/* "Más acciones": panel flotante amplio, grupos en columnas tipo tarjeta, buscador arriba */
.mas-acc[open]>summary{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}
.mas-acc[open] .mas-lista{position:fixed;left:50%;top:auto;bottom:84px;transform:translateX(-50%);width:min(820px,94vw);max-height:min(64vh,560px);
  display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;align-content:start;padding:12px;border-radius:18px;border:1px solid var(--line);
  box-shadow:0 24px 60px rgb(10 14 25/.28);animation:masIn .16s ease-out;z-index:60}
@keyframes masIn{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
.mas-acc .mas-buscar{grid-column:1 / -1;position:sticky;top:0;margin:0 0 2px}
.mas-acc .mas-grupo{border:0;border-radius:12px;padding:6px;background:color-mix(in srgb,var(--g,#94a3b8) 7%,var(--surface));align-self:start}
.mas-acc .mas-grupo:first-of-type{border-top:0}
.mas-acc .mas-grupo small{padding:2px 6px 4px}
.mas-acc .mas-grupo .btn{background:transparent;white-space:normal;text-align:left;line-height:1.25;min-height:32px}
.mas-acc .mas-grupo .btn:hover{background:var(--surface)}
.mas-acc .mas-stop,.mas-acc .mas-vacio{grid-column:1 / -1}
.mas-acc .mas-stop{background:none;border-top:1px solid var(--line);border-radius:0;padding:8px 0 0;display:flex;justify-content:flex-end}
.mas-acc .mas-stop .btn.stop-btn{width:auto;background:var(--bad-soft)}
@media (max-width:600px){.mas-acc[open] .mas-lista{bottom:72px;grid-template-columns:1fr;max-height:70vh}}
@media (prefers-reduced-motion:reduce){.mas-acc[open] .mas-lista{animation:none}}
.dlg-orden.vv-compacta .factbox{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 10px;max-width:520px}
.dlg-orden.vv-compacta .factbox>*{margin:0}
.dlg-orden.vv-compacta .factbox .big{font-size:18px}
.dlg-orden.vv-compacta .ohead{align-items:center}
/* Historial: valores antes → después */
.hist-cambios{display:flex;flex-direction:column;gap:3px;margin:4px 0 2px;padding:6px 10px;border-left:3px solid var(--line);background:var(--sunken);border-radius:0 8px 8px 0;font-size:12px}
.hist-cambios>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.hist-cambios small{min-width:110px;color:var(--muted);font-weight:700}
.hc-antes{color:var(--bad,#b42318);text-decoration:line-through;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}
.hc-desp{color:var(--ok,#067647);font-weight:600}
.hc-fl{color:var(--muted)}
/* ===== Programar pedido · Diseño: a) elegir diseño  b) confirmar imagen y versión ===== */
.dz-paso{display:flex;align-items:center;gap:8px;font-size:12.5px}
.dz-n{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--sunken);color:var(--muted);font-size:10.5px;font-weight:800;text-transform:uppercase}
.dlg-programar .disenos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:6px;max-height:190px;overflow:auto}
.dz-card,.dz-v{display:flex;align-items:center;gap:10px;text-align:left;border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:6px 10px 6px 8px;cursor:pointer;min-width:0;width:100%}
.dz-card:hover,.dz-v:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--line))}
.dz-card.sel,.dz-v.sel{border-color:var(--primary);background:var(--primary-soft)}
.dz-radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--line);flex:none;position:relative;background:var(--surface)}
.sel>.dz-radio{border-color:var(--primary)}
.sel>.dz-radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--primary)}
.dz-card .thumb.sm,.dz-v .thumb.sm{width:42px;height:42px;flex:none;border-radius:8px}
.dz-vtx{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.dz-vtx b{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dz-vtx small{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dz-tag{font-size:10.5px;font-weight:700;color:var(--ok,#067647);background:var(--ok-soft);border-radius:999px;padding:2px 8px;white-space:nowrap;flex:none}
.dz-viejo{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--muted);font-size:12px;cursor:pointer;padding:2px 0;text-decoration:underline;text-underline-offset:3px}
.dz-viejo .i{width:14px;height:14px}
.dz-viejo:hover,.dz-viejo.sel{color:var(--primary)}
.dz-sel{display:flex;flex-direction:column;gap:8px;border-top:1px dashed var(--line);padding-top:10px;margin-top:2px}
.dz-sel-g{display:grid;grid-template-columns:200px minmax(0,1fr);gap:14px;align-items:start}
@media (max-width:620px){.dz-sel-g{grid-template-columns:1fr}}
.dz-sel .prog-previa{margin:0;padding:0;border:0;background:none;flex-direction:column;align-items:stretch;gap:4px}
.dz-sel .prog-previa .thumb.big{width:100%;aspect-ratio:1/1;border-radius:12px}
.dz-prev-t{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:var(--muted);justify-content:center}
.dz-prev-t .i{width:12px;height:12px}
.dz-sel .vers-elegir{display:flex;flex-direction:column;gap:8px}
.dz-vt{display:flex;flex-direction:column;gap:2px}
.dz-vt b{font-size:12.5px}
.dz-vt small{font-size:11.5px;line-height:1.35}
.dz-vlist{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto}
.dlg-programar.prog-compacta .dz-sel-g{grid-template-columns:130px minmax(0,1fr)}
.dlg-programar.prog-compacta .dz-card .thumb.sm,.dlg-programar.prog-compacta .dz-v .thumb.sm{width:34px;height:34px}
.dz-sel .prog-previa .thumb.big,.dlg-programar.prog-compacta .dz-sel .prog-previa .thumb.big{width:100%!important;height:auto!important;aspect-ratio:1/1;max-width:none}
.dlg-programar .prog-sec .alerta.warn{padding:6px 10px;font-size:12px;gap:8px;align-items:center;border-radius:10px}
.dlg-programar .prog-sec .alerta.warn .i{width:15px;height:15px}
.dz-ojo{font-size:11.5px;line-height:1.35;color:var(--warn,#b54708);background:var(--warn-soft);border-radius:8px;padding:5px 8px;font-weight:600}
.hc-arch{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.hc-arch .thumb.xs,.hc-arch .thumb{width:28px;height:28px;border-radius:6px;flex:none}
.hc-sola{margin-left:6px;vertical-align:middle}
.hc-antes .hc-arch{opacity:.7}
/* Tarjeta de versión: la etiqueta de estado no se sale y los botones van juntos */
.ver .chip{max-width:100%;white-space:normal;height:auto;min-height:24px;line-height:1.25;padding-top:3px;padding-bottom:3px;text-align:left;align-self:flex-start;overflow-wrap:anywhere}
.ver .rv{display:flex;flex-wrap:wrap;gap:6px}
.ver .rv .btn{flex:1 1 auto;white-space:nowrap}
.ver .rv .btn{white-space:normal;line-height:1.2;text-align:center;min-height:30px;height:auto;padding-top:5px;padding-bottom:5px}
.copia-carpeta{display:inline-grid;place-items:center;width:24px;height:24px;margin-left:6px;vertical-align:middle;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;opacity:.6;transition:opacity .15s,background .15s}
.copia-carpeta:hover{opacity:1;background:var(--sunken);color:var(--primary)}
.copia-carpeta.ok{opacity:1;color:var(--ok,#067647);background:var(--ok-soft)}
.copia-carpeta .i{width:14px;height:14px}
/* Visor maximizado (pantalla completa) con zoom */
.visor.max{position:fixed;inset:0;z-index:9999;background:#0b0f19;display:flex;align-items:center;justify-content:center;border-radius:0;padding:0;margin:0;max-width:none;max-height:none}
.visor.max .visor-img{width:100vw!important;height:100vh!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0;background:#0b0f19;display:flex;align-items:center;justify-content:center}
.visor.max .visor-img img{width:100%;height:100%;object-fit:contain;max-height:none}
.visor.max .visor-ctrl{position:fixed;right:16px;bottom:16px;z-index:2}
.visor.max .visor-tip{position:fixed;left:16px;bottom:16px;color:#cbd5e1}
.visor.max .visor-nivel{position:fixed;top:16px;right:16px}
.visor:fullscreen{background:#0b0f19}
.visor-ctrl .visor-max{font-size:15px}
.sv-otros{border:1px dashed var(--line);border-radius:12px;padding:8px 12px}
.sv-otros>summary{cursor:pointer;display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--ink2)}
.sv-otros>summary .i{width:15px;height:15px;color:var(--primary)}
.sv-otros[open]>summary{color:var(--primary)}
/* Portada en mosaico */
.mosaico{display:grid;gap:4px;background:var(--surface);border-radius:12px;overflow:hidden;width:100%}
.mosaico.n2{grid-template-columns:1fr 1fr}
.mosaico.n3,.mosaico.n4{grid-template-columns:1fr 1fr}
.mosaico.n5,.mosaico.n6{grid-template-columns:1fr 1fr 1fr}
.mosaico .thumb{width:100%!important;height:auto!important;aspect-ratio:4/3!important;border-radius:6px;object-fit:contain;background:var(--sunken)}
.dz-tag-c{color:var(--primary);background:var(--primary-soft)}
.dz-mos-tog{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;border:1px dashed var(--primary);color:var(--primary);background:none;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;cursor:pointer}
.dz-mos-tog .i{width:14px;height:14px}
.dz-mos-tog.on{background:var(--primary-soft);border-style:solid}
.dz-mos{display:flex;flex-direction:column;gap:6px}
.dz-mos-g{display:flex;flex-wrap:wrap;gap:6px}
.dz-mos-i{position:relative;padding:0;border:2px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;background:var(--surface)}
.dz-mos-i .thumb.sm{width:62px;height:62px;display:block}
.dz-mos-i.sel{border-color:var(--primary)}
.dz-mos-n{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--primary);color:#fff;font-size:11px;display:grid;place-items:center}
/* Preguntas del producto (programar pedido / ficha / configuración) */
.pq-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 12px;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;background:color-mix(in srgb,var(--accent,#3b6cf6) 4%,transparent)}
.pq-lista .field.ancha{grid-column:1/-1}
.pq-chips{display:flex;flex-wrap:wrap;gap:6px}
.pq-chip{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:999px;padding:4px 10px;font-size:12.5px;cursor:pointer}
.pq-chip.on{background:var(--accent,#3b6cf6);border-color:var(--accent,#3b6cf6);color:#fff}
.pq-sn-w{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pq-seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.pq-sn{border:0;background:var(--surface);color:inherit;padding:6px 14px;cursor:pointer;font-size:13px}
.pq-sn+.pq-sn{border-left:1px solid var(--line)}
.pq-sn.on{background:var(--accent,#3b6cf6);color:#fff}
.pq-nota{flex:1;min-width:160px}
.pq-req{color:var(--bad);font-style:normal}
.pq-h{margin:6px 0 0;font-size:13px;color:var(--muted)}
.pq-probar{margin:0 0 10px;border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.pq-probar summary{cursor:pointer;font-weight:600;font-size:13px}
.pq-probar .g3{margin-top:8px}
.pq-prueba{margin-top:8px;font-size:13px}
.cl-pq-btn{padding:2px 8px;font-size:12px}
/* Tasa: del día del pago / de hoy / otra */
.tb-seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface);width:max-content;max-width:100%}
.tb-op{border:0;background:transparent;color:var(--muted);font-size:11.5px;padding:4px 9px;cursor:pointer;white-space:nowrap}
.tb-op+.tb-op{border-left:1px solid var(--line)}
.tb-op.on{background:var(--accent,#3b6cf6);color:#fff}
.tb-izq .input.editada{border-color:var(--warn,#d99a00);background:color-mix(in srgb,var(--warn,#d99a00) 8%,var(--surface))}
.tb-izq{max-width:260px}
/* RIF de factura fiscal */
.rif-caja{display:flex;flex-direction:column;gap:4px;outline:none;border-radius:10px}
.rif-caja:focus-within,.rif-caja:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#3b6cf6) 30%,transparent)}
.rif-ord{margin-left:6px}
.rif-btn{cursor:pointer;border:0;font:inherit;font-size:11.5px}
.rif-sis{font-size:12.5px}
.rif-previo{display:flex;align-items:center;gap:4px;color:var(--ok,#1a8f4c);font-size:12px}
/* Encuestas en boletines */
.bol-acc{display:flex;gap:8px;flex-wrap:wrap}
.bol-plant{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:4px}
.enc{padding:0 20px 14px;display:flex;flex-direction:column;gap:8px}
.enc-lista{display:flex;flex-direction:column;gap:14px}
.enc-q{display:flex;flex-direction:column;gap:6px}
.enc-q b{font-size:14px}.enc-q em{color:var(--bad);font-style:normal}
.enc-ops{display:flex;flex-wrap:wrap;gap:6px}
.enc-op{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer}
.enc-op.on{background:var(--primary);border-color:var(--primary);color:#fff}
.enc-op:disabled,.enc-est:disabled{cursor:default}
.enc-estrellas{display:flex;gap:4px}
.enc-est{border:0;background:none;font-size:28px;line-height:1;color:var(--line);cursor:pointer;padding:0 2px}
.enc-est.on{color:#f5b301}
.enc-anon{display:flex;align-items:center;gap:4px}
.encb{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding:12px;border:1px dashed var(--line);border-radius:12px}
.encb-lista{display:flex;flex-direction:column;gap:10px}
.encb-q{display:flex;flex-direction:column;gap:6px}
.encb-fila{display:grid;grid-template-columns:auto minmax(0,1fr) 170px auto auto;gap:8px;align-items:center}
.encb-n{width:22px;height:22px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:12px;font-weight:700}
.encb-req{font-size:12px;white-space:nowrap}
.encb-ops{display:flex;flex-wrap:wrap;gap:6px;padding-left:30px;align-items:center}
.encb-op{display:flex;gap:4px;align-items:center}.encb-op .input{width:160px;min-height:32px}
@media (max-width:620px){.encb-fila{grid-template-columns:auto minmax(0,1fr) auto}.encb-fila select,.encb-req{grid-column:2}}
.res-cab{display:flex;gap:24px;margin-bottom:6px}.res-cab small{display:block;color:var(--muted);font-size:11.5px}.res-cab b{font-size:18px}
.res-q{border-top:1px solid var(--line);padding:12px 0}.res-q h4{margin:0 0 8px;font-size:14px}
.res-barras{display:flex;flex-direction:column;gap:6px}
.res-fila{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px}
.res-barra{height:10px;border-radius:6px;background:var(--sunken);overflow:hidden}.res-barra span{display:block;height:100%;background:var(--primary);border-radius:6px}
.res-n{font-size:12.5px;white-space:nowrap}
.res-est{display:flex;align-items:center;gap:10px}.res-est>b{font-size:24px}
.res-estrellas span{color:var(--line);font-size:18px}.res-estrellas span.on{color:#f5b301}
.res-txts{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow:auto}
.res-txt{background:var(--sunken);border-radius:10px;padding:8px 10px}.res-txt p{margin:0 0 2px}
.res-quien summary{cursor:pointer;font-size:13px;font-weight:600}
/* Revisión automática / supervisor IA */
.rv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.rv-area{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px;margin-bottom:10px}
.rv-sup{display:flex;flex-wrap:wrap;gap:4px 14px;max-height:150px;overflow:auto;font-size:13px}
.ia-rev{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;margin:8px 0}
.ia-rev.ok{border-color:color-mix(in srgb,var(--ok,#1a8f4c) 40%,var(--line));background:color-mix(in srgb,var(--ok,#1a8f4c) 6%,var(--surface))}
.ia-rev.warn{border-color:color-mix(in srgb,var(--warn,#d99a00) 45%,var(--line));background:color-mix(in srgb,var(--warn,#d99a00) 6%,var(--surface))}
.ia-cab{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ia-obs{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:13px}
.ia-g{display:inline-block;font-size:10.5px;font-weight:700;border-radius:6px;padding:1px 6px;margin-right:6px;background:var(--sunken)}
.ia-obs .g-alta .ia-g{background:var(--bad);color:#fff}.ia-obs .g-media .ia-g{background:var(--warn,#d99a00);color:#fff}
.ia-checks{display:flex;flex-direction:column;gap:4px;font-size:13px}
.ia-conf{font-size:13px}
.chip.auto-rev{background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}
.pie-rev{display:flex;align-items:center;gap:6px;justify-content:center;margin:14px 0 4px;font-size:11.5px;color:var(--muted);opacity:.8}
.pie-rev-d{width:7px;height:7px;border-radius:50%;background:var(--muted)}
.pie-rev-d.m-auto{background:var(--ok,#1a8f4c)}.pie-rev-d.m-suplente{background:var(--warn,#d99a00)}
.crm-us .mt td{vertical-align:middle}
.nd{display:flex;flex-direction:column;gap:4px}
.nd-aviso{display:flex;gap:6px;align-items:flex-start;font-size:12px;color:var(--warn-t,#8a6100);background:color-mix(in srgb,var(--warn,#d99a00) 8%,var(--surface));border-radius:8px;padding:5px 8px}
.nd-par{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.nd-par .chipb{font-size:11.5px}
.btn.danger-t{color:var(--bad)}
.ia-kb-det{margin-bottom:10px}
.ia-kb{display:flex;flex-direction:column;gap:6px;padding-top:8px}
.ia-kb-lista{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow:auto}
.ia-kb-f{display:flex;gap:10px;align-items:flex-start;padding:8px;border:1px solid var(--line);border-radius:10px}
.ia-kb-f .thumb,.ia-kb-f img{width:56px;height:56px;object-fit:cover;border-radius:8px}
.ia-kb-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ia-kb-t p{margin:0;font-size:13px}
.ia-kb-prueba{border-top:1px dashed var(--line);padding-top:8px;margin-top:4px}
/* ===== Guía de uso v2: portada moderna (azul → violeta), recorrido guiado destacado, tarjetas limpias ===== */
.dlg-guia{--gu-a:#1d3a8a;--gu-b:#3b5bdb;--gu-c:#b06cf0}
.dlg-guia.v2 .mh{display:none}
.dlg-guia.v2 .mb{padding:0!important;gap:0}
.gu-hero{position:relative;overflow:hidden;color:#fff;padding:26px 28px 22px;background:linear-gradient(120deg,var(--gu-a) 0%,var(--gu-b) 55%,var(--gu-c) 120%)}
.gu-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50% 50% 50% 8px;background:color-mix(in srgb,var(--gu-c) 70%,#fff 0%);opacity:.35}
.gu-hero::before{content:"";position:absolute;right:120px;bottom:-90px;width:170px;height:170px;border-radius:50%;background:#fff;opacity:.06}
.gu-hero-top{display:flex;align-items:flex-start;gap:16px;position:relative;z-index:1}
.gu-hero-ic{flex:none;width:52px;height:52px;border-radius:16px 16px 16px 4px;background:color-mix(in srgb,var(--gu-c) 85%,#fff);display:grid;place-items:center;box-shadow:0 8px 24px rgba(20,20,60,.25)}
.gu-hero-ic svg.i{width:26px;height:26px;color:#fff}
.gu-hero h2{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.gu-hero p{margin:6px 0 0;opacity:.85;font-size:14px;max-width:520px}
.gu-hero-x{margin-left:auto;border:0;background:rgba(255,255,255,.14);color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1}
.gu-hero-x:hover{background:rgba(255,255,255,.25)}
.gu-hero-acc{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px;position:relative;z-index:1}
.gu-tour{display:inline-flex;align-items:center;gap:12px;border:0;cursor:pointer;background:#fff;color:var(--gu-a);font-weight:800;font-size:15px;padding:8px 8px 8px 18px;border-radius:999px;box-shadow:0 10px 28px rgba(15,20,70,.3);transition:transform .15s,box-shadow .15s}
.gu-tour:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(15,20,70,.38)}
.gu-tour small{display:block;font-weight:600;font-size:11.5px;color:#5b6b9a}
.gu-tour .gu-tour-go{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--gu-a),var(--gu-b));display:grid;place-items:center;color:#fff;font-size:20px}
.gu-tour-badge{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--gu-c);color:#fff;border-radius:999px;padding:3px 9px;margin-left:2px}
.gu-hero .gu-busca{flex:1 1 220px;max-width:340px;margin-left:auto;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.14);color:#fff;padding:0 16px}
.gu-hero .gu-busca::placeholder{color:rgba(255,255,255,.75)}
.gu-hero .gu-mias{margin-top:16px;position:relative;z-index:1}
.gu-hero .gu-chip{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08)}
.gu-hero .gu-chip.propia{background:rgba(255,255,255,.16);color:#fff}
.gu-hero .gu-chip[aria-pressed="true"]{background:#fff;color:var(--gu-a);border-color:#fff}
.gu-hero .gu-otras summary{color:rgba(255,255,255,.85)}
.gu-cont{padding:16px 24px 8px;display:flex;flex-direction:column;gap:12px}
.dlg-guia.v2 .gu-barra2{margin:0;position:sticky;top:0;z-index:2;background:var(--surface);padding:10px 0;border-bottom:1px solid var(--line)}
.dlg-guia.v2 .gu-segs{background:var(--sunken);border-radius:999px;padding:3px}
.dlg-guia.v2 .gu-segs button{border-radius:999px}
.dlg-guia.v2 .gu-segs button[aria-pressed="true"]{background:var(--surface);box-shadow:0 2px 8px rgba(20,30,80,.10);color:var(--gu-b)}
.dlg-guia.v2 .gu-cab{background:linear-gradient(135deg,color-mix(in srgb,var(--gc) 10%,var(--surface)),var(--surface) 75%);border:1px solid color-mix(in srgb,var(--gc) 18%,var(--line));padding:14px 16px;border-radius:16px}
.dlg-guia.v2 .gu-fila{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 1px 2px rgba(20,30,80,.04);transition:box-shadow .15s,border-color .15s}
.dlg-guia.v2 .gu-fila:hover{border-color:color-mix(in srgb,var(--gc) 40%,var(--line));box-shadow:0 6px 18px rgba(20,30,80,.08)}
.dlg-guia.v2 .gu-fila[open]{border-color:color-mix(in srgb,var(--gc) 45%,var(--line));box-shadow:0 8px 24px rgba(20,30,80,.10)}
.dlg-guia.v2 .gu-ej{border-left:3px solid var(--gc,var(--gu-b));background:color-mix(in srgb,var(--gc,var(--gu-b)) 7%,var(--surface));border-radius:0 12px 12px 0;padding:10px 12px}
.dlg-guia.v2 .gu-ej span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gc,var(--gu-b));margin-bottom:2px}
.gu-tour-mini{display:flex;align-items:center;gap:10px;justify-content:space-between;border:1px dashed color-mix(in srgb,var(--gu-b) 40%,var(--line));border-radius:14px;padding:10px 14px;background:color-mix(in srgb,var(--gu-b) 5%,var(--surface))}
.gu-tour-mini b{font-size:13.5px}.gu-tour-mini small{color:var(--muted);display:block}
@media (max-width:640px){.gu-hero{padding:20px 18px}.gu-hero h2{font-size:21px}.gu-hero .gu-busca{max-width:none;margin-left:0}.gu-cont{padding:12px 14px}}
@media (max-width:640px){.dlg-guia.v2 .gu-segs{border-radius:14px}}