/* ============================================================
   Atlas — responsive.css
   Breakpoints & motion preferences. Loaded last so media
   queries win the cascade, matching the original source order.
   ============================================================ */

@media (max-width: 760px) {
  .top-inner {
    padding: 13px 16px;
    gap: 12px;
  }
  .sys-tag {
    display: none;
  }
  .toolbar {
    padding: 11px 16px;
  }
  .add-client-btn {
    margin-left: 0;
  }
  .search {
    flex-basis: 100%;
    order: 5;
  }
  .board-wrap {
    padding: 6px 16px 70px;
  }
  .brand-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .context-line {
    padding: 16px 16px 0;
  }
  .notice {
    padding: 0 16px;
  }
  .client-actions {
    margin-left: 0;
    width: 100%;
  }
  footer.foot {
    padding: 20px 16px 34px;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    animation: none !important;
  }
}