:root{color:#153126;background:#edf4ef;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#087f5b;border:1px solid #087f5b;border-radius:.65rem;padding:.7rem 1rem;font-weight:650}button:hover{background:#066d4e}button:disabled{opacity:.45;cursor:not-allowed}.secondary{color:#07583f;background:#fff;border-color:#b9d5c5}.secondary:hover{background:#edf6f0}.shell{max-width:1100px;margin:0 auto;padding:2rem 1rem 4rem}header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.5rem;display:flex}h1{margin:.3rem 0 0;font-size:clamp(1.5rem,3vw,2.4rem)}h2{margin:0 0 .7rem;font-size:1.2rem}p{color:#466155;line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#087f5b;font-size:.72rem;font-weight:750}.banner{color:#0c4a35;background:#d8eee2;border:1px solid #a6d8bf;border-radius:.8rem;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin-bottom:1.25rem;padding:1rem 1.2rem;display:flex}.grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.card{background:#fff;border:1px solid #d8e5dc;border-radius:1rem;padding:1.5rem;box-shadow:0 10px 30px #12291b0c}.login{max-width:440px;margin:min(10vh,5rem) auto}form{gap:1rem;display:grid}label{gap:.35rem;font-size:.9rem;font-weight:650;display:grid}input,select{background:#fff;border:1px solid #b8cfc0;border-radius:.55rem;width:100%;padding:.7rem .8rem}input:focus{outline-offset:1px;outline:2px solid #41ad7b}.create{grid-template-columns:1fr auto;align-items:end}.accounts{margin:1.4rem 0 0;padding:0;list-style:none}.accounts li{border-top:1px solid #e1eae4;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.accounts small{color:#61796b;margin-top:.3rem;display:block}.actions{flex-wrap:wrap;justify-content:end;gap:.4rem;display:flex}.actions button{padding:.55rem .7rem;font-size:.82rem}.danger{color:#9b2730;background:#fff;border-color:#e6b5b8}.danger:hover{background:#fff1f2}.directory{margin-top:1.25rem}.section-head{justify-content:space-between;align-items:start;gap:1rem;display:flex}.section-head p{margin:.2rem 0 1rem}.section-head h3{margin:0}.tabs{flex-wrap:wrap;gap:.5rem;margin:.6rem 0 1rem;display:flex}.search{max-width:350px;margin-bottom:.6rem}.directory-list{max-height:500px;margin:0;padding:0;list-style:none;overflow:auto}.directory-list li{border-bottom:1px solid #e1eae4;padding:.75rem .4rem}.directory-list small{color:#657d6f;margin-top:.2rem;display:block}.chat-grid{grid-template-columns:minmax(180px,290px) 1fr;gap:1rem;display:grid}.chat-grid>.directory-list{border-right:1px solid #dce9df}.chat-select{text-align:left;color:#153126;background:0 0;border:0;width:100%;padding:.1rem}.chat-select:hover{background:#eff7f1}.chat-view{min-height:300px}.messages{max-height:470px;padding:.5rem;overflow:auto}.messages article{background:#f0f4f0;border-radius:.7rem;width:fit-content;max-width:80%;margin-bottom:.6rem;padding:.5rem .8rem}.messages article.outgoing{background:#dff2e5;margin-left:auto}.messages article p{color:#153126;white-space:pre-wrap;margin:.25rem 0}.messages article small{color:#60796a}.participants{background:#f3f8f4;border-radius:.7rem;margin-top:1rem;padding:1rem}.participants h3{margin:0 0 .5rem;font-size:1rem}.participants ul{overflow-wrap:anywhere}.group-row{flex-wrap:wrap}.group-confirmation{background:#f3f8f4;border:1px solid #a6d8bf;border-radius:.7rem;flex-basis:100%;padding:1rem}.group-confirmation p{margin:0}.group-confirmation .actions{justify-content:start}.command-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.permission-list{margin-top:.65rem;font-size:.9rem}.permission-list>ul{margin:.35rem 0 0;padding:0;list-style:none}.permission-list li{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem 0;display:flex}.permission-list p{margin:.25rem 0}.qr{width:min(100%,320px);margin:1rem auto;display:block}.qr-placeholder{color:#668070;border:1px dashed #b7d2c0;border-radius:.75rem;place-items:center;min-height:240px;margin:1rem 0;display:grid}.hint{font-size:.84rem}.notice,.error{border-radius:.6rem;padding:.8rem 1rem}.notice{color:#0d603c;background:#e2f3e8}.error{color:#8b2020;background:#ffe8e8}@media (width<=720px){.grid,.chat-grid,.create{grid-template-columns:1fr}header{align-items:center}.section-head{flex-direction:column}.chat-grid>.directory-list{border-bottom:1px solid #dce9df;border-right:0}}
