/*
 * Final sidebar edge containment for desktop owner review.
 * Prevents the fixed customer shell from rendering a few pixels off the left
 * viewport edge while preserving the existing mobile off-canvas transform.
 */

@media (min-width: 901px) {
  .app-shell {
    grid-template-columns: var(--sidebar) minmax(0, 1fr);
  }

  .sidebar {
    inset-inline-start: 0;
    left: 0;
    width: var(--sidebar);
    min-width: var(--sidebar);
    max-width: var(--sidebar);
    margin-left: 0;
    transform: translateX(0);
    overflow-x: clip;
  }

  .sidebar > *,
  .brand-block,
  .primary-nav,
  .sidebar-footer,
  .plan-card,
  .account-link {
    min-width: 0;
    max-width: 100%;
    margin-left: 0;
  }

  .brand-block {
    padding-left: 22px;
    padding-right: 16px;
  }

  .primary-nav,
  .sidebar-footer {
    padding-left: 12px;
    padding-right: 12px;
  }

  .primary-nav a,
  .plan-card,
  .account-link {
    width: 100%;
  }
}