/* V273 — Default full-screen content area with automatic responsive behavior.
   Desktop uses all available space. Smaller viewports progressively adapt.
   Mobile/tablet breakpoints already defined by the application remain intact. */

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

.v273-fluid-app{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}

.v273-fluid-app > .v228-app-content,
.v273-fluid-main{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}

.v273-fluid-main{
  margin-left:0!important;
  margin-right:0!important;
}

.v273-fluid-main > *{
  width:100%;
  min-width:0;
  max-width:none;
}

/* Desktop: always fill the entire work area to the right of the sidebar. */
@media (min-width:1101px){
  .v273-fluid-main{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    padding-left:clamp(20px,1.65vw,44px)!important;
    padding-right:clamp(20px,1.65vw,44px)!important;
  }

  .v273-fluid-main .ledger-cell,
  .v273-fluid-main table,
  .v273-fluid-main [class*="grid"],
  .v273-fluid-main [class*="overflow-x-auto"]{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .v273-fluid-main table{
    max-width:100%!important;
  }

  /* Long text may wrap by words; controls/numbers stay readable. */
  .v273-fluid-main td,
  .v273-fluid-main td *{
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  .v273-fluid-main .tabular,
  .v273-fluid-main .font-mono,
  .v273-fluid-main .stamp,
  .v273-fluid-main button,
  .v273-fluid-main [data-slot="select-trigger"]{
    white-space:nowrap!important;
  }
}

/* Narrow desktop / laptop: retain full width but reduce breathing room. */
@media (min-width:1101px) and (max-width:1366px){
  .v273-fluid-main{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

/* Tablet/mobile: allow existing responsive cards/layouts to take over. */
@media (max-width:1100px){
  .v273-fluid-app,
  .v273-fluid-main{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

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

  .v273-fluid-main > *{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}

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