/* =========================================================
   RESPONSIVE GLOBAL
   ========================================================= */
@media (max-width:1200px){
  .main-grid{
    grid-template-columns:1fr;
  }

  .side-stack{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
  }
}

@media (max-width:1100px){
  .shop-card{
    grid-template-columns:1fr;
  }

  .shop-actions{
    min-width:0;
    max-width:none;
    justify-content:flex-start;
    margin-top:4px;
  }
}

@media (max-width:1050px){
  .filters-grid{
    grid-template-columns:1fr 1fr;
  }

  .kpi-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:980px){
  .shop-admin-grid{
    grid-template-columns:1fr 1fr;
  }

  .shop-admin-grid .field-span-2,
  .shop-admin-grid .field-span-3{
    grid-column:auto;
  }
}

@media (max-width:900px){
  body{
    padding:16px;
  }

  .hero-top{
    flex-direction:column;
  }

  .hero-left,
  .slug-panel{
    width:100%;
    min-width:0;
  }

  .side-stack{
    grid-template-columns:1fr;
  }

  .preset-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:680px){
  body{
    padding:12px;
  }

  .card{
    padding:16px;
    border-radius:20px;
  }

  .filters-grid,
  .kpi-grid,
  .field-grid,
  .shop-admin-grid{
    grid-template-columns:1fr;
  }

  .hero-actions,
  .toolbar,
  .shop-admin-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .hero-actions .btn,
  .toolbar .btn,
  .shop-admin-actions .btn,
  .shop-actions .btn{
    width:100%;
  }

  .shop-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .shop-actions .btn{
    min-width:0;
  }

  .hero-title{
    font-size:clamp(1.7rem, 7vw, 2.2rem);
  }
}

@media(max-width:1100px){
  .tc-main-grid,
  .tc-hero{
    grid-template-columns:1fr;
    display:grid;
  }

  .tc-kpi-grid{
    grid-template-columns:1fr 1fr;
  }

  .tc-network-panel .tc-filters{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:700px){
  .tc-kpi-grid,
  .tc-filters,
  .tc-create-grid,
  .tc-network-panel .tc-filters{
    grid-template-columns:1fr;
  }

  .tc-hero{
    padding:24px;
  }
}

@media(max-width:900px){
  .tc-priority-panel{
    grid-template-columns:1fr;
  }

  .tc-health-card strong{
    font-size:46px;
  }
}

@media(max-width:900px){
  .connector-grid,
  .connector-status-grid{
    grid-template-columns:1fr;
  }

  .connector-command-head{
    flex-direction:column;
  }
}

@media(max-width:1000px){
  .tc-admin-hero,
  .tc-admin-grid-premium,
  .tc-interoperability-mode{
    grid-template-columns:1fr;
  }
}

@media(max-width:1000px){
  .tc-interop-summary,
  .tc-sync-flow-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:650px){
  .tc-interop-summary,
  .tc-sync-flow-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:800px){
  .tc-branding-summary,
  .access-summary-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:800px){
  .access-drawer-grid{
    grid-template-columns:1fr;
  }
}