.topbar button.center-bell { border: 0; padding: 0; background: transparent; display: grid; place-items: center; width: 36px; height: 40px }
.topbar .center-bell img { width: 24px; height: 24px }
.exchange-center.pl-shade { display: grid; place-items: center; padding: 0; background: rgb(21 37 30 / 52%) }
.exchange-center .pl-dialog { width: calc(100vw - 48px); max-width: 1440px; height: calc(100dvh - 40px); max-height: none; border-radius: 22px; overflow: hidden; background: white; color: #1c2620; box-shadow: 0 20px 75px #14251e33 }
.exchange-center .pl-dialog-content { height: 100%; padding: 0; overflow: hidden; display: flex; flex-direction: column; text-align: left }
.exchange-center .pl-close { inset: 14px 16px auto auto; background: #f2f5f3; color: #35483c; border: 0; width: 36px; height: 36px; min-height: 36px; border-radius: 10px; z-index: 2 }
.exchange-center header { height: 64px; min-height: 64px; box-sizing: border-box; padding: 0 64px 0 24px; display: flex; align-items: stretch; gap: 19px; border-bottom: 1px solid #e1e8e3; overflow-x: auto }
.exchange-center header button { white-space: nowrap; padding: 0 4px; border: 0; border-radius: 0; border-bottom: 3px solid transparent; background: white; font-size: 14px; font-weight: 600; color: #59665e }
.exchange-center header button[aria-selected=true] { color: #278057; border-bottom-color: #329264 }
.xc-main { display: grid; grid-template-columns: minmax(225px,24%) minmax(0,1fr); flex: 1; min-height: 0 }
.xc-main.xc-single { grid-template-columns: 1fr }
.xc-main aside,.xc-main article { min-width: 0; min-height: 0; overflow: auto }
.xc-main aside { border-right: 1px solid #e0e7e3; padding: 16px }
.xc-main article { display: flex; flex-direction: column }
.xc-empty { flex: 1; display: flex; flex-direction: column; gap: 4px; justify-content: center; align-items: center; padding: 16px; text-align: center; color: #617467 }
.xc-empty strong { color: #324439; font-size: 16px }
.xc-empty p { margin: 0; font-size: 13px }
.xc-main aside>.xc-empty { min-height: 60% }
.xc-entry,.xc-item { width: 100%; min-height: 45px; display: grid; gap: 4px; text-align: left; border: 1px solid #e0e8e3; background: white; border-radius: 10px; margin: 6px 0; padding: 12px 14px; color: #253c2d }
.xc-entry p,.xc-item p,.xc-discussion p,.exchange-item p { white-space: pre-wrap; overflow-wrap: anywhere; margin: 4px 0 }
.xc-entry.xc-current,.xc-entry:hover,.xc-item:hover { background: #edf6f0 }
.xc-filter,.xc-pager,.xc-reactions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap }
.xc-filter label { font-size: 12px }.xc-filter button { margin-left:auto }
.xc-reader,.xc-form,.xc-discussion { padding: 12px 28px; }.xc-reader{flex:1}
.xc-form { display:flex; flex-direction:column; gap:12px; min-height:100%; padding:8px 28px 16px }
.xc-form h2 { font-size:20px; margin:12px 0 }
.xc-form label,.exchange-item form label { display:block; font-weight:600 }
.xc-form input,.xc-form textarea,.exchange-item textarea { display:block; width:100%; margin-top:5px; padding:10px 14px; border:1px solid #d5dfd9; border-radius:9px; color:#1c2620; background:white; font:inherit }
.xc-form input { height:42px }.xc-form textarea,.exchange-item textarea { min-height:87px }.xc-form small,.exchange-item small { color:#64766a; font-weight:400 }
.xc-form [type=submit],.exchange-item [type=submit] { background:#2d8b5c; border-radius:8px; color:white; margin-right:12px }
.xc-form button:disabled,.exchange-item button:disabled { opacity:.45 }
.xc-pager { padding:12px 24px; justify-content:flex-end; border-top:1px solid #e7ece9 }
.exchange-center .xc-error { margin:0; padding:0 24px; color:#a6382b }
.exchange-item .pl-dialog { max-width:680px; width:92vw; border-radius:16px }
.exchange-item .pl-dialog-content { padding:32px; overflow:auto; max-height:85vh }
.exchange-item .xc-reactions { margin:18px 0 }
.exchange-item button[aria-pressed=true] { color:#207944; background:#e6f3eb }
.exchange-item form small { display:block; margin:5px 0 }
@media(max-width:700px){
 .exchange-center .pl-dialog { width:calc(100vw - 12px); height:calc(100dvh - 16px) }
 .exchange-center header { gap:10px; padding-left:10px }
 .xc-main { grid-template-columns:1fr;grid-template-rows:minmax(70px,25%) minmax(0,1fr) }
 .xc-main.xc-single { grid-template-rows:1fr }
 .xc-main aside { border-right:0; border-bottom:1px solid #e0e7e3; padding:6px 12px }
 .xc-form,.xc-reader { padding:10px 14px }
}