/* Workspace shell v60: neutral surfaces, compact navigation, content-led layout. */
:root { --ws-bg:#fafafa; --ws-surface:#fff; --ws-soft:#f2f3f5; --ws-line:#e5e7eb; --ws-ink:#23272e; --ws-muted:#747b86; --ws-nav:68px; }
:root[data-theme="dark"] { --ws-bg:#15171b; --ws-surface:#1c1f24; --ws-soft:#252930; --ws-line:#343941; --ws-ink:#eceef2; --ws-muted:#a2a9b4; }
@media(prefers-color-scheme:dark) { :root[data-theme="system"] { --ws-bg:#15171b; --ws-surface:#1c1f24; --ws-soft:#252930; --ws-line:#343941; --ws-ink:#eceef2; --ws-muted:#a2a9b4; } }
:root { --page:var(--ws-bg)!important; --card:var(--ws-surface)!important; --ink:var(--ws-ink)!important; --navy:var(--ws-ink)!important; --muted:var(--ws-muted)!important; --line:var(--ws-line)!important; --theme-surface:var(--ws-surface)!important; --theme-surface-soft:var(--ws-bg)!important; --theme-surface-soft-2:var(--ws-soft)!important; --theme-surface-muted:var(--ws-soft)!important; --theme-input:var(--ws-surface)!important; --theme-border:var(--ws-line)!important; }
body,.main { background:var(--ws-bg)!important; color:var(--ws-ink)!important; }
.app-shell { display:grid!important; grid-template-columns:var(--ws-nav) minmax(0,1fr)!important; }
.sidebar { width:var(--ws-nav)!important; padding:12px 10px!important; background:var(--ws-bg)!important; border-right:1px solid var(--ws-line)!important; box-shadow:none!important; overflow-x:hidden!important; overflow-y:auto!important; }
.workspace-nav-expanded { --ws-nav:224px; }
.workspace-nav-expanded .sidebar .nav-btn { justify-content:flex-start!important; }
.workspace-nav-expanded .sidebar .nav-btn>span:last-child,.workspace-nav-expanded .sidebar .brand span { display:inline!important; opacity:1!important; visibility:visible!important; width:auto!important; font-size:13px!important; }
.workspace-nav-expanded .sidebar .nav-btn>[data-icon] { display:grid!important; }
.workspace-nav-expanded .sidebar .side-nav .nav-btn[data-view="planner"]>span { display:inline!important; visibility:visible!important; opacity:1!important; font-size:13px!important; }
.brand { padding:4px 6px 18px!important; gap:10px!important; white-space:nowrap; }
.brand img { width:30px!important; height:30px!important; }
.brand span { font-size:16px!important; }
.brand small,.sidebar-mini-calendar,.side-actions,.side-nav-group { display:none!important; }
.side-nav { gap:3px!important; }
.sidebar .nav-btn { height:42px!important; padding:0 12px!important; gap:12px!important; border-radius:8px!important; font-size:13px!important; font-weight:500!important; color:var(--ws-muted)!important; background:transparent!important; }
.sidebar .nav-btn:hover,.sidebar .nav-btn.active { color:var(--ws-ink)!important; background:var(--ws-soft)!important; }
.sidebar .nav-btn svg { width:20px!important; height:20px!important; }
html:not(.workspace-nav-expanded) .sidebar .nav-btn>span:last-child,html:not(.workspace-nav-expanded) .brand span,html:not(.workspace-nav-expanded) .side-account-copy,html:not(.workspace-nav-expanded) .side-account-chevron { display:none!important; }
.side-account-card { background:transparent!important; border:0!important; box-shadow:none!important; padding:8px 4px!important; grid-template-columns:32px minmax(0,1fr)!important; }
.side-account-avatar { width:32px!important; height:32px!important; }
.side-divider { margin:12px 4px!important; }
.topbar { height:64px!important; padding:0 28px!important; gap:16px; background:var(--ws-bg)!important; border-bottom:1px solid var(--ws-line)!important; box-shadow:none!important; }
.workspace-menu-toggle { flex:0 0 36px; width:36px; height:36px; border:0; border-radius:8px; display:grid; place-items:center; color:var(--ws-muted); background:transparent; cursor:pointer; }
.workspace-menu-toggle:hover { background:var(--ws-soft); }
.page-title { margin-right:auto; font-size:14px!important; font-weight:500!important; color:var(--ws-muted)!important; }
.top-actions { margin-left:auto; gap:8px!important; }
.content { width:auto!important; max-width:1540px!important; margin:0 auto!important; padding:36px 40px 96px!important; box-sizing:border-box!important; }
.welcome { margin:0 0 30px!important; align-items:center; }
.home-product-kicker { display:none!important; }
.welcome h1 { font-size:30px!important; font-weight:650!important; }
.date-pill { background:transparent!important; border:0!important; color:var(--ws-muted)!important; font-weight:400!important; }
.grid-2 { grid-template-columns:minmax(0,1fr) 300px!important; gap:32px!important; }
.grid-2>* { min-width:0; }
.card,.project-card,.stat,.project-highlight,.planner-detail,.planner-table-wrap,.calendar-shell { background:var(--ws-surface)!important; color:var(--ws-ink)!important; border:1px solid var(--ws-line)!important; border-radius:10px!important; box-shadow:none!important; }
.card-pad { padding:22px!important; }
.section-title h2 { font-size:16px!important; font-weight:600!important; }
#view-home .grid-2>div>.card { margin-top:0!important; min-height:150px; }
#todaySchedules .schedule-item { border:0!important; border-radius:0!important; border-bottom:1px solid var(--ws-line)!important; background:transparent!important; }
.stat b,.stat span { display:block!important; }.stat span { margin-top:5px; font-size:12px!important; color:var(--ws-muted)!important; }
#view-home .quick-grid { display:flex!important; flex-wrap:wrap; gap:6px!important; margin:18px 0!important; }
#view-home .quick-btn { width:auto!important; min-height:38px!important; padding:6px 10px!important; gap:6px!important; background:transparent!important; border:0!important; border-radius:8px!important; }
#view-home .quick-btn:hover { background:var(--ws-soft)!important; }
#view-home .quick-icon { width:24px!important; height:24px!important; font-size:18px!important; background:transparent!important; color:var(--ws-muted)!important; }
#view-home .quick-btn b { font-size:12px!important; font-weight:500!important; }
.project-highlight { width:100%; min-height:0!important; margin-top:20px!important; padding:18px!important; text-align:left; }
.project-highlight h2,.project-highlight h3 { font-size:17px!important; }
.stat-grid { gap:8px!important; margin-bottom:20px!important; }.stat { padding:14px 10px!important; }.stat b { font-size:24px!important; }
.primary-btn,.secondary-btn,.icon-btn,.toolbar-action { border-radius:8px!important; box-shadow:none!important; }
.secondary-btn,.icon-btn { background:var(--ws-surface)!important; border-color:var(--ws-line)!important; color:var(--ws-ink)!important; }
.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea { border-radius:8px!important; }
.workspace-nav-shade { display:none; }
@media(max-width:1100px) { .content { padding:28px 24px 96px!important; }.grid-2 { grid-template-columns:minmax(0,1fr)!important; }.grid-2>aside { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }.grid-2>aside>* { margin:0!important; }.grid-2>aside>.stat-grid { grid-column:1/-1; } }
@media(max-width:760px) { .app-shell { display:block!important; }.sidebar { display:block!important; position:fixed!important; inset:0 auto 0 0!important; width:224px!important; z-index:1200!important; transform:translateX(-100%); }.workspace-nav-expanded .sidebar { transform:translateX(0); }.workspace-nav-expanded .workspace-nav-shade { display:block; position:fixed; inset:0; z-index:1199; border:0; background:#0006; }.topbar { height:58px!important; padding:0 12px!important; gap:8px; }.top-actions { gap:5px!important; }.top-actions .web-language-select,.top-actions>[data-open-document],.sync-badge-label { display:none!important; }.content { padding:24px 14px 110px!important; }.welcome h1 { font-size:25px!important; }.welcome { gap:10px; flex-wrap:wrap; }.grid-2>aside { display:block; }.grid-2>aside>* { margin:0 0 16px!important; }.card-pad { padding:16px!important; }.page-head { flex-wrap:wrap; }.head-actions { flex-wrap:wrap; }.planner-heading { gap:12px!important; } }
@media(prefers-reduced-motion:no-preference) { .sidebar { transition:width .2s ease,transform .2s ease!important; }.app-shell { transition:grid-template-columns .2s ease; } }