/* Mobile workspace switcher. Business forms and desktop navigation remain native. */
#hh-workbench-button { display:none; }
html.hh-workbench-open,html.hh-workbench-open body { overflow:hidden; }
#hh-workbench-menu { box-sizing:border-box; padding:20px; border:1px solid var(--line,#e1e5eb); border-radius:24px; color:var(--ink,#202530); background:var(--surface,#fff); box-shadow:0 20px 80px #24334a2b; font:14px/1.5 var(--ui-font,sans-serif); width:min(520px,calc(100% - 24px)); max-width:calc(100% - 24px); max-height:calc(100dvh - 32px); overflow:auto; overscroll-behavior:contain; }
#hh-workbench-menu:not([open]) { display:none; }
#hh-workbench-menu::backdrop { background:#202c4659; }
#hh-workbench-menu *,#hh-workbench-button * { box-sizing:border-box; }
#hh-workbench-menu header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0; margin:0 0 20px; border:0; height:auto; min-height:0; background:none; position:static; }
#hh-workbench-menu h2 { font:650 21px/1.4 var(--ui-font,sans-serif); color:var(--ink,#202530); letter-spacing:-.3px; margin:0; }
#hh-workbench-menu header p { color:var(--muted,#6a7180); font-size:13px; margin:4px 0 0; }
#hh-workbench-menu .hh-workbench-close { display:grid; place-items:center; flex:none; width:52px; height:44px; min-height:44px; padding:0 8px; color:var(--accent,#2869cd); background:var(--tint,#eaf1fc); border:0; border-radius:12px; font:500 14px var(--ui-font,sans-serif); cursor:pointer; }
#hh-workbench-menu nav { display:grid; gap:10px; }
#hh-workbench-menu a { display:flex; align-items:center; gap:12px; min-height:58px; min-width:0; padding:12px; margin:0; border:1px solid var(--line,#e1e5eb); border-radius:16px; color:var(--ink,#202530); background:var(--surface,#fff); text-decoration:none; transition:transform .18s ease,box-shadow .18s ease,background .18s ease; }
#hh-workbench-menu .hh-workbench-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:11px; flex:none; background:var(--tint,#eaf1fc); }
#hh-workbench-menu .hh-workbench-icon img { width:24px; height:24px; display:block; }
#hh-workbench-menu .hh-workbench-label { flex:1; min-width:0; }
#hh-workbench-menu strong { display:block; font-size:14px; line-height:1.5; font-weight:600; color:var(--ink,#202530); }
#hh-workbench-menu small { display:block; color:var(--muted,#6a7180); font-size:12px; margin-top:4px; }
#hh-workbench-menu .hh-workbench-arrow { font-size:18px; color:var(--muted,#6a7180); flex:none; }
#hh-workbench-menu .hh-workbench-featured { padding:16px; min-height:88px; }
#hh-workbench-menu .hh-workbench-featured .hh-workbench-icon { width:48px; height:48px; border:1px solid #ffffffb3; box-shadow:inset 0 1px 1px #fff,0 3px 6px #20394e0f; background:linear-gradient(145deg,#eef0ff,#cedafa); }
#hh-workbench-menu .hh-workbench-featured[data-workbench-target=drama] .hh-workbench-icon { background:linear-gradient(145deg,#fff3e2,#f2dfc9); }
#hh-workbench-menu .hh-workbench-featured strong { font-size:16px; }
#hh-workbench-menu h3 { margin:22px 0 10px; font:600 13px var(--ui-font,sans-serif); color:var(--muted,#6a7180); }
#hh-workbench-menu .hh-workbench-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
#hh-workbench-menu .hh-workbench-grid a { gap:8px; padding:10px; }
#hh-workbench-menu .hh-workbench-grid strong { font-size:13px; }
#hh-workbench-menu .hh-workbench-grid .hh-workbench-arrow { display:none; }
#hh-workbench-menu a[aria-current] { border-color:var(--accent,#2869cd); background:var(--tint,#eaf1fc); }
#hh-workbench-menu :focus-visible,#hh-workbench-button:focus-visible { outline:3px solid var(--accent,#2869cd); outline-offset:3px; }
@media (max-width:760px) {
 #hh-mobile-bottom { grid-template-columns:repeat(5,minmax(0,1fr)); }
 #hh-mobile-bottom #hh-workbench-button { display:flex; align-items:center; justify-content:flex-start; flex-direction:column; gap:4px; min-width:0; min-height:46px; padding:3px; margin:0; border:0; border-radius:10px; background:transparent; box-shadow:none; color:var(--muted,#6a7180); font:inherit; cursor:pointer; }
 #hh-mobile-bottom #hh-workbench-button[aria-expanded=true],#hh-mobile-bottom #hh-workbench-button[aria-current] { color:var(--accent,#2869cd); background:var(--tint,#eaf1fc); }
 #hh-workbench-menu { position:fixed; inset:auto 0 0; margin:12px auto max(12px,env(safe-area-inset-bottom)); padding:20px 16px; max-height:calc(100dvh - max(24px,env(safe-area-inset-bottom)) - 12px); }
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 #hh-workbench-menu a:hover { transform:translateY(-2px); box-shadow:0 6px 16px #25364f0d; }
}
@media (prefers-reduced-motion:no-preference) {
 #hh-workbench-menu[open] { animation:hh-workbench-in .2s ease-out; }
 @keyframes hh-workbench-in { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
}
@media (prefers-reduced-motion:reduce) { #hh-workbench-menu a { transition:none; } }

/* Homepage-only links; authentication and workspace permissions remain server-owned. */
html[data-hh-tool="main"] .hh-workbench-home{grid-column:1 / -1;min-width:0;width:100%;margin:0;box-sizing:border-box;font-family:var(--ui-font,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif)}
html[data-hh-tool="main"] .hh-workbench-home-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px;padding:0;background:none;border:0;position:static;height:auto;min-height:0}
html[data-hh-tool="main"] .hh-workbench-home-heading h3{margin:0;color:var(--ink,#25344b);font-size:18px;font-weight:700;line-height:1.5;letter-spacing:0}
html[data-hh-tool="main"] .hh-workbench-home-heading>span{color:var(--muted,#657187);font-size:12px;line-height:1.5;white-space:nowrap}
html[data-hh-tool="main"] .hh-workbench-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin:0;padding:0}
html[data-hh-tool="main"] .hh-workbench-home-card{box-sizing:border-box;display:grid;grid-template-columns:52px minmax(0,1fr) 18px;align-items:center;gap:14px;min-width:0;min-height:106px;padding:18px;background:var(--surface,#fff);border:1px solid var(--line,#dfe5ee);border-radius:18px;box-shadow:0 3px 12px #23354d06;text-decoration:none;color:var(--ink,#25344b);text-align:left;white-space:normal;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
html[data-hh-tool="main"] .hh-workbench-home-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--tint,#e9f0fb);color:var(--accent,#5076c5);box-shadow:inset 0 1px 0 #ffffffb3}
html[data-hh-tool="main"] .hh-workbench-home-card[data-workbench="wangshu"] .hh-workbench-home-icon{background:#e8f2ee;color:#39725f}
html[data-hh-tool="main"] .hh-workbench-home-icon svg{display:block;width:28px;height:28px;fill:currentColor}
html[data-hh-tool="main"] .hh-workbench-home-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
html[data-hh-tool="main"] .hh-workbench-home-copy strong{display:block;margin:0;font-size:17px;font-weight:650;line-height:1.5;letter-spacing:0;color:var(--ink,#25344b);white-space:normal;overflow-wrap:anywhere}
html[data-hh-tool="main"] .hh-workbench-home-copy small{display:block;margin:0;font-size:13px;font-weight:400;line-height:1.55;color:var(--muted,#657187);white-space:normal;overflow-wrap:anywhere}
html[data-hh-tool="main"] .hh-workbench-home-arrow{display:block;width:18px;height:18px;color:var(--muted,#657187)}
html[data-hh-tool="main"] .hh-workbench-home-arrow svg{display:block;width:18px;height:18px;fill:currentColor}
html[data-hh-tool="main"] .hh-workbench-home-card:focus-visible{outline:3px solid var(--accent,#5076c5);outline-offset:3px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html[data-hh-tool="main"] .hh-workbench-home-card:hover{transform:translateY(-2px);border-color:var(--accent,#5076c5);box-shadow:0 7px 18px #23354d0d}}
@media(max-width:760px){html[data-hh-tool="main"] .hh-workbench-home{order:-4}html[data-hh-tool="main"] .hh-workbench-home-grid{grid-template-columns:minmax(0,1fr);gap:10px}html[data-hh-tool="main"] .hh-workbench-home-heading{gap:8px;margin-bottom:10px}html[data-hh-tool="main"] .hh-workbench-home-card{grid-template-columns:46px minmax(0,1fr) 16px;gap:12px;min-height:90px;padding:14px;border-radius:16px}html[data-hh-tool="main"] .hh-workbench-home-icon{width:46px;height:46px;border-radius:13px}html[data-hh-tool="main"] .hh-workbench-home-icon svg{width:26px;height:26px}html[data-hh-tool="main"] .hh-workbench-home-copy strong{font-size:16px}html[data-hh-tool="main"] .hh-workbench-home-copy small{font-size:12px}html[data-hh-tool="main"] .hh-workbench-home-arrow,html[data-hh-tool="main"] .hh-workbench-home-arrow svg{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){html[data-hh-tool="main"] .hh-workbench-home-card{transition:none;transform:none}}
