/* PITBOX DMS — estilos del área admin (importar, configuración, buscar). */

/* ---------- importar ---------- */
.imp-tipos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.imp-tipo{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:14px 16px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-1);transition:border-color .15s,box-shadow .15s}
.imp-tipo:hover{border-color:#cfd4de;box-shadow:var(--sh-2)}
.imp-tipo.on{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}
.imp-tipo .n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--sunk);color:var(--ink-2);font-weight:600;font-size:12.5px;flex:none}
.imp-tipo.on .n{background:var(--navy);color:#fff}
.imp-tipo .tx b{display:block;font-size:14px}
.imp-tipo .tx small{display:block;margin-top:3px;color:var(--ink-3);font-size:12.5px;line-height:1.4}
.imp-archivo{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px}
.imp-archivo svg{width:15px;height:15px;color:var(--ink-3)}
.imp-kpis{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:12px}
.imp-k{padding:12px 14px;border-radius:12px;background:var(--sunk);border:1px solid var(--line)}
.imp-k b{display:block;font-size:22px;font-variant-numeric:tabular-nums}
.imp-k small{color:var(--ink-3);font-size:12px}
.imp-k.ok b{color:var(--ok)} .imp-k.info b{color:var(--navy-2)} .imp-k.bad b{color:var(--bad)}
.imp-detalle{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.imp-nota{margin-bottom:6px}
.imp-sub{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:18px 0 8px}
.imp-sub.bad{color:var(--bad)} .imp-sub.warn{color:#7A5300}
.imp-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:260px;overflow:auto}
.imp-lista li{padding:7px 12px;border-radius:9px;font-size:13px}
.imp-lista.bad li{background:var(--bad-soft);color:var(--bad)}
.imp-lista.warn li{background:var(--warn-soft);color:#7A5300}
.imp-lista .fila{font-weight:600;margin-right:8px;font-variant-numeric:tabular-nums}
@media (max-width:900px){.imp-tipos{grid-template-columns:1fr}.imp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- configuración ---------- */
.cfg-tabs{margin:0 -4px}
.cfg-tabs button{display:inline-flex;align-items:center;gap:6px}
.cfg-tabs svg{width:15px;height:15px}
.card:has(>.cfg-tabs)>.card-b{padding-top:18px}
.cfg-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.cfg-intro p{margin:0;max-width:70ch;font-size:13px}
.cfg-intro h4,.cfg-h{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:0}
.cfg-h{margin-bottom:6px}
.cfg-p{font-size:12.5px;margin:0 0 12px;max-width:60ch}
.swatch{display:inline-block;width:22px;height:22px;border-radius:7px;border:1px solid rgba(0,0,0,.12);vertical-align:middle}
.cfg-color{padding:3px!important;cursor:pointer}
.cfg-split{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:24px;align-items:start}
.cfg-lista{display:flex;flex-direction:column;gap:6px}
.cfg-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:11px;border:1px solid var(--line);background:var(--card);cursor:pointer;transition:border-color .15s}
.cfg-item:hover{border-color:#cfd4de}
.cfg-item.on{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}
.cfg-item.inactivo{opacity:.6}
.cfg-item .tx b{display:block;font-size:13.5px;margin-bottom:3px}
.cfg-num{display:inline-flex;align-items:center;gap:6px;color:var(--ink-3)}
.cfg-num input{width:96px;height:36px;border:1px solid var(--line);border-radius:9px;padding:0 10px;font:inherit;text-align:right;color:var(--ink);background:var(--card);font-variant-numeric:tabular-nums}
.cfg-num input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(20,179,166,.18)}
.cfg-num input:disabled{background:var(--sunk);color:var(--ink-3)}
.cfg-num small{font-size:12px;min-width:38px;text-align:left}
.cfg-semaforo{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
@media (max-width:860px){.cfg-split{grid-template-columns:1fr}}

/* ---------- buscar ---------- */
.bus-caja{max-width:none;height:48px;font-size:15px}
.bus-res{margin-top:18px}
.bus-res .vacio svg{width:28px;height:28px;margin-bottom:6px}
.bus-res a.res{color:inherit;text-decoration:none}
.bus-res .res>span:nth-child(2){min-width:0}
.bus-res .res small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}