
/* Canonical desktop shell. Mobile drawer remains owned by ui-stable.js.php. */
@media (min-width:781px) {
  :root { --rp-sidebar-width:252px; --rp-content-gutter:clamp(24px,2.5vw,48px); }
  .topbar { width:var(--rp-sidebar-width)!important; }
  main.container, main.container.dashboard-container {
    width:calc(100% - var(--rp-sidebar-width))!important;
    max-width:none!important;
    min-width:0;
    margin-left:var(--rp-sidebar-width)!important;
    margin-right:0!important;
    padding:36px var(--rp-content-gutter) 64px!important;
  }
  .gf-page-head,.gf-dashboard-head,.gf-project-head,.gf-client-head,.page-head {
    flex-wrap:wrap;
    gap:18px 24px;
    align-items:center;
  }
  .gf-page-head > div:first-child { flex:1 1 420px; min-width:0; }
  .gf-page-actions { margin-left:auto; flex-wrap:wrap; }
  .gf-table-card,.gf-table-wrap { width:100%; min-width:0; }
  .gf-table-wrap { overflow-x:auto; }
  .gf-table td { font-size:14px; }
  .gf-table th { font-size:12px; }
  .gf-table td .muted,.gf-table td .small { font-size:13px; }
  .gf-table .gf-copy-url { max-width:clamp(180px,24vw,640px); }
  .brand-mark-wrap img { object-fit:contain; }
}
@media (min-width:781px) and (max-width:1100px) {
  :root { --rp-sidebar-width:224px; --rp-content-gutter:24px; }
}
