/* Flexify demo skin: soft surfaces, fine borders and a calm lavender accent. */
:root{--demo-bg:#f7f8fd;--demo-surface:#fff;--demo-text:#26324a;--demo-muted:#697793;--demo-line:#e8ecf5;--demo-accent:#5967df;--demo-accent-soft:#eff1ff;--admin-bar-height:72px;--admin-menu-width:258px;--admin-dark:#fff;--admin-blue:#eff1ff}
body{background:var(--demo-bg);color:var(--demo-text);font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:14px}a{color:#5f6fe5}button,.button-link{background:var(--demo-accent);border:1px solid var(--demo-accent);border-radius:8px;padding:10px 16px;font-size:13px;font-weight:550;line-height:1.4;color:white;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px}button:hover,.button-link:hover{background:#5362e4}button.secondary{border-color:#dfe5f2;color:#687491;background:white}button.secondary:hover{background:#f1f3fc}input,select,textarea{border:1px solid #e0e5f0;background:white;border-radius:7px;font-size:13px;color:var(--demo-text);padding:11px 12px;min-height:40px}input::placeholder,textarea::placeholder{color:#a4adc1}input:focus,select:focus,textarea:focus{outline:2px solid #b8bfff;outline-offset:1px}label{font-weight:550;font-size:13px;gap:8px}small,.muted{color:var(--demo-muted)}h1{font-size:25px;letter-spacing:-.6px;line-height:1.3;color:var(--demo-text)}h2{font-size:18px;letter-spacing:-.25px}h3{font-size:15px}section,article{border:1px solid var(--demo-line);border-radius:10px;background:var(--demo-surface);box-shadow:0 2px 6px #24345a03;padding:22px;margin:18px 0}.demo-app .app-content>main{max-width:1600px;padding:22px 32px 24px;min-height:calc(100vh - 130px)}.demo-app .app-content>footer{max-width:1600px;padding:10px 32px 20px;color:#9aa4b9;font-size:11px}.demo-app .app-content{padding-top:var(--admin-bar-height);margin-left:var(--admin-menu-width)}.demo-app .admin-topbar{left:var(--admin-menu-width);height:var(--admin-bar-height);padding:0 32px;background:var(--demo-bg);color:var(--demo-text);border:0;gap:20px}.admin-brand{color:var(--demo-text);font-size:13px}.workspace-label{font-weight:600}.workspace-demo{font-size:10px;padding:4px 8px;background:#edf0ff;border:1px solid #dfe4ff;border-radius:5px;color:var(--demo-accent);text-transform:uppercase;letter-spacing:.8px}.topbar-store{color:var(--demo-muted)}.api-statuses{gap:10px}.api-status{color:#6f7d98;border:1px solid var(--demo-line);background:white;border-radius:20px;padding:7px 10px;font-size:11px}.api-status:hover{color:var(--demo-accent);border-color:#c7ceff}.connection-dot{width:7px;height:7px;background:#b6bfd0;box-shadow:none}.connection-dot.is-connected{background:#43b886;box-shadow:0 0 0 3px #43b88612}.status-access{color:#8c96af;font-size:10px}.demo-app .admin-sidebar{top:16px;bottom:16px;left:16px;width:calc(var(--admin-menu-width) - 16px);border:1px solid var(--demo-line);border-radius:22px;background:white;color:var(--demo-text);display:flex;flex-direction:column;overflow:hidden;box-shadow:none}.sidebar-brand{display:flex;align-items:center;justify-content:flex-start;padding:25px 23px 22px;min-height:109px;text-decoration:none;border-bottom:1px solid var(--demo-line);margin:0 16px;flex-shrink:0}.flexify-wordmark{font-size:31px;font-style:italic;font-weight:850;line-height:.9;letter-spacing:-1.8px;color:#6473f5;display:inline-flex;flex-direction:column;position:relative}.flexify-wordmark>span{font-size:14px;letter-spacing:1.7px;margin-left:30px;margin-top:6px;color:#32405e}.demo-tag{font-size:8px;font-style:normal;color:#a5aec3;letter-spacing:1.1px;margin-left:12px;vertical-align:middle}.demo-app .admin-nav{padding:12px 10px;margin:0;overflow-y:auto;scrollbar-width:thin;flex:1;min-height:0}.demo-app .admin-nav a{color:#697793}.demo-app .admin-menu-item{color:#485675!important;font-size:12px;min-height:39px;border-radius:7px;padding:9px 13px!important;gap:11px}.demo-app .admin-menu-item:hover,.demo-app .admin-menu-item:focus-visible{background:#f4f5fc;color:#5f6fe5!important}.demo-app .menu-icon{width:17px;height:17px;stroke-width:1.45;color:#7d89a5}.menu-chevron{font-size:17px;color:#8c98b0}.demo-app .admin-menu-group.is-active>.admin-menu-item,.demo-app .admin-menu-item.is-current{background:var(--demo-accent-soft);color:var(--demo-accent)!important}.demo-app .admin-menu-group.is-active>.admin-menu-item .menu-icon,.demo-app .admin-menu-item.is-current .menu-icon{color:var(--demo-accent)}.demo-app .admin-submenu{background:transparent;padding:3px 0 6px}.demo-app .admin-submenu a{font-size:11px;padding:7px 10px 7px 41px;border-radius:5px}.demo-app .admin-submenu a:hover{background:#f7f8fe;color:var(--demo-accent)}.demo-app .admin-submenu a[aria-current=page]{background:#f4f5ff;color:#5969e5;font-weight:650;box-shadow:none}.sidebar-admin-label{font-size:11px;font-weight:650;color:#8b96ad;padding:20px 13px 8px;border-top:1px solid var(--demo-line);margin-top:12px}.sidebar-user{border-top:1px solid var(--demo-line);padding:15px 17px;display:flex;gap:10px;align-items:center;flex-shrink:0;background:white}.sidebar-user>div{min-width:0}.sidebar-user strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:155px}.sidebar-user small{font-size:10px;display:block;margin-top:3px}.logout-link{border:0;background:transparent!important;color:#8d97ad;padding:0;font-size:10px;font-weight:400;min-height:0}.logout-link:hover{color:var(--demo-accent)}.user-avatar{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0;background:linear-gradient(135deg,#ede7ff,#e3eeff);color:#7566c0;font-size:13px;font-weight:650}.demo-app .collapse-menu{font-size:11px;color:#9aa4b9!important;margin-top:10px}.demo-page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:8px 0 26px}.demo-page-heading h1{margin:0 0 9px}.demo-page-heading p{margin:0;font-size:13px}.eyebrow{font-size:10px!important;letter-spacing:1.3px;font-weight:650;color:#929db6;margin-bottom:10px!important}.demo-date{color:#95a0b7;font-size:12px;border:1px solid var(--demo-line);border-radius:7px;padding:9px 13px;background:white;white-space:nowrap}.greeting-spark{color:#8793fd;font-weight:400}.system-notices{display:grid;gap:16px;margin-bottom:26px;max-width:1000px}.system-notice{padding:0;margin:0;border-radius:8px;overflow:hidden}.notice-heading{display:flex;align-items:center;gap:12px;padding:17px 19px 13px}.notice-heading h2{font-size:15px;font-style:italic;font-weight:600;margin:0 0 5px}.notice-heading small{font-size:10px;color:#98a4c0}.notice-heading>.pill{margin-left:auto}.notice-icon{width:29px;height:29px;border-radius:9px;background:#f0f2ff;display:grid;place-items:center;color:#8b98ff;font-size:18px;flex-shrink:0}.system-notice>p{border-top:1px solid #f0f2f8;margin:0;padding:13px 19px;color:#697793;font-size:12px;line-height:1.65}.pill{display:inline-block;font-size:10px;color:#8a94af;padding:3px 7px;border-radius:5px;background:#f4f5fb}.demo-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:0 0 22px}.demo-stats article{margin:0;padding:20px 22px}.demo-stats article>span{display:block;font-size:12px;color:#8995ae}.demo-stats strong{display:block;font-size:29px;font-weight:650;color:#384968;margin:10px 0 7px}.demo-stats small{font-size:11px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:21px}.panel-heading h2{margin:0;font-size:15px;font-weight:600}.users-panel{padding:22px 0 8px}.users-panel>.panel-heading,.users-panel>.filters{padding-inline:22px}.users-panel>.panel-heading>.muted{font-size:11px}.demo-user-filters{gap:10px;align-items:center;margin-bottom:20px}.demo-user-filters .search-label{flex:1;min-width:200px}.demo-user-filters a{font-size:12px;padding:9px}.demo-user-filters input{width:100%}.demo-app table{font-size:12px;margin:0}.demo-app th{font-size:11px;color:#95a0b6;background:#fafbfe;font-weight:550;padding:13px 18px;border-bottom:1px solid var(--demo-line)}.demo-app td{padding:17px 18px;border-bottom:1px solid #eff2f8;vertical-align:middle}.user-identity{display:flex;align-items:center;gap:11px}.user-identity strong{font-size:12px;font-weight:600}.user-identity small{display:block;margin-top:4px;font-size:11px}.role-badge,.state-badge{font-size:10px;border-radius:5px;padding:5px 8px;background:#f2f4fa;color:#8b97b0;display:inline-flex;gap:5px;align-items:center;white-space:nowrap}.role-badge.is-admin{color:#8472d6;background:#f0edfc}.state-badge.is-active{color:#4da485;background:#eaf7f1}.state-badge.is-active::before{content:'';width:5px;height:5px;border-radius:50%;background:#54b58b}.state-badge.is-inactive{background:#fff1ec;color:#c99074}.edit-user-link{font-size:11px;text-decoration:none;white-space:nowrap}.demo-pagination{display:flex;justify-content:flex-end;align-items:center;gap:15px;padding:18px 22px 8px;margin:0;color:#97a0b7;font-size:11px}.demo-pagination a{font-size:11px;background:none;padding:5px}.user-form-panel{max-width:950px;padding:26px}.demo-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.demo-form-grid label small{font-weight:400;font-size:11px;line-height:1.6}.form-subheading{border-top:1px solid var(--demo-line);padding-top:24px;margin-top:25px;margin-bottom:10px}.user-form-panel p.muted{font-size:12px;margin-bottom:22px}.form-actions{margin-top:28px;border-top:1px solid var(--demo-line);padding-top:22px;display:flex;justify-content:flex-end;align-items:center;gap:24px}.form-actions a,.back-link{font-size:12px;text-decoration:none}.demo-alert{padding:12px 16px;border:1px solid #dfe5ff;border-radius:8px;background:#f3f5ff;color:#7c88b2;font-size:12px;margin:18px 0}.demo-alert.is-error{background:#fff4f4;border-color:#ffe1e1;color:#bb6f75}.demo-alert p{margin:4px 0}.empty-state{text-align:center;padding:40px;color:#98a3b9}.demo-connections{margin:28px 0;border:1px solid var(--demo-line);border-radius:9px;padding:17px 20px;background:#fff}.demo-connections>summary{font-size:13px;font-weight:550;color:#7280a1}.demo-connections section{box-shadow:none;margin-top:20px}.demo-app .write-controls{box-shadow:none;padding:13px 18px}.demo-app .write-controls a{font-size:12px}.demo-app .json-disclosure{border-color:var(--demo-line)}.demo-app pre{background:#f7f8fd;color:#73809a;font-size:12px}.demo-app .error{background:#fff5f5;border-color:#f6d9dc}.demo-app .success{color:#4a9c7d}.demo-app .response{background:#f2f5ff}.demo-app .mobile-menu-toggle{color:#697897}.demo-app .sidebar-scrim{background:#22314b45}.demo-app.sidebar-collapsed{--admin-menu-width:82px}.demo-app.sidebar-collapsed .sidebar-brand{padding:22px 0;margin:0;justify-content:center;min-height:84px}.demo-app.sidebar-collapsed .flexify-wordmark{font-size:18px;letter-spacing:-1px}.demo-app.sidebar-collapsed .flexify-wordmark>span{display:none}.demo-app.sidebar-collapsed .sidebar-user>div,.demo-app.sidebar-collapsed .sidebar-admin-label{display:none}.demo-app.sidebar-collapsed .sidebar-user{justify-content:center;padding-inline:0}
/* Local sign-in, kept independent from store API authentication. */
.demo-login-page{background:#f7f8fd}.demo-login-page main{max-width:none;padding:0}.login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{padding:55px 12%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 20% 40%,#ebeaff 0,transparent 55%),radial-gradient(ellipse at 90% 90%,#e8efff,transparent 65%),#f3f5fd;position:relative;overflow:hidden}.login-brand{text-decoration:none;align-self:flex-start}.login-brand .flexify-wordmark{font-size:44px}.login-brand .flexify-wordmark>span{font-size:18px;margin-left:42px}.login-story-copy{margin:auto 0;padding:45px 0}.login-story h1{font-size:38px;line-height:1.35;font-weight:650;letter-spacing:-1.2px;margin:15px 0 18px}.login-story-copy>p{max-width:400px;color:#697793;line-height:1.9;font-size:14px}.login-feature{display:flex;gap:17px;align-items:flex-start;margin-top:26px}.login-feature>span{border:1px solid #dce1f4;background:#ffffff8c;border-radius:9px;color:#939fec;width:35px;height:35px;display:grid;place-items:center;font-size:11px;flex-shrink:0}.login-feature strong{font-size:13px;color:#667595;font-weight:550}.login-feature p{font-size:11px;line-height:1.6;color:#98a3ba;margin:5px 0}.login-story>small{font-size:11px;color:#a4acc1}.login-form-side{background:white;display:flex;align-items:center;justify-content:center;padding:48px}.login-form-card{width:100%;max-width:365px}.login-form-card h2{font-size:27px;margin:12px 0 10px;font-weight:600;letter-spacing:-.65px}.login-form-card>p.muted{font-size:13px;margin-bottom:34px}.login-form-card label{margin-bottom:22px;color:#6a7792;font-size:12px;font-weight:500}.login-form-card input{width:100%;height:47px}.login-form-card .login-submit{width:100%;margin-top:6px;justify-content:space-between;padding:14px 18px;font-size:13px;border-radius:7px}.password-control{position:relative}.password-control input{padding-right:70px}.password-toggle{position:absolute;right:7px;top:9px;padding:5px 7px;background:none!important;border:0;color:#8c98b4;font-size:10px}.login-help{font-size:11px;color:#9aa4bb;line-height:1.8;text-align:center;margin:24px 0 30px}.login-footnote{border-top:1px solid var(--demo-line);padding-top:24px;text-align:center;color:#a4adc1;font-size:10px}.login-footnote .connection-dot{margin-right:7px;width:6px;height:6px}
@media(max-width:1100px){.login-story{padding:40px 9%}.login-story h1{font-size:32px}.demo-user-filters{flex-wrap:wrap}.demo-user-filters .search-label{flex-basis:100%}}
@media(max-width:900px){.demo-app .app-content{margin-left:0}.demo-app .admin-topbar{left:0;padding:0 20px}.demo-app .admin-sidebar{left:0;top:0;bottom:0;width:245px;border-radius:0 20px 20px 0}.demo-app .sidebar-mobile-open .admin-sidebar{transform:translateX(0)}.demo-app .sidebar-scrim{inset:0}.demo-app .app-content>main{padding:14px 20px 24px}.demo-app.sidebar-collapsed .sidebar-brand{padding:25px 23px 22px;justify-content:flex-start;min-height:109px;margin:0 16px}.demo-app.sidebar-collapsed .flexify-wordmark{font-size:31px}.demo-app.sidebar-collapsed .flexify-wordmark>span{display:block}.demo-app.sidebar-collapsed .sidebar-user>div,.demo-app.sidebar-collapsed .sidebar-admin-label{display:block}.demo-app.sidebar-collapsed .sidebar-user{justify-content:flex-start;padding:15px 17px}.demo-page-heading{margin-bottom:20px}.demo-page-heading h1{font-size:22px}.login-form-side{padding:35px}.login-story{padding:35px 30px}.login-story h1{font-size:28px}}
@media(max-width:600px){.login-shell{grid-template-columns:1fr;min-height:100vh}.login-story{padding:25px 30px;min-height:0}.login-story-copy,.login-story>small{display:none}.login-story .flexify-wordmark{font-size:31px}.login-story .flexify-wordmark>span{font-size:14px;margin-left:30px}.login-form-side{padding:36px 28px 48px;align-items:flex-start}.login-form-card{max-width:400px}.demo-stats{grid-template-columns:1fr;gap:10px}.demo-stats article{padding:16px 20px}.demo-stats strong{font-size:24px;margin:7px 0}.demo-form-grid{grid-template-columns:1fr;gap:18px}.user-form-panel{padding:20px}.demo-page-heading{align-items:flex-start;flex-direction:column;gap:14px}.demo-date{display:none}.demo-app .admin-topbar{padding-inline:12px;gap:8px}.api-status{border:0;background:transparent;padding:3px;font-size:10px}.api-statuses{gap:5px}.workspace-label{font-size:11px}.workspace-demo{display:none}.notice-heading{padding:15px}.system-notice>p{padding:13px 15px}.users-panel>.filters,.users-panel>.panel-heading{padding-inline:15px}.demo-pagination{justify-content:center}.demo-user-filters label:not(.search-label){flex:1}.demo-user-filters select{width:100%}}

@media(max-width:900px){.demo-app .admin-sidebar{z-index:45}.demo-app .sidebar-scrim{z-index:40}.demo-app.sidebar-mobile-open .admin-sidebar{transform:translateX(0)}}

.footer-integration{float:right;color:#a4adc1}@media(max-width:600px){.footer-integration{float:none;display:block;margin-top:5px}}

.store-connection-controls{margin-left:auto;display:flex;align-items:center;gap:14px;min-width:0}.store-connection-controls .api-statuses{margin-left:0}.store-switcher{display:flex;align-items:center;gap:5px;min-width:0}.store-switcher select{min-height:34px;padding:7px 28px 7px 10px;font-size:11px;max-width:210px;min-width:130px;background:white;border-radius:7px;color:#687491}.store-switcher button{min-height:32px;padding:4px 8px;font-size:16px}.user-stores-panel{max-width:1200px;margin-top:24px;padding:23px 0 8px}.user-stores-panel>.panel-heading{padding-inline:23px}.user-stores-panel>.panel-heading p{font-size:12px;margin:8px 0 0}.store-table-url{display:block;font-size:10px;color:#8b97b0;margin-top:6px;overflow-wrap:anywhere}.store-api-badges{display:flex;flex-wrap:wrap;gap:6px}.store-config-dialog{width:min(1080px,calc(100vw - 32px));border-color:#e2e7f2;border-radius:16px;padding:24px 30px;max-height:92vh}.store-config-dialog h2{font-size:23px;font-weight:600;margin-bottom:9px}.store-dialog-heading{margin-bottom:24px}.store-dialog-heading>div>p.muted{font-size:12px;line-height:1.7;max-width:820px}.store-api-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.store-api-grid fieldset{border:1px solid var(--demo-line);border-radius:10px;padding:18px;margin:24px 0 18px;min-width:0}.store-api-grid legend{font-size:13px;font-weight:600;color:#667492;padding-inline:7px}.store-api-grid label{margin-top:18px}.store-api-grid p{font-size:11px;line-height:1.7}.stored-secret-note{background:#f5f6fe;padding:9px 11px;border-radius:6px;color:#929bb5}.store-config-dialog input{width:100%;min-width:0}.store-config-dialog .schema-toggle input{width:auto}.store-default-toggle{font-size:12px;color:#727f9a}.store-default-help{font-size:11px;line-height:1.7}.store-approved-hosts{font-size:11px;color:#99a2b7;margin-top:16px}.store-approved-hosts p{overflow-wrap:anywhere}.store-config-dialog .form-actions{margin-top:20px;padding-top:20px}
@media(max-width:1100px){.demo-app .workspace-label{display:none}.store-switcher select{max-width:170px}.store-connection-controls{gap:8px}}
@media(max-width:600px){.store-connection-controls{gap:4px;flex:1;justify-content:flex-end}.store-switcher{gap:1px;max-width:145px}.store-switcher select{min-width:80px;max-width:110px;font-size:10px;padding:6px}.store-switcher button{font-size:13px;padding:3px 5px}.store-connection-controls .api-statuses{gap:4px}.store-connection-controls .api-status{font-size:9px;gap:3px}.store-api-grid{grid-template-columns:1fr;gap:0}.store-api-grid fieldset{margin-bottom:0}.store-config-dialog{padding:20px 17px;max-height:94vh}.store-config-dialog .demo-form-grid{gap:15px}.user-stores-panel>.panel-heading{padding-inline:17px;align-items:flex-start;flex-direction:column}.store-config-dialog .form-actions{gap:12px}.store-config-dialog .form-actions button{font-size:11px}}

.manual-connections-note{font-size:12px;color:#8994ad;line-height:1.7;margin:18px 0 0}

/* Commerce workspace driven by the active store. */
.commerce-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 24px}.commerce-heading h1{font-size:27px;font-style:italic;margin:0 0 8px}.commerce-heading>div>p{margin:0;font-size:12px}.company-tag{display:inline-block;vertical-align:middle;margin-left:8px;background:#e9edff;color:#6878ee;padding:5px 8px;border-radius:4px;font:650 10px/1.2 "Segoe UI",sans-serif;letter-spacing:0}.period-switch{display:flex;border:1px solid #e4e8f1;border-radius:8px;background:white;padding:5px;white-space:nowrap}.period-switch a{font-size:12px;padding:7px 12px;text-decoration:none;color:#8f9ab0}.period-switch a[aria-current=page]{color:#6574f7;background:#f5f6ff;font-weight:650;border-radius:5px}.commerce-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.commerce-kpi{display:flex;gap:15px;align-items:center;margin:0;padding:21px 18px;min-height:100px}.kpi-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:10px;font-size:25px;flex-shrink:0}.kpi-icon.green{background:#eafbf3;color:#19bc84}.kpi-icon.blue{background:#eef0ff;color:#6574f7}.kpi-icon.purple{background:#f6f1ff;color:#9671ff}.kpi-icon.orange{background:#fff8e8;color:#eda122}.commerce-kpi>div{min-width:0}.commerce-kpi strong{display:block;font-size:22px;font-style:italic;line-height:1.25;overflow-wrap:anywhere}.commerce-kpi>div>span{display:block;color:#8995ad;font-size:12px;margin-top:6px}.kpi-change{margin-left:auto;font-size:10px;border-radius:5px;padding:5px;white-space:nowrap}.kpi-change.negative{background:#fff1f1;color:#e76a73}.kpi-change.positive{background:#eaf8f1;color:#409c77}.commerce-counts{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 14px}.commerce-counts a{font-size:11px;text-decoration:none;background:white;color:#8b97af;border:1px solid #e9edf4;border-radius:20px;padding:6px 11px}.commerce-counts strong{color:#445573;margin-right:4px}.commerce-period-note{font-size:10px;color:#8d9ab4;line-height:1.7;margin-bottom:20px}.commerce-charts{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:17px;align-items:stretch}.commerce-charts>section{margin:0;min-width:0;padding:21px}.commerce-charts h2,.commerce-lower h2{font-size:17px;font-style:italic;margin:0 0 10px}.commerce-charts .muted{font-size:10px}.commerce-line-chart{display:block;width:100%;height:auto;min-height:200px;margin-top:15px}.chart-label{fill:#9ca7bf;font-size:11px}.chart-empty{min-height:215px;display:grid;place-items:center;text-align:center;color:#9aa6bd;font-size:12px;padding:20px}.commerce-donut-wrap{display:flex;gap:16px;align-items:center;min-height:190px}.commerce-donut{width:120px;min-width:100px;max-width:42%;height:auto}.donut-value{font-size:22px;fill:#3b4b67;font-style:italic;font-weight:650}.donut-caption{font-size:11px;fill:#8e9bb4}.donut-legend{display:grid;gap:13px;font-size:10px;min-width:0}.donut-legend>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.donut-legend span{color:#8b97ae}.donut-legend strong{color:#53637f;font-size:10px}.chart-source-note{font-size:10px;color:#99a4ba;line-height:1.8;margin-top:12px}.commerce-lower{display:grid;grid-template-columns:2.3fr 1fr;gap:17px;margin-top:22px;align-items:start}.commerce-lower>section{margin:0;padding:22px;min-width:0}.commerce-lower .panel-heading a{font-size:10px;text-decoration:none;font-weight:650}.commerce-lower td,.commerce-lower th{padding:17px 12px;font-size:11px}.commerce-lower td:last-child{white-space:nowrap}.order-state,.payment-state{padding:5px 7px;font-size:9px;border-radius:4px;display:inline-block;background:#f2efff;color:#8a70e4}.order-state.is-cancelled{background:#fff0f0;color:#e97579}.payment-state{background:#f4f5f9;color:#99a5ba}.payment-state.is-paid{background:#ebfbf2;color:#28b77e}.operations-cells{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.operations-cells>div{background:#f8f9fc;border-radius:8px;padding:16px}.operations-cells strong{display:block;font-size:20px;font-style:italic}.operations-cells span{display:block;margin-top:7px;color:#97a2b9;font-size:11px}.operations-overview>a{font-size:11px}.commerce-api-details{margin:23px 0;border:1px solid var(--demo-line);padding:14px 17px;border-radius:8px;background:white}.commerce-api-details>summary{font-size:12px;color:#8896b1}.commerce-empty{margin-bottom:22px}.commerce-empty p{font-size:12px;line-height:1.8}.workspace-catalog{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}.workspace-catalog a{padding:14px 18px;border:1px solid var(--demo-line);border-radius:8px;text-decoration:none;font-size:12px}.source-unavailable{padding:15px;background:#fafbfe;color:#96a2b8;font-size:12px;border-radius:7px}
/* Inventory list. */
.product-page-heading{background:white;border:1px solid var(--demo-line);padding:20px 23px;border-radius:18px;margin-bottom:13px}.product-page-heading h1{margin:0}.product-tabs{border-bottom:1px solid #e6eaf3;margin-bottom:18px}.product-tabs>span{display:inline-block;padding:8px 5px 13px;color:#6574f7;border-bottom:2px solid #6574f7;font-weight:600;font-size:12px}.product-tabs strong{background:#edf0ff;padding:4px 7px;font-size:11px;border-radius:12px;margin-left:6px}.product-toolbar{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin:20px 0}.per-page-label{display:flex;align-items:center;flex-direction:row;gap:10px;font-size:11px;color:#8b97b0;white-space:nowrap}.per-page-label select{min-width:65px;padding:9px}.product-toolbar-search{display:flex;gap:7px;margin-left:auto;flex:1;max-width:600px}.product-toolbar-search input{border-radius:24px;width:100%;min-width:150px;padding-inline:17px}.product-toolbar>button,.product-toolbar-search>button{border-radius:24px;font-size:11px;padding-inline:18px}.product-actions{position:relative}.product-actions>summary{border:1px solid #e0e5f0;background:white;border-radius:24px;padding:11px 20px;list-style:none;color:#60708d;font-size:11px;font-weight:600}.product-actions>summary::-webkit-details-marker{display:none}.product-actions>div{position:absolute;right:0;top:calc(100% + 8px);z-index:12;width:255px;display:grid;gap:9px;background:white;border:1px solid var(--demo-line);padding:13px;border-radius:10px;box-shadow:0 8px 25px #27395615}.product-actions>div button,.product-actions>div a{font-size:11px;text-align:left}.product-filter-fields{display:flex;align-items:end;flex-wrap:wrap;gap:14px;width:100%;background:#fff;border:1px solid var(--demo-line);padding:17px;border-radius:10px;margin-top:6px}.product-filter-fields[hidden]{display:none}.product-filter-fields label{min-width:120px;flex:1;font-size:11px}.product-filter-fields .lookup-field{max-width:280px}.product-filter-fields a{font-size:11px;padding:11px}.product-column-options{display:flex;align-items:center;flex-wrap:wrap;gap:15px;background:white;border:1px solid var(--demo-line);padding:15px;border-radius:10px;margin-bottom:14px;font-size:11px}.product-column-options[hidden]{display:none}.product-column-options label{display:flex;flex-direction:row;font-size:11px;align-items:center}.product-column-options input,.commerce-products input[type=checkbox]{width:15px;height:15px;min-height:0;padding:0;accent-color:#6574f7}.product-table-shell{border-radius:19px;border:1px solid var(--demo-line);background:white;box-shadow:0 3px 8px #32436704}.demo-app .commerce-products th{background:#eef0f5;color:#7e8aa2;font-size:9px;padding:17px 13px;white-space:nowrap}.commerce-products th a{color:#7a87a0;text-decoration:none}.demo-app .commerce-products td{font-size:11px;padding:23px 13px;min-height:100px;color:#697792}.commerce-products [hidden]{display:none!important}.commerce-products td:last-child{white-space:nowrap}.catalog-product{display:flex;gap:13px;align-items:center;min-width:230px;max-width:320px}.catalog-product img{object-fit:contain;flex-shrink:0}.product-image-placeholder{display:grid;place-items:center;width:48px;height:64px;border:1px solid #edf0f7;border-radius:8px;background:#fafbff;color:#bac3d7;flex-shrink:0;font-size:23px}.catalog-product a{color:#4f5f7a;text-decoration:none}.catalog-product strong{font-size:11px;font-weight:650;line-height:1.6;display:block}.catalog-product small{display:block;color:#98a2b8;font-size:10px;margin-top:5px}.stock-hint{display:block;color:#94a3b9;font-size:9px;margin-top:3px}.site-pill{display:inline-block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f3f5fb;color:#7a89eb;padding:6px 9px;border-radius:15px;font-size:10px}.product-state{background:#f3f4fa;color:#98a4bb;padding:6px 11px;border-radius:15px;white-space:nowrap;font-size:10px}.product-state.is-published{background:#edfbf3;color:#3ab78a}.missing-source{color:#b3bbcc}.catalog-edit{display:block;background:none!important;border:0;color:#7b89d9;padding:7px 0 0;font-size:10px}.product-list-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;background:white;border:1px solid var(--demo-line);border-radius:18px;padding:13px 22px;margin-top:23px;font-size:11px;color:#8996b0}.product-list-footer nav{margin:0;font-size:11px}.product-list-footer nav a{background:#f7f8fe;font-size:11px}.catalog-source-note{font-size:10px;color:#99a4b9;line-height:1.8;margin:17px 0}.commerce-orders{border-radius:14px;overflow:hidden}
@media(max-width:1400px){.commerce-kpis{gap:12px}.commerce-kpi{gap:10px;padding:19px 14px}.commerce-kpi strong{font-size:18px}.kpi-change{font-size:9px}.commerce-charts{grid-template-columns:1.2fr 1fr 1fr;gap:12px}.commerce-charts>section{padding:17px}.commerce-donut-wrap{gap:9px;flex-wrap:wrap;align-content:center}.commerce-donut{max-width:100px}.donut-legend{gap:8px}.commerce-charts h2{font-size:15px}}
@media(max-width:1100px){.commerce-kpis{grid-template-columns:1fr 1fr}.commerce-charts{grid-template-columns:1fr 1fr}.revenue-panel{grid-column:1/-1}.commerce-donut-wrap{flex-wrap:nowrap}.commerce-lower{grid-template-columns:1fr}.product-toolbar-search{max-width:none}.commerce-heading h1{font-size:24px}}
@media(max-width:600px){.commerce-heading{flex-direction:column;align-items:flex-start;gap:14px}.commerce-kpi{padding:14px 11px;gap:8px;align-items:flex-start;flex-wrap:wrap}.kpi-icon{width:32px;height:32px;font-size:20px}.commerce-kpi strong{font-size:16px}.commerce-kpi>div>span{font-size:10px}.kpi-change{margin-left:0}.commerce-charts{grid-template-columns:1fr}.revenue-panel{grid-column:auto}.commerce-donut-wrap{min-height:150px}.commerce-line-chart{min-height:150px}.product-page-heading{flex-direction:row;align-items:center}.product-page-heading h1{font-size:23px}.product-toolbar-search{order:3;flex-basis:100%;margin-left:0}.product-toolbar>.product-actions{margin-left:auto}.product-filter-fields{padding:13px}.product-column-options label{font-size:10px}.product-list-footer{flex-direction:column;align-items:flex-start;gap:10px}.catalog-product{min-width:200px}.commerce-lower>section{padding:17px}.company-tag{font-size:8px}.commerce-kpis{gap:9px}}

.customer-store-host{font-size:18px!important;overflow-wrap:anywhere}.customer-name{text-decoration:none;color:#54627e}.customer-city{display:block;font-size:10px;line-height:1.8;color:#8d99b1;white-space:nowrap}.customer-actions{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:11px}.customer-actions button{padding:7px 10px;font-size:10px}.customers-pagination{padding:6px 22px 12px}.customers-pagination nav{justify-content:flex-end;font-size:11px;margin:10px 0}.customers-pagination nav a{background:#f7f8fe;font-size:11px}.customer-details{font-size:13px;gap:12px}.customers-panel .demo-user-filters>label:not(.search-label){font-size:11px;min-width:85px}

/* Multi-store selection and independent API health segments. */
.store-multiselect{position:relative;min-width:170px}.store-multiselect>summary{cursor:pointer;border:1px solid #dce1ef;background:#fff;border-radius:12px;padding:9px 14px;list-style:none}.store-multiselect>summary::after{content:' ▾'}.store-selection-form{position:absolute;right:0;top:100%;z-index:100;width:min(420px,92vw);max-height:calc(100dvh - 150px);padding:12px;background:white;box-shadow:0 12px 35px #1c2b5040;border:1px solid #dce1ef;border-radius:14px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px}.store-selection-heading{display:flex;align-items:baseline;gap:7px;min-width:0;white-space:nowrap}.store-selection-heading strong{font-size:12px;flex-shrink:0}.store-selection-heading small{font-size:10px;overflow:hidden;text-overflow:ellipsis}.store-selection-form>button{justify-self:stretch;width:100%;min-height:0;padding:8px 10px;line-height:1.3}.store-options{min-height:0;max-height:min(280px,40dvh);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;margin:0}.store-options label{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:8px;padding:6px 2px;cursor:pointer;text-align:left;border-radius:7px}.store-options label:hover{background:#f4f5fc}.store-options .store-option-text{display:flex;align-items:baseline;gap:8px;min-width:0;overflow:hidden;white-space:nowrap}.store-option-name{font-size:12px;max-width:45%;flex-shrink:0;overflow:hidden;text-overflow:ellipsis}.store-options input[type=checkbox]{width:16px;height:16px;min-height:0;margin:0;padding:0;align-self:center;accent-color:var(--demo-accent)}.store-options .store-option-text small{display:inline;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.store-options small,.multi-store-url{display:block;font-size:11px;color:#7c879f;overflow-wrap:anywhere}.api-health{position:relative;outline-offset:4px;cursor:help}.api-health .api-status{display:flex;align-items:center;gap:5px}.api-health-ring{width:30px;height:30px;flex-shrink:0}.api-health-popup{display:none;position:absolute;right:0;top:100%;width:min(600px,88vw);background:#fff;border:1px solid #dce1ef;border-radius:14px;padding:18px;box-shadow:0 12px 35px #1c2b5040;z-index:110}.api-health:hover .api-health-popup,.api-health:focus-within .api-health-popup{display:block}.api-health-popup>.table-wrap{max-height:min(300px,45dvh);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.api-health-popup table{font-size:12px;margin:0}.api-health-popup thead th{position:sticky;top:0;z-index:1}.api-health-popup tbody td{white-space:nowrap}.api-health-popup th,.api-health-popup td{padding:10px}.api-health-popup .muted{font-size:11px}.multi-filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:20px 0}.multi-filters label{display:grid;gap:6px}.multi-revenues{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px;margin:20px 0}.multi-revenue{font-size:28px}.multi-records td{max-width:350px;overflow-wrap:anywhere}.multi-records table{min-width:650px}@media(max-width:700px){.store-connection-controls{flex-wrap:wrap}.store-multiselect{min-width:130px}.api-health .api-status{font-size:10px}.api-health-popup{position:fixed;top:130px;right:12px}.api-health-ring{width:26px;height:26px}}
@media(max-width:1100px){.demo-app .admin-topbar{gap:10px;padding-inline:16px}.workspace-label{display:none}.api-health .api-status{padding:4px 7px}.api-statuses{gap:5px}.api-health .status-access{display:none}}
.source-store{font-weight:600;white-space:nowrap}
.courier-settings{margin:18px 0;border:1px solid var(--demo-line);border-radius:10px;padding:18px}.courier-settings legend{font-weight:600;padding:0 7px}.courier-explorer-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;align-items:start}.courier-explorer-filters label{min-width:0}.courier-explorer-filters small{white-space:normal;font-weight:400}.courier-explorer-filters button{align-self:end}
.shipment-parties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.shipment-party,.shipment-pricing{border:1px solid var(--demo-line);border-radius:10px;padding:18px;background:#fafbff}.shipment-party dl{grid-template-columns:85px minmax(0,1fr);gap:9px}.shipment-party dd{overflow-wrap:anywhere}.shipment-pricing{margin:18px 0}.shipment-pricing dl{grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:8px}.shipment-pricing dd{font-weight:600}@media(max-width:700px){.shipment-parties{grid-template-columns:1fr}}