/* ═══════════ 消息通知页面 ═══════════ */
.notif-hero{text-align:center;padding:48px 20px 28px;background:linear-gradient(180deg,rgba(26,95,180,.08) 0%,rgba(26,95,180,.03) 70%,transparent 100%)}
.notif-hero h1{font-size:26px;color:var(--navy);font-weight:700}
.notif-hero p{font-size:13px;color:var(--text2);margin-top:6px}
.notif-filter-btn{padding:8px 14px;border-radius: var(--radius-lg);background:#fff;color:var(--text2);font-size:12px;cursor:pointer;border:1px solid rgba(0,0,0,.08);transition:.2s}
.notif-filter-btn:hover,.notif-filter-btn.active{background:rgba(26,95,180,.08);color:var(--blue);border-color:var(--blue)}
.notif-item{position:relative;display:flex;gap:12px;padding:16px 20px;background:#fff;border-radius: var(--radius-md);margin-bottom:8px;cursor:pointer;transition:.2s;border:1px solid rgba(26,95,180,.06);align-items:flex-start}
.notif-item:hover{box-shadow:0 2px 12px rgba(0,0,0,.06)}
.notif-item.unread{background:linear-gradient(135deg,#fff 0%,#f0f4ff 100%);border-left:3px solid var(--blue)}
.notif-item-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.notif-item-body{flex:1;min-width:0}
.notif-item-body .title{font-size:14px;font-weight:600;color:var(--navy);margin-bottom:4px}
.notif-item-body .desc{font-size:12px;color:var(--text3);line-height:1.5}
.notif-item-body .time{font-size:11px;color:var(--text3);margin-top:4px}
.notif-item-action{font-size:12px;color:var(--blue);cursor:pointer;flex-shrink:0;font-weight:500;white-space:nowrap}
.notif-item.expanded{background:#fff;border-color:rgba(26,95,180,.2);box-shadow:0 4px 20px rgba(15,26,58,.1)}
.notif-detail{margin-top:12px;padding:16px;background:rgba(26,95,180,.03);border-radius: var(--radius-sm);border-left:4px solid rgba(26,95,180,.2);font-size:13px;color:#334155;line-height:1.8;white-space:pre-line}
.notif-expand-hint{margin-top:12px;font-size:11px;color:#94a3b8;text-align:center}
/* 预约操作按钮 */
.notif-actions{display:flex;gap:10px;margin-top:16px}
.notif-btn{flex:1;padding:10px 0;border:none;border-radius: var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:.2s}
.notif-btn-accept{background:var(--blue);color:#fff}
.notif-btn-accept:hover{background:#154a8c}
.notif-btn-decline{background:rgba(231,76,60,.08);color:#e74c3c;border:1px solid rgba(231,76,60,.2)}
.notif-btn-decline:hover{background:rgba(231,76,60,.15)}
/* 预约结果 */
.notif-result{margin-top:16px;padding:12px;background:rgba(26,95,180,.04);border-radius: var(--radius-sm);text-align:center;font-size:13px;color:#64748b}
.notif-result-icon{margin-right:4px}
/* 联系方式卡片 */
.notif-result-title{font-size:13px;font-weight:600;color:var(--navy);margin-bottom:10px}
.notif-contact{background:rgba(26,95,180,.04);border-radius: var(--radius-sm);padding:12px;margin-top:8px}
.notif-contact-item{display:flex;justify-content:space-between;padding:6px 0;font-size:12px;color:#334155;border-bottom:1px solid rgba(0,0,0,.04)}
.notif-contact-item:last-child{border-bottom:none}
.notif-contact-label{color:#94a3b8;flex-shrink:0;margin-right:12px}
/* 消息类型标签 */
.notif-type-tag{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:var(--radius-xs);font-size:10px;font-weight:500;background:rgba(26,95,180,.08);color:#1a5fb4;vertical-align:middle}
.notify-badge{position:absolute;top:-6px;right:-8px;background:#ef4444;color:#fff;font-size:10px;min-width:18px;height:18px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:700}

.notif-del-btn {
  font-size: 12px;
  color: #94a3b8;
  cursor: pointer;
  margin-left: 8px;
  flex-shrink: 0;
  padding: 2px 6px;
  border-radius: 4px;
  transition: all 0.2s;
}
.notif-del-btn:hover {
  color: #fff;
  background: #ef4444;
}