:root{font:16px/1.5 system-ui,sans-serif;color:#e7eefb;background:#09111f;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:0 auto;padding:40px 24px}header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}h1{font-size:2rem;margin:6px 0}h2{font-size:1.2rem;margin:0 0 16px}.eyebrow{font-size:.7rem;letter-spacing:.15em;color:#79b8ff}p{color:#a9b9d1}aside{background:#192e45;border-left:3px solid #68b6ff;padding:12px 16px;border-radius:6px;margin:20px 0}section{background:#111e32;border:1px solid #263950;border-radius:14px;padding:24px;margin:20px 0}form{max-width:700px}label{display:block;margin:14px 0;color:#c6d7ed}input,select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #435975;background:#091525;color:#e7eefb;border-radius:8px;font:inherit}button{padding:11px 18px;border-radius:8px;background:#3275cc;border:1px solid #4e94ee;color:#fff;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}.actions,.fields{display:flex;gap:12px;flex-wrap:wrap}.fields label{flex:1;min-width:180px}li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #263950;padding:12px 0}ul{list-style:none;padding:0}@media(max-width:600px){main{padding:20px 14px}header{align-items:flex-start}section{padding:16px}h1{font-size:1.5rem}}h3{font-size:1rem;margin:28px 0 10px}.member-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #263950}.member-row>div{flex:1;min-width:180px}.member-row label{margin:0}.member-row button{font-size:.8rem;padding:8px 10px}small{display:block;color:#9bb1ce;font-size:.8rem}.muted{font-size:.85rem}fieldset{border:1px solid #435975;border-radius:8px;margin:16px 0;padding:12px}legend{padding:0 8px}.check{display:flex;gap:10px;align-items:center;margin:8px 0}.check input{width:auto;margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.fields>button{align-self:end;margin-bottom:14px}.invite-link{border:1px solid #435975;padding:12px;border-radius:8px}.contact-table{overflow:auto;margin:18px 0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #263950}.text-button{background:none;border:0;padding:0;color:#9bc9ff;text-align:left}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0009;display:flex;justify-content:flex-end}.contact-card{background:#111e32;width:min(760px,100%);height:100%;overflow-y:auto;padding:24px;box-shadow:-8px 0 35px #0005}.contact-card header{position:sticky;top:-24px;background:#111e32;padding:12px 0;z-index:1}textarea{width:100%;min-height:100px;resize:vertical;background:#091525;color:#e7eefb;border:1px solid #435975;border-radius:8px;font:inherit;padding:10px}.note-body{white-space:pre-wrap;overflow-wrap:anywhere}details{margin:14px 0}summary{cursor:pointer;color:#9bc9ff}tr:hover{background:#172940}.contact-card li{flex-wrap:wrap}button,input,select{max-width:100%}.pills{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.pills button{padding:6px 11px;font-size:.8rem;background:#13253b;border-color:#304b70}.pills button[aria-pressed=true]{background:#285b97;border-color:#65adff}.inbox-columns{display:grid;grid-template-columns:minmax(220px,32%) minmax(0,1fr);height:600px;max-height:80vh;border:1px solid #263950;border-radius:10px;overflow:hidden}.inbox-list{overflow-y:auto;border-right:1px solid #263950;padding:8px;min-width:0}.inbox-row{position:relative;display:block;width:100%;text-align:left;background:none;border:1px solid transparent;padding:10px;margin:3px 0;font-size:.9rem;overflow-wrap:anywhere}.inbox-row[aria-pressed=true]{background:#1e3b5e;border-color:#386b9f}.inbox-row strong{display:block;padding-right:24px}.inbox-row small{font-size:.7rem}.inbox-row small svg{display:inline;margin:0 5px 0 0;vertical-align:middle}.channel-pill{position:absolute;right:8px;top:10px;border:1px solid;border-radius:15px;min-width:20px;text-align:center;font-size:.75rem}.tenant-thread{display:flex;flex-direction:column;min-width:0;overflow:hidden}.tenant-thread header{padding:12px;margin:0;border-bottom:1px solid #263950;min-height:64px}.thread-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:0}.chat-bubble{align-self:flex-start;background:#19324e;padding:10px 13px;border-radius:12px;max-width:90%;min-width:100px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble.out{align-self:flex-end;background:#1b4b67}.chat-bubble.internal{align-self:center;background:#3a3443;border:1px dashed #877594}.message-footer small{font-size:.65rem;text-align:right}.message-quote{display:flex;gap:8px;background:#ffffff0a;border:0;border-left:2px solid #6baaff;padding:6px;font-size:.8rem;max-width:100%;text-align:left}.internal-note-form{padding:10px;border-top:1px solid #263950}.internal-note-form label{margin:0;font-size:.75rem}.internal-note-form textarea{min-height:50px;max-height:100px;font-size:.85rem}.internal-note-form button{font-size:.8rem;padding:7px 11px}.empty-thread{margin:auto;text-align:center;color:#7e9bbd}.inbox-spinner{animation:inbox-spin 1s linear infinite;display:inline-block}@keyframes inbox-spin{to{transform:rotate(360deg)}}*{scrollbar-width:thin;scrollbar-color:#375c88 #102039}.tenant-inbox>header{margin-bottom:8px}.tenant-inbox>header button{display:flex;align-items:center;gap:6px}@media(max-width:700px){.inbox-columns{grid-template-columns:minmax(100px,30%) minmax(0,1fr);height:570px}.inbox-row{font-size:.75rem;padding:6px}.inbox-row small{font-size:.6rem}.channel-pill{position:static;display:inline-block}.inbox-row strong{padding:0}.tenant-inbox{padding:10px}.thread-messages{padding:7px}.chat-bubble{max-width:100%;font-size:.8rem}}.tenant-conversation-actions{margin:0;padding:8px 12px;border-bottom:1px solid #263950;font-size:.8rem;max-height:210px;overflow:auto}.tenant-conversation-actions label{margin:4px 0}.tenant-conversation-actions select{padding:6px;font-size:.8rem}.tenant-conversation-actions button{padding:6px 9px;font-size:.75rem}.tenant-conversation-actions .actions{gap:6px}
