/* admin.css — Panel del asesor. Tablas densas: aquí la prioridad es ver muchos registros
   de un vistazo, no el aire que tiene el resto de la app. */

.adm-tabs{display:flex;gap:6px;padding:0 14px 12px;}
.adm-tab{
  background:#fff;border:1px solid var(--border);border-radius:999px;
  padding:8px 18px;font-family:inherit;font-size:12.5px;font-weight:600;
  color:var(--stone);cursor:pointer;transition:background .15s,color .15s,border-color .15s;
}
.adm-tab:hover{border-color:var(--sky);color:var(--navy);}
.adm-tab.on{background:var(--navy);border-color:var(--navy);color:#fff;}

.adm-barra{display:flex;gap:9px;padding:0 14px 10px;}
.adm-barra input{
  flex:1;min-width:0;border:1px solid var(--border);border-radius:10px;
  padding:11px 13px;font-family:inherit;font-size:13px;outline:none;background:#fff;
}
.adm-barra input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,149,58,.12);}
.adm-barra .btn-p{width:auto;flex:0 0 auto;padding:11px 16px;font-size:12.5px;margin:0;}
.adm-conteo{padding:0 16px 8px;font-size:11px;color:var(--stone);}
.adm-cargando{padding:34px;text-align:center;color:var(--stone);font-size:13px;}
.adm-vacio{text-align:center;padding:30px 20px;color:var(--stone);font-size:13px;}

