/* Fisher · pulido (28/10, 2ª pasada): Consultas en tarjetitas y Hoy ordenado con aire entre bloques. Solo aspecto y orden visual. */

/* Consultas: cada una es una tarjeta */
#crmInbox .g-list{display:grid!important;gap:10px;background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
#crmInbox .crm-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:start;text-align:left;width:100%;padding:14px 16px!important;background:var(--card)!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:none!important;border-bottom:1px solid var(--line)!important}
#crmInbox .crm-row>span{display:grid;gap:6px;min-width:0}
#crmInbox .crm-row b{font-size:14.5px;line-height:1.3;font-weight:700;color:var(--ink)}
#crmInbox .crm-row small{font-size:12.5px;color:var(--muted);line-height:1.35}
#crmInbox .crm-row>strong{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap}
#crmInbox .crm-row .radar-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0}
#crmInbox .crm-row .radar-chips i{padding:3px 10px!important;border-radius:99px!important;background:var(--chip)!important;color:var(--muted)!important;font-size:11.5px!important;font-weight:600;font-style:normal}
#crmInbox .crm-row .radar-chips i.ok{background:var(--ok-soft)!important;color:var(--ok)!important}
#crmInbox .crm-row .radar-chips i.warn{background:var(--warn-soft)!important;color:var(--warn)!important}
#crmInbox .crm-row .crm-warn{display:inline-block;padding:3px 10px;border-radius:99px;background:color-mix(in srgb,var(--danger) 10%,var(--card));color:var(--danger);font-size:11.5px;font-weight:700}

/* Hoy: primero los números y el Radar, después lo que hay que hacer, cada bloque con su aire */
#view-today.view.active{gap:14px}
#view-today>.hero{order:0!important;margin-bottom:0!important}
#view-today>#todayStats{order:1!important;margin:0!important}
#view-today>#todayRadar{order:2!important;margin:0!important}
#view-today>.section-head:not(.compact){order:3!important;margin:8px 0 0!important}
#view-today>#todayNotices,#view-today>#todayTurnos,#view-today>#todayRubroTexts{order:4!important;margin:0!important}
#view-today>#todayTasks{order:5!important;margin:0!important}
#view-today>#todayAgendaSlot{order:6!important;margin:6px 0 0!important}
#view-today>#todayNewHead{order:7!important;margin:12px 0 0!important}
#view-today>#todayLeads{order:8!important;margin:0!important}
#view-today .followup-list{display:grid;gap:10px}
#view-today .lead-stack{gap:12px}

/* Chat de Fisher: ordenado, sin texto de relleno; el campo no hace zoom en iPhone */
.fc-pop{display:flex!important;flex-direction:column;gap:10px;left:12px;right:12px;padding:12px!important;border-radius:18px!important;max-height:min(62vh,520px)}
.fc-pop[hidden]{display:none!important}
.fc-head{align-items:center}
.fc-head strong{font-size:16px}
.fc-chat[hidden]{display:none}
.fc-chat{display:grid;gap:10px;overflow:auto;max-height:36vh;padding:2px}
.fc-me{background:var(--ink);color:var(--bg);border-radius:14px 14px 4px 14px;padding:9px 12px;font-size:13.5px}
.fc-a{font-size:14px;line-height:1.45;gap:6px}
.fc-sugg{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;margin:0 -2px}
.fc-sugg::-webkit-scrollbar{display:none}
.fc-sugg button{flex:none;white-space:nowrap;padding:8px 12px;font-size:12.5px}
.fc-form{gap:8px;flex:none}
.fc-form input{height:44px;font-size:16px;border-radius:12px;padding:0 12px}
.fc-form .wf-primary{height:44px;padding:0 16px;border-radius:12px;flex:none}
@media(min-width:720px){.fc-pop{left:auto!important;width:400px}}

