/* Workspace shell only: no changes to the public landing or checkout. */
.store-menu #storeSuppliers{display:block;padding:12px;border-radius:12px;color:inherit;text-decoration:none;font-size:14px}.store-menu #storeSuppliers:hover{background:rgba(99,222,203,.1)}.store-menu #storeSuppliers[hidden]{display:none}
.app { grid-template-columns:196px 228px minmax(0,1fr) 324px; }
.library { min-width:0; overflow-x:hidden; }
.library .block-copy { min-width:0; overflow-wrap:anywhere; }
.library .block-item { min-width:0; }
.rail { padding:16px 12px; overflow-y:auto; }
.rail > .logo { align-self:flex-start; margin:0 0 20px 8px; flex-shrink:0; }
.rail-nav { align-items:stretch; gap:4px; }
.rail .nav-item { display:flex; width:100%; min-height:44px; height:auto; padding:11px 12px; gap:12px; border-radius:10px; text-decoration:none; text-align:left; font:inherit; font-size:13px; }
.rail .nav-item .icon { width:20px; height:20px; flex-shrink:0; }
.rail .nav-item.active::before { left:-12px; }
.rail .avatar { flex-shrink:0; }
.rail .mobile-more { display:none; }
.workspace-bot-context { display:flex; align-items:center; gap:8px; min-width:0; max-width:280px; }
.app[data-workspace-view="editor"] .crumbs { display:none; }
@media (min-width:821px) {
  .workspace-bot-context { flex:0 1 250px; min-width:160px; }
}
@media (min-width:821px) and (max-width:1450px) {
  .editor-actions .btn:nth-child(-n+3) span, .editor-actions .comment-count { display:none; }
  .topbar { gap:12px; }
  .autosave { max-width:160px; }
  #saveStatus { overflow:hidden; text-overflow:ellipsis; }
}
.workspace-bot-context > span { color:var(--muted); font-size:12px; }
.workspace-bot-context select { min-width:0; width:220px; max-width:100%; color:var(--text); border:1px solid var(--line); background:var(--panel); border-radius:10px; padding:9px 28px 9px 10px; font:inherit; font-size:13px; }
#storeBotContext, #settingsBotContext { display:none; }
.store-overview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.store-overview-card { padding:22px; border:1px solid var(--line); border-radius:16px; background:var(--panel-2); }
.store-overview-card h3 { margin:0 0 8px; font-size:19px; }
.store-overview-card p { margin:0 0 18px; color:var(--muted); }
.store-overview-card .btn { white-space:normal; }
.workspace-navigation-overlay { position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:150; display:flex; align-items:flex-end; justify-content:center; }
.workspace-navigation-sheet { width:min(100%,560px); max-height:85dvh; overflow-y:auto; background:var(--panel); border:1px solid var(--line); border-radius:22px 22px 0 0; padding:20px 18px max(24px,env(safe-area-inset-bottom)); }
.workspace-navigation-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.workspace-navigation-heading h2 { margin:0; font-size:20px; }
#workspaceNavigationLinks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
#workspaceNavigationLinks .btn { min-height:52px; justify-content:flex-start; text-align:left; white-space:normal; }
@media (max-width:1180px) and (min-width:821px) {
  .app { grid-template-columns:168px minmax(0,1fr) 290px; }
  .rail .nav-item { gap:8px; padding:11px 8px; font-size:12px; }
  .workspace-bot-context { max-width:210px; }
  .workspace-bot-context select { width:170px; }
  .crumbs { max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .library { left:168px; }
}
@media (max-width:820px) {
  .app { grid-template-columns:minmax(0,1fr); grid-template-rows:60px minmax(0,1fr) max(72px,calc(64px + env(safe-area-inset-bottom))); }
  .rail { padding:4px 6px max(4px,env(safe-area-inset-bottom)); overflow:visible; }
  .rail-nav { align-items:center; }
  .rail .nav-item { flex:1; width:auto; min-width:0; min-height:56px; padding:5px 2px; display:flex; flex-direction:column; justify-content:center; gap:4px; border-radius:10px; font-size:10px; text-align:center; }
  .rail .nav-secondary, .rail .avatar { display:none; }
  .rail .mobile-more { display:flex; }
  .rail .nav-item.active::before { left:calc(50% - 12px); top:-4px; }
  .workspace-bot-context { flex:1; max-width:none; }
  .workspace-bot-context > span { display:none; }
  .workspace-bot-context select { width:100%; padding:9px 22px 9px 9px; font-size:12px; }
  .topbar:has(.workspace-bot-context:not([hidden])) .mobile-brand { font-size:0; gap:0; }
  .store-overview-grid { grid-template-columns:1fr; }
  .store-overview-card { padding:18px; }
  .app-page[data-page="stores"] > .page-titlebar { margin-bottom:16px; }
  .app-page[data-page="stores"] > .page-titlebar h1 { font-size:26px; }
  .app-page[data-page="stores"] > .store-kind-picker { margin-bottom:12px; gap:6px; }
  .app-page[data-page="stores"] > .store-kind-picker small { font-size:12px; }
  .app-page[data-page="stores"] > .settings-mobile-picker { margin-bottom:16px; }
  .stores-layout .governance-section-head { align-items:stretch; }
  .stores-layout .governance-section-head > div { min-width:0; }
  .stores-layout .governance-section-head .btn { min-height:44px; white-space:normal; }
}
