.notice-trigger{border:1px solid #d8e5e3;background:#eff6f3;color:#204f48;border-radius:9px;min-height:38px;padding:7px 10px;white-space:nowrap;display:flex;align-items:center;gap:5px;font-size:12px}.notice-count{background:#b53035;color:white;border-radius:12px;min-width:20px;padding:2px 5px;font-size:11px}.notice-count[hidden]{display:none}.channel-unread{background:#b53035;color:white;border-radius:12px;padding:1px 6px;font-size:10px;margin-left:4px}.notice-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.notice-help{font-size:12px;color:#617780;line-height:1.6}.notice-entry{display:block;width:100%;text-align:left;border:1px solid #e0e8e7;border-radius:10px;background:white;color:#213b44;padding:14px;margin:8px 0}.notice-entry.unread{background:#edf7ef;border-left:4px solid #3c7d67}.notice-entry strong,.notice-entry small{display:block;margin-bottom:5px}.notice-entry p{margin:5px 0;overflow-wrap:anywhere}.notice-entry small{color:#697d83}.notice-status{font-size:12px;color:#526b77}.mention-wrap{position:relative}.mention-suggestions{position:absolute;bottom:100%;left:0;right:0;background:white;border:1px solid #b6ccc4;box-shadow:0 6px 20px #183c4920;border-radius:10px;max-height:190px;overflow-y:auto;z-index:35;padding:5px}.mention-suggestions[hidden]{display:none}.mention-option{display:block;width:100%;text-align:left;padding:11px;background:white;color:#193c46;border-radius:6px}.mention-option:hover,.mention-option:focus{background:#eaf3df}.mention-option small{color:#708382;margin-left:10px}.person-mention{background:#dbefcf;color:#244d28;padding:1px 4px;border-radius:4px;font-weight:600}.mention-hint{font-size:11px;color:#697d83;margin:4px 0}.notification-message{white-space:pre-wrap;overflow-wrap:anywhere}.notice-back{margin-bottom:15px}
@media(max-width:760px),(pointer:coarse) and (max-width:1100px){.notice-trigger{min-height:34px;padding:5px 8px;font-size:11px}.topbar .header-right{gap:7px}.notice-help{font-size:12px}.mention-hint{font-size:10px}.mention-suggestions{max-height:160px}.notice-toolbar .btn{flex:1;white-space:normal;font-size:12px}.notice-entry{font-size:13px}.notice-message-files img{max-width:100%;max-height:220px}}

@media(max-width:760px),(pointer:coarse) and (max-width:1100px){.topbar .breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.topbar .header-right{flex-shrink:0}#activity-link{display:none}.mention-wrap{min-height:0}}