/* Próximo paso: sin líneas sueltas; los datos del avance son filas con aire */
#detailBody .next-step .t-fit,#detailBody .next-step .ns-more,#detailBody .next-step .ns-data,#detailBody .next-step .ns-contact{border-top:0!important;border-bottom:0!important}
#detailBody .next-step .t-fit{padding:12px 0 0}
#detailBody .next-step .ns-more{padding:10px 0 0}
#detailBody .next-step .ns-data{margin-top:16px;padding-top:0}
#detailBody .next-step .ns-data>summary{min-height:36px;padding:0 2px;margin-bottom:6px;font-size:14px;color:var(--ink)}
.t-list{gap:8px;margin-top:4px}
.t-row{grid-template-columns:minmax(0,1fr) auto auto!important;gap:4px 10px!important;min-height:56px;padding:8px 8px 8px 14px;border:1px solid var(--line)!important;border-radius:12px;background:var(--card)}
.t-row>span:first-child{color:var(--muted)!important;font-weight:500;font-size:13px;line-height:1.25}
.t-val{font-size:13px;font-weight:650}
.t-row button{min-height:40px!important;min-width:84px!important;border-radius:10px!important;background:var(--chip)!important;color:var(--ink)!important;border:0!important;font-size:12.5px!important}
/* Contacto principal: los botones de canal con aire arriba y abajo */
[data-contacts] .contact-actions>*{height:auto!important;min-height:68px!important;padding:12px 4px!important;line-height:1.2!important;gap:6px!important;box-sizing:border-box}
[data-contacts] .contact-actions>*::before{margin:0!important;flex:none}
#detailBody .next-step .ns-ch{height:auto!important;min-height:68px!important;padding:12px 4px!important;line-height:1.2!important;gap:6px!important}
.fc-form input:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 10%,transparent)}

/* Contactar: el buscador ocupa todo el ancho */
#view-contact .filters{grid-template-columns:minmax(0,1fr) auto!important;padding:4px 14px 12px!important;margin:0!important;width:100%;box-sizing:border-box}
#view-contact .filters .search{grid-column:1!important;width:100%!important}
#view-contact .filters-toggle{grid-column:2!important;min-width:0;padding:0 14px}
#view-contact .filters.open select{grid-column:1/-1!important}
#view-contact .filters{gap:8px!important}
#view-contact .filters .search{padding:0 10px!important;gap:6px!important}
#view-contact .filters .search input{font-size:14px!important;text-overflow:ellipsis}
#view-contact .filters .search input::placeholder{font-size:14px;color:var(--muted)}
#view-contact .filters-toggle{padding:0 12px!important;font-size:13px}

/* Títulos de pantalla con ⓘ: el ícono alineado con el título, sin pisar las pestañas */
.page-title:has(>details.mn-info.in-head){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px}
.page-title:has(>details.mn-info.in-head)>*{grid-column:1/-1}
.page-title:has(>details.mn-info.in-head)>h1{grid-column:1;grid-row:2}
.page-title:has(>details.mn-info.in-head)>details.mn-info.in-head{grid-column:2;grid-row:2;float:none;margin:0!important}

/* Redes y Web: cada publicación o reseña es su tarjeta, con aire entre ellas */
#crmSite .g-list,#crmSocial .g-list{display:grid!important;gap:10px;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible}
#crmSite .g-list>.g-row,#crmSocial .g-list>.g-row,#crmSite .g-list>.crm-page-row,#crmSocial .g-list>.crm-page-row{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:14px 16px!important;box-sizing:border-box;margin:0!important}
#crmSite .kpi-grid,#crmSocial .kpi-grid{margin-bottom:12px}
#crmSite .g-section,#crmSocial .g-section{margin-bottom:12px}

/* Tablero: el acceso a Reparto y regiones con aire arriba */
.g-settings-link{margin:14px 0 14px!important}

/* Consultas, Web y Redes: el contenedor ya tiene el margen de la pantalla (no se suma otro) */
@media(max-width:719px){.crm-view{padding-left:0!important;padding-right:0!important}}
#crmSocial .g-row>strong,#crmSite .g-row>strong{max-width:42%;text-align:right;font-size:12px;line-height:1.25;color:var(--muted)}
#crmSocial .g-row>strong.warn,#crmSite .g-row>strong.warn{color:var(--danger)}
html[data-info-inline] .page-title:has(>details.mn-info.in-head){display:block}
html[data-info-inline] .page-title:has(>details.mn-info.in-head)>*{grid-column:auto;grid-row:auto}

/* Contactar: los botones de canal de cada tarjeta en grilla pareja, sin uno suelto */
.lead-card .lead-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.lead-card .lead-actions>*{width:100%!important;min-width:0;justify-content:center;margin:0!important}
.lead-card .lead-actions>*:last-child:nth-child(odd){grid-column:1/-1}
.lead-card .lead-actions .linkedin{grid-column:auto!important;min-height:44px;background:var(--card)!important;border:1px solid var(--line)!important;border-radius:12px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;color:var(--ink)!important;text-decoration:none!important;font-weight:600;font-size:inherit}
#view-contact .lead-card .lead-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#view-contact .lead-card .lead-actions a.linkedin,#view-contact .lead-card .lead-actions a[data-channel="linkedin"]{grid-column:auto!important;min-height:44px!important;border:1px solid var(--line)!important;background:var(--card)!important;color:var(--ink)!important;font-weight:700!important}

