/* Custom frontend shell and page adapters. */
/* Django portal presentation. Existing view context remains the sole data source. */
@font-face{font-family:Manrope;src:url("/static/fonts/pods5/manrope-latin.938c6e8019b6.woff2") format('woff2');font-weight:200 800;font-display:swap}
:root{--canvas:#fff;--sidebar:#f8f9fb;--card:#fff;--inset:#f5f6f9;--hover:#f5f6f9;--text:#16181d;--text2:#4a5260;--text3:#6b7482;--border:#eaecf1;--border2:#dde1e9;--accent:#4263eb;--accent-h:#3b50c9;--accent-soft:#eef1fe;--accent-text:#3b50c9;--recovery:#2f9e44;--risk:#e03131;--radius:13px;--btn-radius:9px;--portal-side:212px}
[data-theme=dark]{--canvas:#0e1014;--sidebar:#131620;--card:#171a22;--inset:#1d212b;--hover:#1d212b;--text:#e8eaef;--text2:#a2aab9;--text3:#8d97a8;--border:#262b36;--border2:#333a48;--accent:#5c7cfa;--accent-h:#748ffc;--accent-soft:#1a2140;--accent-text:#91a7ff;--recovery:#51cf66;--risk:#ff6b6b}
.portal-shell{display:block;min-height:100vh;font-size:13px;color:var(--text);background:var(--canvas)}
.portal-shell .sidebar{position:fixed;inset:0 auto 0 0;width:var(--portal-side);height:100dvh;z-index:70;overflow:visible;padding:13px 10px;background:var(--sidebar)}
.portal-shell .sidebar-brand{padding:4px 8px 17px;font-family:Manrope,sans-serif;font-size:16px}
.portal-shell .sidebar .sidebar-nav{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.portal-shell .main{margin-left:var(--portal-side);min-height:100vh;width:calc(100% - var(--portal-side))}
.portal-shell .content{max-width:1520px;padding:15px 20px 70px;margin:0;overflow:visible}
.portal-shell .portal-primary{width:100%;display:flex;align-items:center;gap:10px;min-height:35px;padding:7px 9px;margin:2px 0;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text2);font:inherit;text-align:left;text-decoration:none}
.portal-shell .portal-primary svg{width:16px;height:16px;flex:none}
.portal-shell .portal-primary:hover{background:var(--card);color:var(--text)}
.portal-shell .portal-primary[aria-current=page]{background:var(--card)!important;border:1px solid var(--border2)!important;color:var(--text)!important;padding-left:9px!important;box-shadow:var(--shadow);font-weight:600}
.portal-primary[aria-current=page] svg{color:var(--accent)}
.portal-workspace-links{display:none}
.portal-shell .portal-topbar{position:sticky;top:0;display:block;height:auto;min-height:89px;padding:0 20px;z-index:50;background:var(--canvas);flex:none}
.portal-topbar-row{display:flex;gap:8px;align-items:center;height:53px;min-width:0}
.portal-shell .topbar-search{max-width:290px;min-width:100px;background:var(--inset)}
.portal-mode-tabs{display:flex;gap:3px;overflow:auto;min-height:36px;scrollbar-width:thin;align-items:stretch}
.portal-shell .portal-mode-tabs .navlink{display:inline-flex;flex:none;align-items:center;gap:6px;border:0;border-bottom:2px solid transparent;border-radius:0;padding:7px 10px;margin:0;white-space:nowrap;background:transparent;font-size:12px}
.portal-shell .portal-mode-tabs .navlink svg{width:14px;height:14px}
.portal-shell .portal-mode-tabs .navlink[data-active="1"]{border-bottom-color:var(--accent);background:transparent!important;color:var(--accent)!important;padding-left:10px!important}
.portal-marketplace{max-width:250px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:11px;color:var(--text3)}
.portal-shell .portal-account{margin-top:12px;padding:9px;border:1px solid var(--border);border-radius:11px;background:var(--card);width:100%;flex-shrink:0}
.portal-shell #rg-user-menu{width:100%;min-width:0;text-align:left}
.portal-account-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.portal-shell #rg-user-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;width:300px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;background:var(--card);border:1px solid var(--border2);border-radius:11px;box-shadow:var(--shadow-pop);padding:6px;z-index:80}
.portal-shell #rg-user-dropdown .navlink{white-space:normal;overflow-wrap:anywhere}
.portal-shell .content h1{font:600 21px Manrope,sans-serif;letter-spacing:-.02em}
.portal-shell .pagehead{margin-bottom:14px;gap:12px;flex-wrap:wrap}
.portal-shell .content h2,.portal-shell .section-title,.portal-shell .card-title{font-family:Manrope,sans-serif}
.portal-shell .card{border-radius:13px;min-width:0;background:var(--card);color:var(--text)}
.portal-shell .card-pad{padding:14px 16px}
.portal-shell .kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;background:transparent;border:0;padding:0}
.portal-shell .kpi-strip>.kpi{border:1px solid var(--border);border-radius:13px;background:var(--card);padding:13px;min-width:0;box-shadow:var(--shadow)}
.portal-shell .kpi-value{font-family:Manrope,sans-serif;font-size:23px;overflow-wrap:anywhere}
.portal-shell .kpi-label{color:var(--text3);font-size:10.5px;letter-spacing:.05em}
.portal-shell .kpi-sub{font-size:11px;overflow-wrap:anywhere}
.portal-shell :is(.table-xscroll,.table-responsive,.tw){max-width:100%;max-height:480px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.portal-shell table{width:100%;border-collapse:separate;border-spacing:0}
.portal-shell table thead th{position:sticky;top:0;z-index:2;background:var(--inset);color:var(--text3);font-size:10.5px;white-space:nowrap}
.portal-shell :is(td,th):is(.num,.money,.text-end){text-align:right}
.portal-shell :is(td,th):is(.mono,.id-cell){text-align:left}
.portal-shell td{font-size:12px}
.portal-shell .portal-id{display:inline-flex;align-items:center;gap:4px;max-width:100%;border:1px solid var(--border2);border-radius:6px;padding:2px 6px;font:11px var(--mono);text-decoration:none;color:var(--accent-text);background:var(--inset);white-space:nowrap}
.portal-table-pages{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:9px 0;font-size:11px;color:var(--text3)}
.portal-table-pages button{border:1px solid var(--border2);border-radius:7px;background:var(--card);color:var(--text);padding:4px 9px}
.portal-table-pages button:disabled{opacity:.45}
.portal-shell .portal-dashboard .dashboard-pagehead-actions{max-width:100%}
.portal-shell .portal-dashboard [style*="min-width:320px"],.portal-shell .portal-dashboard [style*="min-width:340px"]{min-width:min(100%,280px)!important}
.portal-shell .portal-dashboard .rg-pill-item{font-size:11px}
.portal-shell .portal-dashboard .kpi-strip{margin-bottom:13px}
.portal-shell .portal-dashboard .card-head{flex-wrap:wrap;gap:10px}
.portal-shell .portal-dashboard .card-head>div{min-width:0}
.portal-shell .portal-dashboard .rg-num{overflow-wrap:anywhere}
.portal-empty-workspace{padding:36px 20px;text-align:center;border:1px solid var(--border);border-radius:13px;background:var(--card)}
.portal-shell :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(min-width:861px){body.rg-sidebar-collapsed .portal-shell .sidebar{display:none}body.rg-sidebar-collapsed .portal-shell .main{margin-left:0;width:100%}}
@media(max-width:860px){.portal-shell .sidebar{width:250px;z-index:120;transform:translateX(-102%);visibility:hidden}.portal-shell .main{margin-left:0;width:100%}body.rg-nav-open .portal-shell .sidebar{transform:translateX(0);visibility:visible}body.rg-nav-open #rg-nav-backdrop{z-index:110}.portal-shell .content{padding:13px 14px 64px}.portal-shell .portal-topbar{padding:0 14px}.portal-marketplace{display:none}.portal-shell .kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-shell .content .card{overflow:visible}.portal-shell #rg-user-dropdown{width:calc(250px - 20px)}.portal-shell .portal-topbar-row>[data-toggle=fullscreen]{display:none}}
@media(max-width:560px){.portal-shell .kpi-strip{grid-template-columns:1fr}.portal-shell .portal-topbar-row{gap:5px}.portal-shell .topbar-search{max-width:none;flex:1}.portal-shell .portal-topbar-row>#rg-tour-help{display:inline-flex}.portal-shell .topbar-spacer{display:none}.portal-shell .dashboard-date-presets .rg-pill-track{max-width:calc(100vw - 28px)}}
@media(prefers-reduced-motion:reduce){.portal-shell *{scroll-behavior:auto;transition:none!important}}
.portal-periods{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:15px}.portal-period{display:flex;flex-direction:column;gap:8px;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--card);color:var(--text);text-decoration:none;box-shadow:var(--shadow)}.portal-period span{font-weight:600}.portal-period small{font-size:11px;color:var(--text3)}.portal-period:hover,.portal-period.is-current{border-color:var(--accent)}
@media(max-width:860px){.portal-periods{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.portal-period{flex:0 0 165px;scroll-snap-align:start}}
.portal-date-control{position:relative;flex:none}.portal-date-control>summary{list-style:none;height:32px;font-size:12px;cursor:pointer}.portal-date-control>summary::-webkit-details-marker{display:none}.portal-date-control svg{width:14px;height:14px}.portal-date-popover{position:absolute;top:calc(100% + 9px);right:0;width:520px;max-width:calc(100vw - 28px);padding:16px;background:var(--card);border:1px solid var(--border2);border-radius:12px;box-shadow:var(--shadow-pop);z-index:80}.portal-date-popover .dashboard-date-presets{justify-content:flex-start!important;max-width:100%}.portal-date-popover .rg-pill-track{display:flex;flex-wrap:wrap;height:auto!important;overflow:visible!important}.portal-date-popover .rg-pill-slider{display:none}.portal-date-popover .rg-pill-item{white-space:nowrap}.portal-date-popover .dashboard-pagehead-actions{width:100%;text-align:left}.portal-date-popover .card-meta{margin-top:8px}
@media(max-width:560px){.portal-date-popover{position:fixed;top:55px;right:14px;left:14px;width:auto;max-height:calc(100dvh - 75px);overflow:auto}.portal-date-control>summary span{display:none}.portal-date-control>summary{padding:0 9px}}
.portal-shell .portal-page-title{font:600 17px Manrope,sans-serif;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none}.portal-shell .portal-topbar-row .topbar-search{margin-left:8px}.portal-shell :is(.rg-btn-primary,.btn-primary,.pbtn){color:#fff!important}.portal-shell :is(.rg-btn-primary,.btn-primary,.pbtn) svg{color:#fff!important}.portal-shell .portal-date-popover .rg-pill-item{flex:none;white-space:nowrap;min-height:30px;border-radius:7px}.portal-shell .portal-date-popover .rg-pill-item[aria-selected=true]{background:var(--accent-soft);color:var(--accent)}.portal-shell .gridjs-wrapper{max-height:480px;overflow:auto}.portal-shell .gridjs-th{position:sticky;top:0;z-index:2;background:var(--inset)}
@media(max-width:1180px){.portal-shell .portal-page-title{max-width:180px}.portal-shell .portal-topbar-row .topbar-search{max-width:180px}}@media(max-width:560px){.portal-shell .portal-page-title{max-width:145px;font-size:15px}.portal-shell .portal-topbar-row .topbar-search{display:none}.portal-shell .topbar-spacer{display:block}}
.portal-sort{border:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;padding:0;cursor:pointer}.portal-shell th[aria-sort] .portal-sort{color:var(--accent)}
.portal-geography-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:12px}.portal-geography-grid>.portal-geo{grid-row:1;grid-column:1}.portal-geography-grid>.card:first-child{grid-column:2}.portal-geo-scale{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--text3)}.portal-geo-scale i{height:6px;flex:1;border-radius:4px;background:linear-gradient(90deg,var(--accent-soft),var(--accent))}.portal-geo .field{font-size:11px;margin:0}.portal-geo select{height:30px;max-width:140px}
@media(max-width:1000px){.portal-geography-grid{grid-template-columns:minmax(0,1fr)}.portal-geography-grid>.card:first-child{grid-column:1;grid-row:2}}
.portal-nav-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);padding:14px 9px 4px}.portal-shell main :is(input,select,textarea){max-width:100%;min-width:0}.portal-shell main form,.portal-shell main .field{min-width:0}.portal-shell main select{overflow:hidden;text-overflow:ellipsis}.portal-shell .udrf-pagehead-actions{max-width:100%}
.portal-dashboard-trend{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:12px;margin-bottom:12px}.portal-dashboard-trend>.card{margin-bottom:0!important}.portal-channel-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;color:var(--text3);padding:20px}.portal-channel-empty svg{width:56px;height:56px;color:var(--border2)}.portal-channel-empty strong{color:var(--text2)}.portal-dashboard-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.portal-dashboard-highlights .auth-link{margin-top:auto}
@media(max-width:1180px){.portal-dashboard-trend,.portal-dashboard-highlights{grid-template-columns:minmax(0,1fr)}}
.portal-shell .portal-mobile-search{display:none}@media(min-width:861px){.portal-shell .sidebar{visibility:visible;transform:none}}@media(max-width:560px){.portal-shell .portal-mobile-search{display:flex}}

