@media(max-width:900px){.cmc-content-grid{grid-template-columns:1fr 1fr}.public-nav{position:relative}.public-nav nav a:not(.btn){display:none}}
@media(max-width:620px){.cmc-content-grid{grid-template-columns:1fr}.cmc-page-hero{padding-top:42px}.public-footer nav{justify-content:center}.public-meta-strip{gap:12px}.admin-brand-v26 img{width:130px}}

@media(max-width:900px){.feature-flag-row-v263{grid-template-columns:1fr}.feature-flag-row-v263 label{white-space:normal}}
@media(max-width:760px){.admin-sidebar{height:auto;overflow:visible;padding-bottom:10px}.admin-sidebar>nav{overflow:visible;max-height:none;padding-right:0}.preference-hero-v263{align-items:flex-start;flex-direction:column}.preference-toggle-v263{align-items:flex-start}.beta-nav-v263{margin-left:auto}}

/* =========================================================
   v2.6.4 — Mobile Responsive Overhaul
   Phone layouts are a first-class shell, not compressed desktop.
   ========================================================= */
.mobile-menu-toggle-v264,.mobile-nav-close-v264,.mobile-nav-backdrop-v264{display:none}

@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{min-width:0}
  body.mobile-nav-open-v264{overflow:hidden}
  .app-shell{display:block;min-width:0;width:100%}

  /* Off-canvas navigation */
  .branded-sidebar-v21,.admin-sidebar{
    display:flex!important;
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:min(86vw,320px)!important;
    height:100dvh!important;
    min-height:0!important;
    z-index:1002!important;
    transform:translateX(-105%);
    transition:transform .22s ease;
    box-shadow:24px 0 60px rgba(0,0,0,.5);
    overflow:hidden!important;
    padding:14px 12px 10px!important;
  }
  body.mobile-nav-open-v264 .branded-sidebar-v21,
  body.mobile-nav-open-v264 .admin-sidebar{transform:translateX(0)}
  .mobile-nav-backdrop-v264{
    display:block;position:fixed;inset:0;background:rgba(1,5,10,.72);backdrop-filter:blur(3px);
    z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease;
  }
  body.mobile-nav-open-v264 .mobile-nav-backdrop-v264{opacity:1;visibility:visible;pointer-events:auto}
  .mobile-menu-toggle-v264{
    display:flex;position:fixed;left:12px;top:12px;z-index:999;width:42px;height:42px;border-radius:12px;
    border:1px solid rgba(87,117,149,.38);background:rgba(8,14,22,.94);box-shadow:0 8px 25px rgba(0,0,0,.28);
    align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:0;cursor:pointer
  }
  .mobile-menu-toggle-v264 span{display:block;width:18px;height:2px;border-radius:99px;background:#e9f2ff}
  .admin-mobile-menu-v264{border-color:rgba(156,124,255,.42)}
  .mobile-nav-close-v264{
    display:grid;place-items:center;position:absolute;top:10px;right:10px;width:34px;height:34px;border:0;border-radius:10px;
    background:rgba(255,255,255,.055);color:#dce9f7;font:300 25px/1 system-ui;z-index:3;cursor:pointer
  }

  /* Collector nav is one clean row per destination */
  .branded-sidebar-v21 .brand-v21{flex:0 0 auto;margin:0 32px 8px 0;padding:0 8px 9px;text-align:left}
  .branded-sidebar-v21 .brand-v21 img{width:132px!important;height:100px!important;max-width:132px;margin:-10px 0 -8px!important;object-position:left center}
  .branded-sidebar-v21 .nav-v21{display:flex!important;grid-template-columns:none!important;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;gap:2px;padding:2px 3px 14px 0;scrollbar-width:thin}
  .branded-sidebar-v21 .nav-v21 .nav-label{display:block!important;grid-column:auto!important;padding:14px 12px 5px}
  .branded-sidebar-v21 .nav-v21>a{display:flex!important;width:100%;min-width:0;padding:10px 11px;font-size:14px}
  .branded-sidebar-v21 .nav-v21>a>span{flex:0 0 20px}
  .branded-sidebar-v21 .sidebar-footer-v21{display:flex!important;flex:0 0 auto;align-items:center;gap:8px;margin-top:0;padding:10px 2px 0;border-top:1px solid #172536}
  .branded-sidebar-v21 .sidebar-user{flex:1 1 auto;min-width:0}
  .branded-sidebar-v21 .signout-v21{flex:0 0 auto;margin:0 4px!important;white-space:nowrap;font-size:10px!important}

  /* Admin drawer keeps its independent nav scroll */
  .admin-sidebar .admin-brand-v26{margin-right:32px;padding:0 6px 12px}
  .admin-sidebar .admin-brand-v26 img{width:120px;max-height:82px}
  .admin-sidebar>nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding-right:4px!important}
  .admin-sidebar>.sidebar-footer{display:block!important;flex:0 0 auto!important}

  /* Main canvas must always fit the physical viewport */
  .main,.branded-main-v21,.admin-main{
    margin-left:0!important;width:100%!important;max-width:100%!important;min-width:0!important;
    padding:0 14px 28px!important;overflow-x:clip
  }
  .topbar,.topbar-v21,.admin-topbar{
    min-height:66px!important;margin:0 -14px 14px!important;padding:11px 14px 11px 64px!important;
    position:sticky!important;top:0!important;z-index:40!important;background:rgba(7,12,19,.94)!important;
    backdrop-filter:blur(14px);gap:10px;max-width:calc(100% + 28px)
  }
  .topbar-title-v21,.admin-topbar>div{min-width:0}
  .topbar-v21 h1,.admin-topbar h1{font-size:20px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}
  .topbar-title-v21 p,.admin-topbar p{display:none!important}
  .env-pill-v25{font-size:7px!important;padding:3px 5px!important;margin-left:6px!important;vertical-align:middle}
  .global-search-v21{display:none!important}
  .topbar-tools-v21{margin-left:auto;gap:7px;flex:0 0 auto}
  .topbar-add-v21{width:38px;height:38px;font-size:23px}
  .topbar-user-v21{padding-left:0}
  .topbar-user-v21>span{width:34px;height:34px}
  .topbar-user-v21 strong{display:none!important}
  .admin-topbar>.btn{font-size:0;width:38px;height:38px;padding:0;border-radius:50%}
  .admin-topbar>.btn:after{content:'↩';font-size:18px}

  /* Universal containment: children may scroll, page must not widen */
  .panel,.card,.dashboard-panel-v21,.collection-overview-v21,
  .dashboard-grid-v21,.dashboard-grid-top-v21,.dashboard-grid-bottom-v21,
  .collection-toolbar,.collection-summary,.collection-card-grid,.card-detail-layout,
  .goal-grid,.rainbow-hero,.set-detail-layout,.market-hub-layout-v24,.connections-grid-v25,
  .connection-privacy-v25,.health-grid-v25,.admin-section-grid,.form-grid,.toolbar{
    min-width:0!important;max-width:100%!important
  }
  img,svg,canvas,video{max-width:100%;height:auto}
  .table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{min-width:max-content}
  input,select,textarea,button{max-width:100%}

  /* Dashboard */
  .dashboard-welcome-v21{display:flex!important;align-items:flex-start!important;flex-direction:column!important;gap:12px;padding:4px 1px 14px}
  .dashboard-welcome-v21 h2{font-size:22px}
  .dashboard-welcome-v21 p{font-size:11px;line-height:1.5}
  .dashboard-smart-v21{width:100%;min-height:42px}
  .dashboard-kpis-v21{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .dashboard-kpi-v21{min-height:96px!important;padding:12px 10px!important;gap:10px!important}
  .dashboard-kpi-v21 i{width:38px!important;height:38px!important;flex:0 0 38px}
  .dashboard-kpi-v21 div{min-width:0}
  .dashboard-kpi-v21 span{font-size:7px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dashboard-kpi-v21 strong{font-size:18px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dashboard-kpi-v21 small{font-size:7px!important;line-height:1.25}
  .dashboard-grid-v21,.dashboard-grid-top-v21,.dashboard-grid-bottom-v21{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:12px!important}
  .dashboard-grid-bottom-v21{margin-top:12px!important}
  .dashboard-panel-v21{width:100%!important;overflow:hidden!important}
  .dashboard-panel-head-v21{height:auto!important;min-height:48px;padding:11px 13px!important;gap:10px;align-items:flex-start!important}
  .dashboard-panel-head-v21 h2{font-size:14px!important;line-height:1.25;min-width:0}
  .dashboard-panel-head-v21 a{font-size:9px!important;text-align:right;flex:0 0 auto;max-width:42%}
  .dashboard-recent-list-v21,.dashboard-chase-list-v21,.dashboard-hunt-list-v21{padding:0 11px!important}
  .dashboard-recent-row-v21{grid-template-columns:40px minmax(0,1fr) auto!important;gap:9px!important;min-height:72px}
  .dashboard-card-id-v21{min-width:0}
  .dashboard-card-id-v21 strong,.dashboard-card-id-v21 span,.dashboard-card-id-v21 small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dashboard-card-value-v21{max-width:70px}
  .overview-main-v21{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;padding:18px 13px 12px!important}
  .collection-donut-v21{width:min(58vw,190px)!important;height:min(58vw,190px)!important}
  .collection-donut-v21:after{width:66%!important;height:66%!important}
  .overview-legend-v21{width:100%;gap:11px!important}
  .overview-legend-v21>div{grid-template-columns:8px minmax(0,1fr) auto!important;font-size:10px!important;gap:8px}
  .overview-legend-v21 span{min-width:0;white-space:normal}
  .overview-mini-v21{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0 12px 12px!important}
  .dashboard-chase-row-v21,.dashboard-hunt-row-v21{min-width:0}
  .dashboard-chase-row-v21{grid-template-columns:1fr!important}
  .dashboard-chase-row-v21>small{text-align:left!important}
  .dashboard-hunt-row-v21{grid-template-columns:40px minmax(0,1fr) auto!important;gap:9px!important}
  .dashboard-hunt-row-v21>div:nth-child(2){min-width:0}
  .dashboard-hunt-row-v21>div:nth-child(2)>strong,.dashboard-hunt-row-v21>div:nth-child(2)>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  .dashboard-footer-v21{flex-direction:column!important;align-items:flex-start!important;gap:4px}

  /* Collector grids and forms */
  .grid{grid-template-columns:1fr!important}
  .card-grid,.collection-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .collection-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .collection-toolbar{display:grid!important;grid-template-columns:1fr!important}
  .collection-toolbar input,.collection-toolbar select,.toolbar input,.toolbar select{width:100%!important;min-width:0!important}
  .form-grid{grid-template-columns:1fr!important}
  .card-detail-layout{grid-template-columns:1fr!important;gap:14px!important}
  .goal-grid{grid-template-columns:1fr!important}
  .rainbow-hero{align-items:flex-start!important;flex-direction:column!important}
  .rainbow-score{text-align:left!important}
  .parallel-grid{grid-template-columns:1fr!important}
  .smart-steps{grid-template-columns:1fr!important}
  .account-section-nav{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:5px}.account-section-nav a{white-space:nowrap}

  /* Public/auth */
  .public-shell,.public-main{max-width:100%;overflow-x:hidden}
  .cmc-page-hero{padding-top:38px}
  .cmc-content-grid{grid-template-columns:1fr!important}
  .login-wrap{padding:14px}.login-box{padding:20px!important}
}

@media(max-width:420px){
  .main,.branded-main-v21,.admin-main{padding-left:11px!important;padding-right:11px!important}
  .topbar,.topbar-v21,.admin-topbar{margin-left:-11px!important;margin-right:-11px!important;padding-left:60px!important;padding-right:11px!important}
  .mobile-menu-toggle-v264{left:9px;top:12px}
  .dashboard-kpis-v21{grid-template-columns:1fr!important}
  .dashboard-kpi-v21{min-height:82px!important}
  .dashboard-kpi-v21 strong{font-size:20px!important}
  .card-grid,.collection-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dashboard-panel-head-v21{align-items:center!important}
  .dashboard-panel-head-v21 a{max-width:46%}
}

@media(max-width:350px){
  .card-grid,.collection-card-grid,.collection-summary,.overview-mini-v21{grid-template-columns:1fr!important}
}

@media(max-width:760px){
  /* Flex/grid children default to min-width:auto; zero it inside app content so long labels cannot expand the viewport. */
  .main *,.branded-main-v21 *,.admin-main *{min-width:0}
  .table-wrap table{min-width:max-content}
  pre,.code{max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}
  code{overflow-wrap:anywhere}
  .actions{flex-wrap:wrap}
  .actions .btn{max-width:100%}
}