/* Shared mobile shell and install experience. */
:root{--safe-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:95px;-webkit-text-size-adjust:100%}body{min-width:0}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #bc881d;outline-offset:4px}img{max-width:100%;height:auto}.workspace-logo{width:42px;height:42px;border-radius:12px;flex-shrink:0}.mobile-nav-label{display:none}.install-inline{border:1px solid #dcc486;background:#fff9e7;color:#61460f;border-radius:10px;padding:10px 13px;min-height:44px;font:700 13px system-ui;cursor:pointer;white-space:nowrap}.workspace-top>.install-inline{margin-left:auto}.is-installed [data-install-app]{display:none!important}
.mobile-promo{display:flex;gap:24px;align-items:center;padding:30px clamp(20px,7vw,110px);background:linear-gradient(105deg,#102b42,#08192e);border-block:1px solid #ffffff16;color:#fff}.mobile-promo>img{border-radius:16px;box-shadow:0 8px 26px #0004;flex-shrink:0}.mobile-promo>div{flex:1}.mobile-promo h2{font-size:clamp(20px,2.2vw,28px);margin:6px 0 8px;letter-spacing:-.035em}.mobile-promo p{color:#b7c6d7;margin:0;font-size:14px;line-height:1.65}.mobile-promo .eyebrow{font-size:10px;color:#f3ce74}.install-dialog{box-sizing:border-box;border:1px solid #dfc783;border-radius:24px;padding:28px;background:#fffdf7;color:#152a42;width:calc(100% - 32px);max-width:430px;box-shadow:0 30px 100px #0005;font-family:system-ui,sans-serif;max-height:85dvh;overflow:auto}.install-dialog::backdrop{background:#041123bb;backdrop-filter:blur(5px)}.install-dialog header{display:flex;justify-content:space-between;align-items:center}.install-dialog img{border-radius:16px}.install-dialog h2{font-size:26px;letter-spacing:-.04em;margin:22px 0 12px}.install-dialog p,.install-dialog li{font-size:15px;line-height:1.7;color:#52657a}.install-dialog ol{padding-left:23px}.install-dialog button{min-height:46px;border-radius:10px;border:0;cursor:pointer;font:700 14px system-ui}.install-close{background:#f0ece1;color:#514633;min-width:46px;font-size:22px!important}.install-primary{width:100%;background:#efd07a;color:#152a42;margin:12px 0 0}.install-note{font-size:12px!important}.connection-banner{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:1000;background:#fff0ce;color:#513b0e;padding:12px 20px;text-align:center;font:600 13px/1.5 system-ui;box-shadow:0 4px 20px #0002}.connection-banner[hidden]{display:none}.mobile-nav-label,.sidebar nav button>span{pointer-events:none}
@media(max-width:750px){
 body{padding-bottom:var(--safe-bottom)}.auth-layout{min-height:100dvh}.auth-story{padding:calc(17px + env(safe-area-inset-top,0px)) 20px 17px}.auth-panel{min-height:calc(100dvh - 80px);padding:20px 22px calc(25px + var(--safe-bottom));gap:22px}.auth-panel-top{align-items:center}.auth-card{padding:10px 0}.auth-tabs{margin-bottom:25px}.auth-tabs button{min-height:46px}.auth-card .field{margin:18px 0}.auth-card h2{font-size:28px}.field input,.field select,.field textarea,.filter-controls input,.filter-controls select,.table select{font-size:16px!important;min-height:48px}.password-field button{min-height:40px;top:4px}.btn,.button{min-height:46px}.workspace{min-height:100dvh;padding-bottom:calc(80px + var(--safe-bottom))}.sidebar{background:#08192e;padding:calc(14px + env(safe-area-inset-top,0px)) 18px 14px;border:0}.sidebar .premium-brand{margin:0}.sidebar .premium-brand>span:last-child{font-size:11px}.sidebar .premium-brand small{font-size:8px}.sidebar nav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;padding:7px 5px calc(7px + var(--safe-bottom));background:#08192ef5;backdrop-filter:blur(18px);border-top:1px solid #244057;box-shadow:0 -7px 28px #08192e15;overflow:visible}.sidebar nav button{width:100%;min-width:0;min-height:58px;margin:0;padding:6px 2px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;gap:5px;line-height:1.2;background:transparent;color:#abbcd0;font-size:11px!important}.sidebar nav button>span:first-child{font-size:21px;line-height:24px;height:24px;width:auto}.sidebar nav button .nav-label{display:none}.sidebar nav button .mobile-nav-label{display:block;width:auto;font-size:10px;font-weight:600}.sidebar nav button.active{background:#f0ca6814;color:#f5d27e;box-shadow:none}.sidebar nav button.active:before{content:'';position:absolute;top:0;width:24px;height:3px;background:#f5d27e;border-radius:0 0 3px 3px}.workspace-top{flex-wrap:wrap;gap:12px;padding:12px 18px;background:#fff}.breadcrumb{font-size:12px;min-width:0}.breadcrumb span{padding:0 6px}.workspace-top>.install-inline{font-size:12px;padding:8px 10px}.account-menu{width:100%;padding-top:10px;border-top:1px solid #e6edf5;gap:10px}.account-menu .avatar{display:grid;width:30px;height:30px}.account-menu strong{max-width:210px;font-size:13px}.account-menu small{font-size:10px}.account-menu .btn{margin-left:auto;min-height:44px;font-size:12px}.main{padding:26px 16px 10px}.page-heading h1{font-size:29px;line-height:1.17}.page-heading>div>p:last-child{font-size:14px;line-height:1.65}.overline{font-size:10px}.metrics article{border-radius:16px;padding:18px 14px}.metrics article>span{font-size:10px;letter-spacing:.04em}.metrics strong{font-size:26px}.metrics p{font-size:11px;line-height:1.5}.card{border-radius:17px;padding:23px 18px}.card h2{font-size:19px}.setup-strip{border-radius:15px}.setup-step{min-height:76px}.setup-step strong{font-size:14px}.setup-step small{font-size:12px;max-width:calc(100vw - 135px)}.muted,.tip-box p,.empty-state p{font-size:14px}.tip-box strong{font-size:14px}.broadcast-submit p{font-size:13px;line-height:1.6}.broadcast-submit .btn{min-height:52px}.workspace-footer{font-size:11px;gap:12px;padding:20px 16px}.workspace-footer>span{max-width:220px}.toast{bottom:calc(90px + var(--safe-bottom));left:16px;right:16px;max-width:none;font-size:14px}.filter-controls{flex-wrap:wrap}.filter-controls input{flex-basis:100%;width:100%}.filter-controls select{max-width:none;width:100%}.worker-values{gap:10px}.worker-values span{font-size:11px;overflow-wrap:anywhere}.worker-values strong{font-size:16px}.plan-card{border-radius:17px}.plan-card li{font-size:14px}.billing-banner strong{overflow-wrap:anywhere}.file-meta,.filename,.channel-card strong{overflow-wrap:anywhere}
 .table-wrap{overflow:visible}.table.mobile-cards{min-width:0;width:100%}.table.mobile-cards thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.table.mobile-cards tbody{display:block}.table.mobile-cards tr{display:block;border:1px solid #e1e8f0;border-radius:13px;padding:9px 14px;margin:0 0 14px;background:#fafcfe}.table.mobile-cards td{display:grid;grid-template-columns:minmax(70px,30%) minmax(0,1fr);gap:6px 12px;border:0;border-bottom:1px solid #e7edf4;padding:12px 0;font-size:14px!important;overflow-wrap:anywhere;min-width:0;white-space:normal}.table.mobile-cards td:last-child{border-bottom:0}.table.mobile-cards td:before{content:attr(data-label);font-size:11px;font-weight:700;color:#63768c;padding-top:3px}.table.mobile-cards td>*{grid-column:2;min-width:0;max-width:100%;justify-self:start}.table.mobile-cards td>small{display:block}.table.mobile-cards td .btn,.table.mobile-cards td select{width:100%}.table.mobile-cards td.mono{font-size:12px!important}.table.mobile-cards td .status{font-size:12px}.mobile-promo{padding:25px 20px;gap:16px;flex-wrap:wrap}.mobile-promo>div{min-width:200px}.mobile-promo>.button{width:100%;justify-content:center}.header{padding-left:18px!important;padding-right:18px!important}.header .brand-words{font-size:13px}.header .brand-words small{font-size:8px}.header .menu-toggle{min-height:44px}.contact-card>a{overflow-wrap:anywhere}.hero-notes{flex-wrap:wrap}.offer{font-size:11px}.hero .actions{align-items:stretch}.hero .actions>.button{justify-content:center}.footer-bottom{padding-bottom:calc(20px + var(--safe-bottom))}.questions summary{min-height:58px}.section{scroll-margin-top:80px}
}
@media(max-width:370px){.main{padding-inline:12px}.metrics{gap:9px}.metrics article{padding:15px 12px}.workspace-top{padding-inline:14px}.account-menu strong{max-width:170px}.header .brand-words small{display:none}.mobile-promo>div{min-width:160px}.mobile-promo img{width:44px}.studio-top{flex-wrap:wrap;gap:8px}.hero-notes{gap:10px}.hero h1{font-size:clamp(35px,11vw,42px)}}
@media(display-mode:standalone){html{overscroll-behavior-y:contain}.sidebar{padding-top:calc(14px + env(safe-area-inset-top,0px))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}
.sidebar nav button>.nav-label{width:auto;font-size:inherit}@media(display-mode:standalone){body:not([data-screen]){padding-top:env(safe-area-inset-top,0px)}}