/* Ficha: las cuatro pestañas reparten todo el ancho de su barra */
#detailBody .detail-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important;overflow:visible!important;border-bottom:1px solid var(--line)}
#detailBody .detail-tabs button{text-align:center;padding:10px 2px!important;white-space:nowrap;font-size:13.5px;border-bottom:2px solid transparent!important;margin-bottom:-1px}
#detailBody .detail-tabs button.active{border-bottom-color:var(--ink)!important}
/* Datos del avance, ahora en su pestaña: tarjeta propia */
#detailBody>.ns-data{margin:0 0 12px!important;padding:6px 14px 12px!important;border:1px solid var(--line)!important;border-radius:16px;background:var(--card)}
#detailBody>.ns-data>summary{min-height:44px;font-size:15px;font-weight:700;color:var(--ink)}
/* Facturación › Comprobantes: filtros en una fila que se desliza y el botón a todo el ancho */
.bill-filter{display:flex;flex-wrap:wrap;gap:10px}
.bill-filter>.g-seg{flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.bill-filter>.g-seg button{flex:none}
.bill-filter>.wf-primary{flex:1 1 100%;min-height:46px;border-radius:12px}

/* Hoja de contacto (mail / WhatsApp / LinkedIn): el botón de enviar queda siempre a la vista y la × se toca fácil */
.commercial-actions{display:contents}
.commercial-actions>.commercial-primary{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));z-index:3;min-height:50px;border-radius:12px;box-shadow:0 0 0 10px #fff,0 -14px 14px 0 #fff}
.commercial-header button{min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:12px;background:var(--chip)}
.commercial-content textarea{min-height:110px}

/* Radar: resumen de 24 h y filtros en un bloque compacto (antes ocupaba casi una pantalla) */
#radarView .radar-head{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;display:grid;gap:10px;margin:0 0 10px!important}
#radarView .radar-head>div:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px}
#radarView .radar-head small{font-size:10.5px;letter-spacing:.08em;color:var(--muted)}
#radarView .radar-head h2{margin:0!important;font-size:16px!important;line-height:1.2}
#radarView .radar-sum{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
#radarView .radar-sum button{display:flex!important;align-items:center;gap:10px;min-height:52px;padding:8px 12px!important;text-align:left;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--card)!important}
#radarView .radar-sum button strong{font-size:22px!important;line-height:1;min-width:20px;color:var(--ink)}
#radarView .radar-sum button span{font-size:11.5px!important;line-height:1.2;color:var(--muted);text-align:left}
#radarView .radar-sum button.active,#radarView .radar-sum button[aria-pressed=true]{border-color:var(--ink)!important}
#radarView .radar-filters{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;padding:0!important;background:none!important;border:0!important;margin:0 0 12px!important}
#radarView .radar-toggle{display:flex!important;align-items:center;gap:8px;min-height:50px;padding:8px 12px!important;border:1px solid var(--line);border-radius:12px;background:var(--card);font-size:12.5px!important;line-height:1.25;margin:0!important}
#radarView .radar-more-filters{grid-column:1/-1}
#radarView .radar-more-filters>summary{min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:var(--card);font-size:13px;font-weight:600;color:var(--ink);list-style:none}
#radarView .radar-more-filters[open]>summary{border-color:var(--ink)}
#radarView .radar-sum button{flex-direction:row!important;justify-content:flex-start!important;justify-items:start!important}
/* la hoja de contacto scrollea por dentro (antes el contenido se salía por abajo y quedaba cortado) */
.commercial-dialog{overflow:hidden}
.commercial-sheet{overflow:hidden;min-height:0}
.commercial-content{flex:1 1 auto;min-height:0;-webkit-overflow-scrolling:touch}
.commercial-sheet{display:grid!important;grid-template-rows:auto minmax(0,1fr)}
.commercial-sheet>.commercial-content{height:auto;max-height:100%;overflow-y:auto}
.commercial-sheet>div{min-height:0;display:flex;flex-direction:column;overflow:hidden}
.commercial-sheet>div>.commercial-content{flex:1 1 auto;min-height:0;overflow-y:auto}

/* Próximo paso: cada grupo de botones separado del siguiente por el mismo espacio */
#detailBody .next-step{display:flex!important;flex-direction:column;gap:14px!important}
#detailBody .next-step>*{margin:0!important}
#detailBody .next-step .ns-contact,#detailBody .next-step .t-fit,#detailBody .next-step .ns-more,#detailBody .next-step .ns-main{padding:0!important}
#detailBody .next-step .workflow-head{margin-bottom:0!important}