/* Collaboration network ported from the AWR website. Inspector overrides follow below. */
#view-team .collaboration-board {border:1px solid var(--glass-border);border-radius:24px;padding:24px;background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),var(--shadow-m)}
#view-team .collab-layout {display:grid;grid-template-columns:minmax(0,3fr) minmax(245px,1fr);gap:14px}
#view-team .graph-area {border:1px solid var(--line);border-radius:18px;padding:18px 14px 22px;min-width:0;background:linear-gradient(180deg,#fbfcfe,#f4f7fc)}
#view-team .task-detail {align-self:start;position:sticky;top:88px}
#view-team .demo-heading {padding:0 8px 14px}#view-team .demo-heading h2 {font-size:21px;letter-spacing:-.02em}
#view-team .demo-heading>p:not(.scene-kicker) {font-size:11px;color:var(--muted);margin-top:4px}
#view-team .scene-kicker {font-size:9px;letter-spacing:.16em;color:var(--faint);margin-bottom:5px;font-weight:600}
#view-team .scene-frame {position:relative;overflow:hidden;border-radius:14px;background:radial-gradient(130% 100% at 50% -10%,#ffffff 0%,#eef3fb 52%,#e2eaf7 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -18px 40px -20px rgba(13,48,120,.18)}
#view-team .scene-frame::before {content:"";position:absolute;inset:0;background:radial-gradient(55% 42% at 50% 0%,rgba(10,92,255,.10),transparent 70%);pointer-events:none;z-index:0}
#view-team .scene-frame::after {content:"";position:absolute;left:8%;right:8%;bottom:6%;height:26%;background:radial-gradient(50% 100% at 50% 100%,rgba(10,92,255,.08),transparent 75%);pointer-events:none;z-index:0}
#view-team .scene {position:relative;padding:2px 0 0;z-index:1}
#view-team .scene-title {font-size:16px;margin-top:16px;letter-spacing:-.01em}
#view-team .scene-subtitle {font-size:12px;color:var(--muted);margin-top:5px;max-width:640px;line-height:1.8}
#view-team .flow-grid {position:relative;min-height:560px;margin:0;padding:0 4px}
#view-team .project-card {position:absolute;transform:translateX(-50%);display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 16px);padding:14px 18px;border-radius:18px;background:linear-gradient(180deg,#ffffff,#eef4ff);border:1px solid rgba(10,92,255,.32);box-shadow:0 18px 38px -14px rgba(10,92,255,.45),inset 0 1px 0 #fff;z-index:2;text-align:left}
#view-team .project-badge {width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0a5cff,#6aa5ff);box-shadow:0 8px 16px -6px rgba(10,92,255,.6),inset 0 1px 0 rgba(255,255,255,.35);flex-shrink:0}
#view-team .project-badge svg {width:21px;height:21px}
#view-team .project-info {min-width:0}
#view-team .project-name-row {display:flex;align-items:center;gap:8px}
#view-team .project-name-row strong {font-size:14px;letter-spacing:-.01em}
#view-team .project-chip {font-size:9px;font-weight:650;padding:2px 9px;border-radius:999px;background:rgba(10,92,255,.1);color:#0a5cff;border:1px solid rgba(10,92,255,.26);letter-spacing:.03em}
#view-team .project-url {display:block;font-size:9.5px;color:var(--muted);margin-top:3px}
#view-team .project-goal {display:block;font-size:9.5px;color:var(--faint);margin-top:2px}
#view-team .project-stats {display:flex;gap:16px;flex-shrink:0;padding-left:16px;border-left:1px solid rgba(10,92,255,.15)}
#view-team .project-stats span {display:flex;flex-direction:column;align-items:center;gap:2px}
#view-team .project-stats b {font-size:15px;color:var(--ink);letter-spacing:-.01em}
#view-team .project-stats small {font-size:8.5px;color:var(--muted);letter-spacing:.05em;white-space:nowrap}
#view-team .lane-head {position:absolute;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:8px 16px;border-radius:12px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 14px -8px rgba(13,48,120,.25);z-index:2;white-space:nowrap;text-align:left}
#view-team .lane-head i {width:10px;height:10px;border-radius:3px;flex-shrink:0}
#view-team .lane-head strong {display:block;font-size:11px}
#view-team .lane-head small {display:block;font-size:8px;color:var(--faint);margin-top:1px;letter-spacing:.04em}
#view-team .task-node {position:absolute;width:212px;transform:translateX(-50%);display:flex;align-items:flex-start;gap:10px;padding:11px 13px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 28px -14px rgba(13,48,120,.3);text-align:left;min-width:0;transition:box-shadow .35s var(--ease),border-color .3s,opacity .3s}
#view-team .node-status {position:relative;width:15px;height:15px;border-radius:50%;border:1.5px solid #b9c4d6;background:#e8edf5;flex-shrink:0;margin-top:2px;transition:background .3s,border-color .3s,box-shadow .3s}
#view-team .node-body {display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
#view-team .node-top {display:flex;align-items:center;justify-content:space-between;gap:8px}
#view-team .node-id {font-size:8.5px;letter-spacing:.09em;color:var(--faint);font-weight:650}
#view-team .task-node strong {font-size:12px;line-height:1.45;font-weight:650}
#view-team .node-people {display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:8.5px;color:var(--muted);margin-top:2px}
#view-team .node-owner {font-weight:600}
#view-team .node-agent {padding:1px 7px;border-radius:980px;background:rgba(10,92,255,.08);border:1px solid rgba(10,92,255,.16);color:var(--blue);font-weight:550}
#view-team .node-lane {display:none;padding:1px 7px;border-radius:980px;background:rgba(13,48,120,.06);color:var(--faint)}
#view-team .task-state {font-size:8.5px;padding:1px 8px;border-radius:980px;border:1px solid var(--line);color:var(--faint);background:rgba(255,255,255,.6);white-space:nowrap}
#view-team .task-node[data-status="done"] {border-color:rgba(31,174,116,.35)}
#view-team .task-node[data-status="done"] .node-status {background:#1fae74;border-color:#1fae74;box-shadow:0 0 10px rgba(31,174,116,.6)}
#view-team .task-node[data-status="done"] .task-state {color:#12855c;border-color:rgba(31,174,116,.35);background:rgba(31,174,116,.08)}
#view-team .task-node[data-status="developing"] {border-color:rgba(10,92,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 1px rgba(10,92,255,.2),0 18px 36px -12px rgba(10,92,255,.45)}
#view-team .task-node[data-status="developing"] .node-status {background:linear-gradient(135deg,#57b8ff,#0a5cff);border-color:transparent;box-shadow:0 0 12px rgba(10,92,255,.85)}
#view-team .task-node[data-status="developing"] .node-status::after {content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid rgba(10,92,255,.55);animation:halo 2.4s var(--ease) infinite}
#view-team .task-node[data-status="developing"] .task-state {color:var(--blue);border-color:rgba(10,92,255,.35);background:rgba(10,92,255,.07)}
#view-team .task-node[data-status="claimed"] {border-color:rgba(122,165,248,.5)}
#view-team .task-node[data-status="claimed"] .node-status {background:#fff;border-color:#7aa5f8;box-shadow:inset 0 0 0 3px rgba(122,165,248,.55)}
#view-team .task-node[data-status="claimed"] .task-state {color:#3b6fd4;border-color:rgba(122,165,248,.45);background:rgba(122,165,248,.1)}
#view-team .task-node[data-status="review"] {border-color:rgba(245,158,11,.5)}
#view-team .task-node[data-status="review"] .node-status {background:#f59e0b;border-color:#f59e0b;box-shadow:0 0 10px rgba(245,158,11,.6)}
#view-team .task-node[data-status="review"] .task-state {color:#b4740a;border-color:rgba(245,158,11,.4);background:rgba(245,158,11,.1)}
#view-team .task-node[data-status="blocked"] {border-color:rgba(225,75,84,.55);background:rgba(255,248,248,.75)}
#view-team .task-node[data-status="blocked"] .node-status {background:#e14b54;border-color:#e14b54;box-shadow:0 0 10px rgba(225,75,84,.6)}
#view-team .task-node[data-status="blocked"] .task-state {color:#c93b44;border-color:rgba(225,75,84,.4);background:rgba(225,75,84,.09)}
#view-team .task-node[data-status="waiting"] {opacity:.72;border-style:dashed}
#view-team .task-node[aria-pressed="true"] {outline:2px solid var(--blue);outline-offset:2px}
#view-team .task-node:focus-visible {outline:3px solid #0a3faa;outline-offset:3px}
#view-team .task-node:hover {box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 3px rgba(10,92,255,.14),0 18px 34px -14px rgba(13,48,120,.36)}
#view-team .flow-wires {position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#view-team .flow-wires .lane-rail {stroke:rgba(84,116,175,.2);stroke-width:1;stroke-dasharray:2 6}
#view-team .flow-wires .beam-base {fill:none;stroke:rgba(84,116,175,.42);stroke-width:1.4;vector-effect:non-scaling-stroke}
#view-team .flow-wires .beam-cross {stroke:rgba(225,75,84,.55);stroke-dasharray:3 5}
#view-team .flow-legend {display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;font-size:10px;color:var(--faint);margin-top:16px;padding-top:14px;padding-bottom:16px;border-top:1px dashed var(--line)}
#view-team .lg-title {font-weight:650;letter-spacing:.1em;text-transform:uppercase;font-size:8px}
#view-team .lg-item {display:flex;align-items:center;gap:5px}
#view-team .lg-dot {width:11px;height:11px;border-radius:50%;flex-shrink:0;border:1.5px solid #b9c4d6;background:#e8edf5}
#view-team .lg-dot[data-status="done"] {background:#1fae74;border-color:#1fae74}
#view-team .lg-dot[data-status="developing"] {background:linear-gradient(135deg,#57b8ff,#0a5cff);border-color:transparent;box-shadow:0 0 6px rgba(10,92,255,.6)}
#view-team .lg-dot[data-status="claimed"] {background:#fff;border-color:#7aa5f8;box-shadow:inset 0 0 0 2px rgba(122,165,248,.55)}
#view-team .lg-dot[data-status="review"] {background:#f59e0b;border-color:#f59e0b}
#view-team .lg-dot[data-status="blocked"] {background:#e14b54;border-color:#e14b54}
#view-team .lg-line {width:18px;height:0;border-radius:0;border-top:2px solid rgba(84,116,175,.65)}
#view-team .lg-line-cross {border-top-style:dashed;border-top-color:#e14b54}
#view-team .task-detail {border:1px solid var(--glass-border);border-radius:18px;padding:22px 19px;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),var(--shadow-s);min-width:0}
#view-team .task-detail h4, #view-team .task-detail h3 {font-size:17px;color:var(--ink);line-height:1.5;letter-spacing:-.01em}
#view-team .task-detail>p {font-size:12px;color:var(--muted)}
#view-team .task-detail-heading {padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--line)}
#view-team .task-detail-heading>span {display:block;font-size:10px;letter-spacing:.1em;color:var(--blue);margin-bottom:8px;font-weight:600;text-transform:uppercase}
#view-team .net-heading {position:relative;text-align:center;padding-top:4px}
#view-team .net-heading .scene-kicker {margin-bottom:6px}
#view-team .net-heading h2 {font-size:24px}
#view-team .net-heading .net-subtitle {font-size:10px;letter-spacing:.14em;color:var(--faint);margin-top:6px;text-transform:uppercase}
#view-team .net-heading .net-note {display:inline-block;font-size:10px;color:#8a6a1f;background:rgba(214,158,46,.1);border:1px solid rgba(214,158,46,.28);border-radius:999px;padding:3px 12px;margin-top:8px}
#view-team .variant-toggle {position:absolute;right:6px;top:6px;display:flex;gap:3px;background:rgba(0,0,0,.05);border-radius:980px;padding:3px;z-index:3}
#view-team .variant-toggle button {border:0;background:transparent;border-radius:980px;padding:6px 15px;font-size:10.5px;font-weight:550;color:var(--muted);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
#view-team .variant-toggle button[aria-pressed="true"] {background:#fff;color:var(--blue);box-shadow:0 2px 8px rgba(16,24,40,.12),0 0 0 1px rgba(10,92,255,.15)}
#view-team .net-heading .preview-badge {position:absolute;right:6px;top:6px;transform:none}
#view-team .detail-state {display:inline-block;margin-top:9px;padding:3px 10px;border-radius:980px;font-size:9px;font-style:normal;font-weight:600;border:1px solid var(--line);color:var(--faint);background:rgba(255,255,255,.6)}
#view-team .detail-state[data-status="developing"] {color:var(--blue);border-color:rgba(10,92,255,.35);background:rgba(10,92,255,.07)}
#view-team .detail-state[data-status="claimed"] {color:#3b6fd4;border-color:rgba(122,165,248,.45);background:rgba(122,165,248,.1)}
#view-team .detail-state[data-status="review"] {color:#b4740a;border-color:rgba(245,158,11,.4);background:rgba(245,158,11,.1)}
#view-team .detail-state[data-status="blocked"] {color:#c93b44;border-color:rgba(225,75,84,.4);background:rgba(225,75,84,.09)}
#view-team .detail-state[data-status="done"] {color:#12855c;border-color:rgba(31,174,116,.35);background:rgba(31,174,116,.08)}
#view-team .task-detail-heading>p {font-size:11px;color:var(--muted);margin-top:10px;line-height:1.8}
#view-team .detail-section {margin-bottom:12px;background:rgba(255,255,255,.62);border:1px solid var(--glass-border);border-radius:13px;padding:13px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
#view-team .detail-section:last-child {margin-bottom:0}
#view-team .detail-section h5 {font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);font-weight:650;margin-bottom:10px}
#view-team .task-detail .detail-section dl {display:flex;flex-direction:column;gap:9px;margin:0}
#view-team .task-detail .detail-section dl>div {display:grid;grid-template-columns:82px 1fr;gap:10px;align-items:baseline}
#view-team .task-detail .detail-section dt {font-size:9.5px;font-weight:550;color:var(--faint);margin:0}
#view-team .task-detail .detail-section dd {margin:0;font-size:10.5px;color:var(--ink);line-height:1.6;word-break:break-word}
#view-team .kv-flag {display:inline-block;padding:1px 9px;border-radius:980px;font-size:9px;font-weight:650}
#view-team .kv-flag[data-v="ok"] {color:#12855c;background:rgba(31,174,116,.1);border:1px solid rgba(31,174,116,.3)}
#view-team .kv-flag[data-v="warn"] {color:#b4740a;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.35)}
#view-team .kv-flag[data-v="info"] {color:var(--blue);background:rgba(10,92,255,.07);border:1px solid rgba(10,92,255,.3)}
#view-team .kv-flag[data-v="bad"] {color:#c93b44;background:rgba(225,75,84,.09);border:1px solid rgba(225,75,84,.35)}
#view-team .task-detail dl {display:flex;flex-direction:column;gap:16px;margin:0}
#view-team .task-detail dt {font-size:11px;font-weight:650;margin-bottom:4px}
#view-team .task-detail dd {margin:0;font-size:11px;color:var(--muted);line-height:1.85}
#view-team .scene-narration {display:flex;align-items:center;gap:18px;padding:18px 24px;margin-top:14px;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;min-height:88px}

