/* Marketing Engine dashboard layout hardening: Android, iOS/iPadOS, macOS, Windows */
:root{--nav-h:76px;--content-max:1120px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-bottom:calc(var(--nav-h) + 28px + env(safe-area-inset-bottom))}
body{min-height:100dvh;min-height:100svh;overscroll-behavior-y:none}
.shell{width:min(var(--content-max),100%);padding-bottom:calc(var(--nav-h) + 44px + env(safe-area-inset-bottom))}
#dashboard{min-width:0}
.view{min-width:0;padding-bottom:24px}
.welcome-card{grid-template-columns:minmax(0,1fr) clamp(82px,20vw,142px);gap:16px;min-height:0;padding:clamp(18px,3vw,26px)}
.welcome-copy{min-width:0}.welcome-copy h1{overflow-wrap:anywhere}
.welcome-card img{display:block;width:100%;height:auto;max-height:154px;aspect-ratio:1/1;object-fit:contain;object-position:center;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.empty-state{padding:22px 18px;margin-bottom:4px;min-height:0}.empty-state .empty-icon{display:block;line-height:1}.empty-state h3{margin:7px 0 5px}.empty-state p{margin-bottom:14px}.inline-primary{min-height:46px;padding-inline:20px}
.section-head{min-width:0}.section-head>div{min-width:0}.section-head h2,.section-head span{overflow-wrap:anywhere}
.bottom-nav{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));min-height:64px;padding:7px;transform:translateZ(0)}
.bottom-nav button{min-width:0;min-height:50px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}
.bottom-nav button,.primary,.ghost,.danger,.icon-btn,.text-btn,.pinned-app,.drawer-open,.pin-btn,.business-card,.attention-card{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #70afff;outline-offset:2px}
.drawer-app,.pinned-app,.stat,.business-card,.attention-card{min-width:0}
.drawer-copy{min-width:0}.drawer-copy strong,.drawer-copy small,.pinned-app strong{overflow-wrap:anywhere}
@media(max-width:520px){
  :root{--nav-h:72px}
  .shell{padding-left:12px;padding-right:12px;padding-bottom:calc(var(--nav-h) + 38px + env(safe-area-inset-bottom))}
  .welcome-card{grid-template-columns:minmax(0,1fr) 82px;gap:10px;padding:18px;border-radius:22px}
  .welcome-card img{max-height:96px}
  .welcome-copy h1{font-size:clamp(1.35rem,7vw,1.62rem)}
  .empty-state{padding:20px 14px}
  .empty-state p{font-size:.92rem}
  .app-drawer{grid-template-columns:1fr}
  .drawer-app{min-height:112px;grid-template-columns:54px minmax(0,1fr) 38px}
  .bottom-nav{border-radius:19px}
  .bottom-nav button small{font-size:.68rem}
}
@media(min-width:521px) and (max-width:759px){.app-drawer{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:760px){
  :root{--nav-h:78px}
  .shell{padding-bottom:calc(var(--nav-h) + 46px + env(safe-area-inset-bottom))}
  .welcome-card{grid-template-columns:minmax(0,1fr) 160px}
  .welcome-card img{max-height:170px}
}
@media(min-width:1080px){
  .bottom-nav{left:50%;right:auto;width:min(560px,calc(100vw - 48px));transform:translateX(-50%) translateZ(0)}
  .shell{padding-bottom:132px}
}
@media(hover:hover) and (pointer:fine){button:hover{filter:brightness(1.06)}.bottom-nav button:hover{background:rgba(40,86,155,.10)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@supports(padding:max(0px)){.brandbar{padding-top:max(8px,env(safe-area-inset-top))}}