/* InoveSys — adapts menus/dashboard across monitor sizes */
html, body, #root { max-width: 100vw; overflow-x: hidden; }
#root, #root > div { min-width: 0; width: 100%; }

.scrollbar-none { -ms-overflow-style: none; scrollbar-width: none; }
.scrollbar-none::-webkit-scrollbar { display: none; height: 0; width: 0; }

/* Right cluster shouldn't crush the nav */
@media (min-width: 1024px) and (max-width: 1366px) {
  /* Prefer compact avatar area */
}

/* Low-height notebooks */
@media (max-height: 800px) {
  .space-y-5 { gap: 0.9rem; }
  .md\:space-y-6 { gap: 1rem; }
}

/* Mega menu: fewer columns on mid screens */
@media (min-width: 1024px) and (max-width: 1279px) {
  .grid.xl\:grid-cols-8 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

/* Prevent card titles from overflowing skinny columns */
@media (max-width: 1366px) {
  .min-w-0 { min-width: 0; }
}



img[src*="logo-i9"]{background:transparent!important;box-shadow:none!important;border:0!important}
button img[src*="logo-i9"]{background:transparent!important}

/* dash4col-20260723 */
@media (min-width:1280px){
  #root .max-w-\[1920px\] .grid.xl\:grid-cols-4 > *{min-width:0}
}
.max-h-\[260px\],.max-h-\[220px\],.max-h-\[300px\]{scrollbar-width:thin}

/* dash-safe-dense-20260723 */
#root .max-w-\[1920px\] {
  --dash-gap: 0.75rem;
}
#root .max-w-\[1920px\] .max-h-\[280px\],
#root .max-w-\[1920px\] .max-h-\[240px\],
#root .max-w-\[1920px\] .max-h-\[200px\] {
  scrollbar-width: thin;
}
@media (min-width: 1280px) {
  #root .max-w-\[1920px\] .grid.xl\:grid-cols-3 > * {
    min-width: 0;
  }
}

/* dash-printlayout-20260723 */
@media (min-width:1280px){
  #root .max-w-\[1920px\] .grid.xl\:grid-cols-4 > * { min-width:0; }
}
#root .max-w-\[1920px\] .grid.xl\:grid-cols-4 {
  align-items: stretch;
}


/* dash-fix-4col-utils-20260723 — missing Tailwind utilities used by dashboard */
@media (min-width: 768px) {
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .md\:col-span-2 { grid-column: span 2 / span 2 !important; }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (min-width: 1024px) {
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .lg\:col-span-2 { grid-column: span 2 / span 2 !important; }
}
@media (min-width: 1280px) {
  .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .xl\:col-span-1 { grid-column: span 1 / span 1 !important; }
  .xl\:col-span-2 { grid-column: span 2 / span 2 !important; }
  .xl\:col-span-3 { grid-column: span 3 / span 3 !important; }
}
#root .max-w-\[1920px\] .grid.xl\:grid-cols-4 > *,
#root .max-w-\[1920px\] .grid.md\:grid-cols-2 > * {
  min-width: 0;
}
/* Compact full-width bottom cards when in a grid */
.dash-bottom-grid > * { height: 100%; }
/* xl grid 2 */ @media (min-width:1280px){ .xl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important} }