/* ═══════════════════════════════════════════════════════════════════════════════════════════════
   css/crm-toolbar.css — barra del CRM de «Buscar clientes» (10/11/2026, pedido del dueño: «mucha invasión, rediseñá los botones»)
   Antes: 8 botones de colores distintos con estilos escritos uno por uno. Ahora: acciones secundarias en UN solo estilo discreto
   (.crm-tb) y una sola acción que resalta, «Crear landings» (.crm-cta, naranja), pegada a «Buscar».
   ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.crm-tb{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:8px;border:1px solid var(--bord2,rgba(148,163,184,.25));background:transparent;color:var(--text3,#94a3b8);font-family:inherit;font-weight:600;font-size:11.5px;line-height:1;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.crm-tb:hover{background:rgba(255,255,255,.06);border-color:var(--bord3,rgba(148,163,184,.45));color:var(--text1,#f1f5f9)}
.crm-tb:focus-visible,.crm-cta:focus-visible{outline:2px solid #fb923c;outline-offset:2px}
.crm-tb.on{color:#fbbf24;border-color:rgba(251,191,36,.55);background:rgba(251,191,36,.1)}
/* con poco ancho quedan sólo los íconos (el título de cada botón dice qué hace) */
@media(max-width:1180px){.crm-tb span{display:none}.crm-tb{padding:0 8px}}

/* «Crear landings»: la acción principal, naranja, al lado de «Buscar» */
.crm-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 18px;border:0;border-radius:8px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-family:inherit;font-weight:800;font-size:12.5px;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:0 6px 18px -8px rgba(249,115,22,.9);transition:filter .15s,transform .15s}
.crm-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}
.crm-cta:active{transform:none}

/* menú «Estado» del filtro: el resaltado al pasar el mouse, sin manejadores en cada casilla */
.crm-st-item{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;border-radius:6px;font-size:12px;font-weight:600}
.crm-st-item:hover{background:rgba(255,255,255,.06)}

@media(max-width:768px){#gsCrmLandingTopBtn{order:8;width:100%!important;height:48px;font-size:15px}}