/* Pop It Here v5.15 — mobile focus pass
   Research goals: essential-first, progressive disclosure, >=44px primary touch targets,
   persistent top-level navigation, and less duplicated chrome. */
@media (max-width:760px){
  html{scroll-padding-bottom:84px}
  body{padding-bottom:76px!important}
  button,a,input,select,textarea{font-size:16px}
  button,.pih-btn,.quiet,.compact-button{min-height:44px}
  .desktop-app-nav{display:none!important}
  .chooser-head{padding:.75rem .85rem!important;min-height:58px}
  .chooser-head .brand-name{font-size:1.05rem!important}
  .chooser-head .brand-tagline{display:none!important}
  .chooser-head .brand-mark{width:38px!important;height:38px!important}
  .chooser-head .account-block{margin-left:auto}
  .dashboard-intro-v2{display:none!important}
  .dashboard-layout-tools{margin:.4rem .85rem 0;justify-content:flex-end}
  .dashboard-layout-tools .layout-label{display:none}
  .quick-pop-hero{margin:.65rem .75rem .55rem!important;padding:1rem!important;border-radius:20px!important}
  .quick-pop-top{display:block!important}
  .quick-pop-copy h2{font-size:1.35rem!important;line-height:1.08!important;margin:.18rem 0 .3rem!important}
  .quick-pop-copy p{font-size:.86rem!important;line-height:1.35!important;margin:0 0 .7rem!important;max-width:none!important}
  .quick-pop-badge{display:none!important}
  .quick-pop-form{grid-template-columns:minmax(0,1fr) auto!important;gap:.45rem!important}
  .quick-pop-form input{min-height:50px!important;padding:.75rem .85rem!important;border-radius:15px!important}
  .quick-pop-form button{min-width:68px!important;min-height:50px!important;padding:0 .85rem!important}
  .quick-pop-examples{display:flex!important;overflow-x:auto;gap:.4rem!important;padding:.55rem 0 .1rem;scrollbar-width:none;flex-wrap:nowrap!important}
  .quick-pop-examples::-webkit-scrollbar{display:none}
  .quick-pop-chip{flex:0 0 auto!important;min-height:38px!important;padding:.45rem .7rem!important;font-size:.76rem!important}
  .attention-strip{margin:.55rem .75rem!important;padding:.75rem .8rem!important;border-radius:16px!important;gap:.6rem!important}
  .attention-copy strong{font-size:.9rem!important}.attention-copy span{font-size:.77rem!important;line-height:1.25!important}
  .attention-action{min-height:40px!important;padding:.5rem .7rem!important;font-size:.78rem!important}
  .mobile-dashboard-more-toggle{display:flex!important;margin:.25rem .75rem .55rem;width:calc(100% - 1.5rem);align-items:center;justify-content:space-between;border:1px solid #e5e1d9;background:#fff;border-radius:14px;padding:.55rem .75rem;font-weight:800;color:#28313d}
  .home-widget-grid{display:block!important;margin:0 .75rem!important}
  .home-widget{margin-bottom:.65rem!important;border-radius:18px!important;box-shadow:none!important}
  .home-widget .widget-head{padding:.72rem .78rem!important;min-height:54px!important}
  .widget-heading img,.mini-app-icon{width:34px!important;height:34px!important;border-radius:10px!important}
  .widget-heading h3{font-size:.98rem!important}.widget-kicker{font-size:.62rem!important}
  .widget-body{padding:.72rem .78rem!important}
  .widget-move-controls{display:none!important}
  body:not(.pih-mobile-show-more) .home-widget[data-mobile-secondary="true"]{display:none!important}
  .meal-plan-list .meal-row{grid-template-columns:70px minmax(0,1fr)!important;gap:.5rem!important;padding:.45rem 0!important}
  .meal-day{font-size:.76rem!important}.meal-day small{font-size:.65rem!important}
  .meal-plan-choice{min-height:48px!important;padding:.55rem .65rem!important;border-radius:12px!important}
  .meal-plan-choice strong{font-size:.84rem!important}.meal-plan-choice small{font-size:.7rem!important}
  .snapshot-number{font-size:2rem!important}.snapshot-row{padding:.45rem 0!important}
  .tonight-card h4{font-size:1.05rem!important}.tonight-card{gap:.55rem!important}
  .recent-row,.shared-recipe-card,.calendar-mini-event{min-height:50px!important;padding:.55rem!important}
  .calendar-tools-compact{flex-wrap:wrap!important}.calendar-status-mini{font-size:.68rem!important}
  .meal-planner-dialog{width:calc(100% - 16px)!important;max-width:none!important;margin:auto!important;border-radius:22px!important;max-height:92svh!important}
  .meal-planner-inner{padding:.9rem!important;max-height:88svh!important;overflow:auto!important}
  .meal-planner-head{position:sticky;top:0;background:#fff;z-index:2;padding-bottom:.55rem!important}
  .meal-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .meal-mode-button{min-height:58px!important;padding:.55rem!important}
  .meal-existing-row,.meal-create-actions,.restaurant-search-row{grid-template-columns:1fr!important}
  .restaurant-result{grid-template-columns:1fr auto!important}
  .suite-footer{margin-bottom:12px!important}

  /* Board: one task at a time. Capture stays prominent; side navigation becomes a drawer. */
  .lists-shell{min-height:auto!important}
  .lists-topbar{min-height:56px!important;padding:.45rem .7rem!important}
  .lists-topbar .topbar-copy,.lists-topbar .sync-status{display:none!important}
  .lists-main{display:block!important}
  .lists-sidebar{position:fixed!important;z-index:40;top:0;bottom:72px;left:0;width:min(86vw,330px)!important;transform:translateX(-105%);transition:transform .2s ease;box-shadow:10px 0 30px rgba(0,0,0,.12)}
  .lists-sidebar.open{transform:translateX(0)}
  .lists-content{padding:.65rem!important}
  .view-heading{margin:.25rem 0 .5rem!important}.view-heading h1{font-size:1.35rem!important}.view-heading p{display:none!important}
  .summary-strip{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:.25rem}
  .capture-card{position:sticky;top:.25rem;z-index:8;padding:.65rem!important;border-radius:16px!important}
  .capture-row{grid-template-columns:minmax(0,1fr) auto!important;gap:.4rem!important}
  #smartCaptureButton{min-width:48px!important}.capture-secondary-actions{display:none!important}
  .board-mobile-tools{display:flex!important}
  .smart-dialog-card{width:calc(100vw - 16px)!important;max-width:none!important}
  .smart-row{grid-template-columns:34px minmax(0,1fr)!important;gap:.4rem!important}
  .smart-row [data-smart-kind],.smart-row [data-smart-list]{grid-column:2}

  /* Recipes: global navigation handles app switching. Internal recipe navigation becomes compact content controls, not a second bottom bar. */
  .hub-toolbar{min-height:56px!important;height:auto!important;padding:.42rem .6rem!important;gap:.4rem!important}
  .hub-toolbar .hub-title{font-size:1rem!important}.hub-backups,.hub-sync{display:none!important}.hub-shared{min-height:40px!important;font-size:.75rem!important}
  .app{display:block!important;padding-bottom:0!important}
  .sidebar{position:static!important;width:auto!important;height:auto!important;max-height:none!important;border:0!important;padding:.6rem!important}
  .sidebar .brand,.recipe-list-heading{display:none!important}
  .sidebar-search-row{position:sticky;top:0;z-index:5;background:#fff;padding:.25rem 0!important}
  .filter-chips{overflow-x:auto!important;flex-wrap:nowrap!important;padding:.35rem 0!important}
  .recipe-list{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;gap:.45rem!important;max-height:none!important;padding:.25rem 0 .5rem!important}
  .recipe-card{flex:0 0 210px!important;min-height:66px!important}
  .content{padding:.55rem!important}
  .recipe-header{border-radius:18px!important}.recipe-header-photo{min-height:190px!important}.recipe-header-copy h2{font-size:1.35rem!important}
  .recipe-tabs{position:static!important;overflow-x:auto!important;flex-wrap:nowrap!important;margin:.55rem 0!important}
  .mobile-bottom-nav{position:static!important;display:flex!important;margin:.35rem .5rem .6rem!important;border-radius:14px!important;box-shadow:none!important;border:1px solid #e5e1d9!important;overflow-x:auto!important}
  .mobile-bottom-nav button{min-width:82px!important;min-height:44px!important}

  /* Fitness: keep module sections, but move them out of the thumb bar so there is only one global bottom nav. */
  .fitness-shell{padding-bottom:0!important}
  .fitness-bottom-nav,.bottom-nav{position:static!important;display:flex!important;overflow-x:auto!important;white-space:nowrap!important;border-radius:14px!important;margin:.4rem .6rem!important;box-shadow:none!important}
  .fitness-bottom-nav button,.bottom-nav button{min-width:86px!important;min-height:44px!important}

  /* Cocktails: favor search/current task over a wall of cards. */
  .cocktail-shell,.cocktails-shell{padding-bottom:0!important}
  .cocktail-main,.cocktails-main{padding:.6rem!important}
  .cocktail-grid,.cocktails-grid{grid-template-columns:1fr!important}
}
@media (min-width:761px){.mobile-dashboard-more-toggle{display:none!important}.board-mobile-tools{display:none!important}}
@media(max-width:760px){.meal-week-toggle{width:100%;min-height:44px;border:0;background:#f7f8fa;border-radius:12px;color:#315a9c;font-weight:800;margin-top:.45rem}}

/* v5.19 — mobile Home behaves like pages, with POP as page one. */
@media (max-width:760px){
  body:has(#quickPopHero:not([hidden])){overflow-x:hidden}
  #chooserPanel .dashboard-layout-tools,#chooserPanel #attentionStrip,#chooserPanel #mobileDashboardMoreToggle{display:none!important}
  #chooserPanel .suite-footer{display:none!important}
  .mobile-swipe-deck{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:10px;padding:8px 10px 18px;margin:0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .mobile-swipe-deck::-webkit-scrollbar{display:none}
  .mobile-swipe-deck #homeWidgetGrid{display:contents!important}
  .mobile-swipe-deck .quick-pop-hero,.mobile-swipe-deck .home-widget{box-sizing:border-box;flex:0 0 calc(100vw - 20px)!important;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;scroll-snap-align:center;scroll-snap-stop:always;margin:0!important;min-height:calc(100svh - 154px);max-height:calc(100svh - 154px);overflow-y:auto!important;border-radius:22px!important}
  .mobile-swipe-deck .quick-pop-hero{display:flex!important;flex-direction:column;justify-content:center;padding:clamp(1rem,5vw,1.45rem)!important;background:linear-gradient(145deg,#fff 0 68%,#F2F6FF 68% 86%,#FFF6D8 86% 100%)}
  .quick-pop-copy{text-align:center;margin:0 auto;width:100%}.quick-pop-copy .eyebrow{font-size:.72rem}.quick-pop-copy h2{font-size:2rem!important;line-height:1.02!important;margin:.32rem 0 .5rem!important}.quick-pop-copy p{display:block!important;font-size:.9rem!important;line-height:1.4!important;max-width:310px!important;margin:0 auto 1rem!important;color:#667085!important}
  .quick-pop-form{grid-template-columns:minmax(0,1fr) 50px 64px!important;gap:.42rem!important;margin-top:.25rem!important}.quick-pop-form input{min-width:0!important;min-height:54px!important}.quick-pop-form button{min-height:54px!important}.quick-pop-voice{min-width:50px!important;width:50px!important;font-size:1.05rem!important}.quick-pop-form button[type="submit"]{min-width:64px!important;padding:0 .55rem!important}
  .quick-pop-examples{justify-content:center!important;overflow:visible!important;flex-wrap:wrap!important;padding:.65rem 0 0!important}.quick-pop-chip{font-size:.72rem!important;min-height:36px!important}
  .quick-pop-status{text-align:center;min-height:18px!important;margin-top:.6rem!important}.quick-pop-result{text-align:left;margin-top:.55rem!important}.pop-watch-result{grid-template-columns:44px minmax(0,1fr)!important}.pop-watch-result>img,.pop-watch-result>.poster-placeholder{width:44px!important;height:62px!important}.pop-watch-result-actions{grid-column:1/-1;justify-content:flex-end}
  .quick-pop-attention{display:block;text-align:left;margin:.55rem 0 0!important}
  .mobile-home-controls{display:flex!important;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.6rem;border-top:1px solid rgba(92,108,132,.14);font-size:.72rem;font-weight:800;color:#687386}.mobile-home-controls button{min-height:38px!important;padding:.38rem .65rem!important;font-size:.72rem!important}
  .home-widget{box-shadow:none!important}.home-widget .widget-head{position:sticky;top:0;z-index:2;background:#fff}.home-widget .widget-body{overflow-y:auto}.home-widget[data-mobile-secondary="true"]{display:block!important}
  .mobile-deck-dots{display:flex;position:fixed;left:50%;bottom:78px;transform:translateX(-50%);z-index:25;align-items:center;gap:5px;background:rgba(255,255,255,.9);border:1px solid rgba(30,40,55,.08);border-radius:999px;padding:5px 7px;box-shadow:0 5px 18px rgba(0,0,0,.08);backdrop-filter:blur(8px)}.mobile-deck-dot{width:6px;height:6px;min-height:6px!important;padding:0!important;border:0!important;border-radius:999px!important;background:#C8CED8!important;transition:width .15s ease,background .15s ease}.mobile-deck-dot.active{width:18px;background:#1565FF!important}
  .mobile-widget-dialog{max-height:88svh}.mobile-widget-dialog-inner{max-height:86svh;overflow:auto}.mobile-widget-order-row{position:relative}.mobile-widget-order-actions button{font-size:1rem!important}
}
@media (max-width:760px){body .mobile-swipe-deck .home-widget[data-mobile-secondary="true"]{display:block!important}}

/* v5.20 — polished POP-first mobile landing screen. */
@media (min-width:761px){
  .quick-pop-attention{display:none!important}
  .app-version-badge{display:none!important}
}
@media (max-width:760px){
  html,body{max-width:100%;overflow-x:hidden!important}
  .portal-shell{width:100%!important;padding:0!important}
  .chooser{width:100%!important;max-width:100%!important;margin:0!important;padding:.45rem .45rem .35rem!important;border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important;background:rgba(255,255,255,.97)!important}
  .chooser-head{min-height:50px!important;padding:.25rem .45rem .45rem!important;border-bottom:0!important;align-items:center!important}
  .chooser-head .brand-lockup{gap:.5rem!important}
  .chooser-head .brand-mark{width:34px!important;height:34px!important}
  .chooser-head .brand-name{font-size:1rem!important;letter-spacing:-.035em!important}
  .pih-utility{gap:4px!important}
  .pih-icon-btn,.pih-avatar-btn{width:36px!important;height:36px!important;min-height:36px!important}
  .mobile-swipe-deck{width:100%!important;max-width:100%!important;box-sizing:border-box!important;display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-padding:0!important;padding:0 0 10px!important;margin:0!important}
  .mobile-swipe-deck .quick-pop-hero,.mobile-swipe-deck .home-widget{flex:0 0 100%!important;width:100%!important;min-width:100%!important;max-width:100%!important;box-sizing:border-box!important;scroll-snap-align:start!important;margin:0!important;border-radius:22px!important;min-height:calc(100dvh - 132px)!important;max-height:none!important}
  .mobile-swipe-deck .quick-pop-hero{overflow:hidden!important;padding:clamp(1.05rem,4.8vw,1.35rem)!important;justify-content:flex-start!important;background:linear-gradient(145deg,#fff 0 76%,#F2F6FF 76% 91%,#FFF6D8 91% 100%)!important;box-shadow:none!important}
  .quick-pop-hero::after{width:86px!important;height:86px!important;right:-28px!important;top:-30px!important}
  .quick-pop-copy{width:100%!important;max-width:none!important;text-align:center!important;margin:clamp(1.35rem,7dvh,3.35rem) auto 0!important;padding:0 .15rem!important}
  .quick-pop-copy .eyebrow{font-size:.66rem!important;letter-spacing:.16em!important}
  .quick-pop-copy h2{font-size:clamp(1.68rem,8.4vw,2.25rem)!important;line-height:1!important;letter-spacing:-.055em!important;white-space:nowrap!important;margin:.42rem 0 .55rem!important}
  .quick-pop-copy p{display:block!important;font-size:.84rem!important;line-height:1.38!important;max-width:315px!important;margin:0 auto 1rem!important;color:#6b7484!important}
  .quick-pop-form{position:relative!important;display:grid!important;grid-template-columns:1fr!important;gap:.55rem!important;width:100%!important;min-width:0!important;margin:.15rem 0 0!important}
  .quick-pop-form input{grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;min-height:54px!important;padding:.8rem 3.7rem .8rem .9rem!important;border-radius:17px!important;font-size:16px!important;text-overflow:ellipsis!important}
  .quick-pop-voice{position:absolute!important;z-index:2!important;right:6px!important;top:6px!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:13px!important;background:#f5f7fb!important;color:#111!important;border:1px solid #e2e7ef!important;font-size:1rem!important}
  .quick-pop-form button[type="submit"]{grid-column:1!important;grid-row:2!important;width:100%!important;min-width:0!important;min-height:50px!important;border-radius:16px!important;font-size:.98rem!important;padding:0 1rem!important}
  .quick-pop-examples{display:flex!important;justify-content:flex-start!important;align-items:center!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;gap:.42rem!important;width:100%!important;padding:.62rem 0 .08rem!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important}
  .quick-pop-examples::-webkit-scrollbar{display:none!important}
  .quick-pop-chip{flex:0 0 auto!important;white-space:nowrap!important;min-height:34px!important;padding:.36rem .62rem!important;font-size:.7rem!important;border-radius:999px!important}
  .quick-pop-status{font-size:.74rem!important;min-height:14px!important;margin-top:.45rem!important;text-align:center!important}
  .quick-pop-result{margin-top:.45rem!important;border-radius:14px!important;max-height:150px!important;overflow:auto!important}
  .quick-pop-attention{position:relative!important;margin:.55rem 0 0!important;padding:.58rem 2.2rem .58rem .68rem!important;border-radius:14px!important;font-size:.72rem!important;line-height:1.28!important;background:#fff9e9!important}
  .quick-pop-attention strong{display:block!important;font-size:.78rem!important;margin-bottom:.14rem!important}
  .quick-pop-attention span{display:block!important;color:#6d5b2d!important}
  .quick-pop-attention .shared-alert-dismiss{position:absolute!important;right:.35rem!important;top:.34rem!important;width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border-radius:10px!important;background:transparent!important;color:#665a3d!important;border:0!important;font-size:1rem!important}
  .mobile-home-controls{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-top:auto!important;padding:.72rem .05rem .1rem!important;border-top:1px solid rgba(92,108,132,.12)!important;font-size:.68rem!important;color:#7a8290!important}
  .mobile-swipe-hint{font-weight:800!important}
  .mobile-home-actions{display:flex!important;align-items:center!important;gap:.35rem!important}
  .mobile-customize-button{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border-radius:11px!important;font-size:.88rem!important}
  .app-version-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:28px!important;height:28px!important;padding:0 .42rem!important;border:0!important;background:transparent!important;color:#9aa1ac!important;font-size:.62rem!important;font-weight:800!important;border-radius:9px!important}
  .mobile-deck-dots{bottom:max(79px,calc(env(safe-area-inset-bottom) + 72px))!important;padding:4px 6px!important;gap:4px!important;box-shadow:0 4px 14px rgba(0,0,0,.06)!important}
  .mobile-deck-dot{width:5px!important;height:5px!important;min-height:5px!important}.mobile-deck-dot.active{width:16px!important}
  .release-notes-dialog{width:calc(100% - 24px)!important;max-width:460px!important;border:0!important;border-radius:22px!important;padding:0!important;box-shadow:0 28px 80px rgba(15,23,42,.24)!important}
  .release-notes-dialog::backdrop{background:rgba(20,27,38,.42)!important}
  .release-notes-inner{padding:1rem!important}.release-notes-inner header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.release-notes-inner h3{margin:.2rem 0;font-size:1.35rem}.release-notes-inner ul{margin:.85rem 0 .15rem;padding-left:1.15rem;color:#596273;line-height:1.45;font-size:.84rem}.release-notes-inner li+li{margin-top:.45rem}
}
@media (max-width:350px){
  .quick-pop-copy{margin-top:1.15rem!important}
  .quick-pop-copy h2{font-size:1.62rem!important}
  .quick-pop-copy p{font-size:.78rem!important}
  .quick-pop-chip{font-size:.66rem!important}
}
@media (max-width:760px){.chooser{padding-top:max(.45rem,env(safe-area-inset-top))!important}}