:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f6fb;--panel:#fff;--panel-2:#e9eff7;--line:#d3dbe7;--line-strong:#a9b6cc;--ink:#12162b;--ink-2:#353d5c;--muted:#566079;--accent:#0e7c70;--accent-text:#0b6a60;--on-accent:#fff;--accent-soft:#e0f1ee;--gold:#f2b632;--gold-soft:#fcf0d0;--gold-text:#7a5500;--gold-line:#e2c26a;--on-gold:#12162b;--plate:#3b4b8f;--plate-soft:#e2e6f4;--fault:#b3263a;--fault-soft:#f8e3e6;--on-fault:#fff;--ok:#1f6b42;--ok-soft:#e3f2e9;--scrim:#12162b8c;--shadow-color:#12162b2e;--rail:#12162b;--rail-ink:#f1eee6;--rail-muted:#9ea3ba;--rail-tile:#1d2342;--rail-line:#283052;--rail-gold:#f2b632;--wordmark-ink:#12162b;--disabled-opacity:.6;--font-display:"Bricolage Grotesque", var(--font-sans);--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--unit:2px;--rail-width:68px;--nav-width:224px;--topbar-height:56px;--target:32px;--focus-ring:2px solid var(--accent);--radius:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12162b;--panel:#171c34;--panel-2:#1d2342;--line:#283052;--line-strong:#3d4777;--ink:#f1eee6;--ink-2:#d5d3d9;--muted:#9ea3ba;--accent:#4fd6c4;--accent-text:#4fd6c4;--on-accent:#12162b;--accent-soft:#173a3f;--gold:#ffc857;--gold-soft:#3a3324;--gold-text:#ffc857;--gold-line:#6b5a2e;--on-gold:#12162b;--plate:#8e9ae4;--plate-soft:#262d55;--fault:#ff8a98;--fault-soft:#3a1f2c;--on-fault:#12162b;--ok:#7fd3a1;--ok-soft:#1c3a2e;--scrim:#000000b3;--shadow-color:#00000080;--rail:#12162b;--rail-ink:#f1eee6;--rail-muted:#9ea3ba;--rail-tile:#1d2342;--rail-line:#283052;--rail-gold:#ffc857;--wordmark-ink:#f1eee6;--disabled-opacity:.45}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12162b;--panel:#171c34;--panel-2:#1d2342;--line:#283052;--line-strong:#3d4777;--ink:#f1eee6;--ink-2:#d5d3d9;--muted:#9ea3ba;--accent:#4fd6c4;--accent-text:#4fd6c4;--on-accent:#12162b;--accent-soft:#173a3f;--gold:#ffc857;--gold-soft:#3a3324;--gold-text:#ffc857;--gold-line:#6b5a2e;--on-gold:#12162b;--plate:#8e9ae4;--plate-soft:#262d55;--fault:#ff8a98;--fault-soft:#3a1f2c;--on-fault:#12162b;--ok:#7fd3a1;--ok-soft:#1c3a2e;--scrim:#000000b3;--shadow-color:#00000080;--rail:#12162b;--rail-ink:#f1eee6;--rail-muted:#9ea3ba;--rail-tile:#1d2342;--rail-line:#283052;--rail-gold:#ffc857;--wordmark-ink:#f1eee6;--disabled-opacity:.45}@media (pointer:coarse){:root{--target:44px}}:root{--brand-mark-text:"PC";--brand-name-text:"Pangolin Comms";--font-sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box;border-radius:0}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}h1,h2,h3,p,ul,ol,dl,dd,figure,pre{margin:0}ul,ol{padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent-text)}::selection{background:var(--accent-text);color:var(--on-accent)}:focus-visible{outline:var(--focus-ring);outline-offset:2px}.rail :focus-visible{outline-color:var(--rail-gold)}code,kbd,.mono{font-family:var(--font-mono);font-size:12px;font-weight:500}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;background:var(--accent);color:var(--on-accent);padding:8px 12px;position:absolute;top:-48px;left:8px}.skip-link:focus{top:8px}.shell{grid-template-columns:var(--rail-width) var(--nav-width) minmax(0, 1fr);min-height:100vh;display:grid}.rail{align-items:center;gap:calc(var(--unit) * 5);background:var(--rail);border-right:1px solid var(--rail-line);flex-direction:column;height:100vh;padding:12px 0;display:flex;position:sticky;top:0;overflow-y:auto}.rail-tile{background:var(--rail-tile);width:44px;height:44px;color:var(--rail-ink);cursor:pointer;border:1px solid #0000;flex:none;place-items:center;padding:0;text-decoration:none;display:grid;position:relative}.rail-tile:hover{border-color:var(--rail-muted)}.rail-tile[aria-current=true],.rail-tile[aria-pressed=true]{border-color:var(--rail-ink);box-shadow:-12px 0 0 -9px var(--rail-gold)}.rail-home{box-shadow:inset 4px 0 0 var(--rail-gold)}.rail-mark{font-family:var(--font-mono);letter-spacing:.01em;font-size:14px;font-weight:600}.rail-brand:before{content:var(--brand-mark-text)}.rail-divider{border:0;border-top:1px solid var(--rail-line);width:32px;margin:2px 0}.rail-org{flex-direction:column;align-items:center;gap:6px;display:flex}.rail-org-workspaces{flex-direction:column;align-items:center;gap:6px;padding-left:8px;display:flex}.rail-workspace{width:36px;height:36px}.rail-badge{background:var(--rail-gold);min-width:18px;color:var(--on-gold);font-family:var(--font-mono);padding:0 4px;font-size:11px;line-height:18px;position:absolute;top:-6px;right:-6px}.rail-realm{background:var(--rail-muted);border-radius:50%;width:6px;height:6px;position:absolute;bottom:3px;right:3px}.nav{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:18px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.nav-brand{font-family:var(--font-display);padding:0 8px;font-size:20px;font-weight:700}.nav-brand:before{content:var(--brand-name-text)}.nav-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 8px 4px;font-size:11px;font-weight:600}.nav-link{min-height:var(--target);color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:4px 8px;font-size:13px;text-decoration:none;display:flex}.nav-link:hover{background:var(--panel-2)}.nav-link.active,.nav-link[aria-current=true]{border-left-color:var(--accent-text);background:var(--accent-soft);font-weight:600}.nav-count{font-family:var(--font-mono);color:var(--muted);font-size:12px}.nav-count-hot{background:var(--gold-soft);color:var(--gold-text);border-left:3px solid var(--gold-line);padding:0 6px}.nav-empty{color:var(--muted);padding:0 8px;font-size:12px}.shell-main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:5;height:var(--topbar-height);background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 20px;display:flex;position:sticky;top:0}.topbar-crumbs{flex:1;align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}.crumb+.crumb:before{content:"/";color:var(--muted);margin-right:6px}.topbar-crumb-current{font-weight:600}.topbar-actions{align-items:center;gap:8px;font-size:13px;display:flex}.live-dot{background:var(--muted);border-radius:50%;width:8px;height:8px;display:inline-block}.live-dot[data-status=live]{background:var(--ok)}.live-dot[data-status=offline]{background:var(--fault)}.content{flex-direction:column;gap:18px;min-width:0;padding:24px;display:flex}.content:focus{outline:none}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.page-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:30px;font-weight:700;line-height:1.15}.page-sub{color:var(--muted);font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);flex-direction:column;gap:12px;padding:16px;display:flex}.panel-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.grid-2{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hint{color:var(--muted);font-size:12px}.button{min-height:var(--target);cursor:pointer;border:1px solid var(--line-strong);background:var(--panel);color:var(--ink);padding:4px 14px;font-size:13px;font-weight:600}.button:hover{background:var(--panel-2)}.button-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.button-primary:hover{background:var(--accent-text);border-color:var(--accent-text)}.button-danger{background:var(--fault);color:var(--on-fault);border-color:var(--fault)}.button-quiet{background:0 0;border-color:#0000}.button:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.field{flex-direction:column;gap:4px;font-size:13px;display:flex}.field-label{font-weight:600}.input,.textarea,.select{border:1px solid var(--line-strong);background:var(--bg);min-height:var(--target);padding:6px 8px;font-size:13px}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent-text);outline:none}.textarea{resize:vertical;min-height:140px;font-family:var(--font-sans);line-height:1.5}.check{align-items:center;gap:6px;font-size:13px;display:inline-flex}.filters{border:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 12px;display:flex}.table{border-collapse:collapse;background:var(--panel);width:100%;font-size:13px}.table th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 12px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}.table tr[data-attention=true] td:first-child{box-shadow:inset 3px 0 0 var(--gold-line)}.pill{border:1px solid var(--line);color:var(--muted);background:var(--panel-2);white-space:nowrap;align-items:center;gap:4px;padding:0 6px;font-size:12px;line-height:20px;display:inline-flex}.pill-private{color:var(--plate);background:var(--plate-soft);border-color:#0000}.pill-shared,.pill-ok,.pill-live{color:var(--ok);background:var(--ok-soft);border-color:#0000}.pill-attention{color:var(--gold-text);background:var(--gold-soft);border-color:#0000;border-left:3px solid var(--gold-line)}.pill-fault{color:var(--fault);background:var(--fault-soft);border-color:#0000}.pill-dry{color:var(--muted)}.hash-badge{font-family:var(--font-mono);border:1px solid var(--line);background:var(--panel-2);padding:0 6px;font-size:12px}.hash-badge[data-verified=false]{color:var(--fault);background:var(--fault-soft)}.count{font-family:var(--font-mono);font-size:12px}.notice{border:1px solid var(--line);border-left:4px solid var(--line-strong);background:var(--panel);padding:10px 12px;font-size:13px}.notice-attention{border-left-color:var(--gold-line);background:var(--gold-soft);color:var(--gold-text)}.notice-fault{border-left-color:var(--fault);background:var(--fault-soft);color:var(--fault)}.notice-ok{border-left-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.state{border:1px solid var(--line);background:var(--panel);flex-direction:column;gap:8px;padding:24px;display:flex}.state-compact{padding:12px}.state-title{font-family:var(--font-display);font-size:20px;font-weight:600}.state-error{border-left:4px solid var(--fault)}.state-code{color:var(--muted)}.skeleton-list{flex-direction:column;gap:8px;display:flex}.skeleton-row{background:var(--panel-2);height:14px}.inline-error{color:var(--fault);font-size:13px}.thread-list{border:1px solid var(--line);background:var(--panel)}.thread-row{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 12px;text-decoration:none;display:grid}.thread-row:hover{background:var(--panel-2)}.thread-row[data-unread=true] .thread-subject{font-weight:700}.thread-subject{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.thread-snippet{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:13px;overflow:hidden}.thread-meta{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.messages{flex-direction:column;gap:12px;display:flex}.message{border:1px solid var(--line);background:var(--panel);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.message[data-direction=out]{background:var(--panel-2)}.message-head{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px;display:flex}.message-sender{font-weight:600}.message-body{white-space:pre-wrap;word-break:break-word;font-family:var(--font-sans);font-size:14px;line-height:1.55}.kv{grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;font-size:13px;display:grid}.kv dt{color:var(--muted);font-weight:600}.recipient-list{flex-wrap:wrap;gap:6px;display:flex}.recipient{font-family:var(--font-mono);border:1px solid var(--line);padding:0 6px;font-size:12px}.body-preview{font-family:var(--font-sans);white-space:pre-wrap;word-break:break-word;border:1px solid var(--line);background:var(--bg);padding:12px;font-size:14px}.diff{font-family:var(--font-mono);border:1px solid var(--line);background:var(--bg);font-size:12.5px;line-height:1.6;overflow-x:auto}.diff-line{white-space:pre-wrap;padding:0 8px}.diff-line[data-kind=add]{background:var(--ok-soft);color:var(--ok)}.diff-line[data-kind=del]{background:var(--fault-soft);color:var(--fault);text-decoration:line-through}.diff-line:before{width:14px;display:inline-block}.diff-line[data-kind=add]:before{content:"+"}.diff-line[data-kind=del]:before{content:"-"}.diff-line[data-kind=same]:before{content:" "}.versions li{align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.mode-switch{gap:14px;font-size:13px;display:flex}.preview{white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);background:var(--bg);border:1px solid var(--line);max-height:320px;padding:8px;font-size:12px;overflow:auto}.dialog-scrim{background:var(--scrim);z-index:50;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 24px var(--shadow-color);flex-direction:column;gap:12px;width:min(520px,100%);padding:20px;display:flex}.dialog-title{font-family:var(--font-display);font-size:20px;font-weight:600}.signin{background:var(--bg);place-items:center;min-height:100vh;padding:16px;display:grid}.signin-card{border:1px solid var(--line);background:var(--panel);flex-direction:column;gap:12px;width:min(460px,100%);padding:24px;display:flex}.signin-brand{font-family:var(--font-display);font-size:18px;font-weight:700}.signin-brand:before{content:var(--brand-name-text)}@media (width<=900px){.shell{grid-template-columns:var(--rail-width) minmax(0, 1fr)}.nav{display:none}.nav[data-open=true]{left:var(--rail-width);z-index:30;width:var(--nav-width);box-shadow:4px 0 16px var(--shadow-color);display:flex;position:fixed}.grid-2{grid-template-columns:minmax(0,1fr)}.content{padding:16px}}.nav-toggle{display:none}@media (width<=900px){.nav-toggle{display:inline-flex}}.row-between{justify-content:space-between}.row-end{justify-content:flex-end}
