.inbox-bell{position:relative}.inbox-toggle{display:inline-flex;position:relative;cursor:pointer;list-style:none}.inbox-toggle::-webkit-details-marker{display:none}.inbox-toggle:focus-visible,.inbox-item:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.inbox-badge{position:absolute;top:-5px;right:-6px;min-width:20px;padding:2px 4px;border-radius:20px;background:#dc2626;color:white;font-size:11px;text-align:center;line-height:16px}.inbox-popover{position:absolute;top:calc(100% + 12px);inset-inline-end:0;width:min(390px,calc(100vw - 28px));background:#fff;color:#172033;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 15px 45px #0f172a26;z-index:1100;overflow:hidden}.inbox-heading,.inbox-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #e2e8f0}.inbox-heading span{font-size:12px;color:#64748b}.inbox-heading h1{font-size:22px;margin:0}.inbox-list{padding:0;margin:0;list-style:none}.inbox-popover .inbox-list{max-height:400px;overflow-y:auto;overscroll-behavior:contain}.inbox-list li+li{border-top:1px solid #e2e8f0}.inbox-item{display:flex;flex-direction:column;gap:7px;width:100%;text-align:start;border:0;background:transparent;color:inherit;padding:15px 18px;font:inherit;cursor:pointer;white-space:normal;overflow-wrap:anywhere}.inbox-item:hover{background:#f1f5f9}.inbox-item>span{font-size:13px;line-height:1.8}.inbox-item small{color:#64748b;font-size:11px}.inbox-unread{background:#eff6ff;border-inline-start:3px solid #2563eb}.inbox-new{color:#1d4ed8;font-size:10px;margin-inline-start:8px}.inbox-empty{padding:28px 18px;color:#64748b;text-align:center}.inbox-footer{border-top:1px solid #e2e8f0;border-bottom:0;font-size:12px}.inbox-footer button{border:0;background:transparent;color:#1d4ed8;cursor:pointer;font:inherit}.inbox-footer a,.inbox-view{color:#1d4ed8}.inbox-page{overflow:hidden}.inbox-page .inbox-list{max-height:none}.inbox-bell form,.inbox-page form{margin:0}@media(max-width:600px){.inbox-popover{position:fixed;top:76px;left:14px;right:14px;width:auto;max-height:calc(100dvh - 95px);overflow-y:auto}.inbox-popover .inbox-list{max-height:50dvh}}