/* Comptoir Auto V7.6.3 — transversal mobile polish.
   Presentation-only. Services/messaging modal stack from V7.6.2.6 is intentionally untouched. */
@media (max-width:760px){
  /* Every application view must stay inside the viewport. */
  main,.view,.panel,.page-head,.catalog-summary,.catalog-summary-left,.catalog-summary-actions,
  .dashboard-v661,.dashboard-welcome-v7484,.dashboard-welcome-copy-v7484,.dashboard-kpis-v661,
  .network-v495,.network-v495-layout,.network-head-actions,.network-overview,.network-searchbar,
  .subscription-v735,.subscription-hero-v735,.subscription-current-v735,.subscription-manage-v737,
  .subscription-manage-head-v737,.subscription-manage-foot-v737,.company-hero-v52,.company-form-v52,
  .stock-summary,.stock-commercial-toolbar,.stock-filter-pills,.offer-tabs,.transaction-tabs{
    min-width:0;max-width:100%;box-sizing:border-box;
  }
  .view{overflow-x:clip;padding-bottom:calc(var(--mobile-nav-h,72px) + env(safe-area-inset-bottom) + 18px)}
  .page-head{gap:12px}.page-head>div{min-width:0}.page-head h1,.page-head p{overflow-wrap:anywhere}

  /* Dense horizontal toolbars become touch-scrollable instead of overflowing/colliding. */
  .stock-tabs,.opportunity-tabs,.offer-tabs,.transaction-tabs,.network-tabs,.company-tabs-v52,
  .stock-filter-pills,.need-purpose-tabs-v72{
    max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;
  }
  .stock-tabs::-webkit-scrollbar,.offer-tabs::-webkit-scrollbar,.transaction-tabs::-webkit-scrollbar,
  .network-tabs::-webkit-scrollbar,.company-tabs-v52::-webkit-scrollbar,.stock-filter-pills::-webkit-scrollbar,
  .need-purpose-tabs-v72::-webkit-scrollbar{display:none}
  .stock-tabs button,.opportunity-tabs button,.offer-tabs button,.transaction-tabs button,.network-tabs button,
  .company-tabs-v52 button,.stock-filter-pills button,.need-purpose-tabs-v72 button{flex:0 0 auto;min-height:44px;touch-action:manipulation}

  /* Forms and controls: no iOS zoom, no clipped actions, comfortable tap targets. */
  input,select,textarea{max-width:100%;box-sizing:border-box;font-size:16px}
  button,.btn,a.primary,a.secondary{touch-action:manipulation}
  .form-actions,.catalog-summary-actions,.network-head-actions,.billing-manage-actions-v755{
    flex-wrap:wrap;gap:9px;
  }
  .form-actions>button,.form-actions>.btn{min-height:46px}

  /* Dashboard / network / subscription / company: collapse wide compositions safely. */
  .dashboard-welcome-v7484,.subscription-manage-head-v737,.subscription-manage-foot-v737{grid-template-columns:1fr!important}
  .dashboard-kpis-v661,.network-overview,.subscription-access-grid-v737{min-width:0}
  .dashboard-welcome-art-v7484{max-width:100%}
  .network-v495-layout{grid-template-columns:minmax(0,1fr)!important}
  .company-form-v52 .two{grid-template-columns:1fr!important}

  /* Tables remain usable without widening the whole application. */
  .panel:has(table){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  table{max-width:none}

  /* Cards and long B2B identifiers/text never force horizontal overflow. */
  .panel,.card,.transaction-pane,.stock-tab-panel,.dashboard-panel-v661,.network-side-card,
  .subscription-manage-v737{overflow-wrap:anywhere}

  /* Bottom content must never be trapped underneath the persistent mobile navigation. */
  #dashboard,#sell,#export,#buy,#opportunities,#myspace,#notifications,#offers,#transactions,
  #professionals,#network,#subscription,#company,#admin,#vehicle{
    scroll-margin-bottom:calc(var(--mobile-nav-h,72px) + env(safe-area-inset-bottom));
  }
}
@media (max-width:420px){
  .page-head h1{font-size:clamp(27px,8vw,34px)}
  .catalog-summary{gap:8px}.catalog-summary-actions{width:100%}.catalog-summary-actions>*{max-width:100%}
  .subscription-manage-badge-v737{justify-self:start!important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}