.notification-page{max-width:800px;margin:0 auto;padding:24px 20px calc(24px + env(safe-area-inset-bottom));overflow-wrap:anywhere}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.notification-page .panel{margin-bottom:20px}.notification-list{display:grid;gap:12px}.notification-item{padding:20px;border:1px solid var(--border,#dedbd4);border-radius:8px;background:white}.notification-item[data-unread=true]{border-left:4px solid #60483c}.notification-item h2{font-size:18px;margin:8px 0}.notification-item p{white-space:pre-wrap}.notification-item time{font-size:13px;color:#76716a}.notification-item .badge{margin-right:8px}.notification-sender textarea{min-height:100px}.notification-sender [role=alert]{color:#9b3030}.notification-sender .check{margin:16px 0}@media(max-width:520px){.notification-page{padding:20px 16px calc(24px + env(safe-area-inset-bottom))}.notification-heading{align-items:flex-start}.notification-item{padding:16px}}
.notification-history{margin-top:28px;padding-top:24px;border-top:1px solid var(--line,#dedbd4);min-width:0}
.notification-history [hidden]{display:none!important}
.notification-history-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.notification-history-heading h3{font-size:18px;margin:0}
.notification-history-heading>button{margin-left:auto;min-height:44px}
.notification-history-sample{font-size:12px;color:var(--muted,#76716a)}
.notification-history-head,.notification-history-item>summary{display:grid;grid-template-columns:minmax(0,1fr) 80px 130px;gap:14px;align-items:start}
.notification-history-head{padding:12px 14px;background:var(--bg,#f4f3ef);border:1px solid var(--line,#dedbd4);border-radius:6px 6px 0 0;font-size:13px;font-weight:700;color:var(--muted,#76716a)}
.notification-history-item{border:1px solid var(--line,#dedbd4);border-top:0;background:#fff}
.notification-history-item:last-child{border-radius:0 0 6px 6px}
.notification-history-item>summary{list-style:none;cursor:pointer;min-height:52px;padding:14px;font-size:14px;line-height:1.5}
.notification-history-item>summary::-webkit-details-marker{display:none}
.notification-history-title{display:flex;gap:8px;min-width:0;font-weight:650;overflow-wrap:anywhere}
.notification-history-chevron{display:inline-block;flex:0 0 10px;transition:transform .1s}
.notification-history-item[open] .notification-history-chevron{transform:rotate(90deg)}
.notification-history-count,.notification-history-item time{color:var(--muted,#76716a);font-size:12px;word-break:keep-all;overflow-wrap:anywhere}
.notification-history-item time{font-variant-numeric:tabular-nums}
.notification-history-detail{padding:0 14px 16px;border-top:1px solid var(--line,#dedbd4);overflow-wrap:anywhere}
.notification-history-detail>.muted{font-size:12px}
.notification-history-body{white-space:pre-wrap;font-size:15px;line-height:1.7}
.notification-history-empty{padding:16px;border:1px solid var(--line,#dedbd4);border-top:0;margin:0}
.notification-history [data-notification-history-more]{min-height:44px}
@media(max-width:520px){.notification-history-head,.notification-history-item>summary{grid-template-columns:minmax(0,1fr) 54px 76px;gap:8px;padding-left:10px;padding-right:10px}.notification-history-item>summary{font-size:13px}.notification-history-count,.notification-history-item time{font-size:11px}.notification-history-title{gap:5px}.notification-history-detail{padding-left:10px;padding-right:10px}.notification-history-heading>button{font-size:13px;padding:9px 12px}}