/* Responsive breakpoints */
@media(max-width:560px){.form-row{grid-template-columns:1fr}}

@media(max-width:1200px){.create-grid{grid-template-columns:1fr}}

@media(max-width:900px){
  .sidebar{transform:translateX(calc(-1 * var(--sidebar-w)))}
  .app:not(.collapsed) .sidebar{transform:translateX(0)}
  .app:not(.collapsed) .overlay{display:block}
  .main{margin-left:0}
  .app.collapsed .main{margin-left:0}
  .content{padding:18px}
  .create-grid{grid-template-columns:1fr}
  .topbar-search{display:none}
}