/* PC122 — replacement presentation layer, scoped to the chat page. Load AFTER PC121. */
body.pc122-community-chat{--pc122-line:rgba(183,220,204,.14);--pc122-panel:#0d1919;--pc122-muted:#a4bbb0}
body.pc122-community-chat main.page{min-width:0!important}
body.pc122-community-chat main.page>.pc45-chat-layout{display:flex!important;flex-direction:column!important;min-height:0!important;flex:1 1 0!important;width:100%!important;overflow:hidden!important}
body.pc122-community-chat #pc-chat{display:flex!important;flex:1 1 0!important;flex-direction:column!important;min-height:0!important;min-width:0!important;max-height:none!important;height:auto!important;overflow:hidden!important;padding:0!important;border-radius:16px!important;border:1px solid var(--pc122-line)!important;background:#091515!important}
body.pc122-community-chat #pc-chat>.pc-chat-bar{flex:0 0 auto!important;background:linear-gradient(100deg,#122623,#0c191a)!important;border-bottom:1px solid var(--pc122-line)!important;padding:10px 14px!important;display:flex!important;align-items:center!important;gap:10px!important;min-height:52px!important}
body.pc122-community-chat #pc-chat>.pc-chat-bar>div:first-child{min-width:0;flex:1}
body.pc122-community-chat #pc-chat>.pc-chat-bar small{font-size:11px;color:var(--pc122-muted)}
body.pc122-community-chat #pc-chat>.pc-chat-bar b{font-size:15px}
body.pc122-community-chat #pc-chat>.pc105-rooms{flex:0 0 auto!important;min-height:0!important;max-width:100%;border-bottom:1px solid var(--pc122-line)!important;background:#0b1918!important;padding:7px 12px!important;gap:7px!important;overflow-x:auto!important;scrollbar-width:thin}
body.pc122-community-chat #pc-chat>.pc105-rooms .pc105-room-tab{font-size:12px!important;border-radius:9px!important}
body.pc122-community-chat .pc122-workspace{min-width:0;min-height:0;flex:1 1 0;display:flex;position:relative;overflow:hidden;background:#071414}
body.pc122-community-chat .pc122-conversation{min-width:0;min-height:0;flex:1 1 0;display:flex;flex-direction:column;overflow:hidden}
body.pc122-community-chat #pc-chat .pc122-conversation .pc65-chat-log-shell{
 display:flex!important; flex-direction:column!important; flex:1 1 0!important;
 min-width:0!important;min-height:0!important;height:0!important;
 max-height:none!important;overflow:hidden!important;position:relative!important;
}
body.pc122-community-chat #pc-chat .pc122-conversation .pc65-chat-log-shell>.pc65-newer{
 z-index:4!important;bottom:12px!important;right:16px!important;
}
body.pc122-community-chat #pc-chat .pc122-conversation #pc-chat-log{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-width:0!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#496c61 transparent;padding:6px 14px!important;margin:0!important;gap:0!important;background:transparent!important}
/* Message rows rather than isolated variable-width bubbles. */
body.pc122-community-chat #pc-chat-log>.pc-chat-message{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;column-gap:12px!important;row-gap:2px!important;align-items:start!important;flex:0 0 auto!important;max-width:none!important;width:100%!important;min-width:0!important;margin:0!important;padding:10px 5px 11px!important;border:0!important;border-bottom:1px solid var(--pc122-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;float:none!important;transform:none!important}
body.pc122-community-chat #pc-chat-log>.pc-chat-message:hover{background:rgba(111,205,162,.04)!important}
body.pc122-community-chat #pc-chat-log>.pc-chat-message>:is(.pc40-frame,.pc27-avatar){grid-row:1/span 3!important;grid-column:1!important;align-self:start!important;margin:0!important}
body.pc122-community-chat #pc-chat-log>.pc-chat-message>strong{grid-row:1!important;grid-column:2!important;font-size:calc(13px * var(--pc101-chat-zoom,1))!important;line-height:1.4!important;min-width:0!important;color:var(--pc-accent,#edaa59)!important}
body.pc122-community-chat #pc-chat-log>.pc-chat-message>small{grid-row:1!important;grid-column:3!important;font-size:10px!important;color:#93a79f!important;white-space:nowrap!important;margin:3px 0 0!important}
body.pc122-community-chat #pc-chat-log>.pc-chat-message>p{grid-row:2!important;grid-column:2 / 4!important;max-width:100%!important;min-width:0!important;margin:0!important;font-size:calc(13px * var(--pc101-chat-zoom,1))!important;line-height:1.5!important;overflow-wrap:anywhere!important;white-space:pre-wrap!important}
body.pc122-community-chat #pc-chat-log>.pc-chat-message>.pc-chat-delete{grid-row:3!important;grid-column:3!important;justify-self:end!important;margin:0!important;font-size:10px!important;opacity:.7!important}
/* Sidebar uses existing presence data (not a new endpoint). */
body.pc122-community-chat .pc122-members{flex:0 0 244px;width:244px;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--pc122-line);background:linear-gradient(140deg,#132321,#0a171a);transition:flex-basis .18s ease,width .18s ease}
body.pc122-community-chat #pc-chat.pc122-members-closed .pc122-members{display:none}
body.pc122-community-chat .pc122-members-header{min-height:49px;flex:0 0 auto;border-bottom:1px solid var(--pc122-line);display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:6px}
body.pc122-community-chat .pc122-members-title{display:flex;gap:7px;align-items:center;min-width:0;font-size:12px;font-weight:800;color:#c8e8d6;white-space:nowrap}
body.pc122-community-chat .pc122-members-title svg{width:20px;height:20px;color:#66cf9a;flex:0 0 20px}
body.pc122-community-chat .pc122-members-title strong{display:inline-flex;min-width:24px;justify-content:center;padding:2px 6px;border-radius:30px;background:#254b3d;color:#8ce6b6}
body.pc122-community-chat .pc122-members-list{flex:1 1 0;min-height:0;overflow:auto;padding:4px 9px;scrollbar-width:thin}
body.pc122-community-chat .pc122-member-items{list-style:none;padding:0;margin:0}
body.pc122-community-chat .pc122-member-items .pc45-chat-online-person{min-height:52px;padding:5px 0;border-bottom:1px solid var(--pc122-line)}
body.pc122-community-chat .pc122-member-items .pc45-chat-online-avatar{width:48px;min-width:48px;flex-basis:48px}
body.pc122-community-chat .pc122-members-note{font-size:10px;color:#80978a;border-top:1px solid var(--pc122-line);padding:9px 12px;margin:0}
body.pc122-community-chat .pc122-members-empty{font-size:12px;color:var(--pc122-muted);margin:12px 4px}
body.pc122-community-chat .pc122-members-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:31px;padding:5px 9px;border:1px solid var(--pc122-line);border-radius:9px;background:#1b302c;color:#c8e4d6;cursor:pointer;white-space:nowrap;font-weight:700;font-size:11px}
body.pc122-community-chat .pc122-members-toggle svg{width:17px;height:17px}
body.pc122-community-chat .pc122-members-toggle:hover{border-color:var(--pc-accent,#60cfa0)}
body.pc122-community-chat .pc122-close-members{display:none;background:transparent;color:#c4d8cf;border:0;font-size:25px;cursor:pointer}
body.pc122-community-chat .pc122-overlay{display:none}
/* Legacy online popover still exists for the existing controller; sidebar mirrors its current data. */
body.pc122-community-chat #pc101-online-control{display:none!important}
body.pc122-community-chat #pc-chat>.pc101-chat-tools{flex:0 0 auto!important;padding:4px 10px!important;margin:0!important;background:#0e1d1c!important;border-top:1px solid var(--pc122-line)!important;min-height:33px!important;position:relative!important}
body.pc122-community-chat #pc-chat>#pc25-chat-composer{flex:0 0 auto!important;position:relative!important;margin:0!important;padding:0!important;min-height:0!important;border-top:1px solid var(--pc122-line)!important;background:#0d201c!important}
body.pc122-community-chat #pc-chat #pc-chat-form{padding:7px 10px!important;margin:0!important}
body.pc122-community-chat #pc-chat .pc25-chat-input-wrap{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
body.pc122-community-chat #pc-chat .pc25-chat-input-wrap .input{min-width:0!important;flex:1 1 0!important;border-radius:11px!important}
body.pc122-community-chat #pc-chat .pc25-chat-input-wrap .btn{flex:0 0 auto!important;border-radius:11px!important}
body.pc122-community-chat #pc-chat [hidden]{display:none!important}
@media(max-width:800px){
 body.pc122-community-chat .pc122-members{position:absolute;right:0;top:0;bottom:0;z-index:15;width:min(290px,85%);box-shadow:-16px 0 30px #0008}
 body.pc122-community-chat .pc122-close-members{display:block}
 body.pc122-community-chat #pc-chat.pc122-members-open .pc122-overlay{display:block;position:absolute;inset:0;z-index:14;border:0;background:rgba(0,0,0,.45)}
 body.pc122-community-chat #pc-chat-log>.pc-chat-message{grid-template-columns:38px minmax(0,1fr)!important;column-gap:9px!important;padding:9px 2px!important}
 body.pc122-community-chat #pc-chat-log>.pc-chat-message>small{grid-column:2!important;grid-row:2!important;margin:0!important;white-space:normal!important}
 body.pc122-community-chat #pc-chat-log>.pc-chat-message>p{grid-column:2!important;grid-row:3!important}
 body.pc122-community-chat #pc-chat-log>.pc-chat-message>.pc-chat-delete{grid-column:2!important;grid-row:4!important}
 body.pc122-community-chat .pc122-members-toggle span{display:none}
 body.pc122-community-chat #pc-chat>.pc-chat-bar{padding:7px 9px!important}
}
@media(max-height:560px){body.pc122-community-chat #pc-chat>.pc-chat-bar{padding-block:4px!important;min-height:38px!important}body.pc122-community-chat #pc-chat>.pc-chat-bar small{display:none!important}body.pc122-community-chat #pc-chat>.pc105-rooms{padding-block:3px!important}body.pc122-community-chat #pc-chat #pc-chat-form{padding-block:4px!important}}
@media(prefers-reduced-motion:reduce){body.pc122-community-chat .pc122-members{transition:none}}
body.pc122-community-chat #pc-chat>.pc122-workspace{flex:1 1 0!important;height:0!important;min-height:0!important;max-height:none!important;overflow:hidden!important}

/* PC123: do not collapse the existing PC65 scroll shell. */
body.pc122-community-chat #pc-chat .pc122-conversation{min-height:0!important;}
body.pc122-community-chat #pc-chat #pc-chat-log{scrollbar-width:thin!important;overflow-y:auto!important;overscroll-behavior:contain!important;scroll-behavior:auto!important;}