/* Inspector workspace: one connection gate and a shared page header. */
#view-team {
  --ink: #1d283d; --muted: #65728a; --faint: #75829a; --blue: #0a5cff;
  --line: rgba(30,62,115,.12); --glass: rgba(255,255,255,.88);
  --glass-border: rgba(255,255,255,.88); --shadow-s: 0 6px 20px rgba(16,24,40,.05);
  --shadow-m: 0 18px 55px -24px rgba(10,60,180,.17); --ease: cubic-bezier(.22,1,.36,1);
  --accent: #0a5cff; --accent-wash: rgba(10,92,255,.07); --accent-soft: #a7c3ff;
  color: var(--ink); max-width: 1800px; margin: 0 auto;
}
body:has(#view-team:not([hidden])) { --accent: #0a5cff; --accent-wash: rgba(10,92,255,.07); --accent-glow: rgba(10,92,255,.08); }
body:has(#view-team:not([hidden])) .shell { grid-template-columns: minmax(0,1fr); background: none; }
body:has(#view-team:not([hidden])) .shell::before { left: 0; background: radial-gradient(1000px 600px at 65% 0,rgba(70,126,255,.06),transparent 80%); }
body:has(#view-team:not([hidden])) .rail { flex-direction: row; min-height: 0; padding: 6px 24px; overflow-x: auto; border-bottom: 1px solid var(--line); background: var(--surface); }
body:has(#view-team:not([hidden])) .rail-head,
body:has(#view-team:not([hidden])) .rail a[aria-current=true]::before { display: none; }
body:has(#view-team:not([hidden])) .rail:not(:has(a:not([hidden]):not([href="#team"]))) { display: none; }
body:has(#view-team:not([hidden])) main { padding: 26px 28px 24px; }
#view-team .collaboration-board { padding: 0; overflow: hidden; border-color: var(--line); box-shadow: var(--shadow-m); }
#view-team .team-workspace-header { display: flex; align-items: center; gap: 28px; padding: 22px 26px; border-bottom: 1px solid var(--line); }
#view-team .team-workspace-title { flex-shrink: 0; }
#view-team .team-workspace-title h1 { font: 650 22px/1.35 var(--f-ui); margin: 0; letter-spacing: -.025em; }
#view-team .team-workspace-title p { margin: 12px 0 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
#teamProjects { display: flex; align-items: center; gap: 10px; min-width: 0; }
#teamProjects h3 { margin: 0; font-size: 11px; font-weight: 500; color: var(--faint); white-space: nowrap; }
#teamProjectSelect { font: inherit; font-size: 13px; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 8px; padding: 9px 30px 9px 12px; max-width: min(360px,55vw); }
#teamAuth { min-width: 0; }
#teamAuth.signed-in { margin-left: auto; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
#teamAuth.signed-in > p { margin: 0 6px 0 0; font-size: 11px; color: var(--muted); }
#teamAuth.signed-in > p:first-child::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #29a774; margin-right: 6px; vertical-align: 1px; }
#view-team .btn { background: var(--surface); border: 1px solid var(--line); color: var(--muted); box-shadow: none; text-transform: none; letter-spacing: 0; border-radius: 8px; min-height: 32px; padding: 6px 12px; font: 500 12px/1.4 var(--f-ui); }
#view-team .btn.primary { background: var(--surface); color: var(--blue); border-color: var(--accent-soft); box-shadow: 0 1px 4px rgba(16,24,40,.08); }
#view-team .team-grid { grid-template-columns: minmax(0,3fr) minmax(290px,1fr); gap: 20px; align-items: start; padding: 22px; }
#view-team .team-grid:has(> .task-detail[hidden]) { grid-template-columns: minmax(0,1fr); }
#view-team .graph-area { padding: 0; border: 0; border-radius: 0; background: none; }
#view-team .network-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; min-height: 40px; margin-bottom: 16px; }
#view-team .network-header h2 { font: 600 16px/1.4 var(--f-ui); letter-spacing: -.015em; text-transform: none; color: var(--ink); }
#view-team .team-toolbar { display: flex; align-items: center; gap: 12px; position: static; padding: 0; margin: 0; border: 0; }
#view-team .team-segment { display: flex; gap: 2px; padding: 3px; border-radius: 9px; background: var(--accent-wash); }
#view-team .team-segment .btn { border: 1px solid transparent; min-height: 29px; background: transparent; padding: 5px 12px; font-size: 11px; }
#view-team .team-segment .btn.primary { background: var(--surface); border-color: var(--line); color: var(--blue); }
#view-team .network-demo-note { margin: 0 0 14px; font-size: 11px; color: #906b21; }
#view-team .scene-frame { overflow: auto; max-height: 76vh; scroll-padding: 24px; }
#view-team .scene-frame:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
#view-team .flow-grid { min-height: 380px; }
#view-team .project-card { min-width: min(460px,100% - 20px); }
#view-team .project-info { flex: 1; max-width: 320px; overflow-wrap: anywhere; }
#view-team .project-badge { font-size: 22px; font-weight: 750; }
#view-team .project-name-row strong { font-size: 14px; }
#view-team .project-stats small { font-size: 9px; }
#view-team .task-node { cursor: pointer; z-index: 2; color: var(--ink); line-height: 1.6; }
#view-team .task-node strong { overflow-wrap: anywhere; }
#view-team .node-top { flex-wrap: wrap; gap: 4px; }
#view-team .node-id { overflow-wrap: anywhere; }
#view-team .lane-head { width: 190px; white-space: normal; overflow-wrap: anywhere; }
#view-team .node-note { color: #a7690a; font-size: 9px; }
#view-team .task-detail { top: 78px; max-height: calc(100vh - 104px); overflow: auto; padding: 20px; border-color: var(--line); background: var(--surface); box-shadow: none; }
#view-team .task-detail-heading h4 { margin: 0; }
#view-team .task-detail .detail-section { border: 0; padding: 13px 8px; }
#view-team .task-detail .detail-section h5 { margin: 0 0 12px; font-size: 10px; }
#view-team .task-detail .detail-section dt { font-size: 11px; }
#view-team .task-detail .detail-section dd { font-size: 12px; }
#view-team .task-detail > h3 { color: var(--blue); font-size: 11px; margin: 24px 0 12px; }
#view-team .task-detail ul { padding-left: 18px; font-size: 12px; line-height: 1.8; }
#view-team .task-detail code { display: block; font-size: 10px; overflow-wrap: anywhere; }
#view-team .network-coverage { display: flex; flex-wrap: wrap; gap: 6px 14px; color: var(--faint); font-size: 11px; margin: -4px 0 12px; }
#view-team .network-empty { padding: 90px 24px; text-align: center; color: var(--muted); border-radius: 14px; background: var(--accent-wash); }
#view-team .lg-rail { border-top-style: dotted; opacity: .65; }
#view-team .team-error { color: var(--crit); background: var(--crit-wash); padding: 10px; border-radius: 8px; overflow-wrap: anywhere; }
#teamAuth.signed-in .team-error { flex-basis: 100%; max-width: 440px; }
#view-team .raw-fold { margin: 0; padding: 14px 24px; border-top: 1px solid var(--line); font-size: 11px; }
body:has(#view-team:not([hidden])) footer.page { margin-top: 24px; padding-top: 0; border: 0; font-size: 11px; }
body:has(#view-team:not([hidden])) footer.page a { overflow-wrap: anywhere; min-width: 0; }
/* Anonymous visitors see one coherent sign-in card, never empty project panels. */
#view-team[data-team-state="signed-out"] { max-width: 480px; min-height: calc(100vh - 200px); display: grid; align-content: center; padding: 28px 0; }
#view-team[data-team-state="signed-out"] .collaboration-board { border-radius: 20px; }
#view-team[data-team-state="signed-out"] .team-workspace-header { display: block; padding: 38px; border: 0; }
#view-team[data-team-state="signed-out"] .team-workspace-title { margin-bottom: 30px; }
#view-team[data-team-state="signed-out"] .team-workspace-title h1 { font-size: 28px; }
#view-team .team-login-label { display: block; color: var(--ink); font-size: 12px; font-weight: 550; margin-bottom: 9px; }
#view-team .team-login { display: grid; gap: 12px; }
#view-team .team-login input { width: 100%; min-width: 0; box-sizing: border-box; min-height: 46px; border: 1px solid var(--line-strong); background: var(--surface); color: var(--ink); border-radius: 9px; padding: 12px; font: 14px var(--f-mono); }
#view-team .team-login .btn { min-height: 44px; background: #0a5cff; color: white; border: 0; border-radius: 9px; font-size: 14px; }
#view-team .team-login .btn:hover { background: #034bdd; }
#view-team .team-login-help { margin: 13px 0 0; font-size: 11px; line-height: 1.7; color: var(--muted); }
body:has(#view-team[data-team-state="signed-out"]:not([hidden])) #footMode { display: none; }
@keyframes halo { 0%,100% { opacity: .7; transform: scale(.9); } 50% { opacity: .2; transform: scale(1.25); } }
@media (prefers-reduced-motion: reduce) { #view-team .node-status::after { animation: none !important; } }
@media (max-width: 1050px) {
  #view-team .team-workspace-header { flex-wrap: wrap; gap: 16px 24px; }
  #view-team .team-grid { grid-template-columns: minmax(0,1fr); }
  #view-team .task-detail { position: static; max-height: none; }
}
@media (max-width: 600px) {
  body:has(#view-team:not([hidden])) .topbar #tagBackend { display: none; }
  body:has(#view-team:not([hidden])) main { padding: 16px 12px; }
  #view-team .collaboration-board { border-radius: 16px; }
  #view-team .team-workspace-header { padding: 20px 16px; gap: 16px; }
  #view-team .team-workspace-title { width: 100%; }
  #view-team .team-workspace-title h1 { font-size: 21px; }
  #teamAuth.signed-in { width: 100%; margin-left: 0; justify-content: flex-start; }
  #view-team .team-grid { padding: 14px 10px; gap: 14px; }
  #view-team .network-header { gap: 8px; }
  #view-team .network-header h2 { font-size: 14px; }
  #view-team .team-toolbar { gap: 6px; }
  #view-team .team-toolbar .btn { flex: initial; padding: 5px 10px; }
  #view-team .task-detail { padding: 18px 14px; }
  #view-team .scene-frame { max-height: 60vh; }
  #view-team[data-team-state="signed-out"] { min-height: calc(100vh - 235px); }
  #view-team[data-team-state="signed-out"] .team-workspace-header { padding: 30px 24px; }
  #view-team[data-team-state="signed-out"] .team-workspace-title h1 { font-size: 25px; }
}
:root[data-theme="dark"] #view-team {
  --ink: #e4ecfa; --muted: #a7b6ce; --faint: #99aac3; --blue: #83afff;
  --line: rgba(140,167,208,.2); --glass: rgba(23,35,56,.9); --glass-border: rgba(140,167,208,.18);
  --shadow-s: 0 6px 20px rgba(0,0,0,.2); --accent: #83afff;
}
:root[data-theme="dark"] #view-team :is(.scene-frame,.project-card) { background: linear-gradient(150deg,#17253e,#111c30); }
:root[data-theme="dark"] #view-team :is(.lane-head,.detail-section,.task-state,.detail-state) { background: rgba(23,35,56,.75); }
:root[data-theme="dark"] #view-team :is(.collaboration-board,.scene-frame,.project-card,.lane-head,.task-node,.task-detail,.detail-section) { box-shadow: inset 0 1px 0 rgba(160,185,225,.1),var(--shadow-s); }
:root[data-theme="dark"] #view-team .task-node[data-status="blocked"] { background: rgba(86,35,46,.6); }
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) #view-team {
  --ink: #e4ecfa; --muted: #a7b6ce; --faint: #99aac3; --blue: #83afff;
  --line: rgba(140,167,208,.2); --glass: rgba(23,35,56,.9); --glass-border: rgba(140,167,208,.18);
  --shadow-s: 0 6px 20px rgba(0,0,0,.2); --accent: #83afff;
}
:root:not([data-theme="light"]) #view-team :is(.scene-frame,.project-card) { background: linear-gradient(150deg,#17253e,#111c30); }
:root:not([data-theme="light"]) #view-team :is(.lane-head,.detail-section,.task-state,.detail-state) { background: rgba(23,35,56,.75); }
:root:not([data-theme="light"]) #view-team :is(.collaboration-board,.scene-frame,.project-card,.lane-head,.task-node,.task-detail,.detail-section) { box-shadow: inset 0 1px 0 rgba(160,185,225,.1),var(--shadow-s); }
:root:not([data-theme="light"]) #view-team .task-node[data-status="blocked"] { background: rgba(86,35,46,.6); }
}

/* Compact member onboarding; long connection strings stay within the panel. */
#teamAuth.signed-in { flex-wrap: wrap; }
.team-connect { width: 100%; min-width: 0; margin-top: 12px; text-align: left; }
.team-connect summary { cursor: pointer; color: var(--accent, #2463eb); font-weight: 600; }
.team-connect-code { white-space: pre-wrap; overflow-wrap: anywhere; font: 12px/1.65 var(--font-mono, monospace); padding: 12px; background: var(--bg, #f3f7ff); border: 1px solid var(--border, #dbe4f1); border-radius: 8px; max-height: 230px; overflow: auto; }
.team-connect > code { display: block; overflow-wrap: anywhere; font-size: 12px; }
.team-connect .btn { margin-right: 8px; }