.auth-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 20% 10%,#f9fbfa,#dfeae6)}
.auth-card{width:min(440px,100%);padding:2.3rem;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow);text-align:center}.auth-card .brand-mark{margin:auto}.auth-card h1{margin:1.2rem 0 .4rem}.auth-card p{color:var(--muted)}.auth-card .primary,.voice-preview .primary{border:0;border-radius:10px;background:var(--forest);color:#fff;padding:.75rem 1rem}.auth-note{font-size:.76rem}.workspace-options{display:grid;gap:.6rem;margin:1.2rem 0}.workspace-options button{padding:.9rem;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left}.workspace-options button:hover,.workspace-options button:focus-visible{border-color:var(--green);background:#eff6f3}
.voice-preview{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;background:#fff;border-top:1px solid var(--line)}.voice-preview audio{min-width:0;flex:1;height:38px}.voice-preview button{border:1px solid var(--line);border-radius:9px;background:#fff;padding:.55rem .7rem}
.small-dialog{width:min(440px,92vw);max-height:75vh;padding:0;border:0;border-radius:16px;box-shadow:var(--shadow)}.small-dialog::backdrop{background:rgba(14,36,31,.5)}.small-dialog form{display:grid;gap:.7rem;padding:1rem}.small-dialog header{display:flex;align-items:center;justify-content:space-between}.small-dialog h2{font-size:1.05rem;margin:0}.small-dialog header button{border:0;background:transparent;font-size:1.35rem}.small-dialog form>button{padding:.7rem;border:0;border-radius:9px;background:#f1f5f3;text-align:left}.directory-list{display:grid;gap:.35rem;overflow:auto}.directory-list button{display:flex;align-items:center;gap:.7rem;padding:.7rem;border:0;border-radius:10px;background:#fff;text-align:left}.directory-list button:hover{background:#eff5f2}
.message .message-action{position:absolute;top:.2rem;right:.25rem;display:none;width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.7)}.message:hover .message-action,.message:focus-within .message-action{display:grid;place-items:center}.message mark{background:#fff1a8}.quoted-message{padding:.4rem .55rem;margin-bottom:.4rem;border-left:3px solid var(--green);border-radius:4px;background:rgba(255,255,255,.55);font-size:.75rem;color:var(--muted)}.unread-divider{align-self:stretch;text-align:center;color:var(--green);font-size:.72rem;margin:.7rem 0}.connection.degraded i{background:#cf8647}.connection.offline i{background:#bd5d50}
.mobile-back{display:none}.invite-controls{display:grid;grid-template-columns:minmax(0,1fr) 170px auto;align-items:end;gap:.6rem;padding:.8rem;margin-bottom:1rem;border:1px solid var(--line);border-radius:12px;background:#f7f9f8}.invite-controls label{margin:0!important}.invite-controls button{min-height:39px;border:0;border-radius:8px;padding:.6rem .8rem;background:var(--forest);color:#fff}.invite-controls output{grid-column:1/-1;overflow-wrap:anywhere;font-size:.75rem;color:var(--green)}.member select{max-width:160px;padding:.45rem}
.delivery-read{color:#1680a8;font-weight:800}
.conversation-header,.messages,.composer{min-width:0;width:100%}.composer textarea,.peer,.peer>div{min-width:0}.peer h2,.peer p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-actions{flex:0 0 auto}
@media(max-width:760px){.voice-preview{flex-wrap:wrap}.voice-preview audio{flex-basis:100%}.small-dialog{margin:auto}.message .message-action{display:grid;place-items:center}.auth-card{padding:1.6rem}.mobile-back{display:grid}.mobile-inbox .inbox-panel{display:flex}.mobile-inbox .conversation-panel{display:none}.invite-controls{grid-template-columns:1fr}.invite-controls output{grid-column:auto}.composer textarea{padding:.7rem 1rem;overflow-y:hidden}.character-count{display:none}}