/* Responsive overlay for the verified tablet-demo-real-20261001 advertiser UI. */
.workspace-label{
  color:#263b59!important;
  font-size:16px!important;
  font-weight:750!important;
  letter-spacing:-.2px!important;
  line-height:1.15!important;
}
.dark .workspace-label{color:#eef4ff!important}
.portal-main,.portal-page,.dashboard-page,.reports-experience{min-width:0}

/* Draw the theme control with CSS so the top bar never uses emoji glyphs. */
.theme-toggle{position:relative;font-size:0!important}
.theme-toggle::before{
  content:"";
  display:block;
  width:17px;
  height:17px;
  border:2px solid currentColor;
  border-radius:50%;
  box-shadow:5px -4px 0 -3px currentColor;
}
.dark .theme-toggle::before{
  width:14px;
  height:14px;
  margin:2px;
  box-shadow:0 -8px 0 -6px currentColor,0 8px 0 -6px currentColor,8px 0 0 -6px currentColor,-8px 0 0 -6px currentColor,6px 6px 0 -6px currentColor,-6px -6px 0 -6px currentColor,6px -6px 0 -6px currentColor,-6px 6px 0 -6px currentColor;
}

@media (max-width:900px){
  .portal-shell{padding:6px!important}
  .portal-workspace{margin-left:0!important;padding:0!important;min-width:0!important}
  .portal-header{top:6px!important;height:58px!important;padding:0 13px!important;gap:9px!important;z-index:45!important}
  .workspace-label{display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body .portal-shell .portal-header .nav-toggle{display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;padding:0!important;color:#172033!important;font-size:23px!important}
  .dark body .portal-shell .portal-header .nav-toggle{color:#eef4ff!important}
  body .portal-shell .portal-sidebar{
    position:fixed!important;
    inset:72px auto 8px 8px!important;
    width:80px!important;
    padding:13px 8px!important;
    border:0!important;
    border-radius:16px!important;
    background:#101d31!important;
    transform:translateX(-104px)!important;
    visibility:hidden!important;
    transition:transform .24s ease,visibility .24s ease!important;
    z-index:50!important;
    overflow:hidden!important;
  }
  body .portal-shell.mobile-open .portal-sidebar{transform:translateX(0)!important;visibility:visible!important}
  body .portal-shell.mobile-open .sidebar-backdrop{display:block!important;position:fixed!important;inset:66px 0 0!important;background:rgba(5,13,27,.42)!important;z-index:40!important}
  .portal-brand{display:flex!important;justify-content:center!important;margin:0 0 18px!important;font-size:0!important}
  .portal-logo{width:44px!important;height:44px!important;object-fit:contain!important}
  .brand-copy,.sidebar-bottom{display:none!important}
  .portal-sidebar nav{display:flex!important;flex-direction:column!important;gap:5px!important}
  .portal-sidebar nav a{min-height:59px!important;padding:8px 3px!important;gap:5px!important;flex-direction:column!important;justify-content:center!important;text-align:center!important;color:#c9d4e4!important;font-size:10px!important;line-height:1.15!important}
  .portal-sidebar nav svg{width:22px!important;height:22px!important;stroke:#fff!important}
  .portal-sidebar nav a.selected{background:transparent!important;color:#fff!important;font-weight:750!important}
  .portal-sidebar nav a.selected svg{filter:drop-shadow(0 0 7px #7969ff) drop-shadow(0 0 11px #168bff)}
  .portal-main{max-width:100%!important;padding:18px 8px!important;overflow-x:hidden!important}
  .portal-footer{padding:14px 9px!important}
  .report-controls,.report-main-grid,.report-secondary-grid,.report-campaign-grid,.report-location-layout{grid-template-columns:1fr!important}
  .report-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .report-stadia-map{height:340px!important}
  .report-heatmap{overflow-x:auto!important;padding-bottom:5px!important}
  .tablet-demo-page,.tablet-stage{max-width:100%!important}
}

@media (max-width:560px){
  .portal-header{height:56px!important}
  .workspace-label{max-width:148px;font-size:13px!important;white-space:normal!important}
  .account-name{display:none!important}
  .signout{display:none!important}
  .header-actions{gap:7px!important;margin-left:auto!important}
  .account-avatar{width:32px!important;height:32px!important}
  .portal-main{padding:15px 2px!important}
  .page-header,.report-card-heading,.report-section-title{align-items:flex-start!important;flex-direction:column!important}
  .page-actions{width:100%!important;flex-wrap:wrap!important}
  .report-filter-row,.report-summary-grid,.report-kpis{grid-template-columns:1fr!important}
  .report-controls,.report-card{padding:14px!important}
  .report-stadia-map{height:270px!important}
  .report-heatmap{min-width:690px!important}
  .report-table-wrap{margin:0 -14px!important;padding:0 14px!important}
  .tablet-stage{padding:10px!important}
  .tablet{padding:9px!important;border-radius:20px!important}
  .portal-footer span{display:none!important}
}