/* One formal workspace, company white/blue identity, task-first layout. */
body.unified-hub{--ink:#182c43;--muted:#52677f;--line:#dbe4ee;--bg:#f4f7fb;--navy:#174b7c;--teal:#1267b3;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.65;margin:0;background:var(--bg)}
.unified-hub *{box-sizing:border-box}.unified-hub button,.unified-hub input,.unified-hub select,.unified-hub textarea{font:inherit}
body.unified-hub .flow-header{height:64px;padding:0 28px;display:flex;align-items:center;gap:28px;max-width:none;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}
.unified-hub .flow-header>a{font-size:13px;text-decoration:none}.unified-hub .flow-header>span{margin-left:auto;font-size:13px;color:var(--muted)}
.unified-hub .hub-brand{display:flex;gap:14px;align-items:center;font-size:18px;font-weight:650;letter-spacing:.02em}.unified-hub .hub-brand-mark{display:inline-block;padding-right:14px;border-right:1px solid var(--line);color:#0060a6;font-size:22px;font-weight:750}
body.unified-hub .whole-layout{max-width:none;grid-template-columns:208px minmax(0,1fr);margin:0;min-height:calc(100vh - 64px)}
body.unified-hub .whole-sidebar{position:sticky;top:64px;height:calc(100vh - 64px);overflow-y:auto;padding:26px 16px 24px;background:#fff;border-right:1px solid var(--line);overscroll-behavior:contain}
body.unified-hub .whole-sidebar h2{font-size:15px;margin:0 12px 24px;color:var(--ink);font-weight:650}.unified-hub .hub-nav-group{margin-bottom:22px}.unified-hub .hub-nav-group>p{font-size:12px;margin:0 12px 7px;color:var(--muted)}
body.unified-hub .whole-sidebar nav{display:block}.unified-hub .whole-sidebar nav button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;margin:3px 0;line-height:1.5;border-radius:7px;border:0;color:var(--ink);font-size:14px;min-height:44px;font-weight:500}
body.unified-hub .whole-sidebar nav button.active{background:#e8f2fd;color:#145a99;font-weight:650}.unified-hub .hub-nav-count{font-size:12px;min-width:22px;text-align:center;color:#145a99;background:#d9eafa;padding:1px 5px;border-radius:4px}
body.unified-hub .whole-sidebar>p{font-size:12px;margin:28px 12px;color:var(--muted)}
body.unified-hub .whole-main{padding:26px 40px 72px;background:var(--bg);max-width:1360px}.unified-hub .account-toolbar{margin-bottom:28px;gap:10px;min-height:44px}.unified-hub #identity{font-size:13px;color:var(--muted);font-weight:500;min-width:0;overflow-wrap:anywhere}
body.unified-hub button{min-height:44px;border:1px solid #c7d5e4;border-radius:7px;background:#fff;color:var(--ink);padding:9px 16px;cursor:pointer;transition:background-color 160ms ease-out,border-color 160ms ease-out}
body.unified-hub button:hover{background:#e8f2fd;border-color:#8faecc}body.unified-hub button:disabled{opacity:.55;cursor:not-allowed}
.unified-hub .hub-account{position:relative}.unified-hub .hub-account>summary{cursor:pointer;border:1px solid #c7d5e4;border-radius:7px;padding:9px 14px;min-height:44px;background:#fff;font-size:14px}.unified-hub .hub-account>div{position:absolute;z-index:5;top:52px;right:0;min-width:220px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px}.unified-hub .hub-account button{display:block;width:100%;margin:4px 0;text-align:left}
body.unified-hub .whole-notice{font-size:13px;max-width:none;margin:0 0 22px;color:var(--muted)}.unified-hub .whole-project-picker{font-size:13px;margin:0 0 28px;max-width:620px;gap:6px}.unified-hub .whole-project-picker select{padding:9px 12px;line-height:1.5;font-size:14px}
body.unified-hub .whole-main>h1{font-size:28px;color:var(--ink);letter-spacing:-.02em;line-height:1.4;margin:0 0 8px}.unified-hub #subheading{font-size:14px;line-height:1.6;margin:0 0 28px;color:var(--muted)}
body.unified-hub .whole-section{border:1px solid var(--line);border-radius:12px;padding:26px 28px;margin-bottom:22px;box-shadow:none;background:#fff}.unified-hub .whole-section h2{font-size:18px!important;line-height:1.5;color:var(--ink)!important;margin:0 0 12px;font-weight:650}.unified-hub .whole-section h3{font-size:15px;font-weight:650;line-height:1.55;margin:0 0 5px;color:var(--ink)}
.unified-hub .whole-section p,.unified-hub .whole-row p{font-size:14px;line-height:1.75;max-width:75ch}.unified-hub .hub-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.unified-hub .hub-section-head h2{margin:0}.unified-hub .hub-section-head>span{font-size:13px;color:var(--muted)}
.unified-hub .hub-tasks{list-style:none;margin:0;padding:0}.unified-hub .hub-tasks>li{padding:20px 0;border-top:1px solid var(--line)}.unified-hub .hub-task-project{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:8px}.unified-hub .hub-task-main{display:flex;gap:24px;align-items:center;justify-content:space-between}.unified-hub .hub-task-main>div{min-width:0}.unified-hub .hub-task-main p{margin:5px 0 0}.unified-hub .hub-task-main button{flex-shrink:0;color:#fff;background:var(--teal);border-color:var(--teal)}.unified-hub .hub-task-main button:hover{background:#174b7c;color:#fff}.unified-hub .hub-waiting{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.unified-hub .hub-waiting>summary,.unified-hub .hub-version>summary,.unified-hub .hub-plan-list summary,.unified-hub .hub-snapshot>summary{min-height:44px;cursor:pointer;padding:10px 0;font-size:14px;font-weight:600}
.unified-hub .hub-empty{padding:24px 0 16px}.unified-hub .hub-empty h3{font-size:18px}.unified-hub .hub-empty p{margin:8px 0;color:var(--muted)}.unified-hub .hub-project-status{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.unified-hub .hub-project-status>span,.unified-hub .hub-status{background:#edf3f9;color:#355874;padding:4px 8px;font-size:12px;border-radius:4px;white-space:nowrap}.unified-hub .hub-quick-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.unified-hub .hub-snapshot{margin-bottom:22px}.unified-hub .hub-snapshot .whole-section{margin-top:12px}.unified-hub .hub-late{color:#a43d21!important}
.unified-hub .hub-plan-list article,.unified-hub .hub-resource,.unified-hub .hub-version{padding:20px 0;border-top:1px solid var(--line)}.unified-hub .hub-plan-line{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.unified-hub .hub-plan-line>div{min-width:0}.unified-hub .hub-plan-line p{margin:6px 0}.unified-hub .hub-resource dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0}.unified-hub .hub-resource dt{font-size:12px;color:var(--muted)}.unified-hub .hub-resource dd{margin:5px 0;font-variant-numeric:tabular-nums;font-size:15px;color:var(--ink)}
.unified-hub .account-fields{gap:18px 22px;max-width:860px}.unified-hub .account-fields label{font-size:13px;line-height:1.55}.unified-hub input:not([type=checkbox]),.unified-hub textarea,.unified-hub select{border-radius:6px!important;border-color:#9aadbf!important;min-height:44px}.unified-hub .account-form{padding-top:4px}.unified-hub .account-form button{font-size:14px}.unified-hub .account-login{max-width:560px;margin:76px auto;background:#fff;padding:36px;border:1px solid var(--line);border-radius:12px}.unified-hub .account-login h1{font-size:28px;color:var(--ink)!important;letter-spacing:-.02em;line-height:1.5}.unified-hub .account-login button{width:100%}.unified-hub .account-login #wecom-entry .account-source-link{display:block;text-align:center;border:1px solid #c7d5e4;border-radius:7px;text-decoration:none;color:var(--navy);font-weight:600}.unified-hub .account-login .whole-note{font-size:13px}.unified-hub .account-message{font-size:14px;padding:12px 24px}.unified-hub :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #1267b3!important;outline-offset:3px}
@media(max-width:1000px){body.unified-hub .whole-main{padding:24px}.unified-hub .flow-header{padding:0 24px}.unified-hub .whole-layout{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:700px){body.unified-hub .flow-header{height:64px;padding:0 16px;gap:14px}.unified-hub .flow-header>a{font-size:12px}.unified-hub .flow-header>span{display:none}.unified-hub .hub-brand{font-size:16px;gap:10px}.unified-hub .hub-brand-mark{font-size:19px;padding-right:10px}body.unified-hub .whole-layout{display:block}body.unified-hub .whole-sidebar{height:auto;max-height:65vh;top:64px;position:sticky;padding:12px 16px;border-bottom:1px solid var(--line);border-right:0;z-index:8}.unified-hub .whole-sidebar nav{display:none!important}.unified-hub .whole-sidebar[data-menu-open] nav{display:block!important}.unified-hub .whole-sidebar .hub-nav-group{margin:16px 0}.unified-hub .whole-sidebar h2,.unified-hub .whole-sidebar>p{display:none}body.unified-hub .whole-main{padding:20px 16px 64px}.unified-hub .account-toolbar{margin-bottom:20px}.unified-hub .account-toolbar span{width:100%}.unified-hub .whole-project-picker{margin-bottom:24px}.unified-hub .whole-main>h1{font-size:24px!important}.unified-hub .whole-section{padding:20px 16px!important}.unified-hub .hub-task-main{align-items:flex-start;gap:12px}.unified-hub .hub-task-main button{padding:8px 12px}.unified-hub .hub-resource dl{grid-template-columns:repeat(2,minmax(0,1fr))}.unified-hub .account-fields{grid-template-columns:1fr}.unified-hub .account-login{margin:28px 16px;padding:24px}.unified-hub .account-login h1{font-size:24px}.unified-hub .hub-plan-line{gap:10px}.unified-hub #menu-toggle{display:block}.unified-hub .hub-account>div{right:auto;left:0}.unified-hub .whole-notice{font-size:12px}.unified-hub #subheading{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.unified-hub button{transition:none}}
.unified-hub .hub-brand{white-space:nowrap;flex-shrink:0}.unified-hub .hub-brand-mark{flex-shrink:0}
@media(max-width:700px){.unified-hub .hub-nav-group>p{display:block!important}}

/* October UI refinement: less framing, stronger navigation, task-first reading. */
body.unified-hub{--bg:#f5f8fc;--line:#e0e7ef;--ink:#1b3049;--muted:#52677f;--teal:#0968b5}
body.unified-hub .whole-sidebar{background:#f7faff;padding:24px 14px;scrollbar-width:thin;scrollbar-color:#91abc3 #f7faff}
body.unified-hub .whole-sidebar h2{margin-bottom:20px}
body.unified-hub .whole-sidebar nav button{justify-content:flex-start;gap:10px;font-size:14px;padding:11px 12px;margin:2px 0;border-radius:6px}
body.unified-hub .whole-sidebar nav button.active{background:#095fa6;color:#fff}
body.unified-hub .whole-sidebar nav button:hover{background:#e5effa;color:#174b7c}
body.unified-hub .whole-sidebar nav button.active:hover{background:#074e8a;color:#fff}
.unified-hub .hub-nav-icon{width:18px;height:18px;flex:0 0 18px}
.unified-hub .hub-nav-label{flex:1;min-width:0;text-align:left;line-height:1.55}
body.unified-hub .whole-sidebar nav button.active .hub-nav-count{background:#fff;color:#095fa6}
body.unified-hub .whole-main{background:#fff;padding:24px 40px 64px;min-width:0}
body.unified-hub .account-toolbar{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:28px;gap:12px}
body.unified-hub #identity{color:var(--ink);font-weight:600}
body.unified-hub #heading{font-size:30px;line-height:1.3;margin-bottom:8px;color:#12395e}
body.unified-hub #subheading{margin-bottom:22px}
.unified-hub .hub-context{display:flex;align-items:center;gap:20px;margin:0 0 24px;min-width:0}
body.unified-hub .whole-project-picker{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;flex:1;max-width:none;margin:0;min-width:0;font-weight:500;white-space:nowrap}
body.unified-hub .whole-project-picker select{font-size:14px;font-weight:500;min-width:0;width:100%;border-color:#c1d0df!important;background:#f9fbfe;opacity:1;color:#294b6b}
.unified-hub .collaboration-help{position:relative;flex:0 0 auto}
.unified-hub .collaboration-help>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:#174b7c;font-size:13px;text-decoration:underline;text-underline-offset:4px}
body.unified-hub .collaboration-help .whole-notice{position:absolute;right:0;top:44px;z-index:6;width:min(420px,75vw);margin:0;padding:18px 20px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:14px;line-height:1.8}
body.unified-hub .whole-section{border:0;border-top:1px solid var(--line);border-radius:0;padding:24px 0;margin:0;background:transparent;box-shadow:none}
body.unified-hub .whole-section h2{font-size:18px!important;margin-bottom:14px}
body.unified-hub[data-page=overview] .page-guide{display:none}
body.unified-hub .hub-worklist{border-top:0;padding-top:8px;padding-bottom:28px}
body.unified-hub .hub-section-head{margin:0 0 8px}
body.unified-hub .hub-section-head>span{padding:3px 10px;background:#edf4fb;color:#285b84;border-radius:4px}
body.unified-hub .hub-empty{padding:26px 24px;background:#f5f9fd;border-radius:8px;margin:16px 0 0}
body.unified-hub .hub-empty h3{font-size:17px}
body.unified-hub .hub-empty p{margin-bottom:0}
body.unified-hub .hub-tasks>li{padding:20px 0}
body.unified-hub .hub-task-main h3{font-size:17px;font-weight:600}
body.unified-hub .hub-task-main button{min-width:88px}
body.unified-hub .hub-quick-links{margin-top:14px}
body.unified-hub .compact-section>details>summary{font-size:16px}
body.unified-hub .hub-snapshot{margin:0;padding:10px 0;border-top:1px solid var(--line)}
body.unified-hub .account-message{position:static;bottom:auto;margin:0 0 18px;padding:12px 16px;background:#edf5fc;color:#174b7c;border:1px solid #cddfee;border-radius:6px;z-index:auto;font-size:14px;max-height:none}
body.unified-hub .account-message:empty{display:none}
body.unified-hub .account-message.error{background:#fff4f1;border-color:#e8c4bb;color:#842f25}
body.unified-hub .account-fields :is(input,select,textarea){font-size:16px}
body.unified-hub .account-fields label{font-size:14px;font-weight:500}
body.unified-hub input,body.unified-hub textarea{caret-color:#0968b5}
body.unified-hub ::selection{background:#cee8ff;color:#12395e}
@media(max-width:1000px){body.unified-hub .whole-main{padding:24px 28px 60px}body.unified-hub .whole-layout{grid-template-columns:192px minmax(0,1fr)}}
@media(max-width:700px){body.unified-hub .whole-sidebar{width:auto;height:auto;max-height:65vh;padding:12px 16px;background:#f7faff}body.unified-hub .whole-main{padding:20px 16px 48px}body.unified-hub .account-toolbar{gap:8px;margin-bottom:22px;padding-bottom:16px}body.unified-hub #identity{width:100%;font-size:14px}body.unified-hub #heading{font-size:25px!important}body.unified-hub #subheading{font-size:14px;margin-bottom:18px}.unified-hub .hub-context{align-items:stretch;flex-direction:column;gap:6px;margin-bottom:20px}body.unified-hub .whole-project-picker{display:grid;grid-template-columns:1fr;gap:6px}body.unified-hub .whole-project-picker select{font-size:16px}.unified-hub .collaboration-help>summary{min-height:40px}.unified-hub .collaboration-help .whole-notice{position:static;width:100%;margin:4px 0 8px}body.unified-hub .whole-section{padding:20px 0!important}body.unified-hub .hub-worklist{padding-top:0!important}body.unified-hub .hub-empty{padding:20px 16px}body.unified-hub .hub-task-main{flex-wrap:wrap;gap:12px}body.unified-hub .hub-task-main>div{flex:1 1 200px}body.unified-hub .hub-task-main button{min-width:88px}body.unified-hub .account-login input{font-size:16px}.unified-hub .hub-account>div{left:auto;right:0}}
body.unified-hub .whole-sidebar nav .hub-nav-label{width:auto;font-size:14px;font-weight:500;line-height:1.55}
body.unified-hub .whole-sidebar nav button.active .hub-nav-label{font-weight:600}
body.unified-hub .hub-brand-mark{width:auto;margin-left:0}
