/* clientes-simple.css -- la libreta de Clientes (plan PLAN-crm-simple-resto-2026-10, Z2). Solo tokens de Cuarto Oscuro. Todo cuelga de .lbr-*: sin `estudio.pantallas_simple` nada de esto se pinta. */
.lbr-barra{ display:flex; flex-wrap:wrap; gap:var(--e-3); align-items:center; margin:var(--e-4) 0 var(--e-5); }
.lbr-chips{ display:inline-flex; flex-wrap:wrap; gap:var(--e-2); }
.lbr-chip{ display:inline-flex; align-items:center; gap:var(--e-2); white-space:nowrap; min-height:40px; padding:0 var(--e-4); border:0; border-radius:var(--r-pildora); background:var(--piedra); color:var(--tinta); font:inherit; font-size:var(--t-texto); cursor:pointer; }
.lbr-chip.on{ background:var(--boton); color:var(--boton-t); font-weight:600; }
.lbr-n{ font-size:var(--t-meta); font-weight:500; opacity:.7; }
.lbr-busca{ flex:1; min-width:200px; }
.lbr-cajon{ margin:0 0 var(--e-5); }
.lbr-ct{ display:flex; align-items:baseline; gap:var(--e-2); margin:0 0 var(--e-2); font-size:var(--t-texto); font-weight:600; color:var(--tinta); }
.lbr-cd{ font-size:var(--t-meta); font-weight:400; color:var(--medio); }
.lbr-fila{ display:flex; align-items:center; gap:var(--e-3); padding:var(--e-3); border-radius:var(--r-flota); cursor:pointer; min-width:0; }
@media (hover:hover){ .lbr-fila:hover{ background:var(--piedra); } }
.lbr-av{ flex:none; width:40px; height:40px; border-radius:50%; background:var(--piedra-on) center/cover; display:grid; place-items:center; font-size:var(--t-meta); font-weight:600; color:var(--medio); }
.lbr-txt{ flex:1; min-width:0; }
.lbr-nombre{ font-size:var(--t-texto); font-weight:600; color:var(--tinta); text-decoration:none; overflow-wrap:anywhere; }
.lbr-nombre:hover{ text-decoration:underline; }
.lbr-etq{ margin-left:var(--e-1); padding:1px var(--e-2); border-radius:4px; background:var(--piedra); font-size:var(--t-meta); color:var(--medio); }
.lbr-sigue{ font-size:var(--t-meta); color:var(--medio); overflow-wrap:anywhere; }
.lbr-sigue.lbr-urge{ color:var(--urge); font-weight:600; }
.lbr-btn{ flex:none; min-height:36px; padding:0 var(--e-4); border:0; border-radius:var(--r-pildora); background:var(--piedra-on); color:var(--tinta); font:inherit; font-size:var(--t-texto); font-weight:500; cursor:pointer; }
@media (hover:hover){ .lbr-btn:hover{ background:var(--punto); } }
.lbr-mas{ margin:var(--e-1) 0 0 var(--e-3); min-height:36px; padding:0; border:0; background:transparent; color:var(--medio); font:inherit; font-size:var(--t-texto); text-decoration:underline; cursor:pointer; }
.lbr-vacio{ padding:var(--e-6) var(--e-4); }
@media (max-width:560px){ .lbr-fila{ flex-wrap:wrap; } .lbr-txt{ flex-basis:calc(100% - 60px); } .lbr-btn{ margin-left:52px; min-height:44px; } .lbr-chip{ min-height:44px; } .lbr-busca{ order:3; flex-basis:100%; } }