/* Iba hosťovské ovládacie prvky. Vzhľad pracovnej plochy preberá chat-layout.css. */
#view{flex:1;min-height:0;display:flex;flex-direction:column}
#notice{font-size:12px;color:#a43838;margin:3px 0;min-height:0}
.guest-toolbar{margin-bottom:12px;flex-shrink:0}
.guest-toolbar .field{width:280px;max-width:45%;margin:0 24px 0 0}
#view .fc-chat-workspace.fc-chat-three{flex:1;min-height:0;height:auto}
#view .fc-chat-three .fc-chat-person{font:inherit;font-size:13px}
#view .fc-chat-three .fc-chat-person.active{font-weight:650}
#view .fc-chat-three .fc-chat-messages article{max-width:75%;margin:12px;padding:9px 12px;border-radius:12px;background:#f3f6fa;white-space:pre-wrap;overflow-wrap:anywhere}
#view .fc-chat-three .fc-chat-messages article.mine{margin-left:auto;background:#eaf1ff}
#view .fc-chat-three .fc-chat-messages article small{display:block;color:#8b98a9;font-size:10px}
#leave{align-self:flex-end;margin:4px 12px;color:#9a4141}
#invite{padding:15px}
dialog{border:1px solid #dce4ed;border-radius:14px;padding:24px;max-width:450px}
dialog::backdrop{background:#0b204477}
dialog input{width:100%;padding:10px;border:1px solid #dce4ed;border-radius:8px}
dialog form>div{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}
dialog button{padding:10px;border:1px solid #dce4ed;border-radius:8px;background:#fff;cursor:pointer}
#compose[hidden],#invite[hidden],#leave[hidden]{display:none!important}
.sidebar a.navbtn{display:block;text-decoration:none}
.sidebar button:disabled{opacity:.5;cursor:not-allowed}
.top-actions a{text-decoration:none}
@media(max-width:850px){#view .fc-chat-workspace.fc-chat-three{overflow:auto}.content{overflow:auto}}