.portal-table-pages[hidden]{display:none}

/* Canonical PODS density and typography. These aliases affect presentation only. */
.portal-shell,.portal-auth{--ds-font-num:"Geist",system-ui,sans-serif;--ds-font-display:Manrope,sans-serif;--ds-font-body:"Geist",system-ui,sans-serif;--bs-primary:var(--accent);--bs-link-color:var(--accent-text);--bs-link-hover-color:var(--accent-h)}
.portal-shell .rg-num{font-family:"Geist",system-ui,sans-serif;font-variant-numeric:tabular-nums}
.portal-shell .card h2,.portal-shell .card .section-title{font:600 13.5px/1.4 Manrope,sans-serif;letter-spacing:-.01em;margin-bottom:3px}
.portal-shell .card-head{align-items:flex-start;gap:10px;margin-bottom:11px}
.portal-shell .card-head .btn-ghost{margin-left:auto;flex:none}
.portal-shell .card-meta{font-size:11.5px;line-height:1.5}
.portal-shell :is(.btn-primary,.btn-ghost,.rg-btn){border-radius:9px;font-size:12.5px;min-height:34px}
.portal-shell .input,.portal-shell select{border-radius:9px}
.portal-shell .portal-dashboard>.dashboard-pagehead{display:none}
.portal-shell .portal-periods{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(184px,1fr);gap:9px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px;scrollbar-width:thin;margin-bottom:12px}
.portal-shell .portal-period{display:block;padding:10px 11px 9px;border-radius:13px;box-shadow:0 1px 2px #1018280d;color:var(--text);min-width:0;text-decoration:none}
.portal-period-top{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600}.portal-period-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--inset);color:var(--text3)}.portal-period-icon svg{width:15px;height:15px}.portal-period.is-current .portal-period-icon{background:var(--accent-soft);color:var(--accent)}
.portal-shell .portal-period>small{display:block;margin-top:6px;font-size:10.5px}.portal-period-value{display:block;font:600 21px/1.3 Manrope,sans-serif;letter-spacing:-.025em;margin-top:8px;white-space:nowrap}
.portal-period-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 9px;margin:8px 0 0;padding-top:7px;border-top:1px solid var(--border)}.portal-period-grid dt{font-size:11px;color:var(--text3);font-weight:400}.portal-period-grid dd{font-size:12.5px;margin:0}.portal-period.is-unavailable{color:var(--text3)}
.portal-dashboard-panel{margin-bottom:12px}.portal-metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.portal-metric-row>div{padding-right:12px;border-right:1px solid var(--border)}.portal-metric-row>div:last-child{border:0}.portal-metric-row span{display:block;font-size:11px;color:var(--text3)}.portal-metric-row strong{display:block;font:600 23px/1.5 Manrope,sans-serif}
.portal-chart-empty{min-height:190px;display:grid;place-items:center;border-bottom:1px solid var(--border);margin:18px 0 12px;background:repeating-linear-gradient(to top,transparent 0,transparent 46px,var(--border) 47px,transparent 48px);text-align:center}.portal-chart-empty>span{background:var(--card);color:var(--text3);padding:8px 14px;font-size:12px;max-width:90%}.portal-chart-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:10.5px;color:var(--text3)}.portal-chart-legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--border2);margin-right:5px}
.portal-channel-total{display:flex;flex-direction:column;gap:4px;margin:15px 0}.portal-channel-total strong{font:600 25px Manrope,sans-serif}.portal-channel-total span{font-size:11.5px;color:var(--text3)}
@media(max-width:560px){.portal-shell .portal-periods{grid-auto-columns:184px}.portal-metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-shell .portal-page-title{max-width:110px}.portal-shell .portal-topbar-row{gap:4px}.portal-shell .portal-topbar-row .ibtn{width:30px;min-width:30px}.portal-chart-empty{min-height:160px}}
.portal-export-control{position:relative;flex:none}.portal-export-control[hidden]{display:none}.portal-export-control>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;padding:0 10px}.portal-export-control>summary::-webkit-details-marker{display:none}.portal-export-control svg{width:15px;height:15px}.portal-export-popover{position:absolute;right:0;top:calc(100% + 9px);width:260px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;padding:6px;background:var(--card);border:1px solid var(--border2);border-radius:11px;box-shadow:var(--shadow-pop);z-index:80}.portal-export-option{display:block;width:100%;border:0;border-radius:7px;text-align:left;padding:9px;background:transparent;color:var(--text);font:inherit;font-size:12px;text-decoration:none}.portal-export-option:hover{background:var(--hover)}.portal-export-option:disabled{opacity:.5;cursor:not-allowed}@media(max-width:560px){.portal-export-control>summary span{display:none}.portal-export-control>summary{padding:0 8px}.portal-export-popover{position:fixed;top:55px;right:14px}.portal-shell .portal-page-title{max-width:100px;flex:1}.portal-shell .portal-topbar-row .topbar-spacer{display:none}}

