/* arlem-nucleo front/directorio @ 1c84730 — no editar acá, editar en el núcleo */
/* arlem-nucleo · front/directorio.css — lista ordenable a la izquierda + ficha a la derecha (clientes / contrapartes).
   Tema: cada app pisa las variables --dr-* con un selector .dr cargado después de este archivo. */
.dr{--dr-acento:#2e6a4c;--dr-acento-suave:#e7f0ea;--dr-texto:#1a1f1b;--dr-gris:#5b635d;--dr-borde:#e3e6e2;--dr-linea:#eef0ed;
  --dr-fondo:#f6f7f5;--dr-panel:#fff;--dr-falta:#c2620e;--dr-peligro:#b42318;--dr-radio:8px;--dr-ancho:340px;--dr-alto:calc(100vh - 120px);
  display:grid;grid-template-columns:var(--dr-ancho) minmax(0,1fr);height:var(--dr-alto);min-height:420px;color:var(--dr-texto);
  font:14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--dr-fondo);border:1px solid var(--dr-borde);border-radius:12px;overflow:hidden}
.dr,.dr *{box-sizing:border-box}
.dr [hidden]{display:none!important}
/* :where = especificidad 0: si no, le gana a .dr-prim/.dr-peligro/… y los botones salen en negro (lo vio el Price Desk, 23/10) */
:where(.dr) :where(button,input,select){font:inherit;color:inherit}

