.global-message{position:relative;display:grid;place-items:center;flex:none;width:32px;height:32px;padding:6px;border:0;border-radius:4px;background:transparent;cursor:pointer}
.global-message-badge{position:absolute;top:-3px;right:-9px;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:10px;background:#e5484d;color:#fff;font-size:10px;font-weight:600;line-height:14px;text-align:center;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap}
.global-message-badge[hidden]{display:none}
.global-message:hover,.global-message[aria-expanded="true"]{background:#edf3ff;color:#0052d9!important}
.global-message:focus-visible,.message-drawer button:focus-visible{outline:2px solid #0052d9;outline-offset:3px}
body.message-drawer-open{overflow:hidden}
html:has(body.message-drawer-open){scrollbar-gutter:auto;overflow:hidden}
body dialog.message-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(440px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-left:1px solid #e3e8ef;border-radius:0;padding:0;background:#fff;color:#172b46;box-shadow:-12px 0 40px #172b4620;overflow:hidden;animation:message-drawer-enter .2s ease-out}
.message-drawer::backdrop{background:#142b452b;backdrop-filter:none}
.message-drawer .dialog-head{flex:none;min-height:72px;padding:18px 24px;gap:16px}
.message-drawer .dialog-head h2{font-size:18px;font-weight:600}
.message-drawer .dialog-body{flex:1;padding:0;overscroll-behavior:contain;scrollbar-gutter:stable}
.message-drawer .dialog-footer{flex:none;display:flex;flex-direction:column;align-items:stretch;padding:18px 24px max(18px,env(safe-area-inset-bottom));background:#fff}
.message-drawer [hidden]{display:none!important}
.message-drawer-icon-button{display:grid;place-items:center;flex:none;width:32px;height:32px;border:0;border-radius:4px;background:transparent;color:#66758a;cursor:pointer;padding:7px}
.message-drawer-icon-button:hover{color:#0052d9;background:#eef4ff}
.message-drawer-icon-button .icon{width:18px;height:18px}
.message-drawer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 12px;font-size:13px;color:#61718a}
.message-drawer-toolbar-actions{display:flex;align-items:center;gap:12px}
.message-drawer-read-all{padding:5px 0;border:0;background:transparent;color:#0052d9;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
.message-drawer-read-all:disabled{cursor:default!important;color:#8593a6}
.message-drawer-bulk-status{margin:0 24px 12px;color:#39704a;font-size:12px;line-height:1.7}
.message-drawer-bulk-status:empty{display:none}
.message-drawer-bulk-status.is-error{color:#bd3c42}
[data-message-count]{margin-left:5px;color:#8996a8;font-variant-numeric:tabular-nums}
.message-drawer-item{display:flex;width:100%;align-items:flex-start;gap:12px;border:0;border-bottom:1px solid #edf0f5;padding:20px 24px;background:#fff;text-align:left;cursor:pointer;color:#172b46;font:inherit}
.message-drawer-item:hover{background:#f5f8fd}
.message-drawer-item:focus-visible{outline-offset:-3px!important}
.message-drawer-item-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:6px;background:#f1f5fc;color:#7890b6}
.message-drawer-item-icon .icon{width:18px;height:18px}
.message-drawer-item-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:9px}
.message-drawer-item-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;line-height:1.65;font-size:14px}
.message-drawer-item-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#7d8ba0}
.message-drawer-read{display:inline-flex;align-items:center;gap:5px}
.message-drawer-item.is-unread .message-drawer-item-title{font-weight:600}
.message-drawer-item.is-unread .message-drawer-read{color:#0052d9}
.message-drawer-item.is-unread .message-drawer-read:before{content:"";width:5px;height:5px;border-radius:50%;background:#0052d9}
.message-drawer-item time{font-size:12px;color:#8b98aa}
.message-drawer-item-arrow{color:#a5b2c3;align-self:center;font-size:20px}
.message-drawer-state{padding:40px 24px;text-align:center;font-size:13px;color:#7d8ba0;overflow-wrap:anywhere}
.message-drawer-state strong,.message-drawer-state h3{font-size:14px;font-weight:500;color:#43556f}
.message-drawer-state p{line-height:1.7;margin:10px 0 16px}
.message-drawer-empty{padding-top:100px}
.message-drawer-empty>.icon{width:36px;height:36px;color:#aabbd4;margin-bottom:12px}
.message-drawer-more,.message-drawer-all,.message-drawer-back{border:0;background:transparent;color:#0052d9;cursor:pointer;font:inherit;font-size:13px}
.message-drawer-more{display:block;width:100%;padding:22px}
.message-drawer-all{display:flex;align-items:center;justify-content:center;gap:9px;min-height:24px}
.message-drawer-all .icon{width:15px;height:15px}
.message-drawer button:disabled{opacity:.5;cursor:wait}
.message-drawer-back{display:block;padding:20px 24px}
.message-drawer-detail{padding:4px 24px 28px}
.message-drawer-detail h3{font-size:18px;line-height:1.6;margin:0 0 14px;overflow-wrap:anywhere}
.message-drawer-detail-meta{display:flex;flex-wrap:wrap;gap:8px 16px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid #edf0f5;font-size:12px;color:#8b98aa}
.message-drawer [data-message-navigation-error]:empty{display:none}
.message-drawer [data-message-navigation-error]{font-size:12px;color:#be3b3b}
@keyframes message-drawer-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:600px){body #topbar .global-message{display:grid;width:28px;height:32px;padding:5px}body #topbar .global-support{display:none}.message-drawer .dialog-head{min-height:60px}.message-drawer .dialog-footer{padding-bottom:max(18px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){body dialog.message-drawer{animation:none}}