#privateTabs{display:flex;align-items:center;gap:6px;min-width:0;min-height:39px;padding:5px 13px;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #22324c;background:#101a2c;scrollbar-width:thin;scrollbar-color:#344a6d transparent}
#privateTabs[hidden]{display:none}
.private-tab{position:relative;display:flex;align-items:center;flex:none;height:28px;overflow:hidden;border:1px solid #2a3c59;border-radius:8px;background:#17243a;color:#aebbd0;transition:.16s}
.private-tab:hover{border-color:#3b5478;background:#1b2b45;color:#eef5ff}
.private-tab.active{border-color:#4778bd;background:#203657;color:#fff;box-shadow:inset 0 -2px #5a94ea}
.private-open,.private-close{height:100%;border:0;background:transparent;color:inherit;cursor:pointer}
.private-open{max-width:150px;padding:0 8px 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650}
.private-close{width:27px;padding:0;border-left:1px solid #2b3e5c;color:#7f90aa;font-size:17px;line-height:1}
.private-close:hover{background:#ffffff0a;color:#fff}
.private-tab.unread:before{content:attr(data-unread);position:absolute;right:21px;top:1px;z-index:1;min-width:14px;height:14px;padding:0 3px;border-radius:8px;background:#3b82f6;color:#fff;font-size:8px;line-height:14px;text-align:center;pointer-events:none}
.private-tab.unread .private-open{padding-right:25px}
@media(max-width:850px){#privateTabs{padding:5px 8px}.private-open{max-width:125px}}
.channelbar>div:first-child{min-width:0;overflow:hidden}.channelbar #roomTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#privateHeaderActions{display:flex;align-items:center;flex:none;gap:5px;margin-left:auto}
#privateHeaderActions[hidden]{display:none}
#privateHeaderActions button{height:29px;padding:0 10px;border:1px solid #2d4262;border-radius:8px;background:#17263d;color:#afbdd1;font-size:11px;font-weight:650;cursor:pointer}
#privateHeaderActions button:hover{border-color:#41638f;background:#203553;color:#fff}
#privateMenuBtn{display:none}
#privateActionMenu{display:contents}
#privateBlockBtn{border-color:#543647!important;color:#efa0af!important}#privateBlockBtn:hover{background:#38232f!important;border-color:#74475d!important;color:#ffd3da!important}
#privateWhoisBtn{color:#8fbcff!important}
#privateCloseBtn{border-color:#38475d!important;color:#a8b3c4!important}#privateCloseBtn:hover{background:#253247!important;border-color:#52647e!important;color:#fff!important}
#privateClearBtn,#channelClearBtn{border-color:#3a5574!important;color:#9fc8ff!important}#privateClearBtn:hover,#channelClearBtn:hover{background:#213a59!important;border-color:#527daf!important;color:#fff!important}
@media(max-width:500px){#privateHeaderActions{gap:3px}#privateHeaderActions button{height:27px;padding:0 7px;font-size:10px}}

#channelHeaderActions{display:flex;align-items:center;flex:none;gap:5px;margin-left:auto}#channelHeaderActions[hidden]{display:none}#channelHeaderActions button{height:29px;padding:0 11px;border:1px solid #2d4262;border-radius:8px;background:#17263d;color:#afbdd1;font-size:11px;font-weight:650;cursor:pointer}#channelHeaderActions button:hover{border-color:#41638f;background:#203553;color:#fff}@media(max-width:500px){#channelHeaderActions{gap:3px}#channelHeaderActions button{height:27px;padding:0 8px;font-size:10px}}


/* KORNA Mobile Double Tabs V2 */
#mobileChannelTabs{display:none}
@media(max-width:850px){
  .channelbar{position:relative;z-index:100;overflow:visible}
  #privateHeaderActions{position:relative;gap:5px}
  #privateMenuBtn{display:inline-grid;place-items:center;width:34px;padding:0!important;font-size:20px!important;line-height:1}
  #privateActionMenu{position:absolute;right:0;top:calc(100% + 6px);z-index:110;display:none;min-width:116px;padding:5px;border:1px solid #334867;border-radius:9px;background:#111d30;box-shadow:0 12px 28px #050912d9}
  #privateActionMenu.open{display:flex;flex-direction:column;gap:4px}
  #privateActionMenu button{width:100%;height:32px!important;padding:0 10px!important;text-align:left;font-size:11px!important}
  #privateWhoisBtn{order:1}
  #privateBlockBtn{order:2}
  #privateCloseBtn{order:3}
  #channelsToggle{display:none!important}
  .conversation{grid-template-rows:auto auto auto auto 1fr 64px!important}
  #mobileChannelTabs{display:flex;align-items:center;gap:5px;min-height:38px;padding:5px 8px;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #22324c;background:#101a2c;scrollbar-width:none}
  #mobileChannelTabs::-webkit-scrollbar,#privateTabs::-webkit-scrollbar{display:none}
  .mobile-channel-tab{position:relative;flex:none;height:28px;padding:0 10px;border:1px solid #2a3c59;border-radius:7px;background:#17243a;color:#aebbd0;font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer}
  .mobile-status-tab{position:static;min-width:auto;padding:0 10px;border-color:#3a5275;background:#1b2a43;color:#8fb6ff;font-weight:850;box-shadow:none}
  .mobile-status-tab.active{border-color:#4b8cff;background:#24446f;color:#fff}
  .mobile-channel-tab.active{border-color:#4778bd;background:#203657;color:#fff;box-shadow:inset 0 -2px #5a94ea}
  .mobile-channel-tab.unread:after{content:attr(data-unread);margin-left:6px;padding:1px 5px;border-radius:9px;background:#3b82f6;color:#fff;font-size:9px}
  #privateTabs{display:flex!important;min-height:38px;padding:5px 8px;gap:5px;position:static!important;margin:0!important;align-self:auto!important;border-bottom:1px solid #22324c;background:#0f192b}
  #privateTabs[hidden]{display:none!important}
  .private-tab{height:28px}
  .private-close{display:none!important}
  .private-open{max-width:140px;padding:0 10px!important}
}

/* KORNA Mobile V3 - compact composer + private unread badge alignment */
@media(max-width:850px){
  .conversation{display:flex!important;flex-direction:column!important;height:calc(100dvh - 64px)!important;min-height:0!important}
  .channelbar,#topicBar,#mobileChannelTabs,#privateTabs{flex:0 0 auto!important}
  #messages{flex:1 1 auto!important;min-height:0!important;overflow:auto!important}
  #composer{flex:0 0 64px!important;height:64px!important;min-height:64px!important;max-height:64px!important;padding:10px 14px!important;align-items:stretch!important}
  #composer input{height:44px!important;min-height:44px!important;max-height:44px!important;padding:0 14px!important}
  #composer button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;align-self:center!important}
  #composer{gap:6px!important;padding-left:10px!important;padding-right:10px!important}
  #composer #textStyleBtn,#composer #tabCompleteBtn{flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:40px!important;min-height:40px!important;border-radius:9px!important}
  #composer #textStyleBtn{font-size:15px!important}
  #composer #tabCompleteBtn{font-size:8px!important;letter-spacing:0!important}
  .private-tab.unread:before{right:4px!important;top:50%!important;transform:translateY(-50%)!important;min-width:16px!important;height:16px!important;line-height:16px!important;font-size:9px!important}
  .private-tab.unread .private-open{padding-right:27px!important}
}