/* V274 — GLOBAL FULL-SCREEN / AUTO-RESPONSIVE LAYOUT
   Applies to every authenticated menu/page in the VIFOOD website.
   Business logic, SQL, permissions, API and data are untouched. */

html,
body,
#root{
  width:100%;
  min-width:0;
  max-width:none;
  overflow-x:hidden;
}

.v274-site-fluid,
.v274-site-fluid > .v228-app-content,
.v274-site-main{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}

.v274-site-main{
  margin-left:0!important;
  margin-right:0!important;
}

/* Every page root under main should be allowed to use the full workspace. */
.v274-site-main > *{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}

/* Shared blocks across all menus */
.v274-site-main .ledger-cell,
.v274-site-main .fade-up,
.v274-site-main section,
.v274-site-main article{
  min-width:0!important;
  max-width:none!important;
}

/* Tables, lists, KPI grids, report sections and data wrappers */
.v274-site-main table,
.v274-site-main [class*="overflow-x-auto"],
.v274-site-main [class*="grid"],
.v274-site-main [class*="table"],
.v274-site-main [class*="list"]{
  min-width:0;
  max-width:none;
}

/* Remove page-level centered max-width constraints inside authenticated content.
   Dialogs are rendered outside .v274-site-main, so modal widths are unaffected. */
.v274-site-main .max-w-xs,
.v274-site-main .max-w-sm,
.v274-site-main .max-w-md,
.v274-site-main .max-w-lg,
.v274-site-main .max-w-xl,
.v274-site-main .max-w-2xl,
.v274-site-main .max-w-3xl,
.v274-site-main .max-w-4xl,
.v274-site-main .max-w-5xl,
.v274-site-main .max-w-6xl,
.v274-site-main .max-w-7xl{
  width:100%!important;
  max-width:none!important;
}

/* Desktop: fill the entire workspace to the right of sidebar. */
@media (min-width:1101px){
  .v274-site-main{
    width:100%!important;
    max-width:none!important;
    padding-left:clamp(18px,1.45vw,42px)!important;
    padding-right:clamp(18px,1.45vw,42px)!important;
  }

  .v274-site-main > *,
  .v274-site-main .ledger-cell,
  .v274-site-main table,
  .v274-site-main [class*="overflow-x-auto"]{
    width:100%!important;
    max-width:none!important;
  }

  /* Tables use available width but remain readable. */
  .v274-site-main table{
    max-width:100%!important;
  }

  .v274-site-main th,
  .v274-site-main td{
    min-width:0!important;
    vertical-align:middle!important;
  }

  /* Avoid ugly character-by-character wrapping. */
  .v274-site-main td,
  .v274-site-main td *,
  .v274-site-main th,
  .v274-site-main th *{
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  /* Numeric/status/action controls should remain one line. */
  .v274-site-main .tabular,
  .v274-site-main .font-mono,
  .v274-site-main .stamp,
  .v274-site-main button,
  .v274-site-main [data-slot="select-trigger"]{
    white-space:nowrap!important;
  }

  /* Forms and filters can fill row but still shrink correctly. */
  .v274-site-main input,
  .v274-site-main select,
  .v274-site-main textarea{
    max-width:100%;
    min-width:0;
  }
}

/* Laptop / narrow desktop */
@media (min-width:1101px) and (max-width:1366px){
  .v274-site-main{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

/* Large desktop / 2K / 32-inch */
@media (min-width:1600px){
  .v274-site-main{
    padding-left:28px!important;
    padding-right:28px!important;
  }
}

/* Full HD+ / 2K */
@media (min-width:1920px){
  .v274-site-main{
    padding-left:34px!important;
    padding-right:34px!important;
  }
}

/* Ultrawide */
@media (min-width:2400px){
  .v274-site-main{
    padding-left:42px!important;
    padding-right:42px!important;
  }
}

/* Tablet/mobile: let existing mobile card layouts take over. */
@media (max-width:1100px){
  .v274-site-fluid,
  .v274-site-main{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .v274-site-main{
    padding-left:12px!important;
    padding-right:12px!important;
    overflow-x:hidden!important;
  }

  .v274-site-main > *,
  .v274-site-main .ledger-cell,
  .v274-site-main section,
  .v274-site-main article{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .v274-site-main [class*="overflow-x-auto"]{
    max-width:100%!important;
  }
}

@media (max-width:560px){
  .v274-site-main{
    padding-left:8px!important;
    padding-right:8px!important;
  }
}