/* Main shell fallback; custom portal-shell remains its own presentation owner. */
/*
 * RecoGood canonical shell adapter.
 *
 * This file intentionally styles shell chrome only. Page-family templates keep
 * their existing CSS, data, forms and server-side pagination until they are
 * ported and verified independently.
 */
:root {
  --portal-canvas: #fff;
  --portal-sidebar: #f8f9fb;
  --portal-card: #fff;
  --portal-inset: #f5f6f9;
  --portal-text: #16181d;
  --portal-text-2: #4a5260;
  --portal-text-3: #6b7482;
  --portal-border: #eaecf1;
  --portal-border-2: #dde1e9;
  --portal-accent: #4263eb;
  --portal-accent-soft: #eef1fe;
  --portal-side-width: 212px;
  --portal-shadow: 0 1px 2px rgba(16, 24, 40, .05);
  --portal-shadow-pop: 0 16px 44px rgba(16, 24, 40, .16), 0 2px 8px rgba(16, 24, 40, .06);
}

[data-theme="dark"] {
  --portal-canvas: #0e1014;
  --portal-sidebar: #131620;
  --portal-card: #171a22;
  --portal-inset: #1d212b;
  --portal-text: #e8eaef;
  --portal-text-2: #a2aab9;
  --portal-text-3: #8d97a8;
  --portal-border: #262b36;
  --portal-border-2: #333a48;
  --portal-accent: #5c7cfa;
  --portal-accent-soft: #1a2140;
  --portal-shadow-pop: 0 18px 52px rgba(0, 0, 0, .66);
}

