/* TURBOHOST Client Area v4.4 — targeted layout fixes; preserve v4.3 icons. */
/* Twenty-One's Bootstrap rows have -15px margins; the custom CSS changes the
   dashboard to a grid but leaves those gutters, making Sitejet and other
   content cards extend past the welcome/KPI edges. */
body.th-layout-client.th-v44-dashboard #main-body .client-home-cards > .row {
  margin-left:0 !important;
  margin-right:0 !important;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
body.th-layout-client.th-v44-dashboard #main-body .client-home-cards > .row > [class*="col-"] {
  min-width:0;
  box-sizing:border-box;
}
body.th-layout-client.th-v44-dashboard #main-body .client-home-cards > .row > [class*="col-"] > .card {
  max-width:100%;
  box-sizing:border-box;
}
/* Service list + service details: put native WHMCS contextual sidebar on the
   left at desktop width, instead of overriding it to order:2/full width.
   Eligibility is based on URL plus native sidebar presence, never on an
   unrelated '.product-details' element. No changes to any form or action. */
@media(min-width:1001px) {
  body.th-layout-client.th-v44-services #main-body > .container > .row {
    display:grid !important;
    grid-template-columns:minmax(200px,225px) minmax(0,1fr);
    align-items:start;
    column-gap:20px;
    row-gap:16px;
  }
  body.th-layout-client.th-v44-services #main-body > .container > .row > .col-lg-4 {
    grid-column:1;
    grid-row:1;
    order:initial;
    width:100%;
    min-width:0;
    max-width:none;
    flex:none;
    padding:0;
    margin:0;
  }
  body.th-layout-client.th-v44-services #main-body > .container > .row > .primary-content {
    grid-column:2;
    grid-row:1;
    order:initial;
    width:100%;
    min-width:0;
    max-width:none;
    flex:none;
    padding:0;
    margin:0;
  }
  body.th-layout-client.th-v44-services #main-body > .container > .row > .col-lg-4 > .sidebar,
  body.th-layout-client.th-v44-services #main-body > .container > .row > .col-lg-4 > .sidebar.d-lg-block {
    display:flex !important;
    flex-direction:column;
    gap:12px;
    columns:auto !important;
    column-gap:normal;
    width:100%;
  }
  body.th-layout-client.th-v44-services #main-body > .container > .row > .col-lg-4 > .sidebar > .card,
  body.th-layout-client.th-v44-services #main-body > .container > .row > .col-lg-4 > .sidebar > .panel {
    width:100%;
    min-width:0;
    max-width:100%;
    margin:0;
    break-inside:avoid;
  }
}