/* Original Aris layout, with consistent controls and a chat below the call. */
.ui-icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-slash{display:none}[aria-pressed=true] .icon-slash{display:block}.primary{gap:12px}.primary>.ui-icon,.quiet>.ui-icon{width:18px;height:18px}.account .quiet{gap:8px}.workspace{min-height:580px}.rooms-sidebar{gap:0}.rooms-sidebar .section-heading{margin-bottom:16px}.rooms-sidebar .section-heading h2{font-size:16px}.rooms-sidebar .icon-button{background:#2b2b2b;color:#cecece;border:1px solid #ffffff08}.rooms-sidebar .icon-button:hover{background:#404040;color:#fff}#rooms a{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;font-size:13px}#rooms a>svg{width:18px;height:18px;color:#a7a7a7}#rooms a[aria-current]>svg{color:var(--green)}#rooms a>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#rooms a>small{font-size:11px;font-variant-numeric:tabular-nums}.conversation{min-width:0}.empty-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 26px;background:#323232;color:var(--green);border-radius:16px}.empty-icon svg{width:32px;height:32px}.call-heading{justify-content:flex-start;gap:14px;margin-bottom:24px}.room-title-icon{display:grid;place-items:center;width:44px;height:44px;background:#313131;color:#d2d2d2;border-radius:12px;flex-shrink:0}.room-title{flex:1;min-width:0}.call-heading h1{font-size:26px;line-height:1.3;margin:0 0 5px;overflow-wrap:anywhere}.room-title>#call-state{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.room-title>#call-state::before{content:"";width:6px;height:6px;background:#919191;border-radius:50%}.room-title>#call-state.is-connected::before{background:var(--green)}.invite-button{gap:8px;flex-shrink:0}.call-layout{display:block}.mobile-tabs{display:none!important}.call-main,.call-stage{display:block}.participants-heading{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:12px}.participants-heading>span:last-child{font-variant-numeric:tabular-nums}.person small{display:flex;align-items:center;gap:5px}.person small svg{width:12px;height:12px}.person.vacant>svg{width:24px;height:24px}.controls{gap:10px;margin-top:20px}.controls .control{min-height:64px;min-width:100px;padding:12px 14px;font-size:11px;gap:8px;border:1px solid #ffffff05}.controls .control svg{width:21px;height:21px}.controls .control:hover{background:#414141}.controls .danger:hover{background:#71363d}.control-divider{display:none}.controls #audio-unlock{min-height:44px}.room-chat{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);border-left:0;background:transparent}.chat-heading{display:flex;align-items:center;gap:9px;margin-bottom:14px}.chat-heading>.ui-icon{width:18px;height:18px;color:#b6b6b6}.chat-heading h2{font-size:15px;margin:0;font-weight:600}.chat-status{display:none}.messages{height:230px;gap:18px;padding:12px 4px 16px}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1;color:#878787;min-height:150px}.chat-empty>svg{width:28px;height:28px;margin-bottom:4px}.chat-empty strong{font-size:13px;font-weight:400;color:#bababa}.chat-empty span{font-size:11px}.chat-message{display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 10px}.message-avatar{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#393939;color:#d1d1d1;font-size:13px}.chat-message header{display:flex;align-items:baseline;gap:10px;min-width:0;padding:0}.chat-message header strong{font-size:12px;color:#dfdfdf;overflow-wrap:anywhere}.chat-message time{font-size:10px;color:#949494}.chat-message p{grid-column:2;margin:4px 0 0;font-size:13px;line-height:1.6;color:#d9d9d9;white-space:pre-wrap;overflow-wrap:anywhere}.composer-wrap{padding:0}#chat-form{display:flex;align-items:flex-end;gap:8px;margin:10px 0 0;padding:7px;border:1px solid #4b4b4b;border-radius:12px;background:#222222;transition:border-color .18s,background .18s}#chat-form:focus-within{border-color:#8d8d8d;background:#292929}#chat-text{font:13px/20px Fixel,Arial,sans-serif;resize:none;flex:1;min-width:0;width:100%;min-height:40px;max-height:120px;padding:10px;border:0;margin:0;outline:none;background:transparent;color:var(--text);scrollbar-width:thin}#chat-text::placeholder{color:#a0a0a0}.send-button{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;border:0;flex-shrink:0;background:var(--green);color:#212121}.send-button:hover{background:#e5e5e5}.send-button:disabled{background:#3d3d3d;color:#7f7f7f;opacity:1;cursor:default}.send-button .ui-icon{width:20px;height:20px}#chat-error{font-size:12px;color:#ffc6cb;margin:8px 2px 0}.screen-stage{margin-bottom:20px}.screen-card figcaption .quiet{gap:7px}.screen-card figcaption svg{width:16px;height:16px}.dialog-icon{display:none}#create-dialog .section-heading{margin-bottom:24px}#create-dialog .section-heading h2{font-size:20px}#create-dialog .icon-button{background:transparent;color:#c4c4c4;width:36px;min-height:36px}#create-dialog .icon-button:hover{background:#383838}#create-dialog input{border-color:#4b4b4b;background:#181818;border-radius:10px}#create-dialog input:focus{border-color:#8d8d8d}.notice{top:24px;bottom:auto;left:auto;right:24px;transform:none;pointer-events:none;max-width:min(480px,calc(100% - 40px));font-size:12px}
@media(max-width:1000px){.controls .control{min-width:84px;padding:11px 10px;font-size:10px}}@media(max-width:700px){.rooms-sidebar{display:block}.rooms-sidebar .section-heading{margin-bottom:10px}.call-heading{gap:10px}.room-title-icon{width:36px;height:36px;border-radius:10px}.room-title-icon svg{width:18px;height:18px}.call-heading h1{font-size:21px}.room-title>#call-state{font-size:10px}.invite-button{padding:10px;min-height:38px}.invite-button>span{display:none}.controls{gap:6px;flex-wrap:wrap}.controls .control{flex:1;min-width:0;min-height:60px;padding:10px 5px;font-size:9px}.controls .control svg{width:20px;height:20px}.room-chat{margin-top:24px;padding-top:20px}.messages{height:220px}.chat-heading h2{font-size:14px}#chat-text{font-size:16px;line-height:22px;padding:9px 6px}.send-button{width:40px;height:40px}.account .quiet{padding:10px}.account .quiet>span{display:none}.notice{top:12px;right:12px;max-width:calc(100% - 24px);font-size:11px}}

.workspace>.room-chat{min-width:0;display:flex;flex-direction:column;margin:0;padding:24px 16px;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;overflow:hidden}
.workspace>.room-chat .chat-heading{flex-shrink:0;margin:0 0 16px;padding:0;min-height:40px;border:0;gap:9px}.workspace>.room-chat .chat-heading h2{font-size:16px;font-weight:600}.workspace>.room-chat .messages{flex:1;min-height:230px;height:0;padding:8px 0 16px}.workspace>.room-chat .composer-wrap{flex-shrink:0;margin-top:12px;padding:0;border:0}.workspace>.room-chat #chat-form{margin:0;padding:5px;border-radius:10px}.workspace>.room-chat #chat-text{min-height:38px;padding:9px 6px;font-size:13px}.workspace>.room-chat .send-button{width:36px;height:38px}.workspace>.room-chat .chat-message{grid-template-columns:26px minmax(0,1fr);gap:0 8px}.workspace>.room-chat .message-avatar{width:26px;height:26px;font-size:11px;border-radius:8px}.workspace>.room-chat .chat-message header{gap:6px;flex-wrap:wrap}.workspace>.room-chat .chat-message header strong{font-size:11px}.workspace>.room-chat .chat-message p{font-size:12px}.workspace>.room-chat .chat-message time{font-size:9px}
@media(min-width:1200px){.workspace:has(>.room-chat:not([hidden])){grid-template-columns:240px minmax(0,1fr) 240px}.conversation{display:flex;flex-direction:column;justify-content:center;min-width:0}.conversation>#call{width:100%;display:flex;flex-direction:column;flex:1}.call-layout{display:flex;flex:1;min-width:0}.call-main{display:flex;flex-direction:column;gap:16px;flex:1;min-width:0}.participants-heading{margin:0}.call-stage{display:flex;flex-direction:column;justify-content:center;gap:16px;flex:1;min-width:0}.call-stage:has(.screen-stage:not([hidden])){justify-content:flex-start}.call-stage .screen-stage{margin:0}.people:has(.person:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}.call-main .controls{gap:8px;flex-shrink:0;margin:0;padding-top:16px;border-top:1px solid #ffffff0a;flex-wrap:wrap}.call-main .controls .control{flex:0 0 auto;min-width:88px;padding:11px 10px;font-size:10px}.call-main .call-note{margin:0;font-size:11px}}
@media(min-width:701px) and (max-width:1199px){.workspace>.room-chat{grid-column:2;border-left:0;border-top:1px solid var(--line);padding:24px}.workspace>.room-chat .messages{height:230px;flex:auto}}
@media(max-width:700px){.workspace>.room-chat{padding:20px 16px;border-left:0;border-top:1px solid var(--line)}.workspace>.room-chat .chat-heading{min-height:0;margin-bottom:16px}.workspace>.room-chat .messages{height:220px;flex:auto}.workspace>.room-chat #chat-text{font-size:16px}}
.avatar,.message-avatar,.account-avatar{position:relative;overflow:hidden}.avatar>img,.message-avatar>img,.account-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.account .account-avatar{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#3b3b3b;color:#dedede;font-size:13px}