:root{--uf-navy:#102e58;--uf-navy-dark:#0a2142;--uf-red:#cc1f3d;--uf-blue:#2d9fe5;--uf-line:#d9dee6;--uf-soft:#f3f5f8}
.chat-room{height:100vh;overflow:hidden;background:#fff}
.chat-room>.room-topbar{height:76px!important;min-height:76px!important;display:grid!important;grid-template-columns:260px minmax(320px,650px) 150px!important;align-items:center;justify-content:space-between;gap:18px;padding:0 22px!important;background:var(--uf-navy)!important;color:#fff}
.chat-room>.room-topbar>div{padding-left:18px;border-left:1px solid rgba(255,255,255,.18)}
.room-topbar .brand{color:#fff}.brand-logo{display:block;max-width:235px;max-height:58px;object-fit:contain;object-position:left center}.access-rooms,.room-profile{border:1px solid rgba(255,255,255,.75);border-radius:9px;padding:11px 14px;color:#fff!important;text-decoration:none;text-align:center;font-weight:800}.access-rooms[hidden]{display:none!important}.room-profile{justify-self:end;min-width:115px}.room-ad{height:58px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-content:center;padding:0 18px;border-radius:5px;background:linear-gradient(110deg,#163f78,#cc1f3d);overflow:hidden}.room-ad small{font-size:9px;letter-spacing:.14em}.room-ad strong{font-size:14px}.room-ad a{grid-column:2;grid-row:1/3;align-self:center;border-radius:6px;background:#fff;color:var(--uf-navy);padding:8px 12px;text-decoration:none;font-size:11px;font-weight:900}
.room-breadcrumb{height:34px;display:flex;align-items:center;gap:8px;padding:0 22px;border-bottom:1px solid var(--uf-line);background:#fff;color:#68768a;font-size:12px}.room-breadcrumb a{color:var(--uf-red);text-decoration:none}.room-breadcrumb strong{color:var(--uf-navy)}
.chat-layout-pro{height:calc(100vh - 110px)!important;min-height:0!important;grid-template-columns:280px minmax(0,1fr)!important;border-top:0!important}
.chat-sidebar{background:#fff!important}.participants-head{padding:13px 15px 7px}.participants-help{display:none}.participants-list{padding:0 8px}.participant-button{border-bottom:1px solid #e5e9ef;border-radius:0;padding:9px 7px}.participant-button:hover,.participant-button.active{background:#dfefff}.participant-button.active{box-shadow:inset 3px 0 0 var(--uf-red)}.participant-avatar{width:40px;height:40px;overflow:hidden;flex:0 0 40px}.participant-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.sidebar-footer{padding:14px}.sidebar-footer .leave-room{margin-bottom:8px}.sidebar-footer nav{margin-top:7px}
.chat-rail{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--uf-line);background:#f5f6f8}.chat-rail button{width:48px;height:44px;border:0;border-bottom:1px solid #e0e4ea;background:transparent;color:#778394;font-size:18px;cursor:pointer}.chat-rail button:first-child{color:var(--uf-red);background:#fff}
.safety-strip{min-height:34px!important;background:var(--uf-red)!important;padding:5px 18px!important}.safety-strip strong{font-size:11px}.chat-layout-pro .messages{padding:0!important;background:#fff}.chat-layout-pro .messages article{max-width:none!important;margin:0!important;padding:12px 18px!important;border:0!important;border-bottom:1px solid #e1e5eb!important;border-radius:0!important;background:#fff!important}.chat-layout-pro .messages article.private-message{background:#dceeff!important}.chat-layout-pro .messages article.mine{margin-left:0!important}.chat-layout-pro .messages article.system-message{background:#f5f5f5!important}.chat-layout-pro .messages article.system-message b{color:#101828!important}.chat-layout-pro .messages article.system-event{padding:8px 18px!important;color:#5b6573;font-size:12px}
.composer-shell{min-height:154px;padding:0 185px 10px 14px!important;border-top:1px solid #cbd3de;background:#eceff3}.conversation-tabs{margin:0 -171px 0 -14px!important}.conversation-tabs button{min-width:190px}.composer{display:block!important;margin-top:8px}.composer label{min-height:56px;border-radius:4px}.composer .send-button{position:absolute;right:18px;bottom:11px;width:150px;height:44px;border-radius:8px}.composer-report{position:absolute;right:18px;bottom:62px;width:150px;min-height:40px;padding:9px 14px;border:1px solid var(--uf-navy);border-radius:8px;background:#fff;color:var(--uf-navy);font-weight:800;line-height:1.15;white-space:nowrap;cursor:pointer}.composer-report:disabled{opacity:.45;cursor:not-allowed}.composer-tools{margin-top:5px}.private-indicator{display:none}.privacy-toggle{margin-left:auto}.privacy-toggle[hidden]{display:none!important}.tool-panel{bottom:104px}
.report-panel{top:auto!important;right:18px!important;bottom:154px!important}
.composer-shell{display:grid!important;grid-template-columns:minmax(0,1fr) 156px;grid-template-rows:auto auto auto;gap:8px 14px;min-height:150px;padding:0 14px 12px!important}.conversation-tabs{grid-column:1/-1;margin:0 -14px!important}.composer{position:static!important;grid-column:1;grid-row:2;display:block!important;margin:0!important}.composer .send-button{position:static}.composer-actions{grid-column:2;grid-row:2 / span 2;display:grid;grid-template-rows:1fr 1fr;gap:8px}.composer-actions .send-button,.composer-actions .composer-report{position:static!important;width:100%!important;min-height:0!important;height:100%!important;margin:0!important;padding:10px!important;border-radius:8px!important;line-height:1.15!important;white-space:normal!important}.composer-actions .send-button{border:1px solid var(--uf-red)!important;background:var(--uf-red)!important;color:#fff!important;font-weight:800}.composer-actions .composer-report{border:1px solid #9eabc0!important;background:#fff!important;color:var(--uf-navy)!important;font-weight:800}.composer-tools{grid-column:1;grid-row:3;margin:0!important}.tool-panel{bottom:112px!important}
@media(max-width:900px){.composer-shell{grid-template-columns:minmax(0,1fr) 132px;padding-right:10px!important;padding-left:10px!important}.conversation-tabs{margin-right:-10px!important;margin-left:-10px!important}.composer-actions{grid-column:2}.composer-actions .send-button,.composer-actions .composer-report{font-size:12px}}
@media(max-width:680px){.composer-shell{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;min-height:176px;padding-bottom:12px!important}.composer{grid-column:1/-1;grid-row:2}.composer-actions{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:44px}.composer-tools{grid-column:1/-1;grid-row:4}.composer-actions .send-button,.composer-actions .composer-report{height:44px!important}.tool-panel{bottom:118px!important}}
@media(max-width:900px){.chat-room>.room-topbar{grid-template-columns:220px 1fr!important;padding:0 12px!important}.room-ad{display:none}.chat-layout-pro{grid-template-columns:230px minmax(0,1fr)!important}.composer-shell{padding-right:130px!important}.composer .send-button,.composer-report{right:8px;width:112px}.conversation-tabs{margin-right:-120px!important}}
@media(max-width:680px){.chat-room>.room-topbar{height:64px!important;min-height:64px!important;grid-template-columns:1fr auto!important}.access-rooms{display:none}.room-profile{min-width:auto}.room-breadcrumb{display:none}.chat-layout-pro{height:calc(100vh - 64px)!important;grid-template-columns:1fr!important}.chat-sidebar{display:none!important}.chat-rail{display:none}.safety-strip strong{display:none}.composer-shell{padding-right:10px!important;padding-bottom:104px!important}.conversation-tabs{margin-right:-10px!important}.composer .send-button{right:10px;bottom:10px;width:calc(50% - 15px)}.composer-report{left:10px;right:auto;bottom:10px;width:calc(50% - 15px)}.privacy-toggle{margin-left:0}}