/* Postera 1.18: responsive layer; business screens retain their existing markup. */
.mobile-bottom-nav,.mobile-account-links,.mobile-menu-scrim{display:none}
.network-notice,.pwa-update{position:fixed;z-index:10010;left:50%;transform:translateX(-50%);bottom:calc(18px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 24px);padding:12px 16px;border:1px solid #ded9f3;border-radius:14px;background:#fff;color:#242033;box-shadow:0 8px 30px #17132b20;font:500 14px/1.5 system-ui}
.network-notice[hidden],.pwa-update[hidden],[data-install][hidden]{display:none!important}
.pwa-update{bottom:auto;top:calc(12px + env(safe-area-inset-top))}.pwa-update button{margin-left:8px}
.editor-layout-v2>.editor-submit-bar{grid-column:2;align-self:end}
.media-touch-actions{display:flex;gap:4px;flex-shrink:0}.media-order-item>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
body.modal-open{overflow:hidden}.modal.open{overscroll-behavior:contain}.modalbox{overscroll-behavior:contain}
:focus-visible{outline:3px solid #9279ef;outline-offset:3px}
@media(max-width:1024px){
 .product-header .header-inner{gap:10px}.product-actions{gap:6px}
 .product-nav{gap:8px}.product-nav-link{padding-inline:6px}
}
@media(max-width:820px){
 .site-header{padding-top:env(safe-area-inset-top)}
 .site-container{max-width:calc(100% - 24px)}
 .product-main{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
 .product-header .create-post-header,.product-header .menu-toggle{display:none!important}
 .product-actions .account-menu{display:block}.product-actions .account-name{display:none}
 .mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:90;left:0;right:0;bottom:0;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:var(--surface,#fff);border-top:1px solid var(--border,#e6e4ef);box-shadow:0 -4px 22px #20184408}
 .mobile-bottom-nav>a,.mobile-bottom-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;min-width:0;padding:4px 1px;border:0;border-radius:12px;background:transparent;color:var(--muted,#6d687c);font:600 10px/1.2 system-ui;text-decoration:none}
 .mobile-bottom-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
 .mobile-bottom-nav .active,.mobile-bottom-nav .mobile-create{color:var(--primary,#7863ee);background:var(--bg-soft,#f4f1fc)}
 .mobile-bottom-nav .mobile-create svg{background:#7863ee;color:#fff;border-radius:8px;padding:3px;width:27px;height:27px}
 .mobile-account-links{display:grid;gap:6px;border-top:1px solid var(--border);padding-top:8px;margin-top:6px}
 .mobile-account-links>a{padding:10px 12px;min-height:44px;color:var(--text);text-decoration:none}
 .product-header .site-nav{z-index:102;top:calc(72px + env(safe-area-inset-top));max-height:calc(100dvh - 164px - env(safe-area-inset-bottom) - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain}
 .menu-open .mobile-menu-scrim{display:block;position:fixed;inset:0;z-index:80;background:#18132755;border:0;width:100%;height:100%}.menu-open .product-header{z-index:101}
 .menu-open{overflow:hidden}.mobile-account-links form{margin:0}
 .product-page-header,.panel-head,.toolbar,.analytics-toolbar,.post-filters{flex-wrap:wrap}
 .product-container *{min-width:0}
 .product-container input,.product-container select,.modalbox input,.modalbox select,.modalbox textarea,.auth-web-card input{font-size:16px}
 .product-container button,.modalbox button,.auth-web-card button{min-height:44px}
 .product-container .grid,.dashboard-home-grid{grid-template-columns:minmax(0,1fr)}
 .modal{padding:0!important;align-items:flex-end}
 .modal .modalbox,.post-editor-shell .post-editor-modal,.automation-modal .automation-modalbox{width:100%;max-width:100%;max-height:100dvh;margin:0;border-radius:18px 18px 0 0!important;padding:20px 16px calc(18px + env(safe-area-inset-bottom));overflow-y:auto}
 .modalbox .x{position:sticky;top:0;float:right;z-index:8;width:44px;background:var(--surface,#fff);border:1px solid var(--border);border-radius:50%;margin:-5px -4px 0 6px}
 .editor-layout-v2{display:flex;flex-direction:column;gap:16px}
 .editor-fields-v2,.preview-wrap-v2{width:100%}.editor-layout-v2>.editor-submit-bar{position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom));padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:var(--surface,#fff);width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0;z-index:6}
 .editor-submit-bar button{white-space:normal;line-height:1.35;padding:10px;font-size:12px}
 .editor-card,.preview-card{min-width:0}.preview-card .phone{width:100%;max-width:340px}.preview-text{overflow-wrap:anywhere}
 .composer-card textarea#postSummary{min-height:210px;line-height:1.6}
 .post-media-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.post-media-tile{touch-action:manipulation}
 .media-order-item{display:flex;flex-wrap:wrap;gap:8px}.media-order-item>span:nth-child(2){flex:1}.media-touch-actions{margin-left:auto}.drag-handle{display:none}
 .modal .formgrid,.modal .two-mini,.connection-form-grid{grid-template-columns:1fr}
 .calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-day{padding:5px;min-height:90px}.calendar-post{font-size:10px;overflow-wrap:anywhere;white-space:normal}
 .network-notice{bottom:calc(80px + env(safe-area-inset-bottom))}body.modal-open .network-notice{bottom:calc(85px + env(safe-area-inset-bottom))}
 .keyboard-open .mobile-bottom-nav{display:none}
 .automation-steps button{font-size:10px;flex-direction:column;gap:4px}.automation-steps button span{font-size:11px}
 .account-popover{max-width:calc(100vw - 24px)}
}
@media(max-width:430px){
 .product-home-hero{padding:18px}.product-home-actions{flex-direction:column;align-items:stretch}
 .product-home-copy h2{font-size:25px}.setup-progress-card{width:100%}
 .toolbar{gap:8px}.toolbar>*{max-width:100%}.toolbar input,.toolbar select{width:100%}
 .panel{padding:14px}.panel-head{gap:10px}.page-tip{flex-direction:column}
 .auth-web-card{padding:20px 16px}.auth-web-copy h1{font-size:32px}
 .connection-steps span{font-size:10px;padding:6px 3px}.oauth-card,.oauth-card.ready{display:flex;flex-wrap:wrap}.oauth-card button{width:100%}
 .calendar-panel{padding:8px}.calendar-head h3{font-size:16px}.calendar-day{padding:3px;min-height:76px}
 .calendar-post{font-size:9px;padding:4px 2px}.editor-card{padding:12px}
 .post-editor-head,.automation-modal-head{display:block;padding-right:0}.editor-status-pill{display:inline-flex;margin-top:8px}
 .hero h1{font-size:clamp(32px,10vw,44px)}.hero-actions{flex-wrap:wrap}.hero-actions>*{max-width:100%}
}
@media(hover:none),(pointer:coarse){
 [data-tilt],[data-magnetic],.motion-tilt{transform:none!important}.post-actions{opacity:1!important;visibility:visible!important}
 button,a,input,select,textarea{touch-action:manipulation}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.post-editor-modal>.editor-submit-bar{width:360px;max-width:100%;margin:14px 0 0 auto}
@media(max-width:820px){
 .post-editor-shell .post-editor-modal{display:flex;flex-direction:column;overflow:hidden;height:100dvh;min-height:0;padding-bottom:env(safe-area-inset-bottom)}
 .post-editor-modal>.x{position:absolute;top:12px;right:16px;margin:0}
 .post-editor-modal .post-editor-head{flex-shrink:0;padding-right:45px;margin-bottom:12px}
 .post-editor-modal .post-editor-head .modal-lead{display:none}
 .post-editor-modal #postForm{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:2px 2px 14px;margin:0}
 .post-editor-modal>.editor-submit-bar{position:static;flex-shrink:0;width:100%;margin:0;padding:10px 0;background:var(--surface,#fff);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .calendar-grid .day{padding:4px;min-height:90px}.calendar-grid .cal-event{padding:4px 2px;font-size:10px;white-space:normal;overflow-wrap:anywhere;width:100%}.calendar-grid .weekday-head{padding:6px 1px}
 .calendar-grid .day-events{min-width:0}.calendar-grid .day-num{font-size:12px}
}
/* Dialogs sit above both desktop header and mobile navigation. */
.modal.open{z-index:2000}
@media(max-width:820px){body.modal-open .mobile-bottom-nav{display:none}.modalbox .post-editor-head h2{font-size:22px;line-height:1.2}.post-editor-modal>.x{z-index:9}}
@media(max-width:820px){
 .marketing-site .motion-reveal.reveal-side{transform:translate3d(0,14px,0);filter:none}
 .marketing-site .motion-reveal.reveal-side.is-visible{transform:none}
}
@media(max-width:430px){.automation-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.automation-steps button{font-size:12px;flex-direction:row;justify-content:flex-start;padding:8px;gap:6px}}