/* Messages from Nihehe card on the account page */
.nh-notices{margin:0 0 14px;padding:20px 22px;background:#fff;border:1px solid #e3e8f0;border-radius:28px;box-shadow:0 1px 2px rgba(23,40,75,.04),0 12px 32px rgba(23,40,75,.07);font-family:inherit;color:#17284b}
.nh-notices-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.nh-notices-head h2{margin:0;font-size:18px;font-weight:800;letter-spacing:-.01em}
.nh-notices-pill{display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:999px;background:#d6336c;color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.nh-notices-pill.ok{background:#e6f0fa;color:#1d6fd1}
.nh-notice{border-top:1px solid #e3e8f0}
.nh-notice summary{display:flex;align-items:center;gap:10px;padding:14px 4px;cursor:pointer;list-style:none;border-radius:16px}
.nh-notice summary::-webkit-details-marker{display:none}
.nh-notice summary:focus-visible{outline:3px solid #17284b;outline-offset:2px}
.nh-notice-dot{flex:none;width:9px;height:9px;border-radius:50%;background:transparent}
.nh-notice.unread .nh-notice-dot{background:#d6336c}
.nh-notice-title{flex:1;min-width:0;font-weight:600;font-size:15px}
.nh-notice.unread .nh-notice-title{font-weight:800}
.nh-notice-date{flex:none;color:#5f6c82;font-size:12px}
.nh-notice-body{padding:0 4px 16px 19px;animation:nhNoticeIn .3s ease both}
.nh-notice-body p{margin:0 0 10px;white-space:pre-wrap;line-height:1.55;font-size:14px}
.nh-notice-chip{display:inline-flex;height:24px;align-items:center;padding:0 10px;border-radius:999px;background:#e6f0fa;color:#1d6fd1;font-size:11px;font-weight:800}
@keyframes nhNoticeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.nh-notice-body{animation:none}}