/* lista */
.dr-lado{display:flex;flex-direction:column;min-height:0;background:var(--dr-panel);border-right:1px solid var(--dr-borde)}
.dr-cab{padding:16px 14px 10px;display:flex;flex-direction:column;gap:10px}
.dr-tit{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dr-tit h2{margin:0;font-size:18px;font-weight:700}
.dr-mas{width:40px;height:40px;border-radius:var(--dr-radio);border:1.5px dashed var(--dr-acento);background:none;color:var(--dr-acento);font-size:20px;font-weight:600;cursor:pointer}
.dr-buscar,.dr-in,.dr-nota{height:40px;padding:0 12px;border-radius:var(--dr-radio);border:1px solid var(--dr-borde);background:var(--dr-panel);width:100%;min-width:0}
.dr-orden{display:grid;grid-template-columns:repeat(var(--dr-n),minmax(0,1fr));gap:3px;padding:3px;border-radius:9px;background:var(--dr-linea)}
.dr-ob{height:34px;border:0;border-radius:7px;background:none;color:var(--dr-gris);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dr-ob[aria-pressed=true]{background:var(--dr-acento);color:#fff;font-weight:600}
.dr-filas{flex:1;min-height:0;overflow:auto;border-top:1px solid var(--dr-linea)}
.dr-fila{display:flex;align-items:center;gap:8px;width:100%;height:44px;padding:0 14px;border:0;border-bottom:1px solid var(--dr-linea);background:none;text-align:left;cursor:pointer}
.dr-fila:hover{background:var(--dr-fondo)}
.dr-fila.dr-sel{background:var(--dr-acento-suave);box-shadow:inset 3px 0 0 var(--dr-acento);font-weight:600}
.dr-nom{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dr-val{flex:none;font-variant-numeric:tabular-nums;white-space:nowrap;max-width:45%;overflow:hidden;text-overflow:ellipsis}
.dr-cero,.dr-lado .dr-val:empty{color:var(--dr-gris)}
.dr-falta{flex:none;width:8px;height:8px;border-radius:50%;background:var(--dr-falta)}
.dr-vacio,.dr-elegir{padding:24px 14px;color:var(--dr-gris)}
.dr-tope{width:100%;height:44px;border:0;background:none;color:var(--dr-gris);cursor:pointer}
.dr-pie{border-top:1px solid var(--dr-borde)}
.dr-total{display:flex;justify-content:space-between;gap:8px;height:46px;align-items:center;padding:0 14px;font-weight:600}
.dr-ver-bajas{width:100%;height:44px;padding:0 14px;border:0;border-top:1px solid var(--dr-linea);background:none;color:var(--dr-gris);text-align:left;cursor:pointer}
.dr-aviso{display:flex;align-items:center;gap:8px;color:var(--dr-falta);font-weight:500}
.dr-aviso:empty{display:none}

/* botones: un color = un rol (lleno = la acción, punteado = agregar, rojo = baja) */
.dr-b{height:40px;padding:0 14px;border-radius:var(--dr-radio);border:1px solid var(--dr-borde);background:var(--dr-panel);font-weight:500;cursor:pointer;white-space:nowrap}
.dr-b:disabled{opacity:.5;cursor:default}
.dr-prim{background:var(--dr-acento);border-color:var(--dr-acento);color:#fff;font-weight:600}
.dr-quieto{border-color:transparent;background:none;color:var(--dr-gris)}
.dr-peligro{border-color:var(--dr-peligro);color:var(--dr-peligro);font-weight:600}
.dr-peligro-lleno{background:var(--dr-peligro);border-color:var(--dr-peligro);color:#fff;font-weight:600}
.dr-link{border:0;background:none;color:var(--dr-acento);font-weight:600;text-decoration:underline;cursor:pointer;padding:0}
.dr-chip{height:36px;padding:0 14px;border-radius:var(--dr-radio);border:1px solid var(--dr-borde);background:var(--dr-panel);cursor:pointer}
.dr-chip[aria-pressed=true]{background:var(--dr-texto);border-color:var(--dr-texto);color:#fff;font-weight:600}
.dr-chip:disabled{opacity:.5;cursor:default}

/* ficha */
.dr-ficha{min-width:0;min-height:0;overflow:auto;padding:24px 28px;display:flex;flex-direction:column;gap:16px}
.dr-volver{display:none;align-self:flex-start;height:40px;border:0;background:none;color:var(--dr-acento);font-weight:600;padding:0;cursor:pointer}
.dr-fcab{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.dr-fnom h2{margin:0;font-size:22px;font-weight:700}
.dr-sub{color:var(--dr-gris)}
.dr-facts{display:flex;gap:8px;flex-wrap:wrap}
.dr-banda{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:10px;background:var(--dr-linea);color:var(--dr-gris);font-weight:500}
.dr-tabs{display:flex;flex:none;gap:2px;border-bottom:1px solid var(--dr-borde);overflow-x:auto}
.dr-tab{height:44px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:none;color:var(--dr-gris);font-weight:500;cursor:pointer;white-space:nowrap}
.dr-tab[aria-selected=true]{border-bottom-color:var(--dr-acento);color:var(--dr-texto);font-weight:600}
.dr-cuerpo{min-width:0}
.dr-fpie{margin-top:auto;display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid var(--dr-linea)}
.dr-panel{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--dr-borde);border-radius:12px;background:var(--dr-panel)}
.dr-panel h3{margin:0;font-size:16px}
.dr-frenos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.dr-frenos li{display:flex;gap:10px;align-items:center}
.dr-ico{width:18px;text-align:center;font-weight:700}
.dr-ok .dr-ico{color:var(--dr-acento)} .dr-no .dr-ico{color:var(--dr-peligro)}
.dr-motivos,.dr-pfila{display:flex;gap:8px;flex-wrap:wrap}
.dr-error{color:var(--dr-peligro);font-weight:500}
.dr-error:empty{display:none}

/* ficha · Datos (23/10, "todo el texto está flotando"): arriba lo que importa en una tira de cifras; abajo los datos en
   tarjetas por tema (dos columnas si entra), etiqueta a la izquierda con ancho fijo y el valor al lado, renglones con línea */
.dr-resumen{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid var(--dr-borde);border-radius:12px;background:var(--dr-panel);overflow:hidden}
.dr-dato{padding:12px 16px;border-right:1px solid var(--dr-linea);min-width:0}
.dr-dato:last-child{border-right:0}
.dr-dato-l{font-size:12px;color:var(--dr-gris);font-weight:500}
.dr-dato-v{margin-top:2px;font-size:18px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dr-dato-s{margin-top:1px;font-size:12px;color:var(--dr-gris);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dr-dato-v.dr-mal{color:var(--dr-falta)} .dr-dato-v.dr-bien{color:var(--dr-acento)}
.dr-grupos{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;align-items:start;margin-top:16px}
.dr-grupo{border:1px solid var(--dr-borde);border-radius:12px;background:var(--dr-panel);padding:2px 16px 6px;min-width:0}
.dr-grupo h3{margin:12px 0 6px;font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--dr-gris)}
.dr-kv{display:grid;grid-template-columns:128px minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--dr-linea);align-items:baseline}
.dr-kv>dt{color:var(--dr-gris);font-size:13px} .dr-kv>dd{margin:0;min-width:0;overflow-wrap:anywhere}
.dr-kv-falta>dd{color:var(--dr-falta);font-weight:500}
.dr-grupo dl{margin:0}
.dr-lista{list-style:none;margin:0;padding:0}
.dr-lista li{padding:9px 0;border-top:1px solid var(--dr-linea);display:flex;justify-content:space-between;gap:12px}
.dr-lista li>span:last-child{color:var(--dr-gris);text-align:right}
.dr-aviso-falta{margin-top:12px;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--dr-falta) 10%,var(--dr-panel));color:var(--dr-falta);font-weight:500}

/* alta en la ficha */
.dr-nuevo{display:flex;flex-direction:column;gap:16px;max-width:620px}
.dr-nuevo-cab h2{margin:0;font-size:22px;font-weight:700}
.dr-campo{display:flex;flex-direction:column;gap:6px;min-width:0}
.dr-etq{font-size:13px;font-weight:600}
.dr-ayuda{font-size:12.5px;color:var(--dr-gris)}
.dr-nuevo .dr-in{height:44px;font-size:15px}
.dr-dos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px}
.dr-nuevo-pie{padding-top:4px}

/* celu: una cosa por vez */
@media (max-width:700px){
  .dr{grid-template-columns:minmax(0,1fr);height:auto;min-height:calc(100vh - 140px);border-radius:0;border-left:0;border-right:0}
  .dr-lado{border-right:0}
  .dr-filas{max-height:none}
  .dr-ficha{display:none;padding:14px 16px}
  .dr.dr-con-ficha .dr-lado{display:none}
  .dr.dr-con-ficha .dr-ficha{display:flex}
  .dr-volver{display:block}
  .dr .dr-buscar,.dr .dr-in,.dr .dr-nota{font-size:16px;height:44px}
  .dr-kv{grid-template-columns:110px minmax(0,1fr)}
  .dr-dato{border-bottom:1px solid var(--dr-linea)} .dr-dato-s{white-space:normal}
  .dr-b,.dr-ob,.dr-chip{height:44px}
  .dr-fpie{flex-wrap:wrap}
}