.dx-app ::selection{ background: rgba(255,193,7,.35); }

.dx-app h1,h2,h3,h4{
  color: var(--text);
  line-height: 1.15;
  font-weight: 900;
}

.dx-app :focus-visible{
  outline: var(--focus-outline);
  outline-offset: 2px;
}

.dx-app .dx-container{
  max-width: 1400px;
  margin: 0 auto;
}


.dx-app{
  background: var(--bg);
  color: var(--text);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
}

.dx-app a{ color: var(--brand); text-decoration: none; }
.dx-app a:hover{ text-decoration: underline; }

.dx-app .dx-page{
  padding: 18px 22px;
}

/* Admin layout helpers (avoid overlap) */
/* =========================
   DX Admin Shell
   ========================= */

.dx-app .dx-shell{
  display: flex;
  min-height: 100vh;
}

/* Sidebar already has fixed width via --sidebar-w */
.dx-app .dx-main{
  flex: 1;
  min-width: 0; /* critical to prevent overflow */
  display: flex;
  flex-direction: column;
}

/* Standard page padding */
.dx-app .dx-page{
  padding: 18px 18px;
}

/* Desktop: allow dense admin spacing */
@media (min-width: 992px){
  .dx-app .dx-page{
    padding: 18px 22px;
  }
}

/* Mobile: tighter spacing */
@media (max-width: 576px){
  .dx-app .dx-page{
    padding: 14px 12px;
  }
}