/* INTEGRATIONS DESKTOP WORKSPACE X13 — provider + matching workspace, mobile order unchanged */
.integrations-page .provider-grid,
.integrations-page .integration-matching,
.integrations-page .integration-import,
.integrations-page .integration-sync,
.integrations-page .integration-review{min-width:0}

@media(min-width:1180px){
  .integrations-page .shell{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:18px;
    align-items:start;
  }
  .integrations-page .top,
  .integrations-page .hero{grid-column:1/-1}
  .integrations-page .provider-grid{
    grid-column:span 5;
    grid-template-columns:1fr;
    margin-top:0;
    align-self:stretch;
  }
  .integrations-page .provider-grid>.card{min-height:100%}
  .integrations-page .integration-matching{
    grid-column:span 7;
    margin-top:0!important;
    min-height:100%;
  }
  .integrations-page .integration-import{
    grid-column:span 6;
    margin-top:0!important;
    min-height:100%;
  }
  .integrations-page .integration-sync,
  .integrations-page .integration-review{
    grid-column:span 3;
    margin-top:0!important;
    min-height:100%;
  }
  .integrations-page .integration-sync .btn,
  .integrations-page .integration-review .btn{width:100%}
}

@media(max-width:640px){
  .integrations-page .provider-grid{grid-template-columns:1fr}
  .integrations-page .integration-matching,
  .integrations-page .integration-import,
  .integrations-page .integration-sync,
  .integrations-page .integration-review{margin-top:12px!important}
  .integrations-page .integration-import .input{min-height:50px;font-size:16px}
}

@media(prefers-reduced-motion:reduce){
  .integrations-page .card{transition:none!important}
}