.loading-state{padding:80px 30px;text-align:center;color:var(--muted)}
.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:25px;background:var(--sidebar)}
.auth-card{max-width:440px;width:100%;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:36px}
.auth-card .brand{margin:0 0 32px}.auth-card h1{font-size:26px}.auth-card p{font-size:13px;color:var(--muted);line-height:1.8;margin:15px 0 24px}.auth-card .button{width:100%;margin-top:12px}
.form-error{color:var(--amber);font-size:12px;margin:12px 0;white-space:pre-wrap;line-height:1.7}
.sidebar{overflow-y:auto}.sidebar-bottom{min-height:180px}.workspace-label{padding-top:4px}
.sidebar .add-project{margin-top:8px}.user{justify-content:space-between}.app-footer{padding-top:15px}
.welcome{padding:30px;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:25px}.welcome h2{font-size:22px;letter-spacing:-.7px}.welcome p{max-width:670px;font-size:13px;line-height:1.8;color:var(--muted);margin:12px 0 22px}
.work-board{grid-template-columns:repeat(4,minmax(0,1fr))}.board-column{min-height:400px}.board-column.drag-over{outline:2px solid var(--accent);outline-offset:-2px}.task-card[draggable=true]{cursor:grab}.task-card.dragging{opacity:.4}
.empty-state{margin-bottom:20px}.empty-state p{max-width:620px;margin:10px auto 20px;line-height:1.8}
.metric-observed{font-size:9px;color:var(--muted);margin-top:12px}.metric .metric-value{overflow-wrap:anywhere}.metrics{margin-top:20px}
.resource-url{overflow-wrap:anywhere}.context-main pre{white-space:pre-wrap;font:inherit;color:var(--muted);line-height:1.85}.context-main .section-note{margin-top:20px}
.resource{cursor:pointer}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.resource-grid .panel{padding:22px}.resource-grid p{font-size:12px;color:var(--muted);line-height:1.8;margin:12px 0 18px}.resource-grid h2{font-size:17px}.resource-grid .buttons{margin-top:15px}
.skill-content{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:11px;background:var(--panel);padding:15px;border-radius:6px;max-height:280px;overflow:auto;color:var(--text)}
.field small{color:var(--muted);font-size:10px}.checks{display:grid;gap:7px;margin:10px 0}.checks label{display:flex;align-items:center;gap:8px;font-size:12px}.checks input{accent-color:var(--accent)}
.link-fields{display:grid;grid-template-columns:1fr 1.7fr 100px;gap:7px;margin:8px 0}.link-fields input,.link-fields select{min-width:0;width:100%}.link-fields:last-child{margin-bottom:16px}
.output-link{color:var(--accent);text-decoration:none;overflow-wrap:anywhere;font-size:12px}.output-link:hover{text-decoration:underline}.artifact-row{border:1px solid var(--line);border-radius:6px;padding:12px;margin-top:10px}
.modal-body textarea{resize:vertical}.modal-footer{flex-wrap:wrap}.modal-footer .danger{margin-right:auto;color:var(--amber)}.modal-body h4{margin-top:20px}
.activity-tools{display:flex;align-items:center;gap:12px;margin-bottom:25px}.activity-tools label{font-size:12px;color:var(--muted)}.activity-feed{max-width:850px}.activity-feed .timeline-item p{font-size:13px}.activity-feed .timeline-item small{font-size:11px}.activity-feed .timeline-item{padding-bottom:25px}
.connection-guide{padding:24px}.connection-guide h2{font-size:20px}.connection-guide p{color:var(--muted);font-size:13px;line-height:1.8;margin:12px 0}.connection-guide pre,.secret{font:11px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.token-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.token-row strong{font-size:13px;font-weight:500}.token-row small{display:block;color:var(--muted);margin-top:5px}
.connection-step{padding:20px 0;border-bottom:1px solid var(--line)}.connection-step h3{font-size:14px}.connection-step-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.connection-message{max-height:280px;overflow:auto;margin:15px 0 0;line-height:1.75;user-select:text}.connection-step .secret{margin:12px 0}.mcp-connection-details{margin-top:22px}.mcp-connection-details summary{cursor:pointer;font-size:12px;font-weight:500}.mcp-connection-details pre{max-height:250px;overflow:auto}.token-row>div:first-child{min-width:0;overflow-wrap:anywhere}.token-row>.buttons{flex-shrink:0}
.live-indicator{font-size:10px;color:var(--muted)}.live-indicator.error{color:var(--amber)}.activity-date{font-size:10px;color:var(--muted)}.page-heading .button{margin:0}.chart-container svg{height:180px}.observation-table{width:100%;text-align:left;border-collapse:collapse;margin-top:15px;font-size:12px}.observation-table th{font-weight:500;font-size:10px;color:var(--muted)}.observation-table td,.observation-table th{padding:10px;border-bottom:1px solid var(--line)}.observation-table td:last-child{overflow-wrap:anywhere;max-width:220px}
@media(max-width:1200px){.work-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.work-board,.resource-grid{grid-template-columns:1fr}.welcome{padding:22px}.auth-card{padding:25px}.link-fields{grid-template-columns:1fr}.activity-tools{flex-wrap:wrap}.board-column{min-height:160px}.connection-guide{padding:18px}.theme-switcher button{padding:4px 6px}.live-indicator{display:none}.modal-fields{grid-template-columns:1fr}.auth-card h1{font-size:23px}}
@media(max-width:480px){.connection-step-heading{align-items:flex-start;flex-direction:column}.token-row{align-items:flex-start;flex-direction:column}}

/* A clearer, more tactile workspace. Status and ownership carry the color. */
:root[data-theme="light"]{
  --sidebar:#f6f7f9;--panel:#f0f2f5;--text:#252a32;--muted:#5e6672;--line:#dfe3e9;
  --selected:#e1e5eb;--strong-line:#c5ccd6;--hover:#e9edf2;
  --state-backlog:#657181;--state-progress:#3971ce;--state-review:#aa7021;--state-done:#368065;
  --owner-blue:#2b5e9c;--owner-blue-bg:#e8f0fb;--owner-teal:#306c66;--owner-teal-bg:#e5f1ed;
  --owner-rose:#8c4b65;--owner-rose-bg:#f5eaf0;--owner-amber:#865e24;--owner-amber-bg:#f5eedf;
  --arrival:#e8f1ff;--card-shadow:0 1px 2px #172b4510,0 3px 8px #172b4504;
}
:root[data-theme="dark"]{
  --bg:#111317;--sidebar:#0e1014;--panel:#1b1f26;--text:#f1f4f8;--muted:#a4adb9;
  --line:#303742;--selected:#2b333f;--strong-line:#46515e;--hover:#262e39;
  --state-backlog:#a5afbd;--state-progress:#86afff;--state-review:#e6b96e;--state-done:#81c9ac;
  --owner-blue:#a4c6ff;--owner-blue-bg:#23344d;--owner-teal:#a0d9cd;--owner-teal-bg:#203933;
  --owner-rose:#e3b0c5;--owner-rose-bg:#3d2935;--owner-amber:#e3c18e;--owner-amber-bg:#3b3224;
  --arrival:#253a57;--card-shadow:0 1px 3px #00000030,0 4px 12px #00000012;
}
.brand{letter-spacing:-.45px}.brand-mark{box-shadow:inset 0 1px 0 #ffffff18,0 2px 3px #0000000a}
.topbar{background:var(--bg)}.page-heading h1{font-weight:650;letter-spacing:-1.2px}
.nav-item{position:relative}.nav-item.active:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;background:var(--text);border-radius:0 3px 3px 0}
.live-indicator{display:inline-flex;align-items:center;gap:6px}.live-indicator:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--positive)}.live-indicator.error:before{background:var(--amber)}
:root:not([data-theme="original"]) .board-column{background:var(--panel);border-color:var(--line);padding:0 12px 12px;border-radius:11px}
.board-column{--state-color:var(--state-backlog,#657181)}
.board-column[data-status="in_progress"]{--state-color:var(--state-progress,#3971ce)}
.board-column[data-status="review"]{--state-color:var(--state-review,#aa7021)}
.board-column[data-status="done"]{--state-color:var(--state-done,#368065)}
.column-header{min-height:51px;margin:0 0 3px;padding:13px 3px 12px;gap:10px}
.column-header .column-label{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:600;color:var(--text)}
.column-status{display:inline-block;width:11px;height:11px;border:2px solid var(--state-color);border-radius:50%;flex-shrink:0}
[data-status="in_progress"] .column-status{background:conic-gradient(var(--state-color) 0deg 180deg,transparent 180deg 360deg)}
[data-status="review"] .column-status{border-radius:3px;background:var(--state-color);border-width:3px;box-shadow:inset 0 0 0 1px var(--panel)}
[data-status="done"] .column-status{background:var(--state-color);position:relative}
[data-status="done"] .column-status:after{content:"";position:absolute;left:1px;top:0;width:3px;height:5px;border-right:1px solid var(--bg);border-bottom:1px solid var(--bg);transform:rotate(40deg)}
.column-header .column-count{border:1px solid var(--strong-line);border-radius:5px;min-width:23px;height:21px;display:grid;place-items:center;font-size:10px;font-weight:550;color:var(--muted);background:var(--bg)}
:root:not([data-theme="original"]) .task-card{border-color:var(--line);box-shadow:var(--card-shadow);border-radius:8px;padding:15px 13px 13px;margin-bottom:10px;transition:border-color .16s,box-shadow .16s,transform .16s}
:root:not([data-theme="original"]) .task-card:hover{border-color:var(--strong-line);box-shadow:0 4px 14px #172b4512;transform:translateY(-1px)}
:root:not([data-theme="original"]) .task-card:focus-visible{outline:2px solid var(--state-color);outline-offset:2px}
.task-card h3{font-size:12px;font-weight:550;line-height:1.6;margin:10px 0 13px;letter-spacing:-.1px}
.task-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.task-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;letter-spacing:.2px}
.task-evidence{color:var(--muted);font-size:9px}.task-card .tag{font-size:9px;font-weight:500;padding:3px 6px}
:root[data-theme="light"] .task-card .tag:not(.green):not(.amber){background:#e9edf2;color:#566271}
:root[data-theme="dark"] .task-card .tag:not(.green):not(.amber){background:#272f3b;color:#b8c3d2}
.task-card .task-meta{margin-top:17px;align-items:center;gap:8px;font-size:10px}
.owner-chip{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--muted)}
.owner-avatar{width:21px;height:21px;display:grid;place-items:center;border-radius:6px;background:var(--selected);font-size:8px;font-weight:650;letter-spacing:-.1px;flex-shrink:0}
.owner-chip[data-owner-color="0"] .owner-avatar{color:var(--owner-blue);background:var(--owner-blue-bg)}
.owner-chip[data-owner-color="1"] .owner-avatar{color:var(--owner-teal);background:var(--owner-teal-bg)}
.owner-chip[data-owner-color="2"] .owner-avatar{color:var(--owner-rose);background:var(--owner-rose-bg)}
.owner-chip[data-owner-color="3"] .owner-avatar{color:var(--owner-amber);background:var(--owner-amber-bg)}
.owner-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.task-due{white-space:nowrap;font-size:9px}
.owner-chip.unassigned{font-size:9px}.owner-chip.unassigned .owner-avatar{background:transparent;border:1px dashed var(--strong-line);font-size:16px}
.empty-column{font-size:11px;line-height:1.6;color:var(--muted);padding:28px 10px}
.agent-note{box-shadow:inset 0 1px 0 #ffffff05}
.task-card.task-arrived{animation:task-arrived 2.4s ease-out}
@keyframes task-arrived{0%,20%{background:var(--arrival);border-color:var(--accent)}100%{background:var(--bg);border-color:var(--line)}}
@media(prefers-reduced-motion:reduce){.task-card.task-arrived{animation:none}.task-card:hover{transform:none!important}}
@media(max-width:767px){.live-indicator{display:none}.task-card .owner-name{max-width:170px}}