.adm-tabla-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.adm-tabla{width:100%;border-collapse:collapse;font-size:12px;min-width:760px;}
.adm-tabla th{
  background:var(--navy);color:#fff;font-size:9px;font-weight:700;letter-spacing:.4px;
  text-transform:uppercase;padding:9px 11px;text-align:left;white-space:nowrap;position:sticky;top:0;
}
.adm-tabla td{padding:10px 11px;border-bottom:1px solid var(--border);color:var(--slate);vertical-align:top;}
.adm-tabla tbody tr:nth-child(even){background:#F7FAFD;}
.adm-tabla tbody tr:hover{background:#FBF7EC;}
.adm-tabla .num{text-align:right;font-weight:700;}
.adm-tabla b{color:var(--navy);}
.adm-contacto{font-size:11.5px;}
.adm-contacto span{color:var(--stone);font-size:10.5px;}
.adm-nota{color:var(--stone);max-width:260px;}
.adm-inactiva{opacity:.55;}

.adm-chip{
  display:inline-block;font-size:9px;font-weight:700;letter-spacing:.3px;
  background:var(--smoke);color:var(--slate);border-radius:20px;padding:3px 8px;margin:0 3px 3px 0;
}
.adm-chip-oro{background:var(--gold);color:var(--navy);}
.adm-chip-verde{background:#E8F8EF;color:var(--green);}
.adm-chip-rojo{background:#FDF1F0;color:var(--red);}
.adm-chip-gris{background:var(--smoke);color:var(--stone);}

.adm-ver,.adm-cod{
  background:none;border:1px solid var(--border);border-radius:8px;
  padding:5px 11px;font-family:inherit;font-size:11.5px;font-weight:600;
  color:var(--blue);cursor:pointer;white-space:nowrap;
}
.adm-ver:hover,.adm-cod:hover{border-color:var(--gold);background:#FBF7EC;}
.adm-cod{font-family:'DM Mono',monospace;letter-spacing:.6px;color:var(--navy);}

.adm-gen .field{margin-bottom:12px;}
.adm-gen .btn-p{width:auto;min-width:200px;}

/* Detalle dentro del diálogo */
.adm-det-sub{font-size:12px;color:var(--stone);margin-bottom:14px;}
.adm-det-i{border-top:1px solid var(--border);padding:12px 0;text-align:left;}
.adm-det-i:first-of-type{border-top:none;}
.adm-det-f{font-size:11px;color:var(--stone);}
.adm-det-s{font-size:26px;font-weight:700;line-height:1.1;}
.adm-det-n{font-size:12px;color:var(--slate);font-weight:600;}
.adm-det-c{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;}
.adm-det-c span{font-size:10.5px;color:var(--stone);background:var(--smoke);border-radius:7px;padding:3px 8px;}
.adm-det-c b{color:var(--navy);}

/* El código recién generado, para leerlo y dictarlo sin equivocarse */
.dq-codigo{
  font-family:'DM Mono',monospace;font-size:21px;font-weight:700;letter-spacing:2px;
  color:var(--navy);background:var(--smoke);border:1px dashed var(--gold);
  border-radius:11px;padding:14px;margin:4px 0 12px;user-select:all;
}

/* ── Detalle desplegado bajo la fila ──
   Se abre dentro de la tabla y no en un diálogo: así se puede comparar a dos personas
   sin cerrar nada, y la tabla sigue siendo el hilo de la conversación. */
.adm-fila-det > td{padding:0 !important; border:none;}
.adm-fila-det:not(.on) > td{display:none;}
.adm-det2{background:var(--smoke); border-top:2px solid var(--gold); padding:18px 16px 20px;}

.adm-det2-top{
  display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between;
  margin-bottom:16px;
}
.adm-det2-n{font-size:17px; font-weight:700; color:var(--navy); line-height:1.2;}
.adm-det2-s{font-size:12.5px; color:var(--stone); margin-top:2px;}
.adm-pdf{width:auto !important; padding:10px 16px; font-size:13px;}

.adm-bloqs{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px; align-items:start;}
.adm-bloq{background:#fff; border:1px solid var(--border); border-radius:12px; padding:14px 16px;}
.adm-bloq-ancho{grid-column:1 / -1;}
.adm-bloq h4{
  margin:0 0 10px; font-size:10.5px; font-weight:800; color:var(--stone);
  letter-spacing:1.6px; text-transform:uppercase;
}
.adm-bloq dl{margin:0; display:grid; gap:7px;}
.adm-bloq dl > div{display:grid; grid-template-columns:minmax(120px,38%) 1fr; gap:10px; align-items:baseline;}
.adm-bloq dt{font-size:12px; color:var(--stone);}
.adm-bloq dd{margin:0; font-size:13px; color:var(--navy); font-weight:600; word-break:break-word;}
.adm-vacio-min{margin:0; font-size:12.5px; color:var(--stone);}

/* Las 5 capacidades, con barra: un número suelto no dice si 62 está bien o mal */
.adm-caps{display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:12px 18px;}
.adm-cap-t{display:flex; justify-content:space-between; font-size:12px; color:var(--slate); margin-bottom:5px;}
.adm-cap-t b{color:var(--navy);}
.adm-cap-b{height:6px; background:var(--border); border-radius:99px; overflow:hidden;}
.adm-cap-b span{display:block; height:100%; border-radius:99px;}

.adm-hist{display:flex; flex-wrap:wrap; gap:8px;}
.adm-hist-i{
  display:flex; align-items:baseline; gap:8px;
  background:var(--smoke); border-radius:9px; padding:7px 11px;
}
.adm-hist-f{font-size:11px; color:var(--stone);}
.adm-hist-i b{font-size:15px;}
.adm-hist-n{font-size:11px; color:var(--slate);}

.adm-resp > div{grid-template-columns:minmax(200px,46%) 1fr;}
.adm-resp dt{line-height:1.45;}
.adm-resp dd{font-weight:500;}

.adm-caret{font-size:10px; opacity:.7;}
.adm-acc{white-space:nowrap;}

/* ── Buscador de usuarios para asignar un código ── */
.adm-busca{position:relative;}
.adm-lista{
  position:absolute; left:0; right:0; top:calc(100% - 18px); z-index:30;
  background:#fff; border:1px solid var(--border); border-radius:12px;
  box-shadow:0 14px 34px rgba(27,42,74,.18); overflow:hidden; max-height:280px; overflow-y:auto;
}
.adm-lista-i{
  display:block; width:100%; text-align:left; border:none; background:none; cursor:pointer;
  padding:10px 14px; border-bottom:1px solid var(--border); font-family:inherit;
}
.adm-lista-i:last-child{border-bottom:none;}
.adm-lista-i b{display:block; font-size:13.5px; color:var(--navy);}
.adm-lista-i span{display:block; font-size:11.5px; color:var(--stone);}
.adm-lista-v{padding:12px 14px; font-size:12.5px; color:var(--stone);}