/* Mobile product layer: one navigation, one task, one primary action. */
.ui-icon{display:inline-block;flex:none;vertical-align:middle}
.mobile-home-title,.ops-metric>.ui-icon,.group-mobile-tabs,.orders-mobile-nav{display:none}
.account-menu{position:relative}
.account-menu>summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f2f1f0;cursor:pointer;color:#262327}
.account-menu>summary::-webkit-details-marker{display:none}
.account-menu__panel{position:absolute;right:0;top:calc(100% + 12px);z-index:110;width:260px;max-width:calc(100vw - 28px);display:grid;gap:10px;padding:18px;border:1px solid #e7e3e5;border-radius:18px;background:#fff;box-shadow:0 16px 50px #20101a24}
.account-menu__panel>.meta{overflow-wrap:anywhere}
.account-menu__panel .btn{font:600 13px Inter;text-transform:none;letter-spacing:0;border-color:#e5e2e4;border-radius:10px}
.editor-back{display:inline-flex;align-items:center;gap:7px;border:0;background:none;padding:0;min-height:44px;color:#92305f;font:600 13px Inter;margin-bottom:5px}
.editor-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font:400 12px Inter}
.page-status{display:inline-flex;gap:6px;align-items:center;padding:6px 10px;border-radius:20px;background:#f0efed;color:#646061;font-size:11px}
.page-status:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.page-status--published{color:#28713d;background:#edf7ef}
.page-status--expired{color:#a03b30;background:#fff0ed}
#saveState{font-size:11px;color:#746c71}
#saveState.is-dirty{background:#fff5e5;color:#956016;border-radius:20px;padding:6px 9px}
.editor-permission-note{display:flex;align-items:center;gap:12px;padding:15px 17px;border-radius:13px;background:#eeedf0;margin-bottom:16px;color:#514f58}
.editor-permission-note span{display:grid;gap:4px}.editor-permission-note strong{font:600 13px Inter}.editor-permission-note small{font:400 12px/1.45 Inter}
.app-dialog{width:min(440px,calc(100% - 24px));padding:24px;border:0;border-radius:22px;color:#171417;background:#fff;box-shadow:0 20px 80px #0003}
.app-dialog::backdrop{background:#17111970;backdrop-filter:blur(5px)}
.app-dialog h2{font-size:23px;line-height:1.2}.app-dialog p{font-size:14px;line-height:1.5;color:#6e666b}
.app-dialog form{display:grid;gap:12px}.app-dialog .btn{border-radius:12px;font:600 14px Inter;text-transform:none;letter-spacing:0;min-height:48px}
.resource-hub-row{display:flex;gap:12px;align-items:center;padding:16px 0;border-top:1px solid #eee}
.resource-hub-row>span{display:grid;gap:5px;flex:1;min-width:0}.resource-hub-row strong{font-size:14px}.resource-hub-row small{font-size:12px;color:#746c71;overflow-wrap:anywhere}
.design-options{border-top:1px solid #e7dfe8;margin:18px 0}.design-options>summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font:600 13px Inter;list-style:none}.design-options>summary:after{content:'+';font-size:20px;color:#a02c68}.design-options[open]>summary:after{content:'−'}.design-options>summary::-webkit-details-marker{display:none}.locked-design-card{display:none}
[hidden]{display:none!important}
@media(max-width:760px),(max-width:980px) and (max-height:520px){
 html{scroll-padding-top:116px;scroll-padding-bottom:160px;scrollbar-width:none}
 html::-webkit-scrollbar{display:none}
 body{background:#faf9fa;overflow-x:clip}
 .os{background:#faf9fa;padding-bottom:0;grid-template-columns:minmax(0,1fr)}
 .os .header{display:flex;grid-template-columns:none;height:64px;min-height:64px;padding:0 max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));gap:10px;background:#fff;border-bottom:0;backdrop-filter:none}
 .os .brand img{height:29px;max-width:111px;object-fit:contain}
 .os .role-pill{font:500 10px Inter;min-height:25px;padding:5px 8px;border:0;border-radius:8px;background:#f8e5ee;color:#aa2568}
 .os .header-actions{gap:9px}.os .header .account-menu>summary{width:44px;height:44px;background:#f3f2f3}
 .os .header .account-menu__panel .btn{min-height:46px;font-size:13px}
 .os .shell{display:block;min-width:0;min-height:calc(100dvh - 64px)}
 .os .main{padding:16px max(18px,env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));min-width:0}
 .os .sidebar,.os.os--editor .sidebar,.os.os--client.os--editor .sidebar{display:flex!important;position:fixed;top:auto;bottom:0;left:0;right:0;z-index:80;width:100%;height:calc(74px + env(safe-area-inset-bottom));padding:5px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border-top:1px solid #eeeaed;background:rgba(255,255,255,.97);box-shadow:none;backdrop-filter:blur(20px);overflow:visible}
 .os .nav-group--primary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;width:100%}
 .os.os--client .nav-group--primary{grid-template-columns:repeat(3,minmax(0,1fr))}
 .os.os--client .nav-group--primary:has([data-nav="clients"]){grid-template-columns:repeat(4,minmax(0,1fr))}
 .os.os--client .nav-group--primary:not(:has([data-nav="clients"]))>[data-nav="home"],.os.os--client .nav-group--primary:has([data-nav="clients"])>[data-nav="resources"]{display:none}
 .os .nav-group--primary .nav-button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:56px;border-radius:0;padding:4px 2px;font:500 10px/1.2 Inter;white-space:normal;text-align:center;color:#68616a;background:transparent}
 .os .nav-group--primary .nav-button .ui-icon{width:24px;height:24px;stroke-width:1.65}
 .os .nav-group--primary .nav-button.is-active{color:#b42670;background:transparent}
 .os .nav-group--secondary{display:none}.os .nav-button--more{display:flex!important}
 .os .sidebar.is-open .nav-group--secondary{bottom:calc(82px + env(safe-area-inset-bottom));max-height:65dvh;border-radius:22px;padding:14px;box-shadow:0 -8px 60px #24101c25}
 .os .sidebar.is-open .nav-group--secondary .nav-button{min-height:48px;font-size:13px;gap:10px}
 .os .main-top{gap:14px;margin-bottom:20px;align-items:flex-start;flex-direction:column}
 .os .main-top h1,.os .main-top h2{font:700 27px/1.12 Montserrat;letter-spacing:-1.05px;overflow-wrap:anywhere}
 .os .main-top .eyebrow{font:600 10px Inter;letter-spacing:.08em;margin-bottom:7px}
 .os .main-top p{font-size:13px;line-height:1.5;margin-top:8px}
 .os .btn{border:1px solid #ddd7dd;min-height:46px;border-radius:11px;padding:0 15px;font:600 13px/1.2 Inter;letter-spacing:0;text-transform:none;background:#fff;color:#30272e;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
 .os .btn--accent{background:#bc387c;border-color:#bc387c;color:#fff}.os .btn--primary{background:#151015;border-color:#151015;color:#fff}
 .os .btn--danger{color:#a53940;border-color:#f0d7da}
 .os :is(button,a,input,select,textarea):focus-visible{outline:3px solid #b82f7b70;outline-offset:2px}
 .os :is(button,a){-webkit-tap-highlight-color:transparent;touch-action:manipulation}
 .os :is(button,.btn):active{transform:scale(.98)}
 .os .panel{padding:18px;border:1px solid #e6e2e6;border-radius:16px;background:#fff;min-width:0}
 .os .panel-title{font:650 17px/1.3 Montserrat;letter-spacing:-.5px}
 .os .panel-head{gap:12px;align-items:flex-start;margin-bottom:18px}
 .os .meta{font:400 12px/1.5 Inter}.os .label{font:500 13px/1.4 Inter;text-transform:none;letter-spacing:0;color:#312a31}
 .os .input,.os .select,.os .textarea{border:1px solid #e0dbe1;border-radius:10px;background:#fff;min-height:48px;font:400 16px/1.35 Inter;padding:12px;color:#292129;max-width:100%;box-shadow:0 1px 2px #22001b03}
 .os .input:disabled,.os .select:disabled{background:#f4f2f4;color:#726a73;opacity:1}
 .os .field{margin-bottom:16px;gap:7px}.os .form-grid{display:grid;grid-template-columns:1fr;gap:0 12px}.os .field--full{grid-column:auto}
 .os input[type="range"]{min-height:44px}.os .text-link{min-height:44px;display:inline-flex;align-items:center}
 .os input[type="file"]{padding:8px;font-size:12px;line-height:2}
 .os input[type="file"]::file-selector-button{border:0;border-radius:7px;min-height:34px;margin-right:10px;padding:0 12px;background:#f6e9f0;color:#92305f;font:600 12px Inter}
 .os .switch-row{gap:16px;min-height:60px}.os .switch-row input[type="checkbox"],.os .channel-enabled input{appearance:none;position:relative;flex:0 0 44px;width:44px;height:26px;border:0;border-radius:20px;background:#d5d0d6;cursor:pointer}
 .os .switch-row input[type="checkbox"]:after,.os .channel-enabled input:after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .16s ease}
 .os .switch-row input:checked,.os .channel-enabled input:checked{background:#b72e75}.os .switch-row input:checked:after,.os .channel-enabled input:checked:after{transform:translateX(18px)}
 .os .ops-dashboard{gap:18px}.os .ops-welcome{padding:0;border:0;border-radius:0;background:transparent;min-height:0;overflow:visible;display:block}
 .ops-welcome:after,.ops-welcome__mark,.ops-welcome .eyebrow,.ops-welcome p,.ops-welcome__actions .btn--quiet,.desktop-home-title{display:none}
 .ops-welcome__copy{max-width:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
 .mobile-home-title{display:block}.ops-welcome h1{font:700 28px/1.2 Montserrat;letter-spacing:-1px}
 .ops-welcome__actions{margin:0;display:flex!important}.os .ops-welcome__actions .btn{width:auto;min-height:44px;font-size:12px;padding:0 12px}.os .ops-welcome__actions .btn--quiet{display:none}
 .ops-metrics{grid-template-columns:1fr 1fr;gap:12px}.os .ops-metric{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:7px;min-height:130px;border-radius:14px;padding:18px;background:#fff}
 .ops-metric:nth-child(2),.ops-metric:nth-child(3){display:none}.ops-metric>.ui-icon{display:block;order:0;color:#242027}.ops-metric strong{order:1;font:700 29px/1.1 Montserrat}.ops-metric__label{order:2;font-size:13px;color:#615964}.ops-metric__caption,.ops-metric__arrow{display:none}
 .ops-dashboard__columns{gap:20px}.os .ops-card{padding:0;border:0;background:transparent;border-radius:0}
 .os .ops-attention{background:#fff5e6;padding:15px;border:1px solid #fff0d9;border-radius:14px}
 .ops-attention .eyebrow,.ops-quick .eyebrow,.ops-recent .eyebrow{display:none}.ops-section-heading{margin-bottom:12px;align-items:center}.ops-section-heading h2{font:650 17px Montserrat;letter-spacing:-.5px}
 .ops-note{background:none!important;padding:0 0 12px!important;border-radius:0!important;display:block!important}.ops-note span{display:none}
 .ops-attention-row{background:#fff;padding:13px 10px;border:0;min-height:62px}.ops-attention-row:first-of-type{border-radius:10px 10px 0 0}.ops-attention-row:last-child{border-radius:0 0 10px 10px}
 .ops-attention-row strong{font-size:13px}.ops-attention-row small{font-size:11px}.ops-attention-row time{font-size:11px;color:#9b493a}.ops-empty{padding:16px 0}
 .ops-quick-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ops-quick-link{display:flex;gap:10px;min-height:66px;border:1px solid #e8e3e8;border-radius:12px;padding:13px 10px;background:#fff}.ops-quick-link strong{font-size:12px}.ops-quick-link small{display:none}.ops-quick-icon{width:24px;height:24px;background:none;color:#28212b}.ops-quick-arrow{margin-left:auto}.ops-quick-list>[data-nav="themes"]{display:none}
 .ops-page-row{min-height:70px;border-bottom:1px solid #e9e4e9;grid-template-columns:minmax(0,1fr) auto 14px}.ops-page-name strong{font-size:14px}.ops-page-name small{font-size:11px}.ops-page-state{font-size:10px;padding:6px 8px}
 .os .library-toolbar{display:flex;flex-wrap:wrap;gap:10px;border:0;padding:0;background:none;margin-bottom:16px}.os .search-box{width:100%}.os .library-toolbar .toolbar-group{flex:1}.os .compact-select{max-width:180px;font-size:13px;min-height:44px}.os .toolbar-label{display:none}.os .toolbar-check{font-size:11px;white-space:normal;min-height:44px}.os .segmented{border-radius:10px;overflow:hidden;background:#f0edf1;border:0}.os .segmented__button{min-height:44px;font:500 12px Inter;text-transform:none;letter-spacing:0;border:0;padding:0 12px}.os .segmented__button.is-active{background:#bc387c;color:#fff}
 .os .library-collection.is-grid,.os .library-collection.is-list{display:grid;grid-template-columns:1fr;gap:10px;border:0}.os .library-item,.os .library-item--list{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px 12px;min-height:96px;padding:16px;border:1px solid #e6e2e7;border-radius:13px;background:#fff}.os .library-item__main{flex:1;min-width:0}.os .library-item h3{font:650 15px/1.3 Montserrat;margin:6px 0;overflow-wrap:anywhere}.os .library-item .status{font:500 10px Inter;text-transform:none;letter-spacing:0}.os .library-item__facts{display:none}.os .library-item__open{position:static;opacity:1;font:600 11px Inter;letter-spacing:0;text-transform:none;color:#a92a69}.os .library-item__footer{width:100%;font-size:11px}.os .library-item__actions .btn{min-height:44px}
 .os .context-bar{gap:10px;align-items:flex-start;flex-wrap:wrap;background:none;border:0;padding:0;margin:20px 0 12px}.os .context-bar strong{font-size:14px}.os .context-bar .meta{display:block;font-size:11px}
 .os.os--editor .main{padding-top:4px;padding-bottom:calc(168px + env(safe-area-inset-bottom))}
 .os.os--editor .main-top{margin-bottom:14px;gap:0}.os.os--editor .main-top>div:first-child{width:100%}.os.os--editor .main-top .eyebrow{display:none}.os.os--editor .main-top h2{font-size:25px;letter-spacing:-.9px;line-height:1.2}
 .os.os--editor .editor-back{display:inline-flex;min-height:40px;margin-bottom:8px}.os.os--editor .editor-status{margin-top:10px;font-size:11px}.os.os--editor .editor-status #saveState{font-size:10px}
 .os.os--editor .onboarding-card,.os.os--editor .service-banner{display:none}
 .os.os--editor .editor-nav,.os.os--client.os--editor .editor-nav--app{position:sticky;top:64px;bottom:auto;left:auto;right:auto;z-index:30;display:flex;grid-template-columns:none;gap:0;width:calc(100% + 36px);height:auto;max-width:none;margin:0 -18px 16px;padding:0 18px;border:0;border-bottom:1px solid #e9e4eb;border-radius:0;background:#faf9faf5;box-shadow:none;overflow-x:auto;white-space:nowrap;backdrop-filter:blur(16px);scrollbar-width:none;transform:none}
 .os.os--editor .editor-nav button,.os.os--client.os--editor .editor-nav--app button{display:flex;align-items:center;justify-content:center;flex:none;min-width:0;min-height:48px;gap:0;padding:0 14px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;box-shadow:none;font:500 12px/1 Inter;color:#625969;white-space:nowrap}
 .os.os--client.os--editor .editor-nav--app button{flex:1;padding:0 9px}.os.os--editor .editor-nav button.is-active{border-bottom-color:#bc387c;color:#aa256b;background:none}
 .os.os--editor .editor-nav .ui-icon,.os.os--editor .editor-nav .client-ui-icon,.os.os--editor .editor-nav__glyph,.os.os--editor .editor-account-tab{display:none!important}
 .os.os--readonly .editor-nav,.os.os--client.os--readonly .editor-nav--app{display:none}
 .os.os--editor #appearance.is-locked>:not(.panel-head):not(.locked-design-card){display:none}.os.os--editor #appearance.is-locked>.locked-design-card{display:grid;justify-items:start;gap:14px;padding:22px;border:1px solid #e7dfe8;border-radius:16px;background:#fff}.locked-design-card>.ui-icon{color:#a92d6d}.locked-design-card h3{font-size:19px;line-height:1.3}.locked-design-card p{font:400 14px/1.6 Inter;color:#746775;margin:0}
 .os.os--client.os--editor .editor-nav--app .editor-nav__label,.os.os--client.os--editor .editor-nav--app button.is-active .editor-nav__label{display:block;max-width:none;width:auto;opacity:1;transform:none;overflow:visible;font:inherit;letter-spacing:0;text-transform:none;margin-left:0}
 .os.os--editor .editor{display:flex;flex-direction:column;gap:16px}.os.os--editor .editor>div{display:contents}.os.os--editor .editor .panel{width:100%;margin:0;border:0;border-radius:0;background:none;padding:0}.os.os--editor .editor .section-step{display:none}.os.os--editor #profile>.panel-head{display:none}
 .os.os--editor .main-top>.header-actions{position:fixed;left:0;right:0;bottom:calc(74px + env(safe-area-inset-bottom));z-index:70;display:flex;gap:8px;padding:10px 18px;background:#faf9faf5;border-top:1px solid #ece7ec;box-shadow:0 -4px 14px #22101c04;backdrop-filter:blur(18px)}
 .os.os--editor .editor-actions__primary{display:flex;gap:8px;flex:1}.os.os--editor .editor-actions__primary .btn{flex:1;min-height:46px;font-size:12px;padding:0 10px}.os.os--editor #saveVersion{background:#bc387c;border-color:#bc387c;color:white}.os.os--editor #publish{background:#fff;border-color:#e4dce5;color:#9e2964}
 .os.os--editor .editor-more>summary{font-size:0;width:46px;min-height:46px;padding:0}.os.os--editor .editor-more>summary:after{content:'•••';font-size:16px;letter-spacing:2px;color:#5d4b5a}.os.os--editor .editor-more__menu{position:fixed;left:12px;right:12px;bottom:calc(142px + env(safe-area-inset-bottom));top:auto;z-index:100;max-height:55dvh;overflow:auto;border-radius:18px;box-shadow:0 -10px 60px #23101c30;background:#fff;padding:12px}.os.os--editor .editor-more__menu .btn{justify-content:flex-start;min-height:48px;border:0}
 .os.os--editor:has(.editor-permission-note):not(:has(#saveVersion)) .main-top>.header-actions{justify-content:flex-end}.os.os--editor .editor-actions__primary:empty{display:none}
 .os.os--editor .preview-wrap{position:static;order:-1;align-self:center;width:100%;margin:0;padding:0;z-index:auto;border:0;background:none;box-shadow:none;max-height:none;overflow:visible;display:block}
 .os.os--editor .preview-head{display:flex;justify-content:space-between;align-items:center}.os.os--editor .preview-head .eyebrow{display:none}.os.os--editor .preview-focus{display:flex;gap:3px}.os.os--editor .preview-focus__btn{min-height:44px;border-radius:8px;font:500 11px Inter;padding:0 9px}
 .os.os--editor .device{width:100%;max-width:390px;height:auto;max-height:none;padding:6px;border-radius:24px;transform:none;background:#171318;box-shadow:0 10px 30px #20101c15;overflow:hidden}
 .os.os--editor .device iframe{width:100%;height:600px;max-height:none;border-radius:18px;transform:none;transform-origin:top left;display:block}
 .os.os--readonly .preview-head{display:none}.os.os--readonly .device{padding:0;background:#fff;border:1px solid #e6e1e7;border-radius:16px;box-shadow:none}.os.os--readonly .device iframe{height:420px;border-radius:15px}.os.os--readonly .editor-actions__primary>.btn{font-size:12px}
 .os.os--editor .channel-card{padding:16px;border:1px solid #e6dfe7;border-radius:14px;background:#fff}.os.os--editor .channel-card__head{margin-bottom:14px;font:600 14px Montserrat}.os .channel-card__fields{grid-template-columns:1fr}.os .channel-card__value{grid-column:auto}.os .channel-card__order .btn{width:44px;min-height:44px;padding:0}.os .channel-card__foot{flex-wrap:wrap;min-height:52px}.os .channel-enabled{font-size:12px;min-height:44px}.os .channel-card__foot>.btn{font-size:12px;color:#9f3955;border:0}
 .os .list-row{grid-template-columns:minmax(0,1fr) 44px;gap:8px}.os .list-row .item-label{grid-column:1/-1}.os .list-row .icon-btn{width:44px;height:44px;border-radius:10px}.os .notice,.os .empty{border-radius:12px;font-size:13px}.os #editorMsg:empty{display:none}.os #editorMsg:not(:empty){width:100%;margin:0}
 .os .group-identity-panel{padding:18px;border-radius:16px}.os .group-identity-panel .panel-head .meta{font-size:12px}.os .group-theme-options{grid-template-columns:1fr 1fr;gap:8px}.os .group-theme-card{min-height:100px;flex-direction:column;align-items:flex-start;gap:9px;border-radius:12px;padding:12px}.os .group-theme-card strong{font-size:12px}.os .group-theme-card small{font-size:10px}.os .group-identity-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .group-mobile-tabs{display:flex;gap:4px;background:#efedf0;padding:4px;border-radius:12px;margin-bottom:18px}.group-mobile-tabs button{flex:1;min-height:44px;border:0;border-radius:9px;background:none;font:600 13px Inter;color:#605661}.group-mobile-tabs button[aria-pressed="true"]{background:#bc387c;color:white;box-shadow:0 2px 5px #6f0e4420}.main:has(.group-mobile-tabs):not([data-group-pane="identity"]) .group-mobile-identity{display:none}.main[data-group-pane="identity"] .group-mobile-pages{display:none}.group-protected-note{background:#fff5e6;color:#6a4d27}.group-protected-note .text-link{margin-top:5px;min-height:36px;text-align:left}
 .os .theme-control-grid{grid-template-columns:1fr}.os .theme-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.os .theme-card{border-radius:12px;min-height:80px}.os .theme-workbench{display:flex;flex-direction:column}.os .theme-controls{width:100%}.os .theme-simulator{width:100%;position:static}.os .theme-device{max-width:320px}.os .theme-top .header-actions{flex-wrap:wrap}.os .theme-top .header-actions .btn{font-size:11px;padding:0 10px}
 .os .main:has(.theme-studio){padding-bottom:calc(155px + env(safe-area-inset-bottom))}.os .theme-top #saveTheme{position:fixed;left:18px;right:18px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:70;width:calc(100% - 36px);min-height:48px;box-shadow:0 5px 25px #70104425}.os .theme-studio--v2 .theme-library{max-height:190px;overflow:auto;border:0;padding:0}.os .studio-tabs{border:0;background:#efedf1;border-radius:12px;padding:4px;gap:3px;scrollbar-width:none}.os .studio-tab{font:500 12px Inter;text-transform:none;letter-spacing:0;border:0;border-radius:9px;min-height:44px;min-width:75px}.os .studio-tab.is-active{background:#bc387c;color:#fff}.os .studio-section{border:1px solid #e5dfe7;border-radius:16px;padding:16px;background:#fff}.os .choice-card{border-color:#e7e0e8;border-radius:12px;background:#fff}.os .choice-card.is-active{background:#fdf1f7;border-color:#bc387c}.os .theme-identity-bar .btn{min-height:44px}
 .login-shell{background:#faf9fa}.login-panel{padding:32px 22px;min-height:100dvh}.login-panel h1{font-size:54px;line-height:1;letter-spacing:-2px}.login-panel .lead{font-size:15px;line-height:1.6;margin:20px 0 28px}.login-panel .label{font:500 13px Inter;text-transform:none;letter-spacing:0}.login-panel .input{border-radius:11px;font:400 16px Inter;min-height:50px;background:#fff}.login-panel .btn{width:100%;min-height:50px;border-radius:12px;background:#bc387c;border-color:#bc387c;color:#fff;font:600 14px Inter;text-transform:none;letter-spacing:0}
 .modal{z-index:140;align-items:end;padding:0;background:#1f12265c;backdrop-filter:blur(4px)}.modal-card{max-height:90dvh;overflow:auto;overscroll-behavior:contain;width:100%;max-width:600px;border-radius:24px 24px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom));background:#fff}.modal-card h2{font-size:25px;line-height:1.15}.modal-card .header-actions{flex-wrap:wrap}.modal-card .btn{min-height:46px;border-radius:11px;font:600 13px Inter;text-transform:none;letter-spacing:0}
 .modal-card .input,.modal-card .select,.modal-card .textarea{font-size:16px;border-radius:10px;min-height:48px}.modal-card .label{font:500 13px Inter;text-transform:none;letter-spacing:0}
 .orders-page{background:#faf9fa}.orders-page .orders-header{min-height:64px;padding:0 18px;background:#fff;border:0}.orders-page .brand-logo{max-width:110px}.orders-page .orders-header .orders-return{min-height:44px;border-radius:11px;font-size:11px;padding:0 12px;background:#f6e9f1;color:#99265f}.orders-page .orders-backbar{display:none}.orders-page .orders-shell{padding:20px 18px calc(100px + env(safe-area-inset-bottom));width:100%}.orders-top{gap:12px;flex-direction:row;align-items:flex-start;margin-bottom:20px}.orders-top h1{font-size:28px;margin-bottom:8px}.orders-top p{font-size:12px;line-height:1.5;max-width:28ch}.orders-top .button{font:600 11px Inter;min-height:44px;border-radius:10px;letter-spacing:0;text-transform:none;padding:0 12px}.orders-filters{display:flex;flex-direction:column;padding:0;border:0;gap:10px}.orders-filters label>span{font:500 12px Inter;text-transform:none;letter-spacing:0}.orders-filters input,.orders-filters select{font-size:16px;min-height:48px;border:1px solid #e3dce5;border-radius:11px;background:#fff}.orders-summary{grid-template-columns:1fr 1fr;gap:10px;background:none;border:0}.orders-stat{border:1px solid #e8e1e9;border-radius:13px;padding:15px}.orders-stat span{font:500 10px Inter;text-transform:none;letter-spacing:0}.orders-stat strong{font-size:24px}.orders-list{border:0;display:grid;gap:10px}.order-row{border:1px solid #e8e1e9;border-radius:14px;padding:16px;background:#fff;gap:10px}.order-row__number{font-size:11px;overflow-wrap:anywhere}.order-row__customer strong{font-size:15px}.order-row__customer span{font-size:11px;overflow-wrap:anywhere}.status-chip{font:500 10px Inter;letter-spacing:0;text-transform:none;border:0;border-radius:20px;background:#f0edf1;white-space:normal;line-height:1.3;padding:6px 9px}.order-drawer{height:94dvh;border-radius:22px 22px 0 0;padding:18px 18px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain}.order-drawer__head{top:-18px;padding-top:18px;align-items:center;gap:10px}.order-drawer__head h2{font-size:19px;overflow-wrap:anywhere}.order-drawer__head .eyebrow{display:none}.order-drawer .close-button{flex:none;min-width:44px;min-height:44px;border-radius:50%;background:#f2edf3}.order-section{border-top-color:#e6dfe7}.order-section__title h3{font-size:16px}.order-data{grid-template-columns:100px minmax(0,1fr);border-color:#eee;background:#eee;border-radius:12px;overflow:hidden}.order-data dt{font:500 10px/1.5 Inter;text-transform:none;letter-spacing:0}.order-data dd{overflow-wrap:anywhere;font-size:12px}.admin-action{padding:15px;border-color:#e6dfe8;border-radius:13px;min-width:0}.admin-action input,.admin-action select,.admin-action textarea{font-size:16px;border-radius:10px;min-width:0;max-width:100%}.admin-action label{font:500 12px Inter;letter-spacing:0;text-transform:none}.order-drawer .button{min-height:46px;border-radius:10px;font:600 12px Inter;letter-spacing:0;text-transform:none}.timeline-row strong{font:600 12px Inter;letter-spacing:0;text-transform:none}.timeline-row p{line-height:1.5}
 .orders-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:80;display:grid;grid-template-columns:repeat(4,1fr);height:calc(74px + env(safe-area-inset-bottom));padding:5px 10px max(8px,env(safe-area-inset-bottom));border-top:1px solid #eeeaed;background:#fffffff5;backdrop-filter:blur(18px)}.orders-mobile-nav>a,.orders-mobile-more>summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:56px;text-decoration:none;font:500 10px Inter;color:#68616a;list-style:none;cursor:pointer}.orders-mobile-more>summary::-webkit-details-marker{display:none}.orders-mobile-more>summary{color:#b42670}.orders-mobile-more__panel{position:fixed;left:12px;right:12px;bottom:calc(82px + env(safe-area-inset-bottom));display:grid;gap:5px;background:#fff;padding:20px;border:1px solid #eee;border-radius:22px;box-shadow:0 -10px 60px #20101c25}.orders-mobile-more__panel>a{display:flex;align-items:center;gap:12px;min-height:48px;text-decoration:none;color:#4e414f;font:500 14px Inter}.orders-mobile-more__panel strong{font:600 11px Inter;color:#968594;margin-bottom:6px}.orders-mobile-more__panel>[aria-current="page"]{color:#b42670}
 .app-dialog{margin:auto auto max(12px,env(safe-area-inset-bottom));max-height:90dvh;overflow:auto}.app-dialog__handle{width:38px;height:4px;background:#ddd4dd;border-radius:4px;justify-self:center;margin-bottom:8px}
 .is-keyboard-open .os .sidebar,.is-keyboard-open .os.os--client.os--editor .sidebar{display:none!important}.is-keyboard-open .os.os--editor .main-top>.header-actions{bottom:var(--keyboard-offset,0px);padding-bottom:8px}
 .os .project-grid{grid-template-columns:1fr;gap:10px;border:0;background:none}.os .project-card{min-height:120px;border:1px solid #e8e2e9;border-radius:14px;background:#fff;padding:18px}.os .project-card h3{font-size:25px}
}
@media(max-width:360px){.os .role-pill{max-width:116px;font-size:9px}.os .brand img{max-width:90px}.os .main{padding-left:14px;padding-right:14px}.ops-quick-link{gap:7px;padding:12px 9px}.ops-quick-arrow{display:none}.os.os--editor .editor-nav,.os.os--client.os--editor .editor-nav--app{margin-left:-14px;margin-right:-14px;width:calc(100% + 28px);padding:0 14px}.os.os--client.os--editor .editor-nav--app button{font-size:11px;padding:0 6px}}
@media(max-width:980px) and (max-height:520px){.os .header{height:52px;min-height:52px}.os.os--editor .editor-nav{top:52px}.os .sidebar{height:60px}.os.os--editor .main-top>.header-actions{bottom:60px;padding:6px 18px}.os .nav-group--primary .nav-button{min-height:48px;gap:2px}.os .nav-group--primary .nav-button .ui-icon{width:20px;height:20px}.os .main{max-width:740px;margin:auto}.os .ops-metrics{grid-template-columns:1fr 1fr}.os .form-grid{grid-template-columns:1fr 1fr}.os .field--full{grid-column:1/-1}.os .group-theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}.os .modal-card{max-height:95dvh}.os.os--editor .editor-more__menu{bottom:120px;max-height:55dvh}}
@media(max-width:980px) and (max-height:520px){.os.os--editor .main-top>div:first-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.os.os--editor .editor-back{min-height:34px;margin:0}.os.os--editor .main-top h2{font-size:21px}.os.os--editor .editor-status{margin:0 0 0 auto}.os.os--editor .editor-permission-note{display:none}.os.os--editor .editor-nav button{min-height:42px}.os.os--editor .sidebar{height:44px;padding-top:3px;padding-bottom:3px}.os.os--editor .nav-group--primary .nav-button{min-height:36px;gap:0;font-size:0}.os.os--editor .nav-group--primary .nav-button>span{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.os.os--editor .nav-group--primary .nav-button>.ui-icon{width:22px;height:22px}.os.os--editor .main-top>.header-actions{bottom:44px;padding:5px 18px}.os.os--editor .editor-actions__primary .btn,.os.os--editor .editor-more>summary{min-height:40px}.os.os--editor .editor-more__menu{bottom:100px}.os.os--readonly .device{max-width:360px}}
@media(prefers-reduced-motion:no-preference){.is-mobile-editor [role="tabpanel"]:not([hidden]){animation:mobile-pane-in .18s ease-out}.os .btn,.os .nav-button{transition:background .15s,color .15s,transform .12s}}
@keyframes mobile-pane-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

/* Preview requests run when the mobile pane is visible; errors stay next to the simulator. */
.preview-state{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;margin:0 auto 8px;width:min(100%,390px);color:#68616a;font:500 12px/1.35 Inter,sans-serif}
.preview-state.is-error{color:#a53940}
.preview-state button{min-height:36px;padding:0 12px;border:1px solid currentColor;border-radius:9px;background:#fff;color:inherit;font:600 12px Inter,sans-serif;cursor:pointer}
.preview-state button[hidden]{display:none!important}