.portal-inbox{padding:24px;background:var(--surface,#fff);border:1px solid var(--line,#dfe6ef);border-radius:var(--radius,10px);min-width:0}
.inbox-toolbar,.inbox-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.inbox-toolbar{justify-content:flex-end}.inbox-feedback{line-height:1.5;overflow-wrap:anywhere}.inbox-feedback:empty{display:none}
.inbox-list{list-style:none;padding:0;margin:16px 0 0}.inbox-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 4px;border-top:1px solid var(--line,#dfe6ef)}.inbox-item>div{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}.inbox-item time{font-size:13px;color:var(--ink-mute,#536477)}.inbox-item[data-unread=true]{background:var(--brand-light,#edf3fe)}.inbox-item[data-unread=true]>div{padding-inline-start:12px}.inbox-unread-label{font-size:13px;font-weight:600;color:var(--brand,#2859b6)}.inbox-empty{padding-block:24px;color:var(--ink-mute,#536477)}.inbox-pagination{justify-content:center;margin-top:20px}.portal-inbox button{min-height:44px;min-width:44px}.portal-inbox :focus-visible{outline:3px solid var(--brand,#2859b6);outline-offset:3px}
.notification-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 5px;margin-inline-start:6px;border-radius:6px;background:var(--brand,#2859b6);color:white;font-size:12px;font-variant-numeric:tabular-nums}.notification-count[hidden]{display:none}
.portal-inbox .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;min-height:44px;min-width:44px;border:1px solid #b9c7d8;border-radius:8px;background:var(--surface,#fff);color:var(--brand,#2859b6);cursor:pointer}.portal-inbox .btn:hover{background:var(--brand-light,#edf3fe)}.portal-inbox .btn:disabled{opacity:.55;cursor:default}.portal-inbox .btn{font-family:inherit;font-size:14px;font-weight:600;line-height:1.4}
@media(max-width:600px){.portal-inbox{padding:16px}.inbox-toolbar{justify-content:flex-start}.inbox-item{align-items:flex-start;gap:12px}.inbox-item strong{font-size:16px}.inbox-item button{flex-shrink:0}}
