/* TURBOHOST v4.5 — contextual WHMCS sidebar on any eligible Client Area page.
   Layout-only. The approved v4.4 dashboard grid and v4.3 SVG palette are intact.
   Eligible rows must have exactly two structural columns: a native sidebar
   and primary-content, classified by the paired v4.5 JavaScript. */
@media (min-width: 1001px) {
  body.th-layout-client.th-v45-contextual #main-body > .container > .row[data-th-v45-layout="contextual"] {
    display: grid !important;
    grid-template-columns: minmax(200px, 225px) minmax(0, 1fr) !important;
    align-items: start;
    column-gap: 20px;
    row-gap: 16px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  body.th-layout-client.th-v45-contextual #main-body > .container > .row[data-th-v45-layout="contextual"] > [data-th-v45-role="sidebar"] {
    grid-column: 1;
    grid-row: 1;
    order: 0;
    display: block;
    flex: none;
    width: 100%;
    max-width: none;
    min-width: 0;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  body.th-layout-client.th-v45-contextual #main-body > .container > .row[data-th-v45-layout="contextual"] > [data-th-v45-role="main"] {
    grid-column: 2;
    grid-row: 1;
    order: 0;
    flex: none;
    width: 100%;
    max-width: none;
    min-width: 0;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  body.th-layout-client.th-v45-contextual #main-body > .container > .row[data-th-v45-layout="contextual"] > [data-th-v45-role="sidebar"] > .sidebar,
  body.th-layout-client.th-v45-contextual #main-body > .container > .row[data-th-v45-layout="contextual"] > [data-th-v45-role="sidebar"].sidebar {
    display: flex !important;
    flex-direction: column;
    flex-wrap: nowrap;
    grid-template-columns: none !important;
    columns: auto !important;
    gap: 12px;
    width: 100%;
    max-width: 100%;
  }
  body.th-layout-client.th-v45-contextual #main-body > .container > .row[data-th-v45-layout="contextual"] > [data-th-v45-role="sidebar"] > .sidebar > :is(.card, .panel),
  body.th-layout-client.th-v45-contextual #main-body > .container > .row[data-th-v45-layout="contextual"] > [data-th-v45-role="sidebar"].sidebar > :is(.card, .panel) {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    break-inside: avoid;
  }
}