/* Geometry and typography follow the approved realremote-tree-v2 reference. */
.project-access-page,.support-setup-page,.support-agent-page { --support-ink:#111827; --support-muted:#667085; --support-line:#d7dbe2; --support-yellow:#ffd438; --support-green:#20ad5a; color:var(--support-ink); background:#f6f6f2; }
.project-access-page .network-record-shell { width:calc(100% - 64px); max-width:1240px; padding:24px 0 48px; }
#project-app:not([hidden]) { display:grid; grid-template-columns:280px minmax(0,1fr); min-height:690px; gap:0; border:1px solid var(--support-line); border-radius:20px; overflow:clip; align-items:stretch; background:#f6f6f2; font-family:Inter,ui-sans-serif,system-ui,sans-serif; }
#project-app * { box-sizing:border-box; }
.support-main { position:relative; min-width:0; padding:30px; }
.support-navigation-status { position:absolute; top:7px; right:30px; z-index:1; max-width:calc(100% - 60px); margin:0; color:var(--support-muted); font-size:12px; }
.project-route-content>h1:focus,.project-route-content h1[tabindex="-1"]:focus,.project-route-content h2[tabindex="-1"]:focus { outline:none; }
.project-shell-page .project-route-content>.network-focus-card { margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.project-shell-page .project-route-content>.network-focus-card h1 { margin:7px 0; }
.project-shell-page .project-route-content>.network-focus-card>.support-back { display:none; }
.project-shell-page.project-access-page>.network-record-shell { width:calc(100% - 64px); max-width:1240px; padding:24px 0 48px; }
.project-shell-page .support-main>.network-focus-card { margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.project-shell-page .support-main>.network-focus-card h1 { margin:7px 0; }
.project-access-page #support-tree { position:sticky; top:16px; align-self:start; max-height:calc(100vh - 32px); overflow:auto; }
.project-access-page #project-app { background:linear-gradient(to right,#fff 280px,#f6f6f2 280px); }
.project-access-page #support-tree { border-right:0; }
.project-access-page .support-main { border-left:1px solid var(--support-line); }
.project-shell-page .support-main>.network-focus-card>.network-back,.project-shell-page #agent-back { display:none; }
.project-shell-page .support-main>.network-focus-card>.support-back { display:none; }
.project-shell-page .support-account-panel h1,.project-shell-page .network-request-page h1 { margin:7px 0; font-size:29px; font-weight:500; letter-spacing:-.5px; }
.project-shell-page .support-account-panel>div>header p,.project-shell-page .network-request-page>header p { color:var(--support-muted); font-size:13px; }
.project-shell-page .network-account-section { margin-top:24px; }
.project-shell-page .network-account-section>header { padding-bottom:14px; border-bottom:1px solid var(--support-line); }
.project-shell-page .network-account-section h2 { font-size:18px; font-weight:500; }
.project-shell-page .network-account-section p { color:var(--support-muted); font-size:13px; }
.project-shell-page .network-account-box,.project-shell-page .support-account-panel .settings-list { border:1px solid var(--support-line); border-radius:13px; }
.project-shell-page .network-request-page { margin:0; padding:0; width:auto; }
#support-tree { padding:22px 14px; background:#fff; border:0; border-right:1px solid var(--support-line); border-radius:0; }
.support-brand { display:flex; align-items:center; gap:9px; margin:0 8px 24px; font-size:15px; font-weight:500; }
.support-brand-mark { display:grid; place-items:center; width:28px; height:28px; background:var(--support-yellow); border-radius:9px; }
.support-brand-mark svg { width:17px; height:17px; }
.support-tree-row { display:flex; align-items:center; min-height:40px; gap:0; position:relative; }
.support-tree-name { display:flex; align-items:center; gap:8px; flex:1; min-width:0; min-height:36px; color:#344054; background:transparent; border:0; border-radius:9px; padding:7px 4px; text-align:left; font:500 13px Inter,ui-sans-serif,system-ui,sans-serif; text-decoration:none; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.support-tree-name>svg { flex:0 0 16px; width:16px; height:16px; color:#667085; }
.support-tree-name.is-selected { background:#fff4ba; }
.support-tree-name:hover { background:#f2f4f7; }
.support-tree-name.is-selected:hover { background:#fff4ba; }
.support-tree-count { margin-left:auto; color:var(--support-muted); font-size:11px; font-weight:400; padding-right:7px; }
.support-tree-dot { flex:0 0 7px; width:7px; height:7px; margin:0; border-radius:50%; background:#aab1bc; }
.support-tree-dot.is-online { background:var(--support-green); }
.project-shell-page .member-avatar { display:grid; place-items:center; flex:0 0 24px; width:24px; min-width:24px; max-width:24px; height:24px; min-height:24px; max-height:24px; overflow:hidden; border-radius:50%; font-size:11px; }
.project-shell-page .member-avatar img { display:block; width:24px; max-width:24px; height:24px; max-height:24px; object-fit:cover; }
.support-chat { margin:28px 0 8px; border:1px solid var(--support-line); border-radius:16px; background:#fff; overflow:hidden; }
.support-chat-header { display:flex; align-items:center; gap:12px; padding:18px 22px; border-bottom:1px solid #eef0f3; }
.support-chat-header h2 { margin:0 auto 0 0; font-size:18px; font-weight:600; }
.support-chat select { font:inherit; font-size:12px; color:#475467; background:#fff; border:1px solid #e1e4e8; border-radius:8px; padding:7px 9px; min-width:0; max-width:230px; }
.support-chat-new { color:#475467; font:500 12px Inter,system-ui,sans-serif; background:transparent; border:0; white-space:nowrap; cursor:pointer; }
.support-chat-timeline { min-height:230px; max-height:480px; overflow-y:auto; padding:20px 24px; scroll-behavior:smooth; }
.support-chat-empty { min-height:190px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.support-chat-mark { display:grid; place-items:center; background:#ffd438; color:#111827; border-radius:12px; width:38px; height:38px; font-weight:650; }
.support-chat-empty h3 { font-size:18px; font-weight:500; margin:14px 0 5px; }
.support-chat-empty p { margin:0; color:var(--support-muted); font-size:13px; }
.support-chat-message { max-width:88%; margin:0 0 20px; }
.support-chat-message.is-user { margin-left:auto; background:#fff7d0; padding:12px 16px; border-radius:14px 14px 4px 14px; }
.support-chat-sender { display:block; font-size:11px; color:var(--support-muted); font-weight:500; margin-bottom:5px; }
.support-chat-body { font-size:14px; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }
.support-chat-delivery,.support-chat-event { font-size:11px; color:var(--support-muted); overflow-wrap:anywhere; }
.support-chat-event { margin:12px 0 20px; padding-left:12px; border-left:2px solid #e1e4e8; }
.support-chat-compose { margin:0 18px; border:1px solid #d7dbe2; border-radius:14px; padding:12px; background:#fff; }
.support-chat-compose textarea { display:block; width:100%; min-height:70px; resize:vertical; border:0; outline:none; box-shadow:none; padding:0; font:400 14px/1.6 Inter,system-ui,sans-serif; color:#111827; background:transparent; }
.support-chat-compose:focus-within { border-color:#d8b426; box-shadow:0 0 0 2px #fff7d0; }
.support-chat-toolbar { display:flex; align-items:center; gap:10px; }
.support-chat-toolbar small { margin-left:auto; font-size:10px; color:#98a2b3; }
.support-chat-bound { font-size:12px; color:#667085; overflow-wrap:anywhere; }
.support-chat-send { display:grid; place-items:center; flex:0 0 32px; height:32px; margin-left:auto; background:#ffd438; border:0; border-radius:10px; color:#111827; font-size:23px; cursor:pointer; }
.support-chat button:disabled { opacity:.5; cursor:default; }
.support-chat-note { margin:9px 22px 14px; min-height:15px; font-size:11px; color:var(--support-muted); }
.support-chat-actions { margin-top:10px; font-size:12px; }
.support-chat-actions summary { cursor:pointer; color:var(--support-muted); }
.support-chat-actions .trust-groups { max-height:260px; overflow:auto; }
.support-chat-actions .trust-capability { display:flex; align-items:center; gap:8px; padding:5px 0; }
.support-chat-actions input[type=checkbox] { width:auto; margin:0; }
@media(max-width:650px) { .support-chat-header { flex-wrap:wrap; padding:14px; } .support-chat-history { max-width:170px!important; } .support-chat-toolbar small { display:none; } .support-chat-timeline { padding:16px; } .support-chat-compose { margin:0 12px; } }
.support-disclosure { display:grid; place-items:center; flex:0 0 24px; min-height:36px; color:#344054; background:transparent; border:0; padding:0; cursor:pointer; }
.support-disclosure svg { width:14px; height:14px; transition:transform .15s ease; }
.support-disclosure[aria-expanded="false"] svg { transform:rotate(-90deg); }
.support-plus { display:grid; place-items:center; flex:0 0 22px; width:22px; height:22px; margin:0 3px; color:#475467; background:#f2f4f7; border:1px solid #e1e4e8; border-radius:7px; font:500 16px Inter,system-ui,sans-serif; line-height:1; text-decoration:none; cursor:pointer; }
.support-plus:hover { background:#fff4ba; border-color:#e7bd18; }
.support-tree-root { margin-bottom:8px; }
.support-tree-root .support-tree-name { color:var(--support-muted); font-size:11px; letter-spacing:.11em; text-transform:uppercase; }
.support-tree-projects { margin-left:0; }
.project-access-page #support-tree { display:flex; flex-direction:column; height:min(740px,calc(100vh - 32px)); overflow:hidden; }
.support-brand,.support-tree-root { flex-shrink:0; }
.support-tree-projects { flex:1; min-height:0; overflow:auto; margin-bottom:20px; }
.support-account-footer { margin-top:auto; padding:18px 8px 0; border-top:1px solid var(--support-line); display:grid; gap:10px; flex-shrink:0; }
.support-account-link { display:flex; align-items:center; gap:10px; color:var(--support-ink); text-decoration:none; font-size:13px; font-weight:500; }
.support-account-avatar { flex:0 0 30px; width:30px; height:30px; border-radius:50%; object-fit:cover; background:#f2f4f7; }
.support-account-plan,.support-account-usage { margin:0; font-size:12px; color:var(--support-muted); }
.support-account-footer .support-button { justify-self:start; }
.support-upgrade-card { padding:20px; margin:18px 0; border:1px solid var(--support-line); border-radius:14px; background:#fff; }
.support-upgrade-card h2 { margin:0 0 10px; font-size:20px; }
.support-upgrade-card p { color:var(--support-muted); line-height:1.5; }
.support-upgrade-dialog { max-width:440px; width:calc(100% - 32px); border:1px solid var(--support-line); border-radius:18px; padding:20px; color:var(--support-ink); }
.support-upgrade-dialog::backdrop { background:rgba(17,24,39,.35); }
.support-upgrade-dialog .support-upgrade-card { margin:0 0 16px; padding:0; border:0; }
@media(max-width:760px) { .project-access-page #support-tree { height:auto; } .support-tree-projects { flex:auto; max-height:300px; } }
.support-tree-categories { margin-left:22px; padding-left:9px; border-left:1px solid #cfd4dc; }
.support-tree-categories>.support-tree-row:before,.support-tree-items>.support-tree-row:before { content:""; position:absolute; left:-10px; top:19px; width:9px; border-top:1px solid #cfd4dc; }
.support-tree-items { margin:0 0 6px 22px; padding-left:9px; border-left:1px solid #cfd4dc; }
.support-tree-items>.support-tree-row:not(:has(.support-disclosure)) { padding-left:12px; }
.support-tree-empty { display:block; padding:10px 14px; font-size:11px; color:#98a2b3; }
.support-workspace-link { display:block; margin:24px 8px 0; color:var(--support-muted); font-size:12px; text-decoration:none; }
.project-access-page .project-title { margin:0 0 22px; padding:0; border:0; align-items:flex-start; gap:16px; }
.project-access-page .project-title h1 { margin:5px 0 0; font-size:29px; font-weight:500; line-height:1.2; letter-spacing:-.5px; }
.project-access-page .project-title .network-eyebrow,.support-kicker { margin:0 0 5px; color:var(--support-muted); font-size:11px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; }
.project-access-page .project-title p:not(.form-note) { display:block; margin:7px 0 0; color:var(--support-muted); font-size:13px; font-weight:400; line-height:1.5; }
.project-access-page .project-title .role-badge { color:#667085; background:#fff; border:1px solid var(--support-line); font-size:11px; font-weight:400; padding:6px 9px; }
.project-access-page .network-name-edit { min-height:32px; margin-left:8px; color:#344054; background:#fff; border:1px solid var(--support-line); border-radius:9px; font-size:12px; font-weight:500; padding:6px 10px; text-decoration:none; }
.project-access-page .network-name-message:empty,.support-agent-page .network-name-message:empty { display:none; }
.support-chips { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:17px; }
.support-chip { padding:6px 9px; color:#344054; background:#fff; border:1px solid var(--support-line); border-radius:999px; font-size:11px; font-weight:400; }
.support-chip-online { color:#176b39; background:#eaf8ef; border-color:#c9ead5; }
.support-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.project-access-page .support-summary { display:block; padding:17px; background:#fff; border:1px solid var(--support-line); border-radius:14px; min-width:0; }
.support-summary-top { display:flex; align-items:center; justify-content:space-between; }
.support-summary-icon { display:grid; place-items:center; width:38px; height:38px; background:#e5f2ff; color:#0874c9; border-radius:10px; }
.support-summary-icon svg { width:19px; height:19px; }
.support-summary-count { color:#98a2b3; font-size:20px; font-weight:400; }
.project-access-page .support-summary h2 { margin:18px 0 5px; font-size:15px; font-weight:500; letter-spacing:0; }
.project-access-page .support-summary p { min-height:36px; margin:5px 0 14px; color:var(--support-muted); font-size:12px; line-height:1.5; }
.support-text-link { border:0; background:none; padding:0; color:#344054; font:500 12px Inter,system-ui,sans-serif; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.support-category { margin:0 0 20px; }
.support-section-heading,.support-screen-header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin:0 0 7px; }
.project-access-page .support-section-title,.support-screen-header h2,.support-detail-title { margin:0; font-size:29px; font-weight:500; line-height:1.2; letter-spacing:-.5px; color:var(--support-ink); }
.support-screen-header { margin-bottom:22px; }
.support-intro { margin:7px 0 20px; color:var(--support-muted); font-size:13px; font-weight:400; line-height:1.5; }
.support-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:20px; }
.project-access-page .support-card { display:block; padding:22px; color:var(--support-ink); background:#fff; border:1px solid var(--support-line); border-radius:16px; min-width:0; box-shadow:none; }
.project-access-page .support-card h3 { margin:18px 0 6px; font-size:19px; font-weight:600; line-height:1.3; letter-spacing:-.3px; overflow-wrap:anywhere; }
.support-card p { margin:4px 0; line-height:1.5; }
.support-meta,.support-owner { font-size:12px; color:var(--support-muted); overflow-wrap:anywhere; }
.support-device-graphic { display:flex; align-items:center; justify-content:center; height:112px; gap:0; }
.support-os { flex:0 0 96px; width:96px; height:96px; display:grid; place-items:center; color:#0874c9; background:#d8eeff; border-radius:22px; }
.support-os>svg { width:48px; height:48px; }
.support-os-windows { grid-template-columns:25px 25px; grid-template-rows:25px 25px; gap:4px; align-content:center; justify-content:center; }
.support-os-windows i { width:25px; height:25px; background:#148bce; }
.support-wire { position:relative; width:44px; height:2px; background:#aab1bc; }
.support-wire i { position:absolute; left:14px; top:-8px; width:18px; height:18px; background:#aab1bc; border:3px solid #fff; border-radius:50%; }
.support-wire i.is-online { background:var(--support-green); }
.support-platform { flex:0 0 78px; width:78px; height:78px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; background:var(--support-yellow); color:#111827; border-radius:50%; font-size:10px; text-align:center; padding:6px; }
.support-platform svg { width:34px; height:34px; fill:currentColor; }
.support-platform strong { font-weight:600; }
.support-statuses { display:flex; justify-content:space-between; align-items:center; gap:10px; margin:20px 0 16px; font-size:12px; font-weight:500; }
.support-status { display:inline-flex; align-items:center; gap:6px; color:var(--support-muted); font-size:11px; font-weight:500; white-space:nowrap; }
.support-status.is-online { color:#176b39; }
.support-list-row>.support-status:before { content:""; width:7px; height:7px; background:#aab1bc; border-radius:50%; }
.support-list-row>.support-status.is-online:before { background:var(--support-green); }
.support-trust { border-left:1px solid #eaecf0; padding-left:12px; color:var(--support-muted); }
.support-trust-full { color:#176b39; }
.support-card-actions { display:flex; gap:9px; padding-top:15px; border-top:1px solid #eaecf0; }
.support-button { display:inline-flex; align-items:center; justify-content:center; min-height:39px; padding:8px 14px; color:#111827; background:var(--support-yellow,#ffd438); border:1px solid transparent; border-radius:9px; font:500 12px Inter,ui-sans-serif,system-ui,sans-serif; text-decoration:none; cursor:pointer; }
.support-button-outline { background:#fff; border-color:var(--support-line,#d7dbe2); }
.support-button:disabled { opacity:.6; cursor:wait; }
.support-card-actions .support-button { flex:1; }
.support-back { display:inline-block; margin:20px 0 0; padding:0; color:#667085; background:none; border:0; font:500 12px Inter,system-ui,sans-serif; cursor:pointer; text-decoration:none; }
.support-empty { margin:0; padding:22px; color:var(--support-muted); background:#fff; border:1px solid var(--support-line); border-radius:15px; font-size:12px; grid-column:1/-1; }
.support-list-panel { overflow:hidden; margin-top:20px; border:1px solid var(--support-line); border-radius:15px; background:#fff; }
.support-list-panel>.support-empty { border:0; }
.support-list-row { display:grid; width:100%; grid-template-columns:44px minmax(0,1fr) auto auto; align-items:center; gap:13px; min-height:78px; padding:12px 16px; border:0; background:#fff; color:#111827; text-align:left; font:inherit; cursor:pointer; }
.support-list-row:hover { background:#fafafa; }
.support-list-row+.support-list-row { border-top:1px solid #eaecf0; }
.support-list-icon { display:grid; place-items:center; width:44px; height:44px; color:#0874c9; background:#e5f2ff; border-radius:11px; }
.support-list-icon svg { width:22px; height:22px; }
.support-list-copy>strong,.support-list-copy>small { display:block; }
.support-list-copy>strong { font-size:13px; font-weight:500; overflow-wrap:anywhere; }
.support-list-copy>small { margin-top:4px; color:var(--support-muted); font-size:11px; }
.support-list-owner { color:var(--support-muted); font-size:12px; }
.support-list-panel .support-person-card { display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:center; gap:6px 13px; padding:16px; border:0; border-radius:0; }
.support-list-panel .support-person-card+.support-person-card { border-top:1px solid #eaecf0; }
.support-person-avatar { display:grid; place-items:center; flex:0 0 24px; width:24px; height:24px; border-radius:50%; color:#475467; background:#eef0f3; font-size:11px; font-weight:500; overflow:hidden; }
.support-person-avatar img { width:100%; height:100%; object-fit:cover; }
.support-list-panel .support-person-avatar { grid-column:1; grid-row:1/5; }
.support-list-panel .support-person-card h3 { grid-column:2; font-size:13px; font-weight:500; margin:0; }
.support-list-panel .support-person-card p { grid-column:2; margin:0; font-size:11px; }
.support-list-panel .support-person-card .support-button { grid-column:3; grid-row:1/5; background:#fff; border:1px solid var(--support-line); }
.support-detail-title { margin-bottom:20px; }
.support-detail-summary { display:grid; grid-template-columns:230px minmax(0,1fr); gap:22px; align-items:center; margin-bottom:20px; }
.support-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.support-detail-cell { padding:17px; background:#fff; border:1px solid var(--support-line); border-radius:13px; min-width:0; }
.support-detail-cell>span,.support-detail-cell>strong { display:block; }
.support-detail-cell>span { color:var(--support-muted); font-size:11px; }
.support-detail-cell>strong { margin-top:7px; font-size:14px; font-weight:500; overflow-wrap:anywhere; }
.support-create-form,.project-access-page #member-form { display:grid; gap:16px; max-width:620px; margin:0; padding:22px; border:1px solid var(--support-line); border-radius:15px; background:#fff; }
.project-access-page #member-form[hidden] { display:none; }
.support-create-form label,.project-access-page #member-form label { display:grid; gap:7px; color:#344054; font-size:12px; font-weight:500; }
.support-create-form input,.project-access-page #member-form input,.project-access-page #member-form select { width:100%; min-height:42px; padding:9px 11px; border:1px solid #bfc5ce; border-radius:9px; background:#fff; color:#111827; font:400 13px Inter,system-ui,sans-serif; }
.project-access-page #member-form small { font-size:11px; font-weight:400; }
.support-tool-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; max-width:620px; margin-bottom:14px; }
.support-tool-choice { position:relative; display:block; padding:18px 14px 14px; color:#344054; background:#fff; border:1px solid var(--support-line); border-radius:12px; text-align:left; text-decoration:none; }
.support-tool-choice.is-selected { border-color:#e7bd18; background:#fff9da; }
.support-tool-choice>svg { width:20px; height:20px; margin-bottom:10px; }
.support-tool-choice strong,.support-tool-choice small { display:block; }
.support-tool-choice strong { font-size:13px; font-weight:500; }
.support-tool-choice small { margin-top:4px; font-size:11px; color:var(--support-muted); line-height:1.5; }
.project-access-page .hierarchy-section { margin:0; padding:0; border:0; background:transparent; }
.project-access-page .hierarchy-section>.settings-heading { display:none; }
.project-access-page .member-tree { border:0; background:transparent; }
.project-access-page .member-node,.project-access-page .agent-endpoint-node,.project-access-page .trust-policy,.project-access-page .project-binding-panel { border-radius:13px; background:#fff; border-color:var(--support-line); }
.project-access-page .tree-heading strong,.project-access-page .agent-title-link { font-size:14px; font-weight:500; }
.project-access-page .trust-policy h4,.project-access-page .project-binding-panel h4 { font-size:15px; font-weight:500; }
.project-access-page .trust-policy p,.project-access-page .project-binding-panel p { font-size:12px; color:var(--support-muted); }
.project-access-page .trust-lever-label { font-size:13px; font-weight:500; }
.project-access-page #attach-section { max-width:620px; margin:0; padding:22px; border:1px solid var(--support-line); border-radius:15px; background:#fff; }
.project-access-page #attach-section h2 { font-size:15px; font-weight:500; }
.project-access-page #attach-section .settings-heading { border-bottom:1px solid #eaecf0; padding-bottom:14px; margin-bottom:16px; }
.project-access-page #attach-section p { color:var(--support-muted); font-size:12px; }
.project-access-page #attach-section select { min-width:0; min-height:42px; border:1px solid #bfc5ce; border-radius:9px; font-size:13px; }
.project-access-page #member-form .github-button,.project-access-page #attach-form .github-button { background:var(--support-yellow); color:#111827; border:0; border-radius:9px; font:500 12px Inter,system-ui,sans-serif; }
.project-access-page [hidden],.support-agent-page [hidden],.support-setup-page [hidden] { display:none!important; }
.support-tree-name:focus-visible,.support-plus:focus-visible,.support-disclosure:focus-visible,.support-button:focus-visible,.support-back:focus-visible,.support-text-link:focus-visible,.support-list-row:focus-visible,.support-tool-choice:focus-visible { outline:3px solid #409cdf; outline-offset:2px; }
.support-setup-page .network-focus-shell,.support-agent-page .network-record-shell { max-width:1000px; padding-block:30px 50px; }
.support-setup-page .network-focus-card,.support-setup-page .network-download-page { padding:30px; border:1px solid var(--support-line); border-radius:20px; box-shadow:none; }
.support-setup-page .network-focus-card h1,.support-agent-page .agent-title h1 { font-size:29px; font-weight:500; line-height:1.2; letter-spacing:-.5px; }
.support-setup-page .network-focus-card h2 { font-size:18px; font-weight:500; }
.support-setup-page .focus-lead,.support-setup-page .support-intro { font-size:13px; color:var(--support-muted); }
.support-setup-page .network-eyebrow { color:var(--support-muted); font-size:11px; font-weight:500; letter-spacing:.12em; }
.support-setup-page .network-download-intro { margin:0 0 22px; text-align:left; }
.support-setup-page .network-download-intro h1 { margin:7px 0; }
.support-setup-page .network-download-intro p:last-child { font-size:12px; }
.support-setup-page .network-download-stage legend { font-size:15px!important; }
.support-setup-page .network-download-stage legend span { background:#e5f2ff; color:#0874c9; font-weight:500; }
.support-setup-page .network-download-page .network-choice-grid label { min-height:112px; padding:14px 10px; grid-template-rows:42px auto; border-radius:12px; box-shadow:none; }
.support-setup-page .network-download-page .network-choice-grid label>b { width:42px; height:42px; }
.support-setup-page .network-download-page .network-choice-grid label strong { font-size:13px; font-weight:500; }
.support-setup-page .network-download-page .network-choice-grid label.selected,.support-setup-page .network-download-page .network-choice-grid label:has(input:checked) { background:#fff9da; color:#111827; border-color:#e7bd18!important; box-shadow:none; transform:none; }
.support-setup-page .network-download-page .network-choice-grid label.selected>b,.support-setup-page .network-download-page .network-choice-grid label:has(input:checked)>b { color:#111827; }
.support-setup-page .network-download-summary { margin-top:24px; padding:20px; background:#f5f7f8; border-radius:12px; }
.support-setup-page .network-download-summary__copy>strong { font-size:19px; font-weight:500; }
.support-setup-page .network-connection-name { font-size:12px; font-weight:500; }
.support-setup-page .network-button { min-height:39px; padding:8px 14px; background:var(--support-yellow); color:#111827; border-radius:9px; font-size:12px; font-weight:500; }
.support-setup-page .network-button--outline { background:#fff; border:1px solid var(--support-line); }
.support-setup-page .network-download-action .network-button { min-height:44px; font-size:13px; }
.support-setup-page .network-download-action .network-button span { color:#111827; font-size:16px; }
.support-setup-page .standalone-invitation-form { gap:16px; max-width:620px; padding:22px; border:1px solid var(--support-line); border-radius:15px; background:#fff; }
.support-setup-page .standalone-invitation-form label { font-size:12px; font-weight:500; }
.support-setup-page .standalone-invitation-form input,.support-setup-page .standalone-invitation-form select { min-height:42px; padding:9px 11px; border:1px solid #bfc5ce; border-radius:9px; font:400 13px Inter,system-ui,sans-serif; }
.support-setup-page .standalone-invitation-form input[type=checkbox] { min-height:0; }
.support-setup-page .standalone-invitation-page { box-shadow:none; }
.support-setup-page .standalone-project-context { color:var(--support-muted); font-size:12px; }
.support-setup-page .standalone-project-context strong { font-weight:500; }
.support-agent-page .agent-title { display:grid; grid-template-columns:235px minmax(0,1fr); gap:24px; align-items:center; margin-bottom:22px; padding:24px; border:1px solid var(--support-line); border-radius:16px; background:#fff; }
.support-agent-page .agent-title>.support-device-graphic { height:112px; }
.support-agent-page .agent-title p { font-size:12px; color:var(--support-muted); }
.support-agent-page .settings-section,.support-agent-page .danger-zone { padding:22px; border:1px solid var(--support-line); border-radius:15px; background:#fff; }
.support-agent-page .settings-section h2,.support-agent-page .danger-zone h2 { font-size:18px; font-weight:500; }
.support-agent-page .settings-section p,.support-agent-page .danger-zone p { font-size:13px; color:var(--support-muted); }
.support-agent-page .network-button { background:var(--support-yellow); color:#111827; border-radius:9px; font-size:12px; font-weight:500; }
.support-agent-page .network-button--outline { background:#fff; border:1px solid var(--support-line); }
.support-agent-page .settings-section,.support-agent-page .danger-zone { margin-top:22px; }
.support-agent-page .settings-heading { align-items:flex-start; gap:16px; padding-bottom:14px; border-bottom:1px solid #eaecf0; }
.support-agent-page .network-eyebrow { color:var(--support-muted); font-size:11px; font-weight:500; letter-spacing:.12em; }
.support-agent-page .network-name-edit { padding:6px 10px; color:#344054; background:#fff; border:1px solid var(--support-line); border-radius:9px; font-size:12px; font-weight:500; text-decoration:none; }
.support-agent-page .settings-list { overflow:hidden; border:1px solid var(--support-line); border-radius:12px; }
.support-agent-page .settings-row { min-height:78px; padding:16px; border-bottom:1px solid #eaecf0; }
.support-agent-page .settings-row:last-child { border-bottom:0; }
.support-agent-page .settings-row strong { font-size:14px; font-weight:500; }
.support-project-list { display:grid; gap:12px; }
.support-project-delete:not([hidden]) { display:flex; justify-content:flex-end; margin-top:24px; padding-top:16px; border-top:1px solid var(--support-line); }
.support-delete-action { padding:6px 10px; border:0; border-radius:6px; background:transparent; color:#a12b26; font:inherit; font-size:13px; line-height:20px; cursor:pointer; }
.support-delete-action:hover { background:#fff0ef; }
.support-delete-action:focus-visible { outline:2px solid #a12b26; outline-offset:3px; }
.support-delete-action:disabled { opacity:.6; cursor:wait; }
.support-project-card { display:flex; align-items:center; gap:20px; padding:22px; border:1px solid var(--support-line); border-radius:14px; background:#fff; }
.support-project-name { display:flex; align-items:center; gap:12px; flex:1; min-width:0; overflow-wrap:anywhere; color:#101828; font-size:18px; font-weight:600; text-decoration:none; }
.support-project-name svg { width:24px; height:24px; flex-shrink:0; color:#8d7300; }
.support-project-card .support-text-link { white-space:nowrap; }
@media(max-width:760px) { .support-project-card { flex-wrap:wrap; gap:12px; padding:16px; } .support-project-name { flex-basis:100%; } }
.support-agent-page .settings-row>a { min-height:36px; padding:8px 12px; border:1px solid var(--support-line); border-radius:9px; color:#344054; font-size:12px; font-weight:500; text-decoration:none; }
.support-agent-page input:not([type=checkbox]):not([type=radio]),.support-agent-page select { min-height:42px; padding:9px 11px; border:1px solid #bfc5ce; border-radius:9px; font-size:13px; }
@media(max-width:1000px) { #project-app:not([hidden]) { grid-template-columns:250px minmax(0,1fr); } .project-access-page #project-app { background:linear-gradient(to right,#fff 250px,#f6f6f2 250px); } .support-main { padding:24px; } .support-overview { gap:10px; } .support-summary { padding:14px; } .support-detail-summary { grid-template-columns:1fr; } }
@media(max-width:760px) { .project-access-page #project-app { background:#f6f6f2; } .project-access-page #support-tree { position:static; max-height:none; border-bottom:1px solid var(--support-line); } .project-access-page .support-main { border-left:0; } }
@media(max-width:760px) { .project-access-page .network-record-shell { width:calc(100% - 24px); padding-top:16px; } #project-app:not([hidden]) { grid-template-columns:1fr; } #support-tree { border-right:0; border-bottom:1px solid var(--support-line); } .support-main { padding:20px; } .support-overview,.support-card-grid,.support-tool-choices { grid-template-columns:1fr; } .support-section-heading,.support-screen-header { flex-wrap:wrap; } .support-list-row { grid-template-columns:44px minmax(0,1fr) auto; } .support-list-owner { grid-column:2; } .support-list-row>.support-status { grid-column:3; grid-row:1/3; } .support-agent-page .agent-title { grid-template-columns:1fr; } .support-setup-page .network-focus-card { padding:22px; } }