.notification-preview{margin:8px 0}.notification-row{border-bottom:1px solid var(--edge);min-width:0}.notification-row>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;cursor:pointer;padding:13px 0;min-height:52px}.notification-row>summary::-webkit-details-marker{display:none}.notification-row-title{min-width:0}.notification-row-title b{display:block;font-size:13px;line-height:1.4}.notification-row-title>span{display:block;font-size:12px;color:var(--muted);line-height:1.45;overflow-wrap:anywhere;margin-top:3px}.notification-row-time{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);flex-shrink:0}.notification-row-time time{max-width:130px}.notification-unread{border-left:3px solid var(--teal);padding-left:10px}.notification-unread-label{color:var(--teal);font-size:10px}.notification-detail{padding:0 0 13px}.notification-detail p{font-size:12px;line-height:1.6;margin:7px 0}.notification-detail .scope{font-size:11px}.notification-detail .actions{gap:8px 12px}.notification-detail .btn,.notification-controls .btn{font-size:11px;min-height:40px;padding:8px 11px}.notification-controls{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.notification-controls button:disabled,.notification-pagination button:disabled{opacity:.5;cursor:default}.notification-view-all{display:inline-block;padding:12px 0}.notification-settings{border-top:1px solid var(--edge);margin-top:12px;padding-top:12px}.notification-settings>summary{cursor:pointer;font-size:13px;padding:10px 0;min-height:44px;color:var(--teal)}.notification-inbox{max-width:900px;margin:0 auto 30px}.notification-inbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.notification-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0}.notification-pagination span{font-size:12px;color:var(--muted)}.notification-row>summary:focus-visible,.notification-settings>summary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.notification-row[open]>.notification-row-time{color:var(--teal)}
@media(max-width:600px){.notification-row>summary{align-items:start}.notification-row-time{flex-wrap:wrap;justify-content:flex-end;max-width:105px;gap:4px}.notification-row-time time{font-size:10px}.notification-row-title b{font-size:13px}.notification-controls .btn,.notification-detail .btn{min-height:44px}.notification-inbox{padding:16px}.notification-pagination{gap:8px}.notification-pagination .btn{padding:9px 11px}.notification-inbox-toolbar{display:block}}