/* One global header, one stable tool list. No nested menu replaces another. */
.pro-sidebar #sidebar-navigation{gap:12px}.pro-sidebar .nav-caption{padding:8px 12px 6px}.pro-sidebar .side-item{font-size:13px;margin-bottom:3px}.pro-sidebar .sidebar-note{margin:28px 6px 8px}.pro-sidebar .sidebar-note img{max-width:190px}
.pro-sidebar #nav-sites{border-top:1px solid var(--line);padding-top:8px}.pro-sidebar #nav-messengers{margin-top:0}
.account-menu{position:relative;flex:none}.account-panel{position:absolute;right:0;top:calc(100% + 12px);width:280px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 150px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 16px 50px #0004;z-index:200;display:flex;flex-direction:column;gap:8px;color:var(--text)}
.account-panel[hidden]{display:none}.account-panel>strong{font-size:14px}.account-panel #account-email{font-size:12px;color:var(--muted);overflow-wrap:anywhere;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:4px}
.account-panel>a,.account-panel>button{display:block;text-decoration:none;text-align:left;padding:10px 12px;font-size:13px;border:0;background:transparent;color:var(--text);border-radius:10px;box-shadow:none;transform:none}
.account-panel>a:hover,.account-panel>button:hover{background:var(--soft);transform:none;box-shadow:none}.account-panel .workspace-bar{display:block;padding:4px 0 12px;margin:0 0 6px}.account-panel .workspace-bar label{display:block;font-size:12px;color:var(--muted)}.account-panel .workspace-bar select{width:100%;min-width:0;margin-top:8px!important}
.appearance-settings{padding:4px 0 12px;margin-bottom:4px;border-bottom:1px solid var(--line)}.appearance-settings label{margin:0 0 7px;font-size:13px;color:var(--text)}.appearance-settings select{margin:0;background:var(--soft);padding:10px;font-size:13px}.appearance-settings p{margin:8px 0 0;font-size:11px;line-height:1.5;color:var(--muted)}.appearance-settings #theme-save-status:empty{display:none}.appearance-settings #theme-save-status.error{color:var(--error,#c45353)}
.tool-context{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 18px;color:var(--muted);font-size:12px}.tool-context[hidden]{display:none}.tool-context a{color:var(--violet);text-decoration:none;border-bottom:1px solid transparent}.tool-context a:hover{border-color:currentColor}
.catalog-categories{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;border-bottom:1px solid var(--line);padding-bottom:16px}.catalog-categories a{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:10px;font-size:13px}.catalog-categories a:hover,.catalog-categories a.active{color:var(--violet);background:var(--hover)!important}
@media(min-width:901px){[data-sidebar=compact] .pro-sidebar #nav-messengers{border:0;padding-top:0}[data-sidebar=compact] .pro-sidebar #nav-sites{padding-top:12px;margin-top:8px}.pro-shell #workspace-slot{display:block}[data-sidebar=compact] .pro-shell #workspace-slot{display:block}.pro-shell #workspace-slot[hidden]{display:none}}
.top-links svg,.drawer-global{display:none}
@media(max-width:900px){
 .pro-shell{grid-template-rows:68px minmax(0,1fr)}
 .pro-shell .pro-topbar,.cabinet-shell.signed-in .pro-topbar{height:68px;padding:11px 12px}
 .pro-shell .pro-topbar>.top-links{display:none}
 .drawer-global{display:block;padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid var(--line)}
 .pro-sidebar .top-links{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%;margin:0}
 .pro-sidebar .top-links a{display:flex;align-items:center;gap:12px;min-height:46px;padding:11px 12px;border:1px solid transparent;border-radius:12px;font-size:14px;line-height:1.5;color:var(--muted)}
 .pro-sidebar .top-links a[aria-current=page]{color:var(--violet);background:var(--hover);font-weight:650}
 .pro-sidebar .top-links svg{display:block;width:21px;height:21px;flex:none}
 .pro-shell .drawer-title{padding:0 4px 18px}
 .account-panel{position:fixed;right:16px;top:88px}
}
@media(max-width:600px){.pro-shell{grid-template-rows:64px minmax(0,1fr)}.pro-shell .pro-topbar,.cabinet-shell.signed-in .pro-topbar{height:64px;padding:9px 8px}.account-panel{right:12px;top:80px}.catalog-categories{gap:4px;margin-bottom:16px}.catalog-categories a{padding:7px 9px;font-size:12px}}
/* Mobile controls retain their shape and touch area instead of shrinking to fit text. */
@media(max-width:900px){
 .pro-shell .pro-topbar,.cabinet-shell.signed-in .pro-topbar{display:grid;grid-template-columns:44px minmax(44px,1fr) auto;align-items:center;gap:8px}
 .pro-shell .menu-toggle,.pro-shell .theme-toggle{display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:12px;line-height:1;background:var(--soft);color:var(--muted);transform:none;box-shadow:none}
 .pro-shell .menu-toggle:hover,.pro-shell .theme-toggle:hover{color:var(--violet);border-color:var(--violet);transform:none;box-shadow:none}
 .menu-toggle svg{display:block;width:22px;height:22px;flex:none}
 .pro-shell .theme-symbol{width:22px;height:22px}
 .pro-shell .brand{justify-self:start;min-width:0;gap:10px;font-size:14px}
 .pro-shell .brand b{font-size:14px}
 .pro-shell .brand>span:last-child{max-width:none;line-height:1.2;white-space:nowrap}
 .pro-shell .logo{flex:0 0 44px;width:44px;min-width:44px;height:44px;border-radius:12px;font-size:18px;line-height:1;letter-spacing:-.5px}
 .pro-shell .top-actions{gap:8px;margin:0;min-width:0;justify-self:end}
 .pro-shell #public-account{display:inline-flex;align-items:center;justify-content:center;height:44px;min-height:44px;min-width:112px;padding:0 12px;border-radius:12px;font-size:12px;line-height:1;transform:none}
}
@media(max-width:480px){.pro-shell .brand>span:last-child{display:none}}
