/* V270 — Global desktop fluid layout for all menus.
   Goal: large desktop monitors should use the available content width instead of
   compressing cards/tables into the center. Mobile/tablet behavior is unchanged. */

@media (min-width:1101px){

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

  .v270-desktop-fluid main,
  .v270-desktop-fluid [role="main"],
  .v270-desktop-fluid > div{
    min-width:0!important;
    max-width:none!important;
  }

  /* Common page containers */
  .v270-desktop-fluid .ledger-cell,
  .v270-desktop-fluid .fade-up,
  .v270-dashboard-fluid,
  .v270-orders-fluid,
  .v270-finance-fluid,
  .v270-debts-fluid,
  .v270-product-fluid{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  /* KPI grids / summary grids should fill available content width */
  .v270-desktop-fluid [class*="grid-cols-4"],
  .v270-desktop-fluid [class*="grid-cols-5"],
  .v270-desktop-fluid [class*="lg:grid-cols-4"],
  .v270-desktop-fluid [class*="lg:grid-cols-5"]{
    width:100%!important;
    max-width:none!important;
  }

  /* Tables across all menus */
  .v270-desktop-fluid table{
    width:100%!important;
    max-width:none!important;
  }

  .v270-desktop-fluid .overflow-x-auto,
  .v270-desktop-fluid [class*="overflow-x-auto"]{
    width:100%!important;
    max-width:100%!important;
  }

  /* Prevent cards and list rows from being centered with arbitrary max widths */
  .v270-desktop-fluid .max-w-xl,
  .v270-desktop-fluid .max-w-2xl,
  .v270-desktop-fluid .max-w-3xl,
  .v270-desktop-fluid .max-w-4xl,
  .v270-desktop-fluid .max-w-5xl,
  .v270-desktop-fluid .max-w-6xl,
  .v270-desktop-fluid .max-w-7xl{
    max-width:none!important;
    width:100%!important;
  }

  /* Orders list across menus */
  .v270-orders-fluid table,
  .v270-debts-fluid table,
  .v270-finance-fluid table{
    table-layout:auto!important;
  }

  .v270-orders-fluid th,
  .v270-orders-fluid td,
  .v270-debts-fluid th,
  .v270-debts-fluid td,
  .v270-finance-fluid th,
  .v270-finance-fluid td{
    min-width:0!important;
    vertical-align:middle!important;
  }

  /* Money, quantity, status and action controls stay readable */
  .v270-desktop-fluid .tabular,
  .v270-desktop-fluid .font-mono,
  .v270-desktop-fluid .stamp,
  .v270-desktop-fluid button{
    white-space:nowrap!important;
  }

  /* Long human-readable text can wrap normally instead of letter by letter */
  .v270-desktop-fluid td,
  .v270-desktop-fluid td *,
  .v270-desktop-fluid .ledger-cell{
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  /* Status controls */
  .v270-orders-fluid .v231-order-status,
  .v270-orders-fluid .v231-order-status-trigger{
    min-width:0!important;
    max-width:100%!important;
  }
}

/* Standard desktop/laptop */
@media (min-width:1101px) and (max-width:1536px){
  .v270-desktop-fluid{
    padding-left:0!important;
    padding-right:0!important;
  }
}

/* Large desktop */
@media (min-width:1537px){
  .v270-desktop-fluid{
    padding-left:0!important;
    padding-right:0!important;
  }

  .v270-desktop-fluid .ledger-cell{
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* 2K / 32-inch / ultrawide */
@media (min-width:1920px){
  .v270-desktop-fluid{
    width:100%!important;
  }

  .v270-desktop-fluid .ledger-cell,
  .v270-desktop-fluid table,
  .v270-desktop-fluid [class*="grid"]{
    max-width:none!important;
  }
}