:root {
  color-scheme: dark;
  --bg: #101316;
  --bg-raised: #15191d;
  --panel: #181d21;
  --panel-soft: #1d2328;
  --line: #2b3239;
  --line-soft: rgba(162, 174, 186, .14);
  --text: #f1f3f5;
  --muted: #a1a9b2;
  --faint: #6f7882;
  --blue: #348aff;
  --blue-soft: rgba(52, 138, 255, .15);
  --green: #58cc91;
  --yellow: #eeb24e;
  --red: #ee655e;
  --dock-h: 76px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
[data-theme="light"] { color-scheme: light; --bg:#f5f6f7; --bg-raised:#fff; --panel:#fff; --panel-soft:#f1f3f5; --line:#dce1e6; --line-soft:rgba(30,40,50,.12); --text:#182028; --muted:#66717d; --faint:#8a949f; --blue:#126ff2; --blue-soft:rgba(18,111,242,.11); }
@media (prefers-color-scheme: light) {
  :root[data-theme=""] { color-scheme: light; --bg:#f5f6f7; --bg-raised:#fff; --panel:#fff; --panel-soft:#f1f3f5; --line:#dce1e6; --line-soft:rgba(30,40,50,.12); --text:#182028; --muted:#66717d; --faint:#8a949f; --blue:#126ff2; --blue-soft:rgba(18,111,242,.11); }
}
* { box-sizing: border-box; }
[hidden] { display:none !important; }
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
html, body { margin:0; min-height:100%; background:var(--bg); color:var(--text); }
body { min-width:320px; }
button, input, textarea { font:inherit; color:inherit; }
button { cursor:pointer; }
button:focus-visible, input:focus-visible, textarea:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
.app-shell { min-height:100vh; background:radial-gradient(ellipse at 70% -15%, rgba(50,78,110,.12), transparent 52%), var(--bg); }
.topbar { height:54px; display:flex; align-items:center; gap:14px; padding:0 16px; border-bottom:1px solid var(--line-soft); background:color-mix(in srgb, var(--bg) 92%, transparent); position:sticky; top:0; z-index:10; backdrop-filter:blur(16px); }
.index-trigger { min-width:149px; justify-content:flex-start; }
.button-quiet, .icon-button, .status-select, .index-trigger { border:1px solid var(--line); background:transparent; border-radius:6px; height:32px; display:inline-flex; align-items:center; gap:9px; padding:0 11px; color:var(--muted); }
.index-trigger:hover, .button-quiet:hover, .icon-button:hover, .status-select:hover { color:var(--text); background:var(--panel-soft); }
.index-trigger kbd { margin-left:auto; }
.chevron-icon { width:14px; height:14px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:transform .16s ease; }
[aria-expanded="true"] > .chevron-icon { transform:rotate(180deg); }
.ui-icon { width:18px; height:18px; display:block; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.menu-icon { display:flex; flex-direction:column; width:14px; gap:3px; }
.menu-icon i { height:1px; width:14px; background:currentColor; display:block; }
.chevron { font-size:17px; line-height:10px; }
kbd { font-size:11px; color:var(--faint); border:1px solid var(--line); border-radius:4px; padding:2px 5px; white-space:nowrap; }
.wordmark { text-decoration:none; color:var(--blue); font-weight:600; font-size:16px; letter-spacing:-.02em; }
.history-nav { display:flex; gap:2px; }
.icon-button { border:0; width:30px; padding:0; justify-content:center; font-size:20px; }
.breadcrumbs { color:var(--muted); font-size:12px; min-width:180px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.breadcrumbs span { color:var(--faint); margin:0 8px; }
.breadcrumbs a { color:var(--muted); text-decoration:none; border-radius:3px; }
.breadcrumbs a:hover { color:var(--text); text-decoration:underline; text-underline-offset:3px; }
.breadcrumbs a:focus-visible { color:var(--text); }
.breadcrumbs .breadcrumb-current { margin:0; color:var(--faint); }
.global-search { height:31px; flex:1; max-width:430px; margin-left:auto; margin-right:auto; padding:0 10px; display:flex; gap:8px; align-items:center; color:var(--muted); background:var(--panel); border:1px solid var(--line); border-radius:5px; text-align:left; font-size:12px; }
.global-search:hover { border-color:var(--blue); }
.global-search kbd { margin-left:auto; }
.search-glyph { font-size:19px; line-height:1; color:var(--muted); }
.topbar-actions { display:flex; align-items:center; gap:3px; }
.status-select { border-color:rgba(52,138,255,.5); color:#8ebdff; font-size:12px; }
.status-select span { color:var(--muted); }
.workspace-menu { position:absolute; right:64px; top:46px; z-index:25; width:min(300px,calc(100vw - 24px)); padding:8px; background:var(--panel); border:1px solid var(--line); border-radius:7px; box-shadow:0 20px 45px rgba(0,0,0,.3); display:none; }
.workspace-menu.open { display:block; }
.account-menu { position:absolute; right:10px; top:46px; z-index:26; width:min(300px,calc(100vw - 24px)); max-height:calc(100vh - 58px); overflow:auto; padding:8px; background:var(--panel); border:1px solid var(--line); border-radius:7px; box-shadow:0 20px 45px rgba(0,0,0,.3); display:none; }
.account-menu.open { display:block; }
.notification-trigger { position:relative; }
.notification-trigger .ui-icon { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.notification-badge { position:absolute; top:1px; right:0; min-width:14px; height:14px; padding:0 3px; border:2px solid var(--bg-raised); border-radius:999px; background:var(--blue); color:white; font-size:8px; line-height:10px; text-align:center; }
.notification-menu { position:absolute; right:44px; top:46px; z-index:26; width:min(320px,calc(100vw - 24px)); max-height:calc(100vh - 58px); overflow:auto; padding:8px; background:var(--panel); border:1px solid var(--line); border-radius:7px; box-shadow:0 20px 45px rgba(0,0,0,.3); display:none; }
.notification-menu.open { display:block; }
.notification-menu-heading { display:flex; align-items:center; justify-content:space-between; min-height:36px; padding:6px 10px 9px; border-bottom:1px solid var(--line-soft); font-size:12px; }
.notification-menu-heading span { color:var(--faint); font-size:10px; }
.notification-empty { padding:20px 10px; text-align:center; color:var(--muted); }
.notification-empty strong { color:var(--text); font-size:11px; }
.notification-empty p { margin:5px 0 0; font-size:10px; }
.account-menu h3 { padding:8px 10px 5px; color:var(--faint); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.account-identity { display:flex; align-items:center; gap:9px; padding:8px 10px; }
.account-identity > span:last-child { min-width:0; display:flex; flex-direction:column; gap:2px; }
.account-identity strong,.account-identity small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.account-identity small,.account-context { color:var(--faint); font-size:10px; }
.account-context { margin:0; padding:0 10px 8px; }
.account-back { width:100%; min-height:32px; border:0; border-radius:5px; padding:6px 10px; background:transparent; color:var(--muted); text-align:left; }
.account-back:hover { background:var(--blue-soft); color:var(--text); }
.account-members { display:grid; gap:3px; padding:2px 4px 8px; }
.account-members > div { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:8px; padding:6px; border-radius:5px; background:var(--panel-soft); }
.account-members > div > span:nth-child(2) { min-width:0; display:flex; flex-direction:column; }
.account-members strong,.account-members small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; }
.account-members small { color:var(--faint); }
.account-invite-form { display:grid; gap:8px; padding:9px; border-top:1px solid var(--line-soft); }
.account-invite-form label { display:grid; gap:4px; color:var(--muted); font-size:10px; }
.account-invite-form input,.account-invite-form select { width:100%; height:32px; padding:0 8px; border:1px solid var(--line); border-radius:5px; background:var(--bg); color:var(--text); }
.menu-action.danger { color:#ff948e; }
.workspace-menu h3 { padding:8px 10px 5px; color:var(--faint); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.workspace-option, .menu-action { width:100%; min-height:36px; border:0; border-radius:5px; background:transparent; display:flex; align-items:center; gap:9px; padding:8px 10px; color:var(--muted); text-align:left; font-size:12px; }
.workspace-option:hover, .workspace-option.active, .menu-action:hover { background:var(--blue-soft); color:var(--text); }
.workspace-option .check { margin-left:auto; color:var(--blue); }
.workspace-menu-divider { height:1px; background:var(--line-soft); margin:7px 3px; }
.workspace-create-form { padding:8px; border-radius:5px; background:var(--bg-raised); }
.workspace-create-form label { display:block; margin-bottom:6px; color:var(--muted); font-size:10px; }
.workspace-create-form > div { display:flex; gap:6px; }
.workspace-create-form input { min-width:0; flex:1; height:32px; padding:0 8px; border:1px solid var(--line); border-radius:5px; background:var(--bg); color:var(--text); outline:0; font-size:11px; }
.workspace-create-form input:focus { border-color:var(--blue); }
.workspace-create-form .workspace-create-cancel { margin-top:7px; padding:0; border:0; background:transparent; color:var(--muted); font-size:10px; }
.notification-menu-item { justify-content:space-between; }
.notification-menu-item > span:first-child { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:2px; }
.notification-menu-item strong { color:var(--text); font-size:11px; font-weight:500; }
.notification-menu-item small { color:var(--faint); font-size:9px; }
.agent-preferences-form{display:grid;gap:9px;padding:8px 10px}.agent-preferences-form label{display:grid;gap:5px;color:var(--muted);font-size:10px}.agent-preferences-form label:has(input[type=checkbox]){display:flex;align-items:center}.agent-preferences-form select,.agent-preferences-form textarea{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:5px;color:var(--text);padding:7px}.agent-preferences-form textarea{min-height:64px;resize:vertical}.agent-preferences-form>div{display:flex;gap:6px}
.theme-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; padding:4px; }
.theme-actions button { border:1px solid transparent; border-radius:4px; background:transparent; padding:6px 2px; color:var(--muted); font-size:11px; }
.theme-actions button.active { border-color:var(--blue); color:var(--text); background:var(--blue-soft); }
.window-control { display:none; }
.mobile-tabs { height:47px; display:flex; padding:0 18px; border-bottom:1px solid var(--line-soft); background:var(--bg-raised); overflow:auto; }
.mobile-tabs button { flex:0 0 auto; padding:0 16px; background:transparent; border:0; border-bottom:2px solid transparent; color:var(--muted); font-size:13px; }
.mobile-tabs button[aria-selected="true"] { color:var(--text); border-color:var(--blue); }
.workspace { max-width:1680px; min-height:calc(100vh - 101px - var(--dock-h)); margin:0 auto; padding:34px 30px calc(var(--dock-h) + 28px); }
.settings-shell{max-width:1080px;margin:0 auto}.settings-header{padding-bottom:24px;border-bottom:1px solid var(--line-soft)}.settings-header p{margin:9px 0 0;color:var(--muted);font-size:13px}.settings-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:44px;padding-top:24px}.settings-nav{display:flex;flex-direction:column;gap:3px;align-self:start;position:sticky;top:78px}.settings-nav button{min-height:38px;border:0;border-radius:5px;padding:8px 10px;background:transparent;color:var(--muted);text-align:left;font-size:12px}.settings-nav button:hover,.settings-nav button.active{background:var(--blue-soft);color:var(--text)}.settings-section{border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}.settings-section>header{display:flex;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line-soft)}.settings-section>header h2{font-size:18px}.settings-section>header p,.settings-invite p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.settings-section>header>span{color:var(--faint);font-size:11px;white-space:nowrap}.settings-members{padding:0 24px}.settings-member{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:64px;border-bottom:1px solid var(--line-soft)}.settings-member>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.settings-member strong,.settings-member small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-member strong{font-size:12px}.settings-member small,.role-label{color:var(--muted);font-size:10px}.role-label{text-transform:capitalize}.settings-invite{display:grid;grid-template-columns:minmax(0,1fr) 170px auto;align-items:end;gap:12px;padding:22px 24px}.settings-invite h3,.settings-invite p{grid-column:1/-1}.settings-invite label,.settings-form>label,.settings-field-grid label{display:grid;gap:7px;color:var(--muted);font-size:11px}.settings-invite input,.settings-invite select,.settings-form select,.settings-form textarea,.settings-form input:not([type=checkbox]){width:100%;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--text);outline:0}.settings-invite input,.settings-invite select,.settings-form select,.settings-form input:not([type=checkbox]){height:38px;padding:0 10px}.settings-form textarea{padding:10px;resize:vertical;line-height:1.5}.settings-invite input:focus,.settings-invite select:focus,.settings-form select:focus,.settings-form textarea:focus,.settings-form input:focus{border-color:var(--blue)}.settings-form>label,.settings-field-grid,.settings-check{margin:0 24px;padding:20px 0;border-bottom:1px solid var(--line-soft)}.settings-form label small{color:var(--faint);line-height:1.45}.settings-check{display:flex!important;align-items:flex-start;gap:11px!important}.settings-check input{margin:2px 0 0;accent-color:var(--blue)}.settings-check span{display:flex;flex-direction:column;gap:5px}.settings-check strong{color:var(--text);font-size:12px}.settings-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-form footer{display:flex;justify-content:flex-end;padding:18px 24px}.settings-note{margin:0;padding:20px 24px;color:var(--muted);font-size:12px}
.page-grid { display:grid; grid-template-columns:minmax(0, 1fr) clamp(360px,24vw,420px); gap:40px; }
.page-main { min-width:0; }
.page-header { border-bottom:1px solid var(--line-soft); padding-bottom:20px; margin-bottom:16px; }
.eyebrow { color:var(--faint); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
h1 { margin:5px 0 0; font-weight:480; font-size:27px; letter-spacing:-.035em; }
h2 { margin:3px 0 0; font-size:22px; font-weight:550; letter-spacing:-.025em; }
h3 { margin:0; font-size:14px; font-weight:600; }
.page-header-line { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.header-meta { display:flex; gap:20px; align-items:center; margin-top:18px; flex-wrap:wrap; color:var(--muted); font-size:12px; }
.meta-item { display:inline-flex; align-items:center; gap:7px; }
.meta-direct-field { min-height:34px; display:inline-flex; align-items:center; gap:7px; border:1px solid var(--line); border-radius:6px; padding:0 8px; background:var(--panel); color:var(--muted); }
.meta-direct-field:hover, .meta-direct-field:focus-within { border-color:var(--blue); }
.meta-direct-field input, .meta-direct-field select { height:32px; min-width:145px; border:0; outline:0; background:transparent; color:var(--text); font-size:12px; }
.meta-direct-field input { min-width:125px; color-scheme:dark; }
.meta-direct-field:has(select) { position:relative; padding-right:6px; }
.meta-direct-field:has(select)::after { content:""; width:7px; height:7px; margin-left:-20px; margin-right:5px; border-right:1.5px solid var(--muted); border-bottom:1.5px solid var(--muted); transform:rotate(45deg) translateY(-2px); pointer-events:none; }
.meta-direct-field select { appearance:none; padding:0 30px 0 7px; color-scheme:dark; cursor:pointer; }
.meta-direct-field select option { background:#181d21; color:#f1f3f5; }
[data-theme="light"] .meta-direct-field select { color-scheme:light; }
[data-theme="light"] .meta-direct-field select option { background:#fff; color:#182028; }
.meta-assignee { position:relative; }
.assignee-trigger { font:inherit; cursor:pointer; }
.select-chevron { width:7px; height:7px; margin:0 4px 3px 2px; border-right:1.5px solid var(--muted); border-bottom:1.5px solid var(--muted); transform:rotate(45deg); }
.assignee-menu { position:absolute; z-index:20; top:calc(100% + 6px); left:0; width:min(290px,calc(100vw - 32px)); padding:8px; border:1px solid var(--line); border-radius:7px; background:var(--panel); box-shadow:0 16px 38px rgba(0,0,0,.35); }
.assignee-menu fieldset { max-height:260px; overflow:auto; margin:0; padding:0; border:0; }
.assignee-menu legend { width:100%; padding:5px 7px 8px; color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.assignee-option { min-height:38px; display:grid; grid-template-columns:16px 24px minmax(0,1fr); gap:8px; align-items:center; padding:3px 7px; border-radius:5px; color:var(--text); cursor:pointer; }
.assignee-option:hover { background:var(--panel-soft); }
.assignee-option input { width:15px; height:15px; margin:0; accent-color:var(--blue); }
.assignee-menu-actions { display:flex; justify-content:flex-end; gap:7px; margin-top:8px; padding-top:8px; border-top:1px solid var(--line); }
.meta-icon { color:var(--faint); font-size:15px; }
.pill { display:inline-flex; align-items:center; border-radius:4px; border:1px solid var(--line); padding:4px 7px; font-size:11px; color:var(--muted); }
.pill.high { border-color:var(--red); color:#ff887f; }
.pill.blue { border-color:rgba(52,138,255,.4); color:#8ebdff; background:var(--blue-soft); }
.action-button { height:32px; border:1px solid var(--line); background:transparent; border-radius:5px; padding:0 12px; color:var(--text); font-size:12px; }
.action-button:hover { border-color:var(--blue); background:var(--blue-soft); }
.action-button.primary { background:var(--blue); border-color:var(--blue); color:white; }
.action-button.primary:hover { filter:brightness(1.1); }
.action-button.danger { border-color:rgba(238,101,94,.45); color:#ff948e; }
.action-button.danger:hover { border-color:var(--red); background:rgba(238,101,94,.09); }
.section { border-bottom:1px solid var(--line-soft); padding:0 0 17px; margin:0 0 16px; }
.section-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; color:var(--muted); font-size:12px; }
.section-title strong { color:var(--text); font-weight:500; }
.summary { color:var(--muted); line-height:1.6; font-size:13px; max-width:790px; }
.summary p { margin:0 0 4px; }
.task-list { border:1px solid var(--line); border-radius:5px; overflow:visible; }
.work-item-row { position:relative; border-bottom:1px solid var(--line-soft); }
.work-item-row:has(.work-item-menu-trigger[aria-expanded="true"]) { z-index:10; }
.work-item-row:last-child { border-bottom:0; }
.work-item-row > .task-row, .work-item-row > .today-row { border-bottom:0; padding-right:52px; }
.work-item-row .task-chevron { display:none; }
.work-item-actions { position:absolute; right:10px; top:50%; z-index:4; transform:translateY(-50%); }
.work-item-actions:has(.work-item-menu-trigger[aria-expanded="true"]) { z-index:9; }
.page-header-line > .work-item-actions { position:relative; right:auto; top:auto; flex:0 0 auto; transform:none; }
.work-item-menu-trigger { width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:5px; padding:0; background:transparent; color:var(--muted); }
.work-item-menu-trigger:hover, .work-item-menu-trigger[aria-expanded="true"] { background:var(--panel-soft); color:var(--text); }
.work-item-menu-trigger svg { width:16px; height:16px; fill:currentColor; }
.work-item-menu { position:absolute; right:0; top:calc(100% + 5px); z-index:8; width:132px; padding:5px; border:1px solid var(--line); border-radius:6px; background:var(--panel); box-shadow:0 14px 34px rgba(0,0,0,.3); }
.work-item-menu button { width:100%; min-height:32px; border:0; border-radius:4px; padding:0 9px; background:transparent; color:var(--muted); text-align:left; font-size:11px; }
.work-item-menu button:hover { background:var(--blue-soft); color:var(--text); }
.work-item-menu button.danger { color:#ff948e; }
.work-item-menu button.danger:hover { background:rgba(238,101,94,.1); }
.task-row { width:100%; min-height:47px; display:grid; grid-template-columns:20px minmax(0, 1fr) minmax(95px, 150px) 20px; align-items:center; gap:10px; padding:0 13px; background:var(--panel); border:0; border-bottom:1px solid var(--line-soft); text-align:left; }
.task-row:last-child { border-bottom:0; }
.task-row:hover { background:var(--panel-soft); }
.task-row.project-row { min-height:64px; grid-template-columns:18px minmax(0,1fr) minmax(120px,160px) 14px; gap:13px; padding:10px 14px; }
.project-row .task-main, .project-row .task-meta { min-width:0; display:flex; flex-direction:column; gap:4px; }
.project-row .task-main strong { overflow:hidden; color:var(--text); font-size:13px; font-weight:600; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.project-row .task-main small { overflow:hidden; color:var(--muted); font-size:11px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.project-row .task-meta { align-items:flex-start; color:var(--muted); font-size:11px; line-height:1.35; }
.project-row .task-meta span:first-child { color:var(--text); }
.subtask-list { border:1px solid var(--line); border-radius:6px; overflow:hidden; }
.subtask-row { min-height:46px; display:grid; grid-template-columns:18px minmax(0,1fr) auto 16px; align-items:center; gap:10px; padding:0 12px; border-bottom:1px solid var(--line-soft); background:var(--panel); }
.subtask-row:last-child { border-bottom:0; }
.subtask-row:hover { background:var(--panel-soft); }
.subtask-row input { accent-color:var(--blue); }
.subtask-row button { min-width:0; padding:13px 0; border:0; background:transparent; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.subtask-row > span { color:var(--muted); font-size:11px; }
.subtask-row:has(input:checked) button { color:var(--muted); text-decoration:line-through; }
.inline-create-form { display:flex; align-items:center; gap:8px; margin-top:9px; }
.inline-create-form input { min-width:0; flex:1; height:34px; border:1px solid var(--line); border-radius:5px; padding:0 10px; background:var(--panel); color:var(--text); outline:0; }
.inline-create-form input:focus { border-color:var(--blue); }
.comment-create-form .avatar { width:28px; height:28px; }
.task-dot { width:14px; height:14px; border:1.5px solid var(--red); border-radius:50%; }
.task-dot.yellow { border-color:var(--yellow); }
.task-title { font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.task-main { min-width:0; display:flex; flex-direction:column; gap:4px; }
.task-context { min-width:0; display:flex; gap:5px 10px; flex-wrap:wrap; color:#8ebdff; font-size:10px; line-height:1.25; }
.task-context span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.task-owner, .task-state { font-size:12px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.task-state { color:var(--yellow); }
.task-chevron { color:var(--faint); }
.today-list { border:1px solid var(--line); border-radius:7px; overflow:visible; }
.today-row { width:100%; min-height:68px; display:grid; grid-template-columns:18px minmax(220px,1fr) minmax(170px,.55fr) minmax(130px,.4fr) 14px; align-items:center; gap:13px; padding:11px 14px; border:0; border-bottom:1px solid var(--line-soft); background:var(--panel); color:var(--text); text-align:left; }
.today-row:last-child { border-bottom:0; }
.today-row:hover { background:var(--panel-soft); }
.today-main, .today-meta, .today-score { min-width:0; display:flex; flex-direction:column; gap:4px; }
.today-main strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.today-main small, .today-meta, .today-score, .today-score small { color:var(--muted); font-size:11px; }
.pending-owner { color:var(--yellow) !important; }
.today-score { color:var(--text); }
.global-header .page-header-line > div:first-child { min-width:0; }
.scope-switcher { flex:0 0 auto; display:flex; padding:3px; border:1px solid var(--line); border-radius:6px; background:var(--panel); }
.scope-switcher button { min-height:32px; padding:0 12px; border:0; border-radius:4px; background:transparent; color:var(--muted); font-size:11px; }
.scope-switcher button.active { background:var(--blue-soft); color:var(--text); }
.mobile-scope { display:none; }
.global-task-list { overflow:hidden; border:1px solid var(--line); border-radius:7px; }
.global-task-row { width:100%; min-height:62px; display:grid; grid-template-columns:32px minmax(220px,1fr) minmax(120px,180px) 92px 14px; align-items:center; gap:12px; padding:9px 14px; border:0; border-bottom:1px solid var(--line-soft); background:var(--panel); color:var(--text); text-align:left; }
.global-task-row:last-child { border-bottom:0; }
.global-task-row:hover { background:var(--panel-soft); }
.workspace-monogram { width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; border:1px solid color-mix(in srgb,var(--blue) 38%,var(--line)); border-radius:6px; background:var(--blue-soft); color:#a8ccff; font-size:10px; font-weight:700; }
.global-task-main { min-width:0; display:flex; flex-direction:column; gap:4px; }
.global-task-main strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.global-task-main small,.global-task-owner,.global-task-due { overflow:hidden; color:var(--muted); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.global-task-due.overdue { color:#ff948e; }
.two-columns { display:grid; grid-template-columns:1fr 1fr; gap:0; }
.two-columns .section { padding-right:18px; }
.two-columns .section + .section { border-left:1px solid var(--line-soft); padding-left:18px; padding-right:0; }
.relationship-list { display:flex; flex-direction:column; gap:10px; }
.relationship { display:flex; align-items:flex-start; gap:10px; font-size:13px; }
.status-dot { flex:0 0 auto; width:10px; height:10px; border-radius:50%; background:var(--red); margin-top:4px; }
.status-dot.green { background:var(--green); }
.relationship small { display:block; margin-top:3px; color:var(--muted); font-size:11px; line-height:1.4; }
.attachment { display:flex; gap:9px; align-items:center; padding:4px 0; color:var(--muted); font-size:12px; }
.file-icon { color:var(--faint); font-size:17px; }
.comment-list { border:1px solid var(--line); border-radius:7px; overflow:hidden; margin-bottom:12px; }
.comment { display:grid; grid-template-columns:28px minmax(0,1fr); gap:10px; padding:12px; border-bottom:1px solid var(--line-soft); background:var(--panel); }
.comment:last-child { border-bottom:0; }
.comment-content { min-width:0; }
.comment-content header { min-height:24px; display:flex; align-items:center; gap:8px; }
.comment-content header strong { font-size:12px; }
.comment-content time { color:var(--faint); font-size:10px; }
.comment-content p { margin:4px 0 0; color:var(--text); font-size:12px; line-height:1.5; white-space:pre-wrap; }
.comment-actions { display:flex; gap:4px; margin-left:auto; opacity:0; transition:opacity .12s ease; }
.comment:hover .comment-actions, .comment:focus-within .comment-actions { opacity:1; }
.comment-actions button { border:0; background:transparent; color:var(--muted); padding:4px 6px; font-size:10px; }
.comment-actions button:hover { color:var(--text); }
.comment-actions button.danger:hover { color:var(--red); }
.comment-edit-form textarea { width:100%; margin-top:5px; resize:vertical; border:1px solid var(--line); border-radius:5px; padding:8px; background:var(--bg); color:var(--text); font-size:12px; }
.comment-edit-form > div { display:flex; justify-content:flex-end; gap:6px; margin-top:7px; }
.avatar { width:28px; height:28px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; background:var(--panel-soft); color:var(--muted); font-size:11px; font-weight:600; border:1px solid var(--line); }
.section-empty { margin:0; color:var(--faint); font-size:11px; }
.activity-list { display:flex; flex-direction:column; gap:10px; }
.activity { display:flex; gap:10px; align-items:center; color:var(--muted); font-size:11px; }
.activity .avatar { width:21px; height:21px; font-size:9px; }
.activity .avatar.agent { color:var(--blue); }
.activity > span:nth-child(2) { min-width:0; }
.activity strong, .activity small { display:block; }
.activity strong { color:var(--text); font-weight:500; }
.activity small { margin-top:2px; color:var(--faint); }
.activity time { color:var(--faint); margin-left:auto; white-space:nowrap; }
.assistant { position:sticky; top:68px; align-self:start; display:flex; flex-direction:column; height:calc(100vh - 135px - var(--dock-h) - 28px); overflow:hidden; border-left:1px solid var(--line-soft); padding-left:30px; min-width:0; }
.assistant.collapsed { height:auto; }
.assistant.collapsed .assistant-scroll, .assistant.collapsed .assistant-history { display:none; }
.assistant-heading { min-height:36px; flex:0 0 36px; display:flex; align-items:center; justify-content:space-between; padding:0 8px 10px 0; border-bottom:1px solid var(--line-soft); }
.assistant-scroll { min-height:0; flex:1; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none; padding:4px 8px 0 0; }
.assistant-scroll::-webkit-scrollbar { display:none; }
.assistant-heading h2 { font-size:13px; letter-spacing:0; }
.assistant-heading-actions { position:relative; display:flex; align-items:center; gap:4px; }
.assistant-toggle, .assistant-new-chat, .assistant-menu-trigger { width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; padding:0; border:1px solid transparent; border-radius:5px; color:var(--muted); background:transparent; }
.assistant-toggle:hover, .assistant-new-chat:hover, .assistant-menu-trigger:hover { color:var(--text); background:var(--panel-soft); }
.assistant-toggle:focus-visible, .assistant-new-chat:focus-visible, .assistant-menu-trigger:focus-visible { outline:0; border-color:var(--blue); background:var(--blue-soft); color:var(--text); }
.assistant-heading-actions > button svg { width:16px; height:16px; overflow:visible; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.assistant-menu-trigger svg circle { fill:currentColor; stroke:none; }
.assistant-menu { position:absolute; z-index:4; top:32px; right:30px; width:160px; padding:5px; border:1px solid var(--line); border-radius:6px; background:var(--panel); box-shadow:0 14px 34px rgba(0,0,0,.3); }
.assistant-menu button { width:100%; min-height:32px; padding:0 9px; border:0; border-radius:4px; background:transparent; color:var(--muted); text-align:left; font-size:11px; }
.assistant-menu button:hover:not(:disabled) { color:var(--text); background:var(--panel-soft); }
.assistant-menu button.danger { color:#ff948e; }
.assistant-menu button:disabled { opacity:.45; cursor:not-allowed; }
.assistant-history { border-bottom:1px solid var(--line); padding:8px; background:var(--panel-soft); }
.assistant-history-heading { display:flex; align-items:center; justify-content:space-between; padding:2px 4px 7px; font-size:11px; }
.assistant-history-heading button { width:24px; height:24px; border:0; border-radius:4px; background:transparent; color:var(--muted); font-size:18px; }
.assistant-history-heading button:hover { background:var(--panel); color:var(--text); }
.assistant-history-row { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; min-height:34px; padding:5px 7px; border:0; border-radius:4px; background:transparent; color:var(--muted); text-align:left; font-size:11px; }
.assistant-history-row span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.assistant-history-row small { flex:0 0 auto; color:var(--faint); font-size:9px; }
.assistant-history-row:hover:not(:disabled), .assistant-history-row.active { background:var(--panel); color:var(--text); }
.assistant-toggle .chevron-icon { transition:transform .16s ease; }
.assistant-toggle[aria-expanded="false"] .chevron-icon { transform:rotate(-90deg); }
.agent-activity { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:start; gap:10px; margin-top:14px; padding:13px; border:1px solid rgba(52,138,255,.45); border-radius:7px; background:var(--blue-soft); }
.agent-activity strong { display:block; font-size:12px; }
.agent-activity p { margin:4px 0 0; color:var(--muted); font-size:11px; line-height:1.4; }
.agent-activity .agent-activity-text { color:var(--text); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.agent-live-dot { width:9px; height:9px; margin-top:4px; border-radius:50%; background:var(--yellow); box-shadow:0 0 0 4px rgba(238,178,78,.12); }
.agent-live-dot.running { background:var(--blue); box-shadow:0 0 0 4px rgba(52,138,255,.13); animation:agent-pulse 1.4s ease-in-out infinite; }
.assistant-empty { margin-top:16px; }
@keyframes agent-pulse { 50% { opacity:.45; transform:scale(.82); } }
.messages { display:flex; flex-direction:column; }
.message { display:flex; gap:11px; padding:17px 0; border-bottom:1px solid var(--line-soft); }
.message:not(.ai) { width:min(88%, 340px); align-self:flex-end; flex-direction:row-reverse; text-align:right; }
.message .avatar { background:var(--blue); color:white; border:0; }
.message.ai .avatar { font-size:17px; }
.message-content { flex:1; min-width:0; font-size:13px; line-height:1.45; }
.message-content p { margin:0; }
.message time { display:block; margin:0 0 4px; color:var(--faint); font-size:11px; }
.message-meta { display:flex; align-items:center; justify-content:flex-end; gap:5px; min-height:20px; }
.message-meta time { margin:0; }
.message-reuse { width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:4px; padding:0; background:transparent; color:var(--faint); opacity:0; font-size:15px; transition:opacity .15s,background .15s,color .15s; }
.message:hover .message-reuse,.message:focus-within .message-reuse { opacity:1; }
.message-reuse:hover,.message-reuse:focus-visible { background:var(--panel-soft); color:var(--text); outline:0; }
@media (hover:none) { .message-reuse { opacity:1; } }
.assistant-effect-list { display:flex; flex-wrap:wrap; gap:6px; margin-top:9px; }
.assistant-effect { max-width:100%; display:inline-flex; align-items:center; gap:6px; padding:4px 7px; border:1px solid rgba(52,138,255,.32); border-radius:999px; background:var(--blue-soft); color:#8ebdff; font-size:10px; line-height:1.25; }
.assistant-effect svg { width:12px; height:12px; flex:0 0 12px; fill:currentColor; }
.draft { margin-top:13px; border:1px solid var(--line); background:var(--panel); border-radius:5px; padding:13px; white-space:pre-wrap; color:var(--muted); font-size:12px; line-height:1.55; }
.assistant-actions { display:flex; gap:9px; margin-top:13px; flex-wrap:wrap; }
.empty-state { padding:44px 24px; text-align:center; border:1px dashed var(--line); border-radius:7px; color:var(--muted); }
.empty-state strong { display:block; color:var(--text); font-size:14px; margin-bottom:6px; }
.empty-state p { margin:0 auto 15px; font-size:12px; max-width:360px; line-height:1.5; }
.loading-state { color:var(--faint); padding:34px 0; font-size:12px; }
.error-state { padding:20px; border:1px solid rgba(238,101,94,.4); color:#ff948e; border-radius:5px; font-size:12px; }
.filter-bar { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 14px; padding:10px; border:1px solid var(--line-soft); border-radius:7px; background:var(--panel); }
.filter-bar select { appearance:auto; flex:1 1 128px; min-width:112px; height:34px; padding:0 8px; border:1px solid var(--line); border-radius:5px; background:var(--bg-raised); color:var(--text); font-size:12px; outline:0; }
.filter-bar select:hover { border-color:color-mix(in srgb, var(--blue) 55%, var(--line)); }
.filter-bar select:focus-visible { border-color:var(--blue); outline:2px solid var(--blue-soft); outline-offset:1px; }
.filter-bar label { height:34px; display:inline-flex; align-items:center; gap:7px; padding:0 10px; border:1px solid var(--line); border-radius:5px; color:var(--muted); background:var(--bg-raised); font-size:12px; white-space:nowrap; }
.filter-bar input[type="checkbox"] { width:15px; height:15px; margin:0; accent-color:var(--blue); }
.filter-bar .action-button { flex:0 0 auto; background:var(--bg-raised); }
.board { display:grid; grid-template-columns:repeat(4, minmax(190px,1fr)); gap:13px; overflow:auto; padding-bottom:8px; }
.board-column { background:var(--panel-soft); border:1px solid var(--line); border-radius:7px; min-height:220px; padding:12px; transition:border-color .15s ease, background .15s ease; }
.board-column.drop-target { border-color:var(--blue); background:var(--blue-soft); }
.board-column header { display:flex; justify-content:space-between; color:var(--muted); font-size:12px; margin-bottom:10px; }
.board-card-row { overflow:hidden; margin-bottom:10px; border:1px solid var(--line); border-radius:6px; background:var(--panel); }
.board-card { width:100%; min-height:72px; border:0; background:transparent; padding:12px; font-size:12px; text-align:left; }
.board-card:hover, .board-card:focus-visible { border-color:var(--blue); }
.board-card strong { display:block; line-height:1.4; font-weight:600; }
.board-card small { display:block; color:var(--faint); margin-top:9px; }
.board-status { min-height:34px; display:flex; align-items:center; gap:8px; padding:5px 8px 5px 12px; border-top:1px solid var(--line-soft); color:var(--faint); font-size:10px; }
.board-status-select { min-width:0; flex:1; height:26px; border:0; border-radius:4px; padding:0 24px 0 7px; background:var(--panel-soft); color:var(--muted); font-size:11px; }
.board-status-select:focus-visible { outline:2px solid var(--blue); outline-offset:1px; }
.canvas-shell { position:relative; }
.canvas-toolbar { display:flex; align-items:center; gap:7px; margin-bottom:9px; color:var(--muted); font-size:11px; }
.canvas-toolbar .action-button { min-width:32px; padding:0 9px; }
.canvas-viewport { min-height:430px; border:1px solid var(--line); border-radius:7px; background-image:radial-gradient(var(--line) .7px, transparent .7px); background-size:20px 20px; position:relative; overflow:hidden; cursor:grab; touch-action:none; }
.canvas-viewport:active { cursor:grabbing; }
.canvas-stage { position:relative; width:100%; min-height:430px; transform-origin:0 0; }
.canvas-card { position:absolute; max-width:210px; background:var(--panel); border:1px solid var(--line); border-radius:6px; padding:13px; font-size:12px; box-shadow:0 10px 22px rgba(0,0,0,.14); }
.canvas-card .eyebrow { display:block; margin-bottom:7px; }
.canvas-card.selected, .canvas-card:hover, .canvas-card:focus-visible { border-color:var(--blue); }
.canvas-card small { display:block; color:var(--muted); margin-top:8px; line-height:1.4; }
.canvas-relation-count { display:block; margin-top:8px; color:var(--yellow); font-size:10px; }
.canvas-relationships { display:flex; gap:7px; flex-wrap:wrap; margin-top:10px; color:var(--muted); font-size:11px; }
.canvas-relationships strong { width:100%; color:var(--text); font-size:12px; }
.canvas-relation { border:1px solid var(--line); border-radius:4px; background:var(--panel); color:var(--muted); padding:6px 8px; font-size:11px; }
.canvas-relation:hover, .canvas-relation:focus-visible { border-color:var(--blue); color:var(--text); }
.canvas-inspector { position:absolute; right:12px; top:53px; z-index:2; width:min(280px, calc(100% - 24px)); padding:14px; border:1px solid var(--line); border-radius:6px; background:color-mix(in srgb, var(--panel) 96%, transparent); box-shadow:0 15px 35px rgba(0,0,0,.25); }
.canvas-inspector h3 { margin-top:4px; }
.canvas-inspector p { color:var(--muted); font-size:12px; line-height:1.45; }
.canvas-inspector dl { display:grid; grid-template-columns:auto 1fr; gap:5px 10px; color:var(--muted); font-size:11px; }
.canvas-inspector dt { color:var(--faint); }
.canvas-inspector dd { margin:0; color:var(--text); }
.canvas-inspector .action-button { margin-right:5px; margin-top:6px; }
.entity-chip-row { display:flex; gap:6px; flex-wrap:wrap; padding:9px 8px 2px; }
.entity-chip { display:inline-flex; align-items:center; gap:5px; border:1px solid rgba(52,138,255,.5); border-radius:999px; background:var(--blue-soft); color:var(--text); padding:3px 5px 3px 8px; font-size:11px; }
.entity-chip-label { display:inline-flex; align-items:center; gap:5px; }
.entity-chip-kind { color:var(--blue); font-size:9px; text-transform:uppercase; letter-spacing:.04em; }
.entity-chip-state { color:var(--faint); font-size:9px; }
.entity-chip select { max-width:105px; border:0; border-left:1px solid var(--line-soft); background:transparent; color:var(--muted); font-size:10px; }
.entity-chip-remove { border:0; background:transparent; color:var(--muted); padding:1px 4px; }
.entity-chip-remove:hover { color:var(--red); }
.inbox-section { padding-bottom:18px; }
.inbox-analyses { display:grid; gap:12px; }
.inbox-analysis { border:1px solid var(--line); border-radius:7px; background:var(--panel); padding:16px; }
.inbox-analysis > header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.inbox-analysis-heading { min-width:0; }
.inbox-analysis-heading h2 { margin:4px 0 0; font-size:14px; line-height:1.45; font-weight:600; }
.analysis-status { flex:0 0 auto; border:1px solid var(--line); border-radius:999px; padding:4px 8px; color:var(--muted); background:var(--bg-raised); font-size:10px; }
.analysis-status.pending { border-color:rgba(238,178,78,.35); color:var(--yellow); background:rgba(238,178,78,.08); }
.inbox-questions { margin-top:14px; padding-top:13px; border-top:1px solid var(--line-soft); }
.inbox-questions p { margin:8px 0 0; color:var(--muted); font-size:12px; }
.inbox-analysis footer { display:flex; justify-content:flex-end; gap:8px; margin-top:15px; }
.duplicate-warning { margin:7px 8px 2px; border:1px solid rgba(238,178,78,.5); border-radius:5px; padding:8px 9px; color:var(--yellow); font-size:11px; line-height:1.4; }
.assistant-proposals, .assistant-actions, .assistant-next-steps, .assistant-assumptions, .assistant-warnings { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.object-decision-list { display:grid; gap:8px; }
.object-decision { display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--line); border-radius:8px; background:var(--panel); }
.object-decision .sparkle { color:var(--blue); text-align:center; }
.object-decision strong, .object-decision small { display:block; }
.object-decision small { margin-top:3px; color:var(--muted); }
.object-decision .assistant-proposal-actions { align-self:center; }
@media (max-width:700px) { .object-decision { grid-template-columns:24px minmax(0,1fr); } .object-decision .assistant-proposal-actions { grid-column:2; justify-content:flex-start; } }
.message-label, .assistant-proposals > strong, .assistant-actions > strong { flex-basis:100%; color:var(--faint); font-size:10px; text-transform:uppercase; letter-spacing:.06em; }
.message-sources { margin-top:11px; color:var(--faint); font-size:10px; }
.message-sources summary { display:inline-flex; align-items:center; gap:5px; list-style:none; cursor:pointer; }
.message-sources summary::-webkit-details-marker { display:none; }
.message-sources summary span { transition:transform .15s ease; }
.message-sources[open] summary span { transform:rotate(90deg); }
.message-source-links { display:flex; flex-wrap:wrap; gap:6px; margin-top:7px; }
.source-link { max-width:100%; overflow-wrap:anywhere; border:1px solid var(--line); border-radius:4px; background:var(--panel); color:var(--blue); padding:5px 7px; font-size:11px; text-align:left; }
.source-link:hover, .source-link:focus-visible { border-color:var(--blue); background:var(--blue-soft); }
.assistant-claims { display:grid; gap:6px; margin:10px 0 0; padding:0; list-style:none; color:var(--muted); font-size:11px; line-height:1.4; }
.assistant-claims li { position:relative; padding-left:13px; }
.assistant-claims li::before { content:""; position:absolute; left:1px; top:.55em; width:5px; height:5px; border-radius:50%; background:var(--green); }
.assistant-proposal { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; border-top:1px solid var(--line-soft); padding:8px 0; color:var(--muted); font-size:11px; line-height:1.45; }
.assistant-proposal > span:first-child { min-width:0; overflow-wrap:anywhere; }
.assistant-proposal-actions { display:flex; flex:0 0 auto; align-items:center; gap:6px; }
.assistant-proposal-actions .action-button { height:28px; padding:0 9px; font-size:11px; }
.action-pending { color:var(--faint); font-size:11px; }
.assistant-next-steps { display:block; color:var(--muted); font-size:11px; }
.assistant-next-steps strong { display:block; margin-bottom:4px; color:var(--text); font-size:10px; text-transform:uppercase; letter-spacing:.06em; }
.assistant-next-steps ul { margin:0; padding-left:16px; }
.assistant-assumptions { display:block; border-left:2px solid var(--blue); padding:1px 0 1px 10px; color:var(--muted); font-size:11px; }
.assistant-assumptions strong { display:block; margin-bottom:4px; color:var(--blue); font-size:10px; text-transform:uppercase; letter-spacing:.06em; }
.assistant-assumptions ul { margin:0; padding-left:16px; }
.assistant-warnings { display:block; border-left:2px solid var(--yellow); padding:1px 0 1px 10px; color:var(--yellow); font-size:11px; }
.assistant-warnings strong { display:block; margin-bottom:4px; color:var(--yellow); font-size:10px; text-transform:uppercase; letter-spacing:.06em; }
.assistant-warnings ul { margin:0; padding-left:16px; }
.assistant-warnings li + li { margin-top:3px; }
.view-switcher { display:flex; gap:3px; border:1px solid var(--line); border-radius:6px; padding:3px; }
.view-switcher button { background:transparent; border:0; color:var(--muted); border-radius:4px; font-size:11px; padding:6px 9px; }
.view-switcher button.active { color:var(--text); background:var(--panel-soft); }
.index-panel, .command-layer { position:fixed; inset:0; z-index:30; visibility:hidden; opacity:0; transition:opacity .16s ease, visibility .16s ease; }
.index-panel.open, .command-layer.open { visibility:visible; opacity:1; }
.index-backdrop, .command-backdrop { position:absolute; inset:0; background:rgba(3,5,7,.58); backdrop-filter:blur(3px); }
.index-card { position:absolute; top:63px; left:16px; width:min(430px, calc(100vw - 32px)); background:var(--panel); border:1px solid var(--line); border-radius:8px; box-shadow:0 25px 70px rgba(0,0,0,.35); overflow:hidden; }
.index-header { display:flex; align-items:flex-start; justify-content:space-between; padding:18px 18px 12px; }
.panel-search { display:flex; align-items:center; gap:8px; margin:0 14px 12px; border:1px solid var(--line); border-radius:5px; padding:0 10px; color:var(--muted); }
.panel-search input { width:100%; height:34px; border:0; outline:0; background:transparent; font-size:12px; }
.index-content { max-height:55vh; overflow:auto; padding:0 8px 8px; }
.index-group-label { color:var(--faint); font-size:10px; text-transform:uppercase; letter-spacing:.08em; padding:10px 10px 6px; }
.index-link { width:100%; display:flex; gap:10px; align-items:center; padding:9px 10px; border:0; background:transparent; color:var(--muted); text-align:left; border-radius:5px; font-size:12px; }
.index-link:hover, .index-link.active { color:var(--text); background:var(--blue-soft); }
.index-link .link-icon { width:17px; text-align:center; color:var(--faint); }
.index-link .count { margin-left:auto; color:var(--faint); font-size:11px; }
.index-footer { display:flex; align-items:center; gap:10px; border-top:1px solid var(--line-soft); padding:12px 16px; color:var(--muted); font-size:11px; }
.index-footer .muted { margin-left:auto; color:var(--faint); }
.command-card { position:absolute; top:90px; left:50%; transform:translateX(-50%); width:min(670px, calc(100vw - 28px)); background:var(--panel); border:1px solid var(--line); border-radius:9px; box-shadow:0 25px 70px rgba(0,0,0,.4); overflow:hidden; }
.command-heading { display:flex; align-items:center; gap:10px; padding:11px 14px; border-bottom:1px solid var(--line-soft); }
.command-heading input { flex:1; border:0; outline:0; background:transparent; font-size:14px; }
.command-suggestions { padding:8px; }
.command-suggestion { width:100%; display:flex; justify-content:space-between; text-align:left; border:0; background:transparent; color:var(--muted); padding:11px; border-radius:5px; font-size:12px; }
.command-suggestion:hover { background:var(--blue-soft); color:var(--text); }
.command-suggestion.primary-suggestion { margin-top:4px; background:var(--blue); color:white; }
.command-suggestion.primary-suggestion small { color:rgba(255,255,255,.72); }
.command-suggestion small { color:var(--faint); }
.command-dock { position:fixed; z-index:20; bottom:15px; left:50%; transform:translateX(-50%); width:min(1200px, calc(100vw - 48px)); min-height:63px; display:flex; align-items:center; gap:9px; padding:9px 13px; background:color-mix(in srgb, var(--panel) 94%, transparent); border:1px solid var(--line); border-radius:7px; box-shadow:0 12px 40px rgba(0,0,0,.22); backdrop-filter:blur(18px); }
.mention-menu { position:absolute; left:14px; bottom:calc(100% + 8px); z-index:3; width:min(420px,calc(100% - 28px)); padding:6px; border:1px solid var(--line); border-radius:7px; background:var(--panel); box-shadow:0 16px 42px rgba(0,0,0,.3); }
.mention-results { display:flex; flex-direction:column; gap:2px; }
.mention-option { width:100%; min-height:38px; display:grid; grid-template-columns:92px minmax(0,1fr); align-items:center; gap:9px; border:0; border-radius:5px; padding:7px 9px; background:transparent; color:var(--text); text-align:left; font-size:12px; }
.mention-option:hover, .mention-option.active { background:var(--blue-soft); }
.mention-kind { color:var(--blue); font-size:10px; letter-spacing:.04em; text-transform:uppercase; }
.dock-expand { width:38px; height:38px; flex:0 0 38px; display:inline-flex; align-items:center; justify-content:center; border:0; background:transparent; color:var(--text); padding:0; border-radius:6px; }
.dock-expand .ui-icon { width:20px; height:20px; stroke-width:2; }
.dock-expand:hover, .dock-tool:hover { background:var(--panel-soft); color:var(--text); }
.dock-input { height:38px; flex:1; min-width:80px; display:flex; align-items:center; color:var(--muted); font-size:15px; }
.dock-input input { display:block; width:100%; height:38px; border:0; outline:0; background:transparent; color:var(--text); caret-color:var(--blue); cursor:text; }
.dock-input input::placeholder { color:var(--muted); opacity:1; }
.dock-context { border:1px solid var(--line); border-radius:5px; padding:7px 9px; color:var(--muted); font-size:11px; }
.dock-tool { width:38px; height:38px; flex:0 0 38px; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:6px; background:transparent; color:var(--muted); padding:0; }
.dock-tool .ui-icon { width:18px; height:18px; stroke-width:1.9; }
.dock-tool:hover { color:var(--text); }
.dock-submit { width:38px; height:38px; flex:0 0 38px; display:inline-flex; align-items:center; justify-content:center; padding:0; border:0; background:var(--blue); color:white; border-radius:6px; }
.dock-submit .ui-icon { width:18px; height:18px; stroke-width:1.9; }
.dock-job-cancel { height:32px; border:1px solid var(--red); color:#ff887f; background:transparent; border-radius:5px; padding:0 9px; font-size:11px; }
.dock-submit:hover { filter:brightness(1.1); }
.dock-shortcut { width:38px; height:38px; flex:0 0 38px; display:inline-flex; align-items:center; justify-content:center; border:0; color:var(--muted); font-size:14px; line-height:1; font-weight:600; letter-spacing:0; padding:0; }
.toast-region { position:fixed; right:20px; bottom:98px; z-index:50; display:flex; flex-direction:column; gap:8px; }
.toast { max-width:340px; border:1px solid var(--line); background:var(--panel); border-radius:6px; box-shadow:0 10px 30px rgba(0,0,0,.25); padding:11px 13px; font-size:12px; color:var(--muted); }
.toast.info { border-color:rgba(52,138,255,.5); color:#8ebdff; }
.toast.error { border-color:rgba(238,101,94,.5); color:#ff948e; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.auth-mode .topbar, .auth-mode .mobile-tabs, .auth-mode .command-dock { display:none; }
.auth-shell { min-height:100vh; display:grid; place-items:center; padding:30px 16px; }
.auth-card { width:min(410px,100%); background:var(--panel); border:1px solid var(--line); border-radius:9px; padding:28px; box-shadow:0 20px 65px rgba(0,0,0,.2); }
.auth-brand { color:var(--blue); font-size:20px; font-weight:650; letter-spacing:-.03em; margin-bottom:28px; }
.auth-card h1 { font-size:24px; margin:0 0 8px; }
.auth-subtitle { color:var(--muted); font-size:12px; line-height:1.5; margin:0 0 22px; }
.auth-mode { display:flex; border-bottom:1px solid var(--line-soft); margin-bottom:19px; }
.auth-mode button { flex:1; border:0; border-bottom:2px solid transparent; padding:10px 6px; background:transparent; color:var(--muted); font-size:12px; }
.auth-mode button.active { border-color:var(--blue); color:var(--text); }
.auth-field { display:block; color:var(--muted); font-size:11px; margin-bottom:13px; }
.auth-field input { display:block; width:100%; height:39px; padding:0 10px; margin-top:6px; border:1px solid var(--line); border-radius:5px; background:var(--bg); outline:0; font-size:13px; }
.auth-field input:focus { border-color:var(--blue); }
.auth-error { border:1px solid rgba(238,101,94,.45); color:#ff948e; border-radius:5px; padding:9px 10px; margin-bottom:14px; font-size:12px; }
.auth-submit { width:100%; height:39px; margin-top:7px; }
.onboarding-shell { max-width:750px; margin:0 auto; padding:60px 0; }
.onboarding-card { max-width:520px; margin-top:30px; padding:27px; border:1px solid var(--line); border-radius:9px; background:var(--panel); }
.onboarding-card p { color:var(--muted); line-height:1.55; font-size:13px; margin:8px 0 22px; }
.onboarding-card label { display:block; color:var(--muted); font-size:11px; }
.onboarding-card input { display:block; width:100%; height:40px; margin-top:7px; padding:0 10px; border:1px solid var(--line); border-radius:5px; background:var(--bg); outline:0; }
.onboarding-card .action-button { margin-top:14px; }
.project-create-form { display:grid; grid-template-columns:minmax(180px,1fr) minmax(220px,1.4fr) auto; align-items:end; gap:10px; margin-bottom:18px; padding:14px; border:1px solid var(--line); border-radius:7px; background:var(--panel); text-align:left; }
.project-create-form label { display:block; margin-bottom:6px; color:var(--muted); font-size:11px; }
.project-create-form input { width:100%; height:36px; border:1px solid var(--line); border-radius:5px; padding:0 10px; background:var(--bg); }
@media (max-width:780px) { .workspace-menu { right:8px; } .auth-card { padding:23px 19px; } .onboarding-shell { padding:32px 0; } }
@media (max-width:1100px) { .page-grid { grid-template-columns:minmax(0,1fr) 310px; gap:24px; } .assistant { padding-left:20px; } .breadcrumbs { display:none; } }
@media (max-width:780px) { .topbar { height:calc(56px + env(safe-area-inset-top)); gap:8px; padding:env(safe-area-inset-top) 10px 0; } .mobile-tabs { display:none; } .index-trigger { min-width:44px; width:44px; height:44px; justify-content:center; padding:0; } .index-trigger span:not(.menu-icon):not(.chevron), .index-trigger kbd, .wordmark, .history-nav { display:none; } .global-search { height:44px; margin:0; max-width:none; min-width:0; } .topbar-actions .icon-button, .topbar-actions .status-select { display:none; } .topbar-actions #workspace-status { display:inline-flex; height:44px; max-width:150px; min-width:44px; padding:0 10px; } #workspace-status > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .topbar-actions .icon-button:last-child { display:inline-flex; width:44px; height:44px; } .workspace-menu, .notification-menu, .account-menu { position:fixed; top:calc(58px + env(safe-area-inset-top)); right:8px; left:8px; width:auto; max-height:calc(100dvh - 70px - env(safe-area-inset-top)); overflow-y:auto; overscroll-behavior:contain; } .workspace { min-height:calc(100dvh - 56px - var(--dock-h)); padding:24px 16px calc(var(--dock-h) + 18px); } .page-grid { display:block; } .assistant { position:static; height:auto; overflow:visible; border:0; border-top:1px solid var(--line-soft); padding:20px 0 0; margin-top:24px; } .assistant-scroll { overflow:visible; padding-right:0; } .two-columns { display:block; } .two-columns .section, .two-columns .section + .section { border-left:0; padding:0 0 17px; } .board { grid-template-columns:repeat(3, minmax(230px,1fr)); } .window-control { display:none; } .command-dock { width:calc(100vw - 20px); bottom:8px; min-height:58px; padding:7px 9px; flex-wrap:wrap; } .dock-context:not([hidden]) { order:-1; flex:1 0 100%; max-width:100%; overflow-x:auto; white-space:nowrap; } .dock-tool { display:none; } .dock-input { font-size:16px; } .dock-shortcut { display:none; } }
@media (hover:none) and (pointer:coarse), (max-width:780px) {
  #app input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  #app textarea,
  #app select { font-size:16px; }
  .button-quiet,.icon-button,.status-select,.index-trigger,.global-search,.action-button,.work-item-menu-trigger,.assistant-toggle,.assistant-new-chat,.assistant-menu-trigger,.message-reuse,.dock-expand,.dock-submit,.canvas-relation { min-height:44px; }
  .icon-button,.status-select,.global-search,.work-item-menu-trigger,.assistant-toggle,.assistant-new-chat,.assistant-menu-trigger,.message-reuse,.dock-expand,.dock-submit { min-width:44px; }
  .canvas-toolbar .action-button { min-width:44px; }
  .project-create-form { grid-template-columns:1fr; }
}
@media (max-width:480px) { h1 { font-size:23px; } .header-meta { gap:10px 14px; } .page-header-line .action-button { display:none; } .global-search > span:not(.search-glyph), .global-search kbd, #workspace-status > span { display:none; } .global-search { flex:0 0 44px; justify-content:center; padding:0; } .topbar-actions #workspace-status { width:44px; justify-content:center; } .task-row { grid-template-columns:18px minmax(0, 1fr) 16px; } .task-owner, .task-state { display:none; } .assistant { margin-top:18px; } .message-content { font-size:12px; } .command-card { top:calc(64px + env(safe-area-inset-top)); } .inbox-analysis { padding:14px; } .inbox-analysis > header { display:block; } .analysis-status { display:inline-block; margin-top:10px; } .inbox-analysis footer { justify-content:stretch; flex-wrap:wrap; } .inbox-analysis footer .action-button { flex:1 1 auto; } }
@media (max-width:480px) { .task-row.project-row { grid-template-columns:18px minmax(0,1fr) 14px; } .project-row .task-meta { display:none; } }
@media (max-width:780px) { .today-row { grid-template-columns:18px minmax(0,1fr) 14px; } .today-meta,.today-score { display:none; } }
@media (max-width:780px) { .view-switcher,.scope-switcher { display:none; } .mobile-scope { display:block; } .global-task-row { grid-template-columns:30px minmax(0,1fr) 14px; } .global-task-owner,.global-task-due { display:none; } }
@media (max-width:780px) { .settings-layout{display:block}.settings-nav{position:static;margin-bottom:18px}.settings-nav button{width:100%}.settings-invite{grid-template-columns:1fr}.settings-invite h3,.settings-invite p{grid-column:auto}.settings-field-grid{grid-template-columns:1fr}.settings-section>header{padding:18px}.settings-members{padding:0 18px}.settings-form>label,.settings-field-grid,.settings-check{margin:0 18px}.settings-form footer{padding:16px 18px} }
@media (prefers-reduced-motion:reduce) { *, *::before, *::after { transition:none !important; scroll-behavior:auto !important; } }