/* 职责：统一两个应用页面的导航、客户上下文、待办与响应式外壳。
 * 实现：共享配色与固定侧栏；小屏导航自然换行，内容保持可读，表格沿用内部滚动。
 * 关联：workspace.js、index.html、business.html；在页面原有样式后加载。
 * 目录：无函数或类；样式区域为共享导航、状态、客户、首页与移动布局。
 * 变量索引：--ink 正文、--muted 次要文本、--line 边框、--accent/--green 共享强调色。 */
:root { --ink:#223a34; --muted:#73847c; --line:#e3e9e5; --accent:#22634c; --green:#22634c; font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif; background:#f7f9f7; }
[hidden] { display:none!important; }
.workspace-shell { position:fixed; inset:0 auto 0 0; width:224px; padding:26px 18px; background:#f0f4ef; border-right:1px solid var(--line); display:flex; flex-direction:column; overflow:auto; z-index:5; }
.workspace-shell .brand { display:flex; align-items:center; gap:10px; font-size:23px; color:var(--ink); font-weight:700; text-decoration:none; }
.workspace-shell .brand small { display:block; font-size:10px; color:var(--muted); font-weight:400; letter-spacing:1px; }
.workspace-shell .brand-mark { display:grid; place-items:center; width:34px; height:37px; background:var(--green); color:white; border-radius:10px 3px; }
#workspace-nav { margin:22px 0; }
#workspace-nav .workspace-nav-label { font-size:11px; margin:0 10px 12px; color:var(--muted); }
#workspace-nav a { display:block; padding:10px 12px; margin:2px 0; border-radius:7px; font-size:13px; color:var(--ink); text-decoration:none; }
#workspace-nav a:hover { background:#e7eee5; }
#workspace-nav a[aria-current="page"] { background:#dce9df; color:var(--green); font-weight:700; }
#workspace-nav summary { cursor:pointer; font-size:12px; color:var(--muted); padding:13px 10px 6px; }
#workspace-nav details a { padding-left:23px; }
body main { margin-left:224px; min-width:0; }
body.business-workspace main { padding:0 32px 32px; max-width:none; }
.workspace-topbar { min-height:76px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:16px; background:#ffffffb3; }
.workspace-topbar h1 { font-size:22px; }
.workspace-topbar .eyebrow { margin:0 0 2px; }
.workspace-status { display:flex; align-items:center; flex-wrap:wrap; gap:10px 22px; padding:12px 32px; border-bottom:1px solid var(--line); font-size:12px; background:white; }
.business-workspace .workspace-status { padding-left:0; padding-right:0; background:transparent; }
.workspace-status a { text-decoration:none; color:var(--muted); }
.workspace-status strong { color:var(--green); margin-left:6px; }
.workspace-status button { margin-left:auto; padding:3px 9px; border:1px solid var(--line); border-radius:6px; background:white; }
.workspace-load-error { padding:8px 32px; color:#a0392e; font-size:12px; }
.workspace-context { margin:20px 32px 0; padding:16px 20px; border:1px solid #d4e3d8; border-radius:10px; background:#edf4ed; display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.business-workspace .workspace-context { margin-left:0; margin-right:0; }
.workspace-context small { display:block; font-size:10px; color:var(--muted); }
.workspace-context strong { display:block; font-size:16px; max-width:300px; overflow-wrap:anywhere; }
.workspace-context nav { display:flex; flex-wrap:wrap; gap:6px; }
.workspace-context nav a { display:block; font-size:12px; padding:8px 10px; border-radius:6px; color:var(--green); }
.workspace-context nav a:hover { background:white; }
.workspace-context .context-clear { margin-left:auto; font-size:11px; color:var(--muted); }
.workspace-overview { padding:30px 38px 0; max-width:1660px; margin:auto; }
.workspace-overview h1 { font-size:28px; margin-bottom:8px; }
.workspace-overview > p { color:var(--muted); }
.workspace-tasks { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:24px; }
.workspace-task { display:block; border:1px solid var(--line); background:white; border-radius:12px; padding:20px; text-decoration:none; }
.workspace-task:hover { border-color:#91b39d; }
.workspace-task > span { display:flex; justify-content:space-between; font-size:13px; }
.workspace-task > strong { display:block; color:var(--green); font-size:32px; margin:14px 0; }
.workspace-task p { color:var(--muted); font-size:11px; line-height:1.7; }
.workspace-customer-actions { display:flex; flex-wrap:wrap; gap:10px; margin:14px 0; }
.workspace-customer-actions a { background:var(--green); color:white; padding:9px 14px; border-radius:7px; font-size:12px; text-decoration:none; }
.workspace-filter-status { width:145px; }
.workspace-page-intro { margin:18px 16px; color:var(--muted); font-size:13px; }
.topbar-right { gap:16px; }
@media(max-width:1100px) { .workspace-tasks { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) {
  .workspace-shell { position:relative; width:100%; padding:16px; display:block; }
  .workspace-shell .brand small { display:block; }
  #workspace-nav { display:flex; flex-wrap:wrap; gap:4px; margin:14px 0 0; }
  #workspace-nav .workspace-nav-label { display:none; }
  #workspace-nav > a { padding:7px 10px; margin:0; font-size:12px; }
  #workspace-nav details { width:100%; }
  #workspace-nav details[open] { border-top:1px solid var(--line); }
  #workspace-nav details a { display:inline-block; padding:8px 12px; }
  #workspace-nav summary { padding:7px 10px; }
  .workspace-shell .sidebar-bottom,.workspace-shell .account { margin:12px 0 0; padding:0; }
  body main,body.business-workspace main { margin-left:0; padding:0; }
  .business-workspace main > header,.business-workspace main > section:not(.workspace-context),.business-workspace .footnote { margin:16px; }
  .workspace-topbar,.topbar { height:auto; min-height:65px; flex-wrap:wrap; padding:12px 16px; }
  .workspace-topbar h1 { font-size:20px; }
  .workspace-status,.business-workspace .workspace-status { padding:12px 16px; gap:10px 16px; font-size:11px; }
  .workspace-load-error { padding:8px 16px; }
  .workspace-context,.business-workspace .workspace-context { margin:16px; padding:14px; gap:10px; }
  .workspace-context nav { width:100%; }
  .workspace-context nav a { padding:6px; }
  .workspace-overview { padding:22px 16px 0; }
  .workspace-overview h1 { font-size:24px; }
  .workspace-tasks { gap:10px; margin-top:18px; }
  .workspace-task { padding:14px; }
  .workspace-task > strong { font-size:27px; }
  .business-workspace .filters { flex-wrap:wrap; }
  .business-workspace .filters label { min-width:0; }
  .topbar-right { flex-wrap:wrap; gap:10px; }
}