.workspace-root .main{height:100vh;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.identity-pending .top-user,.identity-pending.workspace-embedded .content{visibility:hidden}
.workspace-root .content{display:none}
.workspace-bar{display:flex;align-items:stretch;gap:6px;padding:6px 16px 0;background:#e3ebe7;flex-shrink:0;border-bottom:1px solid var(--gray-border);min-height:44px}
#workspaceTabs{display:flex;flex:1;min-width:0;gap:6px;overflow:auto}
.workspace-tab{display:flex;min-width:0;max-width:220px;border:1px solid #b5c7bf;border-bottom:0;border-radius:7px 7px 0 0;overflow:hidden;background:#f5f8f6;flex-shrink:0}
.workspace-tab button{border:0;background:transparent;color:var(--gray);padding:11px 14px;font:inherit;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-tab button[aria-selected=true]{background:var(--primary);color:#fff;font-weight:700}
.workspace-tab button:hover{background:#f0f5f3}
.workspace-tab .workspace-close{flex-shrink:0;padding:6px 9px}
.workspace-tab button:focus-visible,#workspaceMore:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}
#workspaceMore{max-width:180px;border:1px solid var(--gray-border);border-radius:6px;background:transparent;color:var(--gray);font:inherit}
#workspaceHost{flex:1;min-height:0;position:relative}
.workspace-pending{padding:24px;color:var(--gray)}
.workspace-pending p{margin-bottom:16px}
.workspace-frame{width:100%;height:100%;border:0;display:block;background:var(--ui-bg)}
.workspace-frame[hidden],#workspaceMore[hidden],#workspaceNotice[hidden]{display:none}
#workspaceNotice{flex-shrink:0;line-height:1.6;min-height:44px;border-bottom:1px solid #dfbf73;padding:10px 20px;background:#fff8e6;color:#754b00;font-size:14px}
.workspace-embedded .sidebar,.workspace-embedded .topbar{display:none!important}
.workspace-embedded .main{margin-left:0!important;width:100%;min-height:100vh}
.workspace-embedded .content{max-width:none}
.workspace-page-title{font-size:24px;line-height:1.35;margin:0 0 20px;font-weight:650;letter-spacing:-.02em}
.template-conflict{padding:16px 20px;border-top:1px solid var(--gray-border);flex-shrink:0;background:#fff}
.template-conflict p{margin:0 0 10px;color:var(--gray);line-height:1.5}
.template-conflict-diff{max-height:180px;overflow:auto;overscroll-behavior:contain}
.template-conflict-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px}
.template-conflict-actions button{white-space:normal;text-align:left}
#workspaceShop{max-width:220px;padding:7px 10px;border:1px solid var(--gray-border);border-radius:6px;background:transparent;color:var(--gray);font:inherit}
.workspace-root .topbar a{color:var(--primary);text-decoration:none}
@media(max-width:768px){.workspace-bar{padding:6px 8px}.workspace-tab{max-width:160px}.workspace-root .topbar{gap:8px;flex-wrap:wrap}.workspace-root .topbar>div{gap:8px!important}}

.workspace-nav-toggle,.workspace-nav-close,.workspace-nav-backdrop{display:none}
.workspace-root .main{height:100dvh}
@media(max-width:768px){
  .workspace-root .main{margin-left:0;width:100%}
  .workspace-root .sidebar{width:min(288px,calc(100vw - 48px));height:100dvh;transform:translateX(-100%);visibility:hidden;z-index:302}
  .workspace-root.workspace-nav-open .sidebar{transform:none;visibility:visible}
  .workspace-root .workspace-nav-toggle,.workspace-root .workspace-nav-close{display:block;min-height:44px;min-width:44px;padding:8px 12px;font:inherit;cursor:pointer;border-radius:6px}
  .workspace-root .workspace-nav-toggle{border:1px solid var(--gray-border);color:var(--primary);background:#fff}
  .workspace-root .workspace-nav-close{align-self:flex-end;margin:8px 8px 0;border:1px solid var(--ui-border);color:var(--ui-text);background:transparent}
  .workspace-root .workspace-nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;border:0;border-radius:0;background:rgba(15,26,22,.45);z-index:301}
  .workspace-root .topbar{padding:8px 12px;flex-shrink:0}
  .workspace-root .topbar>label{display:flex;align-items:center;gap:6px;flex:1;min-width:0}
  .workspace-root .topbar>div{flex-wrap:wrap;min-width:0;max-width:100%}
  .workspace-root #workspaceShop{min-width:0;flex:1;max-width:220px;min-height:44px}
  .workspace-root #workspaceMore{max-width:110px;min-height:44px}
  .workspace-root .workspace-tab button{min-height:44px}
  .workspace-root .workspace-tab .workspace-close{min-width:44px}
  .workspace-root .top-user-text{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

@media(max-width:480px){
  .workspace-root .topbar>div{flex-basis:100%;justify-content:flex-end}
}

.workspace-tab:has([aria-selected="true"]){box-shadow:inset 0 -2px var(--primary)}
.workspace-tab .workspace-close{color:var(--ui-muted);font-size:16px}
.workspace-root .topbar>label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ui-muted)}
#workspaceShop{font-size:14px;color:var(--ui-text);min-height:34px}

.workspace-tab:has([aria-selected="true"]){background:var(--primary);border-color:var(--primary);box-shadow:none}.workspace-tab:has([aria-selected="true"]) .workspace-close{color:#fff}.workspace-tab:has([aria-selected="true"]) button:hover{background:#0b5845;color:#fff}.workspace-tab button{color:#405b50}.workspace-bar #workspaceMore{background:#fff;color:#304c41;padding:0 10px;margin-bottom:6px}.sidebar-logo .logo-icon{width:36px;height:36px}

#workspaceNotice details{display:inline-block;margin-left:16px}#workspaceNotice summary{cursor:pointer;font-weight:650;text-decoration:underline}#workspaceNotice details[open]{display:block;margin:8px 0 0}#workspaceNotice button{margin:4px 8px 4px 0;padding:6px 10px;border:1px solid #c2a260;background:#fff;border-radius:5px;cursor:pointer;color:#654610;font:inherit}
