/* Legibilidad operativa: conserva la identidad visual y mejora lectura, jerarquía y controles. */
.app-shell .page-head .head-actions{align-items:center;gap:9px}
.app-shell .page-head .head-actions :is(.primary-button,.secondary-button){display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding-inline:16px;white-space:nowrap}
.integration-layout{align-items:start}
.google-connect-card,.professional-email-card,.automation-card,.integration-layout .mini-card{padding:24px}
.google-brand h3,.professional-email-card h3{font-size:15px!important;line-height:1.35}
.google-brand p,.email-card-head p,.google-status,.google-permission strong,.professional-email-card .email-field>label,.professional-email-card .email-check,.email-enable strong{font-size:11px!important;line-height:1.45}
.google-permission small,.email-provider-help,.email-enable small{font-size:10.5px!important;line-height:1.5!important}
.professional-email-card .email-field>:is(input,select){min-height:44px!important;font-size:12px!important}
.automation-card .card-title{align-items:flex-start;gap:14px;margin-bottom:18px}
.automation-card .card-title h3,.integration-layout .mini-card h3{font-size:16px!important;line-height:1.3}
.automation-card .card-title small{display:block;margin-top:4px;font-size:11.5px!important;line-height:1.45!important}
.notification-personalization{gap:14px;margin:0 0 8px;padding:16px}
.notification-personalization label{gap:7px;color:var(--ink);font-size:11px!important;line-height:1.35}
.notification-personalization input{min-height:44px;padding:0 12px;font-size:12px;line-height:1.35}
.automation-row{grid-template-columns:58px minmax(0,1fr) 44px;gap:15px;min-height:78px;padding:17px 0}
.automation-row>div:nth-child(2){min-width:0}
.automation-icon{width:42px;height:42px;border-radius:11px;font-size:14px}
.automation-card:last-child .automation-icon{box-sizing:border-box;width:56px;min-height:42px;height:auto;padding:7px 5px;font-size:11px;font-weight:650;line-height:1.15;text-align:center;white-space:normal}
.app-shell .automation-row strong{font-size:13px!important;line-height:1.35!important}
.automation-row small{margin-top:4px;font-size:11.5px!important;line-height:1.5!important}
.channel-list{flex-wrap:wrap;gap:6px;margin-top:8px}
.channel-chip{padding:4px 7px;font-size:10px!important;line-height:1.25!important}
.automation-row .switch{box-sizing:content-box;width:34px;height:20px;justify-self:end;padding:3px}
.automation-row .switch:after{width:16px;height:16px}
.automation-row .switch.on:after{transform:translateX(14px)}
.automation-row .switch:focus-visible{outline:3px solid rgba(35,125,107,.2);outline-offset:3px}
.integration-layout .mini-card .card-title{align-items:center;gap:10px}
.reminder-step{padding-block:9px 13px}
.reminder-step strong,.agenda-stat strong{font-size:12px!important;line-height:1.4}
.reminder-step small,.agenda-stat span{font-size:11px!important;line-height:1.45!important}

/* Componentes repetidos en las pantallas internas. */
.app-shell .data-table th{font-size:11px!important;line-height:1.35}
.app-shell .data-table td{font-size:12px!important;line-height:1.5}
.app-shell :is(.form-group,.editor-two,.agenda-editor-form) label{font-size:11.5px!important;line-height:1.35}
.app-shell :is(.form-group,.editor-two,.agenda-editor-form) :is(input,select,textarea){font-size:12.5px!important;line-height:1.4}
.app-shell :is(.primary-button,.secondary-button,.soft-button){min-height:38px;line-height:1.2}
.app-shell :is(.primary-button,.secondary-button,.soft-button):focus-visible{outline:3px solid rgba(35,125,107,.18);outline-offset:2px}

@media(max-width:760px){
  .google-connect-card,.professional-email-card,.automation-card,.integration-layout .mini-card{padding:18px}
  .automation-card .card-title{align-items:flex-start;flex-wrap:wrap}
  .automation-row{grid-template-columns:52px minmax(0,1fr) 42px;gap:11px;min-height:76px}
  .automation-card:last-child .automation-icon{width:50px;font-size:10.5px}
  .notification-personalization{grid-template-columns:1fr}
  .app-shell .page-head .head-actions :is(.primary-button,.secondary-button){min-height:38px}
}