/* Gastelek CRM — sistema visual compartido */
:root{--bg:#f6f7f9;--side:#fff;--line:#ecedf1;--txt:#111827;--mut:#6b7280;--azul:#1A4789;--azul2:#2557b6;--soft:#eaf1fb;--verde:#16a34a;--verdebg:#e7f6ee;--amar:#d97706;--amarbg:#fdf1e3;--rojo:#dc2626;--rojobg:#fdecec;--borde:#ecedf1;--gris:#f3f4f6;}
*{box-sizing:border-box;margin:0;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;}
html{background:var(--bg);}
body{background:var(--bg);color:var(--txt);}
#app{display:none;}
a{text-decoration:none;color:inherit;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
.svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none;}
input,select,textarea{font-family:inherit;font-size:14px;border:1px solid var(--line);border-radius:9px;padding:9px 11px;width:100%;background:#fff;color:var(--txt);}
input:disabled,select:disabled,textarea:disabled{background:var(--gris);color:var(--mut);-webkit-text-fill-color:var(--mut);border-style:dashed;cursor:not-allowed;}
textarea{min-height:52px;resize:vertical;}
label{font-size:12px;color:var(--mut);display:block;margin-bottom:5px;}
.hint,.det{font-size:12px;color:var(--mut);} .err{color:var(--rojo);font-size:13px;min-height:16px;}
.rojo{color:var(--rojo);} .verde{color:var(--verde);} .amar{color:var(--amar);} .right{text-align:right;} .center{text-align:center;}

/* Login */
#gk-login{position:fixed;inset:0;background:var(--bg);display:none;align-items:center;justify-content:center;padding:16px;z-index:100;}
#gk-login .box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;max-width:360px;width:100%;box-shadow:0 8px 30px rgba(0,0,0,.06);}
#gk-login img{height:40px;margin-bottom:14px;}
#gk-login h1{font-size:16px;color:var(--mut);font-weight:600;margin-bottom:14px;}
#gk-login .mrow{margin-bottom:11px;}
#gk-login button{width:100%;background:var(--azul);color:#fff;font-weight:600;border-radius:9px;padding:11px;font-size:15px;}

/* Shell */
.shell{display:none;min-height:100vh;}
.side{position:fixed;top:0;left:0;bottom:0;width:230px;background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:16px 12px;z-index:20;}
.brand{display:flex;align-items:center;padding:10px 6px 18px;} .brand img{width:100%;height:auto;display:block;}
.side nav{display:flex;flex-direction:column;gap:2px;}
.side nav a{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;color:#374151;font-size:14px;font-weight:500;}
.side nav a:hover{background:var(--gris);}
.side nav a.act{background:var(--soft);color:var(--azul);font-weight:600;} .side nav a.act .svg{stroke:var(--azul);}
.side .sep{flex:1;}
.side .userbox{border-top:1px solid var(--line);padding-top:12px;margin-top:8px;position:relative;}
.userbtn{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:10px;}
.userbtn:hover{background:var(--gris);}
.av{width:34px;height:34px;border-radius:9px;background:var(--soft);color:var(--azul);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px;flex:none;}
.userbtn .un{font-size:13px;font-weight:600;text-align:left;line-height:1.15;display:block;} .userbtn .ur{font-size:11px;color:var(--mut);text-align:left;display:block;}
.usermenu{position:absolute;left:8px;right:8px;bottom:56px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.1);padding:6px;display:none;}
.usermenu.on{display:block;}
.usermenu button{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:7px;font-size:13px;color:var(--txt);} .usermenu button:hover{background:var(--gris);}

main{margin-left:230px;padding:22px 26px 44px;}
.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.topbar h1{font-size:24px;font-weight:800;letter-spacing:-.3px;}
.topright{display:flex;align-items:center;gap:12px;}
.bell{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;color:#374151;}
.chip-user{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border:1px solid var(--line);border-radius:30px;background:#fff;font-size:13px;font-weight:600;color:var(--txt);}
.chipwrap{position:relative;} button.chip-user{cursor:pointer;}
.usermenu2{position:absolute;right:0;top:46px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 26px rgba(0,0,0,.16);padding:6px;min-width:170px;display:none;z-index:70;}
.usermenu2.on{display:block;}
.usermenu2 button{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:7px;font-size:13px;color:var(--txt);background:none;border:none;cursor:pointer;} .usermenu2 button:hover{background:var(--gris);}
#gk-main{}

/* Buttons */
button.b, .btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;font-size:14px;font-weight:600;border:1px solid var(--line);background:#fff;color:var(--txt);}
.btn:hover{background:#f9fafb;}
.btn-primary{background:var(--azul);color:#fff;border:none;} .btn-primary:hover{background:var(--azul2);}
/* default buttons in modules = primary */
main button:not(.sec):not(.mini):not(.danger):not(.ok):not(.chip):not(.userbtn):not(.bell):not([class]),
.mbtns .b-save,.btns button:last-child{background:var(--azul);color:#fff;border:none;border-radius:10px;padding:10px 16px;font-weight:600;font-size:14px;}
button.sec{background:#fff;color:var(--txt);border:1px solid var(--line);border-radius:10px;padding:10px 16px;font-weight:600;font-size:14px;}
.b-save{background:var(--azul);color:#fff;border:none;border-radius:10px;padding:10px 18px;font-weight:600;font-size:14px;} .b-save:hover{background:var(--azul2);}
.b-cancel{border:1px solid var(--line);background:#fff;color:var(--txt);border-radius:10px;padding:10px 18px;font-weight:600;font-size:14px;}
button.ok{background:var(--verde);color:#fff;border:none;border-radius:9px;padding:8px 12px;font-weight:600;}
button.danger{background:#fff;color:var(--rojo);border:1px solid var(--line);border-radius:9px;padding:8px 12px;font-weight:600;}
button.mini{padding:7px 12px;font-size:13px;border-radius:9px;}
.btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;}
/* Cerrar siempre en el mismo lugar: la tacha arriba a la derecha de cualquier ventana */
.modal .card,.modal .box{position:relative;}
.xclose{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:8px;border:1px solid var(--line);
  background:#fff;color:var(--mut);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:3;
  transition:background .13s,color .13s,border-color .13s;}
.xclose svg{width:15px;height:15px;}
.xclose:hover{background:var(--rojobg);border-color:#f0c2c2;color:var(--rojo);}
/* El primer bloque del encabezado cede espacio para que la tacha no lo tape */
.modal .card>.xclose+*,.modal .box>.xclose+*{padding-right:40px;}
.mbtns{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;align-items:stretch;}
/* Mismo alto real: b-save no tenía borde y b-cancel sí, por eso no alineaban */
.mbtns button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1;}
.mbtns .b-save{border:1px solid var(--azul);}
.mbtns .b-cancel{border:1px solid var(--line);background:#fff;color:var(--txt);border-radius:10px;padding:10px 18px;font-weight:600;}

/* Cards / stats */
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px;}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;}
.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;align-items:center;gap:13px;}
/* Tarjeta clicable = aplica su filtro en la lista ("¿cuáles son?") */
.stat[data-f]{cursor:pointer;transition:box-shadow .12s,transform .12s,border-color .12s,background .12s;}
.stat[data-f]:hover{box-shadow:0 3px 10px rgba(16,24,40,.08);transform:translateY(-1px);}
.stat.act{border-color:var(--azul);background:#f5f8fd;box-shadow:0 0 0 2px rgba(26,71,137,.14);}
.stat.simple{display:block;text-align:left;}
.stat .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none;}
.stat b{font-size:24px;font-weight:800;display:block;line-height:1.1;color:var(--txt);white-space:nowrap;}
.stat b .cur{font-size:13px;font-weight:700;color:var(--mut);letter-spacing:.3px;}
.stat span{font-size:12px;color:var(--mut);}
.ic-b{background:var(--soft);color:var(--azul);} .ic-g{background:var(--verdebg);color:var(--verde);} .ic-a{background:var(--amarbg);color:var(--amar);} .ic-r{background:var(--rojobg);color:var(--rojo);}

/* Toolbar / search / chips */
.toolbar{display:flex;gap:12px;margin-bottom:12px;align-items:center;flex-wrap:wrap;}
.search{flex:1;position:relative;min-width:220px;}
.search .svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--mut);}
.search input{padding-left:40px;padding-right:36px;height:44px;border-radius:11px;}
.barra{display:flex;gap:10px;margin-bottom:12px;align-items:center;} .barra input{flex:1;height:44px;border-radius:11px;}
.chips,.tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;align-items:center;}
.chip,.tabs button{padding:8px 14px;border-radius:30px;border:1px solid var(--line);background:#fff;font-size:13px;font-weight:600;color:#374151;}
.chip:hover,.tabs button:hover{background:#f9fafb;}
.chip.act,.tabs button.act{background:var(--azul);color:#fff;border-color:var(--azul);}
.chips select,.tabs select{width:auto;border-radius:30px;padding:8px 12px;font-weight:600;color:#374151;}

/* List rows (compact) */
.listcard,.card>#lista,#lista{}
.fila{display:flex;align-items:center;gap:12px;padding:11px 8px;border-bottom:1px solid var(--line);cursor:pointer;}
.fila:last-child{border-bottom:none;} .fila:hover{background:#fafbfc;}
.fila .nom,.fila .fo{font-size:14px;font-weight:600;}
.fila .cl{font-size:13px;} .fila .de,.fila .cd{font-size:12px;color:var(--mut);}
.fila .cta{margin-left:auto;font-size:12px;color:var(--azul);font-weight:600;}
.fila>div:first-child{flex:1;min-width:0;}
.fila .nom,.fila .de,.fila .cl,.fila .fo,.fila .cd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fila .tot{margin-left:auto;font-size:16px;font-weight:800;text-align:right;white-space:nowrap;letter-spacing:-.2px;}
.fila .pr{margin-left:auto;text-align:right;} .fila .pr b{font-size:15px;font-weight:800;} .fila .st{font-size:12px;font-weight:600;}
.fila .saldo{font-size:12px;font-weight:700;}
.inact{opacity:.5;}

/* Badges */
.badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:7px;background:var(--soft);color:var(--azul);}
.badge.pri{background:#e7f0ff;color:var(--azul);}
.b-borrador,.b-pendiente,.b-emitida{background:#eef0f3;color:#555;}
.b-enviada,.b-en_proceso,.b-confirmada{background:#e7f0ff;color:var(--azul);}
.b-seguimiento,.b-entregado{background:var(--amarbg);color:var(--amar);}
.b-ganada,.b-completado,.b-recibida{background:var(--verdebg);color:var(--verde);}
.b-perdida,.b-cancelada{background:var(--rojobg);color:var(--rojo);}
.b-parcial{background:var(--amarbg);color:var(--amar);}
.b-expirada{background:#eee;color:#888;} .venc{background:var(--rojobg);color:var(--rojo);}
.tag{font-size:11px;background:var(--gris);border-radius:6px;padding:2px 7px;color:var(--mut);} .tag.pri{background:#e7f0ff;color:var(--azul);}
.stockpill{font-size:11px;border-radius:20px;padding:2px 9px;font-weight:700;} .stock-si{background:var(--verdebg);color:var(--verde);} .stock-no{background:var(--rojobg);color:var(--rojo);}

/* Tables */
table{width:100%;border-collapse:collapse;font-size:13px;}
th{text-align:left;color:var(--mut);font-weight:600;border-bottom:1px solid var(--line);padding:7px 6px;font-size:12px;}
td{padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top;}
td input,td select{padding:6px;font-size:13px;}

/* Grids / forms */
.mrow{margin-bottom:11px;} .mrow2{display:grid;grid-template-columns:1fr 1fr;gap:10px;} .mrow3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px;} .g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;} .g4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;}
.chk{display:flex;align-items:center;gap:8px;} .chk input{width:auto;}
.sec-h{font-size:12px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.4px;margin:14px 0 8px;border-top:1px solid var(--line);padding-top:12px;}
h3{font-size:16px;color:var(--txt);font-weight:700;}

/* Contact rows */
.con{padding:10px 4px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:8px;align-items:center;}
.con:last-child{border-bottom:none;} .con .cn{font-size:14px;font-weight:600;} .con .cd{font-size:12px;color:var(--mut);}

/* Modal */
.modal{position:fixed;inset:0;background:rgba(15,23,42,.42);display:none;align-items:flex-start;justify-content:center;padding:24px 16px;z-index:60;overflow:auto;}
.modal.on{display:flex;}
.modal .card,.modal .box{background:#fff;border-radius:16px;padding:20px;max-width:520px;width:100%;margin:10px 0;box-shadow:0 20px 50px rgba(0,0,0,.2);border:none;}
.modal.sm .card,.modal.sm .box{max-width:400px;}
.modal.wide .card,.modal.wide .box{max-width:560px;}
.imgprev{width:90px;height:90px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#fff;}

/* Product picker */
.pick{position:relative;} .pickbox{position:absolute;z-index:30;left:0;right:0;top:100%;background:#fff;border:1px solid var(--line);border-radius:0 0 11px 11px;max-height:300px;overflow:auto;box-shadow:0 12px 26px rgba(0,0,0,.14);}
.pickbox .it{padding:9px 11px;border-bottom:1px solid var(--line);cursor:pointer;font-size:13px;} .pickbox .it:hover{background:var(--gris);} .pickbox .it .s{font-size:11px;color:var(--mut);}
.tot-box{display:grid;grid-template-columns:1fr auto;gap:4px 24px;max-width:340px;margin-left:auto;font-size:14px;} .tot-box .big{font-size:18px;font-weight:800;color:var(--azul);} .tot-box .lbl{color:var(--mut);}
.margen{font-size:12px;color:var(--verde);font-weight:700;} .margen.bajo{color:var(--rojo);}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;} .d-g{background:var(--verde);} .d-a{background:var(--amar);} .d-r{background:var(--rojo);}

/* Home modules */
.mods{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}
.mod{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;}
.mod:hover{background:#fafbfc;} .mod b{font-size:16px;color:var(--azul);display:block;margin-bottom:4px;} .mod span{font-size:12px;color:var(--mut);}

/* Toast */
#gk-msg{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#111827;color:#fff;padding:11px 20px;border-radius:11px;display:none;font-size:14px;z-index:120;box-shadow:0 8px 24px rgba(0,0,0,.25);}

/* Print */
#print{display:none;}
@media print{body>*{display:none!important;}#print{display:block!important;position:static;width:100%;}#print thead{display:table-header-group;}#print tfoot{display:table-footer-group;}@page{size:letter;margin:12mm;}}

#gk-mtop,#gk-mbot,#gk-drawer-ov{display:none;}
@media(max-width:860px){
  /* Barra superior móvil */
  #gk-mtop{display:flex;position:fixed;top:0;left:0;right:0;height:56px;background:#fff;border-bottom:1px solid var(--line);align-items:center;justify-content:space-between;padding:0 10px;z-index:60;}
  #gk-mtop .mlogo{position:absolute;left:50%;transform:translateX(-50%);height:40px;}
  #gk-mtop .ham{width:42px;height:42px;border:none;background:none;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;color:var(--txt);}
  #gk-mtop .ham:hover{background:var(--gris);} #gk-mtop .ham svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;}
  #gk-mtop .mright{display:flex;align-items:center;gap:6px;}
  #gk-mtop .bell{display:flex;width:38px;height:38px;border:none;background:none;}
  /* Barra inferior móvil */
  #gk-mbot{display:flex;position:fixed;bottom:0;left:0;right:0;min-height:60px;background:#fff;border-top:1px solid var(--line);z-index:60;padding-bottom:env(safe-area-inset-bottom,0);}
  #gk-mbot a,#gk-mbot button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10.5px;color:var(--mut);background:none;border:none;font-weight:600;cursor:pointer;padding:8px 0;}
  #gk-mbot .act{color:var(--azul);} #gk-mbot svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
  /* Cajón (drawer) */
  #gk-drawer-ov{display:none;position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:70;} #gk-drawer-ov.on{display:block;}
  .side{position:fixed;left:0;top:0;bottom:0;width:264px;flex-direction:column;padding:16px 12px;transform:translateX(-100%);transition:transform .25s ease;z-index:80;box-shadow:0 0 44px rgba(0,0,0,.22);}
  .side.open{transform:none;}
  .side .sep{display:block;flex:1;} .side .userbox{display:block;} .brand img{width:auto;height:40px;}
  main{margin-left:0;padding:70px 14px 82px;}
  .topbar .topright{display:none;} .topbar h1{font-size:22px;}
  .stats{grid-template-columns:1fr 1fr;gap:10px;} .stat{padding:13px;} .stat b{font-size:20px;} .mods{grid-template-columns:1fr;}
  .card:has(>.ct){overflow-x:auto;} .ct{min-width:700px;}
  .pgbar{justify-content:center;} .pgbar>.hint{width:100%;text-align:center;order:-1;}
  .toolbar .search{min-width:100%;}
  .dash-row3,.dash-row2{grid-template-columns:1fr;} .qgrid{grid-template-columns:1fr 1fr;}
}

/* ===== Data tables (listas compartidas) ===== */
.ct{width:100%;border-collapse:separate;border-spacing:0;}
.ct th{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--mut);font-weight:600;padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;}
.ct td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:13px;}
.ct tr:last-child td{border-bottom:none;} .ct tbody tr{cursor:pointer;} .ct tbody tr:hover{background:#fafbfc;}
.ct .nm{font-weight:600;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px;}
.ct .sub2{font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px;}
.sortable{cursor:pointer;user-select:none;} .sortable:hover{color:var(--azul);}
.folio{color:var(--azul);font-weight:700;cursor:pointer;} .folio:hover{text-decoration:underline;}
.cli-cell{display:flex;align-items:center;gap:11px;min-width:0;}
.cav{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none;}
.cli-cell .nm{max-width:240px;} .cli-cell .rf{font-size:12px;color:var(--mut);}
.loc{display:inline-flex;align-items:center;gap:6px;color:#374151;white-space:nowrap;} .loc svg{width:15px;height:15px;color:var(--mut);flex:none;}
.ppl{display:inline-flex;align-items:center;gap:6px;color:#374151;} .ppl svg{width:15px;height:15px;color:var(--mut);}
.est{display:inline-block;font-size:11px;font-weight:700;padding:4px 11px;border-radius:20px;}
.est-a{background:var(--verdebg);color:#15803d;} .est-i{background:#eef0f3;color:#6b7280;}
.actbtns{display:flex;gap:6px;justify-content:flex-end;position:relative;}
.iconbtn{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;color:#374151;}
.iconbtn:hover{background:#f3f4f6;} .iconbtn svg{width:16px;height:16px;}
.rowmenu{position:absolute;top:38px;right:0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 26px rgba(0,0,0,.14);padding:6px;z-index:25;display:none;min-width:170px;}
.rowmenu.on{display:block;} .rowmenu button{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:7px;font-size:13px;font-weight:500;border:none;color:var(--txt)!important;background:transparent!important;} .rowmenu button:hover{background:var(--gris)!important;} .rowmenu button.dz{color:var(--rojo)!important;}
.pgbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 4px 2px;flex-wrap:wrap;}
.pgnums{display:flex;gap:4px;align-items:center;} .pgnums button{min-width:34px;height:34px;padding:0 8px;border-radius:9px;border:1px solid var(--line);background:#fff;font-size:13px;font-weight:600;color:#374151;}
.pgnums button.act{background:var(--azul);color:#fff;border-color:var(--azul);} .pgnums button:disabled{opacity:.4;cursor:default;} .pgnums button:not(:disabled):not(.act):hover{background:#f3f4f6;} .pgnums .dots{color:var(--mut);padding:0 2px;}
.selwrap{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--mut);} .selwrap select{width:auto;padding:8px 10px;font-weight:600;color:#374151;}
.filtrow{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap;} .filtrow select{width:auto;border-radius:9px;padding:9px 12px;font-weight:600;color:#374151;}
.ct .money{text-align:right;font-weight:700;white-space:nowrap;}
/* Etiqueta que solo aparece en celular, cuando la lista pierde su encabezado */
.lb{display:none;}
@media(max-width:760px) and (min-width:701px){.ct{font-size:12px;} .ct th,.ct td{padding:9px 8px;} .cli-cell .nm{max-width:150px;}}

/* ===== Celular: las listas dejan de ser tabla y se vuelven tarjetas =====
   Con scroll horizontal había que arrastrar para llegar al monto y a las
   acciones, que es justo lo que uno busca. Cada renglón se apila: título
   arriba, acciones fijas en la esquina y el resto fluyendo como texto. */
@media(max-width:700px){
  .card:has(>.ct){overflow-x:visible;}
  .ct{min-width:0;display:block;font-size:13px;}
  .ct thead{display:none;}
  .ct tbody{display:block;}
  .ct tr{display:block;position:relative;padding:12px 10px;border-bottom:1px solid var(--line);}
  .ct tbody tr:last-child{border-bottom:none;}
  .ct td{display:inline-block;vertical-align:top;max-width:100%;border:none!important;
    padding:1px 12px 1px 0!important;text-align:left!important;font-size:12.5px;}
  /* Las dos primeras celdas dejan libre la esquina donde viven las acciones;
     de la tercera en adelante ya van por debajo y pueden usar todo el ancho. */
  .ct td:first-child{display:block;font-size:14.5px;font-weight:700;padding-right:118px!important;margin-bottom:2px;}
  .ct td:nth-child(2){display:block;padding-right:118px!important;margin-bottom:3px;}
  .ct td:last-child{position:absolute;top:8px;right:6px;padding:0!important;}
  .ct td.hint[colspan]{display:block;padding:22px 0!important;text-align:center!important;font-weight:400;font-size:13px;}
  /* Los encabezados de sección (Requieren atención / En curso) siguen a la izquierda */
  .ct .secrow{padding:14px 10px 2px;border-bottom:none;}
  .ct .secrow td{position:static!important;display:block;font-size:12px;font-weight:700;padding:0!important;}
  .ct .nm,.ct .sub2,.ct .cli-cell .nm{max-width:none;white-space:normal;overflow:visible;}
  .ct .money{text-align:left!important;}
  .lb{display:inline;color:var(--mut);font-weight:500;}
  .cav{width:32px;height:32px;font-size:12px;}
  .rowmenu{top:40px;}
  /* Formularios: dos y tres columnas no caben en 414px */
  .g2,.g3,.g4,.mrow2,.mrow3{grid-template-columns:1fr;}
  .modal{padding:12px 10px;}
  .modal .card,.modal .box{padding:16px;}
  .mbtns{flex-wrap:wrap;}
  .topbar{flex-wrap:wrap;gap:10px;} .topbar h1{font-size:20px;}
  .pgbar{justify-content:center;}
  .filtrow select,.chips select{max-width:100%;}
  main{padding-left:12px;padding-right:12px;}
}