/* Keeps breakpoint changes deterministic while preserving menu animations. */
.skeleton-state[hidden] { display: none !important; }
.form-grid .entity-checkbox { align-items: center; min-height: 40px; margin-top: 18px; }
.form-grid .entity-checkbox input { width: 16px; height: 16px; margin: 0; box-shadow: none; }
.form-grid .entity-checkbox .field-error { display: none; }

@media (min-width: 1101px) {
  .sidebar { width: var(--sidebar-width); transform: translateX(0); }
  .workspace { padding-left: var(--sidebar-width); }
  .sidebar-collapsed .sidebar { width: var(--sidebar-collapsed); }
  .sidebar-collapsed .workspace { padding-left: var(--sidebar-collapsed); }
}

@media (min-width: 769px) and (max-width: 1100px) {
  .sidebar { width: var(--sidebar-collapsed); transform: translateX(0); }
  .workspace { padding-left: var(--sidebar-collapsed); }
}

@media (max-width: 768px) {
  .sidebar { transition-property: transform; }
}