:root {
  --bg: #080b12;
  --panel: #101621;
  --panel-2: #151d2a;
  --line: #263245;
  --text: #f4f7fb;
  --muted: #8f9db1;
  --accent: #8b5cf6;
  --accent-2: #22d3ee;
  --danger: #fb7185;
  --success: #34d399;
  --warning: #fbbf24;
  --info: #60a5fa;
  --shadow: 0 22px 70px rgba(0,0,0,.42);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; color: var(--text); background:
  radial-gradient(circle at 20% 0%, rgba(139,92,246,.15), transparent 32rem),
  radial-gradient(circle at 100% 30%, rgba(34,211,238,.08), transparent 28rem), var(--bg); }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
a { color: #8bdcf0; }
.hidden { display: none !important; }
.muted { color: var(--muted); }
.eyebrow { margin: 0 0 7px; color: var(--accent-2); font-size: .72rem; font-weight: 800; letter-spacing: .16em; }
.brand-mark { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 18px; font-size: 1.7rem; font-weight: 900; background: linear-gradient(135deg,var(--accent),var(--accent-2)); box-shadow: 0 15px 35px rgba(139,92,246,.35); }
.brand-mark.small { width: 40px; height: 40px; border-radius: 12px; font-size: 1.1rem; }
.primary, .ghost, .danger, .icon-button, .tiny-button { border: 1px solid transparent; border-radius: 11px; padding: 10px 14px; color: var(--text); background: var(--panel-2); }
.primary { background: linear-gradient(135deg,var(--accent),#6d5dfc); font-weight: 750; box-shadow: 0 10px 25px rgba(139,92,246,.24); }
.primary:hover { filter: brightness(1.08); }
.ghost { border-color: var(--line); background: rgba(255,255,255,.025); }
.ghost:hover { border-color: #46546a; background: rgba(255,255,255,.055); }
.danger { color: #ffd9df; border-color: rgba(251,113,133,.35); background: rgba(251,113,133,.12); }
.danger:hover { background: rgba(251,113,133,.2); }
.tiny-button { padding: 4px 8px; border-color: var(--line); font-size: .7rem; background: rgba(255,255,255,.035); }
.full { width: 100%; }
.login-shell { min-height: 100vh; display: grid; place-items: center; padding: 22px; }
.login-card { width: min(460px,100%); padding: 38px; border: 1px solid var(--line); border-radius: 24px; background: rgba(16,22,33,.94); box-shadow: var(--shadow); backdrop-filter: blur(18px); }
.login-card h1 { margin: 18px 0 8px; font-size: 2rem; }
.login-card form { margin-top: 28px; }
label { display: grid; gap: 8px; color: #c7d0df; font-size: .86rem; font-weight: 650; }
input, textarea, select { width: 100%; border: 1px solid var(--line); border-radius: 11px; padding: 11px 12px; color: var(--text); background: #0b111b; outline: none; }
input:focus, textarea:focus, select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(139,92,246,.15); }
textarea { resize: vertical; line-height: 1.5; }
.error-text { min-height: 1.2rem; color: var(--danger); font-size: .85rem; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 286px 1fr; }
.sidebar { position: sticky; top: 0; height: 100vh; padding: 22px 18px; border-right: 1px solid var(--line); background: rgba(10,14,22,.92); backdrop-filter: blur(16px); display: flex; flex-direction: column; gap: 16px; }
.brand-row { display: flex; align-items: center; gap: 12px; margin-bottom: 4px; }
.brand-row strong, .brand-row span { display: block; }
.brand-row span { color: var(--muted); font-size: .82rem; }
.global-nav { display: grid; gap: 6px; }
.global-nav-item { display: grid; grid-template-columns: 24px 1fr auto; align-items: center; gap: 8px; width: 100%; padding: 10px 11px; border: 1px solid transparent; border-radius: 11px; color: #aeb9ca; background: transparent; text-align: left; }
.global-nav-item:hover, .global-nav-item.active { color: white; border-color: var(--line); background: rgba(139,92,246,.09); }
.global-nav-item em { min-width: 22px; padding: 2px 6px; border-radius: 999px; color: #d8cfff; background: rgba(139,92,246,.18); font-size: .68rem; font-style: normal; text-align: center; }
.sidebar-heading { margin-top: 4px; color: #65738a; font-size: .7rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.project-list { display: grid; gap: 7px; overflow-y: auto; padding-right: 3px; }
.project-nav-item { display: grid; grid-template-columns: 9px 1fr auto; align-items: center; gap: 10px; width: 100%; padding: 11px 10px; border: 1px solid transparent; border-radius: 11px; color: #c9d2e0; background: transparent; text-align: left; }
.project-nav-item:hover, .project-nav-item.active { border-color: var(--line); background: var(--panel); color: white; }
.project-nav-item small { color: var(--muted); }
.project-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 4px rgba(52,211,153,.08); }
.project-dot.paused { background: var(--warning); }.project-dot.archived { background: #64748b; }
.sidebar-footer { margin-top: auto; display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: .78rem; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--success); box-shadow: 0 0 13px var(--success); }
.main-shell { min-width: 0; }
.topbar { display: flex; justify-content: space-between; align-items: center; padding: 25px 32px; border-bottom: 1px solid var(--line); background: rgba(8,11,18,.78); backdrop-filter: blur(16px); position: sticky; top: 0; z-index: 5; }
.topbar h1 { margin: 0; font-size: 1.55rem; }
.topbar-subtitle { margin: 5px 0 0; color: var(--muted); font-size: .8rem; }
.topbar-actions { display: flex; gap: 9px; }
.content-section { padding: 28px 32px 60px; }
.metric-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 14px; }
.metric-card, .panel { border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(180deg,rgba(21,29,42,.92),rgba(15,21,31,.94)); box-shadow: 0 12px 35px rgba(0,0,0,.15); }
.metric-card { padding: 18px; }
.metric-card span { color: var(--muted); font-size: .72rem; text-transform: uppercase; letter-spacing: .09em; }
.metric-card strong { display: block; margin-top: 9px; font-size: 1.8rem; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(340px,.75fr); gap: 18px; margin-top: 18px; }
.panel { padding: 20px; min-width: 0; }
.panel + .panel { margin-top: 16px; }
.panel-header { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 17px; }
.panel-header h2, .panel-header h3 { margin: 0; }
.project-cards { display: grid; grid-template-columns: repeat(auto-fill,minmax(245px,1fr)); gap: 13px; }
.project-card { padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: #0c121c; cursor: pointer; }
.project-card:hover { border-color: #47566e; transform: translateY(-1px); }
.project-card h3 { margin: 9px 0 7px; }
.project-card p { margin: 0; color: var(--muted); line-height: 1.45; min-height: 2.8em; }
.path { display: block; margin-top: 12px; padding: 7px 9px; border-radius: 8px; color: #a9b8cd; background: #080d15; font: .75rem ui-monospace,SFMono-Regular,Menlo,monospace; overflow: hidden; text-overflow: ellipsis; }
.badge, .status-badge { display: inline-flex; align-items: center; padding: 4px 8px; border-radius: 999px; color: #b8f8e2; background: rgba(52,211,153,.1); font-size: .68rem; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }
.badge.blocked, .status-badge.error, .status-badge.failed { color: #ffd4dc; background: rgba(251,113,133,.12); }
.badge.paused, .status-badge.running, .status-badge.unknown { color:#fde8a8;background:rgba(251,191,36,.12); }
.badge.archived, .status-badge.cancelled { color:#cbd5e1;background:rgba(100,116,139,.16); }
.status-badge.success, .status-badge.succeeded { color:#b8f8e2;background:rgba(52,211,153,.1); }
.status-badge.info { color:#bfdbfe;background:rgba(96,165,250,.12); }
.timeline { display: grid; gap: 8px; }
.timeline-item { width: 100%; display: grid; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 10px; border: 1px solid transparent; border-radius: 12px; color: inherit; background: transparent; text-align: left; }
.timeline-item:hover { border-color: var(--line); background: rgba(255,255,255,.035); }
.timeline-item:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.timeline-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: rgba(139,92,246,.14); color: #c4b5fd; font-size: .72rem; font-weight: 900; }
.timeline-copy { min-width: 0; }
.timeline-copy strong { display: flex; align-items: center; gap: 8px; font-size: .88rem; }
.timeline-summary { display: block; margin: 4px 0; color: var(--muted); line-height: 1.4; font-size: .82rem; overflow-wrap: anywhere; }
.timeline-copy time { color: #5f6c80; font-size: .72rem; }
.timeline-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 5px; color: #718096; font-size: .68rem; }
.timeline-arrow { color: #64748b; font-size: 1.45rem; }
.project-hero { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(135deg,rgba(139,92,246,.12),rgba(34,211,238,.05)); }
.project-hero h2 { margin: 7px 0; font-size: 1.8rem; }.project-hero p { margin: 0; max-width: 760px; color: var(--muted); line-height: 1.55; }
.project-actions { display: flex; gap: 9px; flex-wrap: wrap; justify-content: flex-end; }
.project-tabs { display: flex; gap: 6px; margin: 17px 0; border-bottom: 1px solid var(--line); overflow-x: auto; }
.project-tab { flex: 0 0 auto; padding: 11px 14px; border: 0; border-bottom: 2px solid transparent; color: var(--muted); background: transparent; }
.project-tab.active { color: white; border-color: var(--accent); }
.control-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.control-card { padding: 17px; border: 1px solid var(--line); border-radius: 14px; background: #0b111b; }
.control-card h3 { margin: 0 0 10px; font-size: .95rem; }
.control-value { font-size: 1.12rem; font-weight: 750; overflow-wrap: anywhere; }
.control-card p { margin: 7px 0 0; color: var(--muted); font-size: .8rem; line-height: 1.45; }
.context-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.markdown-box { min-height: 180px; white-space: pre-wrap; line-height: 1.55; color: #cbd5e1; padding: 17px; border: 1px solid var(--line); border-radius: 13px; background: #0a1019; overflow-wrap: anywhere; }
.revision-list { display: grid; gap: 9px; }
.revision-item { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 11px; background: #0b111b; }
.revision-item strong, .revision-item small { display: block; }.revision-item small { margin-top: 4px; color: var(--muted); }
.task-board { display: grid; grid-template-columns: repeat(6,minmax(245px,1fr)); gap: 13px; overflow-x: auto; padding-bottom: 12px; }
.task-column { min-height: 270px; padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: rgba(9,14,22,.72); }
.task-column-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; color: #cbd5e1; font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.task-card { margin-bottom: 10px; padding: 13px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); cursor: pointer; }
.task-card:hover { border-color: #46546a; }
.task-card.overdue { border-color: rgba(251,113,133,.5); }
.task-card h4 { margin: 5px 0 8px; }.task-card p { margin: 0 0 10px; color: var(--muted); line-height: 1.45; font-size: .8rem; }
.task-meta { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.task-meta span { padding: 3px 6px; border-radius: 7px; color: #9fb0c7; background: #0a1019; font-size: .68rem; }
.task-checklist { display: grid; gap: 5px; margin: 9px 0; }
.task-checklist label { grid-template-columns: auto 1fr; align-items: center; gap: 7px; font-size: .75rem; font-weight: 500; }
.task-checklist input { width: auto; }
.priority { color: #cbd5e1; font-size: .68rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.priority.urgent { color: var(--danger); }.priority.high { color: #fb923c; }.priority.low { color: #7dd3fc; }
.filter-bar { display: grid; grid-template-columns: minmax(220px,2fr) repeat(6,minmax(120px,1fr)); gap: 10px; margin-bottom: 15px; }
.filter-actions { display: flex; gap: 8px; align-items: end; }
.pagination { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 14px; }
.pagination-controls { display: flex; gap: 7px; }
.empty-state { padding: 34px 20px; text-align: center; color: var(--muted); border: 1px dashed var(--line); border-radius: 14px; }
.job-list { display: grid; gap: 13px; }
.job-card { border: 1px solid var(--line); border-radius: 14px; background: #0b111b; overflow: hidden; }
.job-header { display: grid; grid-template-columns: 1fr auto; gap: 12px; padding: 14px; }
.job-header h3 { margin: 0 0 5px; font-size: .92rem; overflow-wrap: anywhere; }
.job-meta { display: flex; flex-wrap: wrap; gap: 8px; color: var(--muted); font-size: .72rem; }
.job-output { margin: 0; padding: 13px; max-height: 360px; overflow: auto; border-top: 1px solid var(--line); white-space: pre-wrap; color: #b6c5da; background: #070b12; font: .73rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; }
.security-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.definition-list { display: grid; grid-template-columns: auto 1fr; gap: 8px 14px; margin: 0; }
.definition-list dt { color: var(--muted); font-size: .78rem; }.definition-list dd { margin: 0; overflow-wrap: anywhere; }
.client-list { display: grid; gap: 9px; }
.client-item { padding: 11px; border: 1px solid var(--line); border-radius: 10px; background: #0b111b; }
.client-item small { display: block; color: var(--muted); margin-top: 4px; overflow-wrap: anywhere; }
.git-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.git-stat { padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: #0a1019; }
.git-stat span, .git-stat strong { display: block; }.git-stat span { color: var(--muted); font-size: .72rem; }.git-stat strong { margin-top: 7px; overflow-wrap: anywhere; }
.ci-list { display: grid; gap: 8px; }
.ci-item { display: grid; grid-template-columns: 1fr auto; gap: 10px; padding: 11px; border: 1px solid var(--line); border-radius: 10px; background: #0a1019; }
.ci-item small { color: var(--muted); }
dialog { width: min(800px,calc(100vw - 30px)); max-height: calc(100vh - 36px); border: 1px solid var(--line); border-radius: 20px; padding: 0; color: var(--text); background: var(--panel); box-shadow: var(--shadow); }
dialog.wide-dialog { width: min(1120px,calc(100vw - 30px)); }
dialog::backdrop { background: rgba(1,4,9,.76); backdrop-filter: blur(6px); }
.dialog-form { display: grid; gap: 15px; padding: 24px; overflow-y: auto; max-height: calc(100vh - 38px); }
.dialog-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }.dialog-header h2 { margin: 0; }.icon-button { padding: 3px 10px; font-size: 1.6rem; background: transparent; }
.form-grid { display: grid; gap: 14px; }.form-grid.two { grid-template-columns: 1fr 1fr; }.form-grid.three { grid-template-columns: repeat(3,1fr); }.form-grid.four { grid-template-columns: repeat(4,1fr); }
.dialog-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 4px; }.split-actions { display: grid; grid-template-columns: auto auto 1fr auto; align-items: center; }
.comments-preview { display: grid; gap: 7px; }
.comment-item { padding: 9px 11px; border: 1px solid var(--line); border-radius: 9px; background: #0a1019; }
.comment-item strong { font-size: .75rem; }.comment-item p { margin: 4px 0 0; color: var(--muted); white-space: pre-wrap; font-size: .78rem; }
.activity-dialog { width: min(1240px,calc(100vw - 30px)); }
.activity-dialog-content { min-height: min(760px,calc(100vh - 38px)); }
.activity-meta { margin-top: 5px; color: var(--muted); font-size: .8rem; line-height: 1.5; }
.activity-toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.activity-toolbar input[type="search"] { flex: 1 1 280px; }
.inline-check { display: flex; grid-template-columns: auto 1fr; align-items: center; gap: 6px; white-space: nowrap; font-size: .75rem; font-weight: 500; }
.inline-check input { width: auto; }
.activity-security-note { margin: 0; padding: 10px 12px; border: 1px solid rgba(34,211,238,.2); border-radius: 10px; color: #a5ddea; background: rgba(34,211,238,.06); font-size: .78rem; line-height: 1.45; }
.activity-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; min-height: 0; }
.activity-payload-panel { min-width: 0; display: grid; grid-template-rows: auto minmax(280px,1fr); border: 1px solid var(--line); border-radius: 13px; overflow: hidden; background: #080d15; }
.payload-heading { display: flex; justify-content: space-between; gap: 12px; padding: 11px 13px; border-bottom: 1px solid var(--line); color: #dbe6f5; font-weight: 750; }
.payload-heading > div { display: flex; align-items: center; gap: 8px; }.payload-heading small { color: var(--muted); font-weight: 500; }
.activity-payload { margin: 0; padding: 14px; max-height: 58vh; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; color: #b9c7da; background: #080d15; font: .76rem/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; tab-size: 2; }
.activity-payload.no-wrap { white-space: pre; overflow-wrap: normal; }
.activity-payload mark { color: #111827; background: #fbbf24; border-radius: 2px; }
.compare-section { padding: 15px; border: 1px solid var(--line); border-radius: 14px; background: #0a1019; }
.compare-payload { max-height: 36vh; border: 1px solid var(--line); border-radius: 10px; }
.toast { position: fixed; right: 24px; bottom: 24px; z-index: 20; max-width: 460px; padding: 13px 17px; border: 1px solid var(--line); border-radius: 12px; background: #151d2a; box-shadow: var(--shadow); }
.warning-box { padding: 11px 13px; border: 1px solid rgba(251,191,36,.35); border-radius: 11px; color: #fde8a8; background: rgba(251,191,36,.08); }
.danger-box { padding: 11px 13px; border: 1px solid rgba(251,113,133,.35); border-radius: 11px; color: #ffd4dc; background: rgba(251,113,133,.08); }
@media (max-width: 1300px) { .metric-grid { grid-template-columns: repeat(3,1fr); }.control-grid { grid-template-columns: repeat(2,1fr); }.filter-bar { grid-template-columns: repeat(4,minmax(130px,1fr)); }.filter-bar > :first-child { grid-column: span 2; } }
@media (max-width: 1050px) { .dashboard-grid { grid-template-columns: 1fr; }.context-grid, .security-grid { grid-template-columns: 1fr; }.form-grid.four { grid-template-columns: 1fr 1fr; }.git-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 900px) { .activity-detail-grid { grid-template-columns: 1fr; }.activity-payload { max-height: 42vh; }.control-grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .app-shell { grid-template-columns: 1fr; }.sidebar { position: static; height: auto; border-right: 0; border-bottom: 1px solid var(--line); }.project-list { display: flex; overflow-x: auto; }.project-nav-item { min-width: 190px; }.main-shell { min-width: 0; }.topbar, .content-section { padding-left: 17px; padding-right: 17px; }.topbar { align-items: flex-start; }.topbar-actions { flex-direction: column; }.metric-grid { grid-template-columns: 1fr 1fr; }.project-hero { flex-direction: column; }.project-actions { justify-content: flex-start; }.form-grid.two, .form-grid.three, .form-grid.four { grid-template-columns: 1fr; }.filter-bar { grid-template-columns: 1fr; }.filter-bar > :first-child { grid-column: auto; }.split-actions { display: flex; flex-wrap: wrap; }.git-grid { grid-template-columns: 1fr; } }
.current-user { align-self:center; padding:7px 10px; border:1px solid var(--line); border-radius:999px; color:#cbd5e1; font-size:.75rem; background:#0b111b; }
.status-dot.offline { background:var(--danger); box-shadow:0 0 13px var(--danger); }
.status-dot.connecting { background:var(--warning); box-shadow:0 0 13px var(--warning); }
.operation-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:14px; }
.operation-card { padding:16px; border:1px solid var(--line); border-radius:14px; background:#0b111b; min-width:0; }
.operation-card h3 { margin:8px 0; overflow-wrap:anywhere; }.operation-card p { color:var(--muted); white-space:pre-wrap; line-height:1.45; }
.operation-meta { display:flex; flex-wrap:wrap; gap:7px; color:#8493a8; font-size:.72rem; }
.operation-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.lock-card.active { border-color:rgba(251,191,36,.42); }.lock-card.expired,.lock-card.released { opacity:.68; }
.health-list { display:grid; gap:7px; margin-top:10px; }.health-item { display:grid; grid-template-columns:1fr auto; gap:9px; padding:8px; border-radius:9px; background:#080d15; font-size:.75rem; }
.diagnostic-card.critical,.diagnostic-card.error { border-color:rgba(251,113,133,.42); }.diagnostic-card.warning { border-color:rgba(251,191,36,.4); }
.diagnostic-next { padding:10px; border-radius:9px; color:#bfdbfe; background:rgba(96,165,250,.08); font-size:.8rem; }
.user-table { display:grid; gap:8px; }.user-row { display:grid; grid-template-columns:minmax(170px,1fr) auto auto auto; gap:10px; align-items:center; padding:11px; border:1px solid var(--line); border-radius:11px; background:#0b111b; }
.start-context { max-height:420px; overflow:auto; white-space:pre-wrap; padding:13px; border:1px solid var(--line); border-radius:10px; color:#b9c7da; background:#080d15; font: .76rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; }
@media (max-width:760px) { .user-row { grid-template-columns:1fr; }.operation-grid { grid-template-columns:1fr; } }
.presence-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(340px,1fr)); gap:14px; }
.presence-card { position:relative; overflow:hidden; }
.presence-card::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:#64748b; }
.presence-card.working::before { background:#34d399; }.presence-card.waiting::before { background:#fbbf24; }.presence-card.blocked::before { background:#fb7185; }.presence-card.offline::before { background:#64748b; }
.presence-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.presence-identity { display:flex; align-items:center; gap:10px; min-width:0; }
.presence-avatar { width:38px; height:38px; border-radius:50%; display:grid; place-items:center; background:rgba(96,165,250,.12); border:1px solid rgba(96,165,250,.28); font-weight:800; color:#bfdbfe; flex:0 0 auto; }
.presence-files { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }.presence-file { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:4px 7px; border-radius:7px; background:#080d15; border:1px solid var(--line); font: .69rem ui-monospace,SFMono-Regular,Menlo,monospace; color:#aebed2; }
.progress-row { display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center; margin-top:12px; }.progress-track { height:9px; border-radius:999px; overflow:hidden; background:#080d15; border:1px solid var(--line); }.progress-fill { height:100%; min-width:0; background:linear-gradient(90deg,#60a5fa,#34d399); transition:width .25s ease; }.progress-label { min-width:48px; text-align:right; font-weight:700; color:#dbeafe; }
.presence-step { padding:10px; border-radius:9px; background:rgba(96,165,250,.07); border:1px solid rgba(96,165,250,.14); color:#c9d7e8; white-space:pre-wrap; }
.auto-handoff-box { margin-top:10px; padding:10px; border:1px solid rgba(167,139,250,.25); border-radius:9px; background:rgba(167,139,250,.06); }
.auto-handoff-box code { display:block; margin-top:6px; white-space:pre-wrap; overflow-wrap:anywhere; color:#ddd6fe; }
.orchestrator-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(360px,1fr)); gap:14px; }
.assignment-card { position:relative; overflow:hidden; }
.assignment-card::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:#64748b; }
.assignment-card.working::before,.assignment-card.ready_for_integration::before,.assignment-card.completed::before { background:#34d399; }
.assignment-card.blocked::before,.assignment-card.failed::before,.assignment-card.changes_requested::before { background:#fb7185; }
.assignment-card.review_requested::before,.assignment-card.waiting::before { background:#fbbf24; }
.assignment-number { width:44px; height:44px; display:grid; place-items:center; border-radius:12px; background:rgba(167,139,250,.12); border:1px solid rgba(167,139,250,.3); font-weight:800; color:#ddd6fe; }
.assignment-head { display:flex; align-items:flex-start; gap:12px; }
.assignment-head > div:nth-child(2) { min-width:0; flex:1; }
.lease-bar { height:7px; border-radius:999px; background:#080d15; border:1px solid var(--line); overflow:hidden; margin-top:8px; }
.lease-fill { height:100%; background:linear-gradient(90deg,#a78bfa,#60a5fa); }
.message-list { display:grid; gap:9px; }
.message-card { border:1px solid var(--line); border-radius:10px; padding:12px; background:#0a1019; }
.message-card.unread { border-color:rgba(96,165,250,.45); box-shadow:0 0 0 1px rgba(96,165,250,.08); }
.message-card.blocker { border-left:4px solid #fb7185; }
.message-card.instruction { border-left:4px solid #60a5fa; }
.message-card.review_request,.message-card.review_result { border-left:4px solid #a78bfa; }
.integration-box { margin-top:10px; padding:10px; border-radius:9px; background:rgba(52,211,153,.06); border:1px solid rgba(52,211,153,.2); }
.integration-box.conflict { background:rgba(251,113,133,.06); border-color:rgba(251,113,133,.25); }
.worktree-path { display:block; padding:8px; margin-top:8px; border-radius:8px; background:#070b12; border:1px solid var(--line); white-space:normal; overflow-wrap:anywhere; }
.orchestrator-columns { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr); gap:16px; }
@media (max-width:1050px) { .orchestrator-columns { grid-template-columns:1fr; } }