.rgw:not(.portal-shell) {
  display: block;
  min-height: 100vh;
  color: var(--portal-text);
  background: var(--portal-canvas);
}

.rgw:not(.portal-shell) .sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  width: var(--portal-side-width);
  height: 100dvh;
  z-index: 70;
  padding: 13px 10px;
  overflow: visible;
  background: var(--portal-sidebar);
  border-right: 1px solid var(--portal-border);
}

.rgw:not(.portal-shell) .sidebar .sidebar-nav {
  flex: 1;
  min-height: 0;
  padding: 0 2px 8px 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

.rgw:not(.portal-shell) .main {
  width: calc(100% - var(--portal-side-width));
  min-height: 100vh;
  margin-left: var(--portal-side-width);
}

.rgw:not(.portal-shell) [data-portal-topbar] {
  position: sticky;
  top: 0;
  z-index: 50;
  display: block;
  height: auto;
  min-height: 53px;
  padding: 0 20px;
  background: var(--portal-canvas);
  border-bottom: 1px solid var(--portal-border);
}

.rgw:not(.portal-shell) .portal-topbar-row {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 53px;
  min-width: 0;
}

.rgw:not(.portal-shell) .content {
  width: 100%;
  max-width: 1520px;
  margin: 0 auto;
  padding: 15px 20px 70px;
  overflow: visible;
}

.rgw:not(.portal-shell) .portal-mobile-search {
  display: none;
}

.rgw:not(.portal-shell) :focus-visible {
  outline: 2px solid var(--portal-accent);
  outline-offset: 2px;
}

@media (min-width: 901px) {
  body.rg-sidebar-collapsed .rgw:not(.portal-shell) .sidebar {
    display: none;
  }

  body.rg-sidebar-collapsed .rgw:not(.portal-shell) .main {
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 900px) {
  .rgw:not(.portal-shell) .sidebar {
    width: 250px;
    z-index: 120;
    visibility: hidden;
    transform: translateX(-102%);
  }

  .rgw:not(.portal-shell) .main {
    width: 100%;
    margin-left: 0;
  }

  body.rg-nav-open .rgw:not(.portal-shell) .sidebar {
    visibility: visible;
    transform: translateX(0);
  }

  body.rg-nav-open:has(.rgw:not(.portal-shell)) #rg-nav-backdrop {
    z-index: 110;
  }

  .rgw:not(.portal-shell) .content {
    padding: 13px 14px 64px;
  }

  .rgw:not(.portal-shell) [data-portal-topbar] {
    padding: 0 14px;
  }
}

@media (max-width: 560px) {
  .rgw:not(.portal-shell) .portal-topbar-row {
    gap: 5px;
  }

  .rgw:not(.portal-shell) .portal-topbar-row .topbar-search {
    display: none;
  }

  .rgw:not(.portal-shell) .portal-mobile-search {
    display: inline-flex;
  }

  .rgw:not(.portal-shell) .topbar-spacer {
    display: block;
    flex: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rgw:not(.portal-shell) * {
    scroll-behavior: auto;
    transition: none !important;
  }
}
