/* DEPURAR-ARTICULOS-v1 — estilo de la pantalla «Depurar artículos». Variables del anfitrión con respaldo; todo bajo .dep- */
.dep-raiz { position: fixed; inset: 0; z-index: 9000; background: rgba(15, 23, 42, 0.55); display: flex; align-items: flex-start; justify-content: center; padding: 24px 12px; overflow: auto;
  --dep-azul: var(--azul, rgb(26, 60, 143)); --dep-rojo: var(--rojo, rgb(220, 38, 38)); --dep-verde: var(--verde-dark, rgb(22, 163, 74)); --dep-naranja: var(--naranja, rgb(217, 119, 6));
  --dep-gris: var(--gris, rgb(100, 116, 139)); --dep-gris-bg: var(--gris-light, rgb(241, 245, 249)); --dep-borde: var(--borde, rgb(226, 232, 240)); --dep-texto: var(--texto, rgb(30, 41, 59)); --dep-blanco: var(--blanco, rgb(255, 255, 255)); }
.dep-panel { background: var(--dep-blanco); color: var(--dep-texto); width: 100%; max-width: 1100px; border-radius: 14px; padding: 18px 20px 22px; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25); }
.dep-cab { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.dep-h2 { margin: 0; font-size: 20px; }
.dep-sub { margin: 4px 0 0; color: var(--dep-gris); font-size: 13px; }
.dep-x { border: 0; background: var(--dep-gris-bg); border-radius: 8px; width: 34px; height: 34px; cursor: pointer; font-size: 16px; }
.dep-tabs { display: flex; gap: 6px; width: 100%; margin-top: 10px; border-bottom: 1px solid var(--dep-borde); }
.dep-tab { border: 0; background: none; padding: 8px 14px; cursor: pointer; font-size: 14px; color: var(--dep-gris); border-bottom: 3px solid transparent; }
.dep-tab-on { color: var(--dep-azul); border-bottom-color: var(--dep-azul); font-weight: 600; }
.dep-aviso { margin: 10px 0 0; font-size: 13px; }
.dep-aviso:empty { display: none; }
.dep-aviso-info { color: var(--dep-gris); }
.dep-aviso-ok { color: var(--dep-verde); font-weight: 600; }
.dep-aviso-error { color: var(--dep-rojo); font-weight: 600; }
.dep-cuerpo { margin-top: 12px; display: flex; flex-direction: column; gap: 12px; }
.dep-barra { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.dep-in { border: 1px solid var(--dep-borde); border-radius: 8px; padding: 8px 10px; font-size: 14px; min-width: 0; background: var(--dep-blanco); color: inherit; }
.dep-chk { display: flex; align-items: center; font-size: 13px; gap: 4px; cursor: pointer; }
.dep-btn { border: 0; border-radius: 8px; padding: 9px 14px; font-size: 14px; cursor: pointer; background: var(--dep-azul); color: var(--dep-blanco); }
.dep-btn:disabled { opacity: 0.45; cursor: not-allowed; }
.dep-btn-rojo { background: var(--dep-rojo); }
.dep-btn-sec { background: var(--dep-gris-bg); color: var(--dep-texto); }
.dep-tarjs { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.dep-tarj { border: 1px solid var(--dep-borde); border-radius: 12px; padding: 12px 14px; }
.dep-tarj-n { font-size: 26px; font-weight: 700; }
.dep-tarj-t { font-size: 12px; color: var(--dep-gris); }
.dep-ok .dep-tarj-n { color: var(--dep-verde); }
.dep-med .dep-tarj-n { color: var(--dep-naranja); }
.dep-excl { font-size: 12px; color: var(--dep-gris); background: var(--dep-gris-bg); border-radius: 8px; padding: 8px 10px; }
.dep-tabla-w { overflow: auto; max-height: 52vh; border: 1px solid var(--dep-borde); border-radius: 10px; }
.dep-tabla { width: 100%; border-collapse: collapse; font-size: 13px; }
.dep-tabla th { position: sticky; top: 0; z-index: 1; background: var(--dep-gris-bg); color: var(--dep-texto); font-weight: 700; font-size: 12px; text-transform: none; text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--dep-borde); }
.dep-tabla td { color: var(--dep-texto); }
.dep-tabla td { padding: 7px 10px; border-top: 1px solid var(--dep-borde); }
.dep-fila-med td { background: rgba(245, 158, 11, 0.08); }
.dep-vacio { text-align: center; color: var(--dep-gris); padding: 20px !important; }
.dep-pag { font-size: 13px; color: var(--dep-gris); }
.dep-velo { position: fixed; inset: 0; z-index: 9100; background: rgba(15, 23, 42, 0.6); display: flex; align-items: center; justify-content: center; padding: 12px; }
.dep-caja { background: var(--blanco, rgb(255, 255, 255)); color: var(--texto, rgb(30, 41, 59)); width: 100%; max-width: 420px; border-radius: 14px; padding: 18px 20px; display: flex; flex-direction: column; gap: 8px; }
.dep-h3 { margin: 0; font-size: 17px; }
.dep-p { margin: 0; font-size: 13px; color: var(--gris, rgb(100, 116, 139)); }
.dep-lab { font-size: 12px; font-weight: 600; }
.dep-err { color: var(--rojo, rgb(220, 38, 38)); font-size: 13px; min-height: 16px; }
.dep-fila-btn { display: flex; gap: 8px; justify-content: flex-end; }
@media (max-width: 640px) { .dep-raiz { padding: 8px 4px; } .dep-panel { padding: 12px; } .dep-tabla-w { max-height: 46vh; } }