.tbl-wrap{overflow-x:auto;border-radius:var(--r2);border:1px solid var(--border);box-shadow:var(--sh);-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:11.5px}
/* La columna "×" (Eliminar) es la última de 21 y quedaba prácticamente
   inalcanzable sin desplazarse hasta el final de la tabla — queda fija
   pegada al borde derecho mientras se hace scroll horizontal, como el
   encabezado que ya es sticky verticalmente. */
.col-sticky-right{position:sticky;right:0;background:var(--white);box-shadow:-2px 0 4px rgba(0,0,0,.08);z-index:5}
thead .col-sticky-right{z-index:15;background:var(--ink)}
/* La tabla de Datos tiene ~21 columnas — nunca va a caber entera en un
   celular. Ya tenía overflow-x:auto (así que no se rompe el layout), pero
   en pantallas chicas agregamos un aviso de que se puede desplazar en
   horizontal, porque no siempre es obvio a simple vista. */
.tbl-scroll-hint{display:none}
@media (max-width:768px){
  .tbl-scroll-hint{display:block;text-align:center;font-size:10.5px;color:var(--ink4);margin-top:6px}
  .filter-bar{padding:10px 12px}
}
thead tr{background:var(--ink)}
thead th{color:rgba(255,255,255,.8);padding:8px 10px;text-align:left;font-weight:600;white-space:nowrap;font-size:10px;letter-spacing:.5px}
tbody tr{border-bottom:1px solid var(--border);transition:background .1s}
tbody tr:last-child{border-bottom:none}
tbody tr:hover{filter:brightness(.97)}
tbody td{padding:6px 10px;white-space:nowrap}
.cc{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10.5px;font-weight:700;border:1px solid rgba(0,0,0,.1)}
.filter-bar{background:var(--white);border-radius:var(--r2);border:1px solid var(--border);box-shadow:var(--sh);padding:12px 16px;margin-bottom:12px}
.fb-date-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.fb-date-row label{font-size:10px;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:.5px}
.fb-date-row input[type=date]{height:30px;border:1.5px solid var(--border);border-radius:var(--r);padding:0 8px;font-family:var(--font);font-size:11.5px;color:var(--ink)}
.fb-date-row input[type=date]:focus{outline:none;border-color:var(--p)}
.fb-chips{display:flex;flex-wrap:wrap;gap:6px}
.fc{position:relative;display:inline-block}
.fc-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;border:1.5px solid var(--border);background:var(--white);font-family:var(--font);font-size:11px;font-weight:600;color:var(--ink2);cursor:pointer;transition:.15s;white-space:nowrap}
.fc-btn:hover,.fc-btn.active{border-color:var(--p);color:var(--p);background:var(--p3)}
.fc-btn svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}
.fc-count{background:var(--p);color:white;border-radius:99px;font-size:9px;font-weight:700;padding:0 4px;min-width:13px;height:13px;display:none;align-items:center;justify-content:center}
.fc-btn.active .fc-count{display:inline-flex}
.fc-dd{position:absolute;top:calc(100% + 6px);left:0;background:var(--white);border:1.5px solid var(--border);border-radius:var(--r2);box-shadow:var(--sh2);min-width:200px;z-index:50;display:none;overflow:hidden}
.fc-dd.open{display:block}
.fc-search{padding:7px;border-bottom:1px solid var(--border)}
.fc-search input{width:100%;height:26px;border:1.5px solid var(--border);border-radius:6px;padding:0 7px;font-family:var(--font);font-size:11px}
.fc-search input:focus{outline:none;border-color:var(--p)}
.fc-opts{max-height:180px;overflow-y:auto}
.fc-opt{display:flex;align-items:center;gap:7px;padding:6px 10px;cursor:pointer;font-size:11.5px;user-select:none}
.fc-opt:hover{background:var(--bg)}
.fc-opt input[type=checkbox]{width:12px;height:12px;accent-color:var(--p);flex-shrink:0}
.fc-opt-lbl{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-opt-c{font-size:10px;color:var(--ink4);font-family:var(--mono)}
.fc-footer{padding:6px 10px;border-top:1px solid var(--border);display:flex;justify-content:space-between}
.fc-footer span{font-size:10px;color:var(--ink3)}
.fc-footer button{font-size:10px;color:var(--p);background:none;border:none;cursor:pointer;font-family:var(--font);font-weight:600}
.active-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.a-tag{display:inline-flex;align-items:center;gap:4px;background:var(--p3);color:var(--p);border:1px solid var(--p);border-radius:99px;padding:2px 8px;font-size:10px;font-weight:600}
.a-tag button{background:none;border:none;cursor:pointer;color:var(--p);font-size:13px;line-height:1;padding:0}
.a-tag-quick{background:var(--redbg);color:var(--red);border-color:var(--red)}
.a-tag-quick button{color:var(--red)}
.rep-inp{width:100%;min-width:72px;height:26px;border:1.5px solid var(--border);border-radius:6px;padding:0 6px;font-family:var(--font);font-size:11px;color:var(--ink);box-sizing:border-box}
.rep-inp:focus{outline:none;border-color:var(--p)}
.rep-auto{color:var(--ink4);font-family:var(--mono);font-size:11px}
#rep-edit-tbody td{padding:5px 6px}