/* COLCAR SIGNAL · base de accesibilidad (se carga última).
   Áreas táctiles de 44 px, campos a 16 px (evita el zoom de iOS), foco visible. */
#app button,#app select,#app input:not([type=checkbox]):not([type=radio]),#app a.whatsapp,#app a.mail,#app a.call,
dialog button,dialog select,dialog input:not([type=checkbox]):not([type=radio]),.contact-actions a,.lead-actions a{min-height:44px !important}
#app input,#app select,#app textarea,dialog input,dialog select,dialog textarea{font-size:16px}
.search input,.search.full input{height:44px}
.detail-dialog header button,.sheet-dialog header button,.workflow-sheet-head button{min-width:44px;min-height:44px}
.radar-toggle{min-height:44px}
.lead-tags span,.stage-pill,.radar-chips i{font-size:12px}
:focus-visible{outline:2px solid #1673e6;outline-offset:2px}
/* WhatsApp: verde más oscuro para que el texto blanco tenga contraste AA (5:1). */
.whatsapp,.lead-actions .whatsapp,.contact-actions .whatsapp{background:#15803d !important;border-color:#15803d !important;color:#fff}
/* Contactar: pestañas sin cortes y filtros agrupados */
.tabs button{display:grid;place-items:center;gap:2px;font-size:13px;line-height:1.15;padding:4px 2px;height:auto;min-height:52px}
.tabs b{margin:0}
.filters{grid-template-columns:minmax(0,1fr) auto !important;align-items:center}
.filters .search{grid-column:1}
.filters select{display:none}
.filters.open select{display:block;grid-column:1/-1}
.filters-toggle{grid-column:2;grid-row:1;min-height:44px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:0 14px;font-family:inherit;font-weight:700;font-size:14px;color:#185b9f;cursor:pointer}
.filters-toggle.active{background:#12385f;border-color:#12385f;color:#fff}
@media(min-width:720px){.filters{grid-template-columns:repeat(3,minmax(0,1fr)) auto !important}.filters .search{grid-column:1/4;grid-row:1}.filters-toggle{grid-column:4}.filters.open select{grid-column:auto;grid-row:2}}

/* Desplazamiento suave en toda la app (pedido de Miranda, 14/10). Se respeta "Reducir movimiento" del sistema.
   Al cambiar de pantalla se vuelve arriba al instante (enterprise.js): es una pantalla nueva, no un recorrido. */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
  dialog, dialog article, .workflow-sheet-body, .commercial-dialog, .detail-tabs, .tabs, .g-seg, .g-tabs, .radar-chips, .stat-strip, .filters, .radar-view { scroll-behavior: smooth; }
}
html, body, dialog, dialog article, .workflow-sheet-body, .commercial-dialog { -webkit-overflow-scrolling: touch; }
/* El scroll de una ventana no arrastra la pantalla de atrás ni rebota el fondo. */
dialog, dialog article, .workflow-sheet-body, .commercial-dialog, .detail-tabs, .tabs, .g-seg, .g-tabs, .radar-chips { overscroll-behavior: contain; }
/* Al saltar a una sección (anclas, "Ver más"), deja aire para la barra superior. */
.view section, .detail-section, .g-card { scroll-margin-top: 72px; }
@media (prefers-reduced-motion: reduce) {
  html, * { scroll-behavior: auto !important; }
}

/* Canales no disponibles (sin WhatsApp cargado, sin mail, "No contactar"): mismo tamaño y forma que el resto,
   en gris y sin acción, en las tarjetas y en el detalle. Antes el WhatsApp apagado se veía verde (parecía roto). */
.contact-actions > span { height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 750; min-height: 44px; }
.lead-actions .disabled, .lead-actions [aria-disabled="true"],
.contact-actions .disabled, .contact-actions [aria-disabled="true"] {
  background: #eef1f5 !important; border: 1px solid #dde3ea !important; color: #8a97a6 !important;
  opacity: 1; pointer-events: auto; cursor: default;
}

/* Clientes: WhatsApp · Mail · Llamar con la misma grilla y colores que las tarjetas de Contactar. */
.client-row .client-actions { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 6px; margin-top: 10px; width: 100%; }
.client-row .client-actions > a, .client-row .client-actions > span { min-height: 44px; min-width: 0; padding: 0 8px; border-radius: 9px; border: 1px solid #d8e5f2; background: #edf5fd; color: #1a60ac; text-decoration: none; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 750; }
.client-row .client-actions .mail { background: #e8f1ff; color: #1467d4; }
.client-row .client-actions .whatsapp { background: #15803d; border-color: #15803d; color: #fff; }
.client-actions .disabled, .client-actions [aria-disabled="true"] { background: #eef1f5 !important; border: 1px solid #dde3ea !important; color: #8a97a6 !important; cursor: default; }
/* "Probar WhatsApp": teléfono sin confirmar (como en Classic). Se puede tocar, pero no se ve como confirmado. */
.client-row .client-actions .whatsapp-try { background: #fff; border: 1px dashed #15803d; color: #15803d; text-align: center; line-height: 1.15; }
/* "¿Qué pasó?" después de probar WhatsApp o llamar a un cliente. */
.client-row .client-feedback { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 8px; padding: 8px; border-radius: 10px; background: #f4f7fb; }
.client-row .client-feedback b { font-size: 12px; color: #33475b; margin-right: 2px; }
.client-row .client-feedback button { min-height: 44px; padding: 0 12px; border-radius: 9px; border: 1px solid #d4dbe4; background: #fff; font-size: 13px; font-weight: 700; color: #0b2545; }
.client-row .client-feedback .client-feedback-close { margin-left: auto; min-width: 44px; padding: 0; font-size: 18px; color: #5b6b7d; }