/* Closer Signal mobile polish — compact, readable, no narrow/overlapping cards. */
@media (max-width:760px){
  /* Shared mobile shell: keep the important information above the fold. */
  .app-shell{padding:8px!important;gap:8px!important}
  .topbar{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:7px 2px 3px!important}
  .topbar h1{font-size:1.28rem!important;line-height:1.1!important;margin:2px 0!important}
  .topbar .eyebrow{font-size:.59rem!important;letter-spacing:.08em!important}
  .top-actions{display:flex!important;flex-wrap:nowrap!important;gap:5px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding:2px 0 4px!important;scrollbar-width:none!important}
  .top-actions::-webkit-scrollbar{display:none!important}
  .top-actions>a,.top-actions>button,.top-actions>.user-pill{flex:0 0 auto!important;white-space:nowrap!important;min-height:34px!important;padding:7px 9px!important;font-size:.67rem!important}
  .card{padding:10px!important;border-radius:12px!important}
  .section-row{gap:7px!important}
  .section-row h2{font-size:1rem!important;line-height:1.15!important}
  .section-label{font-size:.58rem!important;letter-spacing:.08em!important}
  .muted{line-height:1.3!important}

  /* Universal authenticated navigation: compact enough for phones, still tap-safe. */
  .rep-primary-nav,.admin-primary-nav,#adminPrimaryNav,#repPrimaryNav{gap:4px!important;padding:5px!important;margin:0 0 8px!important;border-radius:11px!important;overflow-x:auto!important;max-width:100%!important}
  .rep-primary-nav a,.rep-primary-nav button,.admin-primary-nav a,.admin-primary-nav button,#adminPrimaryNav a,#adminPrimaryNav button,#repPrimaryNav a,#repPrimaryNav button{min-height:34px!important;padding:6px 8px!important;border-radius:8px!important;font-size:.66rem!important;line-height:1!important;flex:0 0 auto!important}

  /* Goals: one full-width rep card, two readable metrics per row. */
  .goal-grid{grid-template-columns:1fr!important;gap:8px!important}
  .goal-card{width:100%!important;max-width:none!important;min-width:0!important;overflow:hidden!important;padding:10px!important}
  .goal-card .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .goal-card .metric{min-width:0!important;overflow:hidden!important;padding:9px!important}
  .goal-card .metric label{font-size:.62rem!important;letter-spacing:.06em!important;line-height:1.2!important;overflow-wrap:anywhere!important}
  .goal-card .metric .row{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;align-items:start!important}
  .goal-card .metric .row strong{font-size:.92rem!important;line-height:1.2!important;overflow-wrap:anywhere!important}
  .goal-card .pace{position:static!important;justify-self:start!important;max-width:100%!important;white-space:nowrap!important;font-size:.62rem!important;padding:4px 7px!important}
  .goal-card .muted2{font-size:.67rem!important;line-height:1.3!important;overflow-wrap:anywhere!important}
  .goal-card .editor{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .goal-card .editor .wide,.goal-card .editor .save-row{grid-column:1/-1!important}

  /* Auto-collapsed sections should not repeat their title again inside the open panel. */
  .dca-auto-compact .goal-head>div>.section-label:first-child,
  .dca-auto-compact .goal-head>div>h2,
  .dca-auto-compact>.compact-section-body>.dca-compact-inner-section>.section-label:first-child,
  .dca-auto-compact>.compact-section-body>.dca-compact-inner-section>h2:first-of-type{display:none!important}
  .dca-auto-compact .goal-head{margin-bottom:4px!important}

  /* Intelligence cards: never become skinny columns or overlap status pills. */
  #behaviorIntel .metric-grid,#performancePlan .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  #behaviorIntel .metric,#performancePlan .metric{min-width:0!important;padding:9px!important;overflow:hidden!important}
  #behaviorIntel .metric .label,#performancePlan .metric .label{font-size:.58rem!important;line-height:1.2!important;overflow-wrap:anywhere!important}
  #behaviorIntel .metric .value,#performancePlan .metric .value{font-size:1rem!important;line-height:1.15!important;overflow-wrap:anywhere!important}
  #performancePlan .metric .muted{font-size:.66rem!important;line-height:1.25!important}
  #performancePlan .actions{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .intel-fold>summary>span:first-child{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;min-width:0!important;flex:1!important}
  .intel-fold>summary .section-label{display:block!important;margin:0!important;font-size:.61rem!important;line-height:1.15!important;letter-spacing:.09em!important}
  .intel-fold>summary .compact-title{display:block!important;font-size:.88rem!important;line-height:1.15!important;overflow-wrap:anywhere!important}
  .intel-fold>summary .chip{flex:0 0 auto!important;margin-left:6px!important}

  /* Profile: one readable field per row on phones; compact account/security controls. */
  #profileMainCard{padding:10px!important}
  #profileMainCard .profile-grid{grid-template-columns:1fr!important;gap:6px!important}
  #profileMainCard h2{font-size:1.06rem!important;margin:2px 0 4px!important}
  #profileMainCard>p.muted{font-size:.72rem!important;margin:0 0 8px!important}
  #profileMainCard label{margin-top:4px!important;font-size:.7rem!important;line-height:1.15!important}
  #profileMainCard label>.muted{display:inline!important;font-size:.57rem!important;font-weight:700!important;opacity:.72!important;margin-left:3px!important}
  #profileMainCard input,#profileMainCard select{width:100%!important;min-width:0!important;min-height:36px!important;padding:7px 9px!important;font-size:16px!important;box-sizing:border-box!important;text-overflow:ellipsis!important}
  #profileMainCard #industryHint{font-size:.66rem!important;padding:8px!important;margin-top:8px!important}
  #profileMainCard #industrySetup{margin-top:10px!important}
  #profileMainCard #industrySetup p{font-size:.66rem!important;margin:3px 0 7px!important}
  #profileMainCard .industry-pill{padding:6px 8px!important;font-size:.66rem!important}
  #adminSaveProfileBtn,#saveProfileBtn{min-height:39px!important;padding:8px 10px!important;font-size:.78rem!important;margin-top:8px!important}
  .profile-static-fold{margin:0!important;padding:0!important;min-height:0!important}
  .profile-static-fold>summary{min-height:52px!important;padding:10px 12px!important;gap:8px!important}
  .profile-static-fold>summary strong{font-size:.82rem!important;line-height:1.15!important}
  .profile-static-fold>summary .chip{font-size:.58rem!important;padding:4px 7px!important}
  #intakeSetup .profile-static-body,#trackingSetupCard .profile-static-body,#profileGoalsCard .profile-static-body{padding:9px 11px 11px!important}
  #phoneAlertSettings .profile-grid{grid-template-columns:1fr 1fr!important;gap:5px 7px!important}
  #phoneAlertSettings label.check{display:flex!important;align-items:center!important;gap:7px!important;min-height:34px!important;margin:0!important;padding:5px 0!important;font-size:.7rem!important}
  #phoneAlertSettings label.check input[type="checkbox"]{width:21px!important;height:21px!important;min-height:21px!important;flex:0 0 21px!important;margin:0!important;padding:0!important}
  #phoneAlertSettings input[type="time"],#phoneAlertSettings select{min-height:35px!important;padding:6px 8px!important}
  #phoneAlertSettings .choice-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  #phoneAlertSettings .choice-row>*{width:100%!important}

  /* Manager/company cards: keep width readable on phones. */
  .rep-grid{grid-template-columns:1fr!important;gap:8px!important}
  .rep-card{width:100%!important;max-width:none!important;min-width:0!important;overflow:hidden!important}
  .mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .mini{min-width:0!important;padding:8px!important}
  .mini span{font-size:.58rem!important;letter-spacing:.06em!important;overflow-wrap:anywhere!important}
  .mini strong{font-size:.95rem!important;overflow-wrap:anywhere!important}

  /* Manager dashboard: compact 2-up action tiles and keep signal first. */
  #managerTalkTop{padding:8px!important;margin:0!important;border-radius:11px!important}
  #managerTalkTop p{display:none!important}
  #managerTalkTop .dca-talk-now{width:100%!important;min-height:44px!important;font-size:.82rem!important;padding:9px 12px!important}
  #voiceInput{padding:8px!important}
  #teamSignalHero .metric-grid,#teamBehaviorSignal .metric-grid,#metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  #teamSignalHero .metric,#teamBehaviorSignal .metric,#metrics .metric{min-width:0!important;padding:8px!important}
  #teamSignalHero .section-row,#teamBehaviorSignal .section-row{align-items:flex-start!important}
  #teamSignalHero .section-row p,#teamBehaviorSignal .section-row p{font-size:.69rem!important;margin-top:3px!important}
  .workspace-card{padding:10px!important}
  .workspace-copy{display:none!important}
  .workspace-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .workspace-tile{min-width:0!important;min-height:62px!important;padding:8px!important;gap:7px!important;border-radius:10px!important}
  .workspace-tile .workspace-icon{font-size:1rem!important}
  .workspace-tile strong{font-size:.76rem!important;line-height:1.15!important}
  .workspace-tile small{display:none!important}
  .workspace-tile>b{font-size:.9rem!important}
  .manager-tool-groups{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-bottom:7px!important}
  .manager-tool-groups .more-tools{min-width:0!important}
  .manager-tool-groups .more-tools>summary{padding:7px!important;font-size:.7rem!important;text-align:center!important;white-space:nowrap!important}
  .manager-tool-groups .more-tools-grid{grid-template-columns:1fr!important;gap:4px!important;padding:5px!important}
  .manager-tool-groups .more-tools-grid a{padding:7px!important;font-size:.67rem!important}
  .manager-alert-banner{margin:7px 0!important;padding:9px!important}
  .manager-team-heading{display:grid!important;grid-template-columns:1fr auto!important;align-items:start!important}
  .manager-team-heading p{display:none!important}
  .manager-team-heading .actions button{padding:8px!important;font-size:.7rem!important}
  .manager-team-shortcuts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
  .manager-team-shortcuts a{text-align:center!important;padding:7px 4px!important;font-size:.66rem!important}
  .compact-section-dropdown>summary{padding:9px 8px!important;min-height:42px!important}
  .compact-section-dropdown .compact-summary-title{font-size:.8rem!important}
  .compact-section-body{padding-top:7px!important;overflow-x:auto!important}
  .manager-table{font-size:.68rem!important;white-space:nowrap!important}
  .manager-table th,.manager-table td{padding:7px 8px!important}

  /* Enterprise/company: dashboard first, settings later, two useful numbers per row. */
  #companySignal .section-row,#companyBehaviorSignal .section-row,#privacyControls .section-row,#crmIntegrations .section-row{align-items:flex-start!important}
  #companySignal .section-row p,#companyBehaviorSignal .section-row p,#privacyControls .section-row p,#crmIntegrations .section-row p{font-size:.68rem!important;margin-top:3px!important}
  #companySignal .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:7px!important}
  #companySignal .actions>*{width:100%!important;text-align:center!important}
  #companyBehaviorMetrics,#summary,#summaryMetrics,#reportSummary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  #companyBehaviorMetrics .metric,#summary .metric,#summaryMetrics .metric,#reportSummary .metric{min-width:0!important;padding:8px!important}
  #companyBehaviorList .message,#companyBehaviorDrilldown .message{padding:8px!important;margin-top:6px!important}
  #privacyControls .grid.two,#crmIntegrations .grid.two,#people.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  #privacyControls label,#crmIntegrations .card,#people>.card{min-width:0!important}
  #privacyControls label{font-size:.7rem!important}
  #privacyControls select,#privacyControls input,#people select,#people input{min-height:36px!important;padding:7px!important}
  #crmIntegrations .grid.two>.card{padding:8px!important}
  #crmIntegrations .grid.two>.card p{display:none!important}
  #crmIntegrations .actions{margin-top:7px!important}
  #reports .manager-table{min-width:630px!important}
  .grid.two{gap:8px!important}

  /* Keep action forms from turning into a giant single vertical drag. */
  .metric-form,.baseline-grid,.profile-grid{gap:7px!important}
  .metric-form{grid-template-columns:1fr 1fr!important}
  .metric-form .wide{grid-column:1/-1!important}
  .goal-capture textarea{min-height:64px!important}
}
@media(max-width:430px){
  #profileMainCard .profile-grid{grid-template-columns:1fr!important}
  .goal-card .metrics,#behaviorIntel .metric-grid,#performancePlan .metric-grid,#phoneAlertSettings .profile-grid{grid-template-columns:1fr 1fr!important}
  #privacyControls .grid.two,#crmIntegrations .grid.two,#people.grid.two{grid-template-columns:1fr!important}
  .manager-tool-groups{grid-template-columns:1fr 1fr 1fr!important}
  .workspace-grid{grid-template-columns:1fr 1fr!important}
}