/* ── MEMBER DETAIL ── */
.md-hero{padding:20px 18px 16px;border-bottom:1px solid var(--bd);}
.md-top{display:flex;align-items:flex-start;gap:13px;margin-bottom:10px;}
.md-ava{width:66px;height:66px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#2A2A2A;}
.md-ava-fb{
  width:66px;height:66px;border-radius:50%;flex-shrink:0;
  background:#2A2A2A;border:1px solid var(--bd2);
  display:flex;align-items:center;justify-content:center;
  font-size:25px;font-weight:800;color:#F0F0F0;
}
.md-name{font-size:19px;font-weight:800;color:var(--t);letter-spacing:-.02em;display:flex;align-items:center;flex-wrap:wrap;gap:6px;}
.md-handle{font-size:12px;color:var(--t3);display:block;margin-top:3px;}
.md-role{font-size:13px;color:var(--t2);display:block;margin-top:3px;}
.md-loc{font-size:12px;color:var(--t3);display:flex;align-items:center;gap:3px;margin-top:4px;}
.md-bio{font-size:14px;color:var(--t2);line-height:1.65;margin-bottom:11px;}
.skill-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px;}
.skill-tag{padding:3px 9px;border-radius:999px;background:var(--bg2);font-size:12px;color:var(--t2);font-weight:500;border:1px solid var(--bd);}
.md-stats{display:flex;gap:16px;margin-bottom:12px;}
.md-stat{display:flex;align-items:baseline;gap:3px;}
.md-stat-link{cursor:pointer;border-radius:8px;padding:2px 4px;margin:-2px -4px;transition:background .12s;}
.md-stat-link:hover{background:var(--bg2);}
.md-stat-n{font-size:15px;font-weight:800;color:var(--t);font-variant-numeric:tabular-nums;}
.md-stat-l{font-size:12px;color:var(--t3);}
.md-acts{display:flex;gap:8px;}
.md-follow{
  height:33px;padding:0 16px;border-radius:999px;
  background:var(--btn-bg);color:var(--btn-t);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:700;cursor:pointer;transition:all .12s;letter-spacing:-.01em;
}
.md-follow:hover{filter:brightness(1.04);}
.md-follow.following{background:var(--bg);color:var(--t2);border:1px solid var(--bd2);}
.md-cert-btn{background:#374151;color:#FFFFFF;}
.md-cert-btn:hover{background:#2F3947;}
.md-dm{
  height:33px;padding:0 16px;border-radius:999px;
  background:var(--bg);color:var(--t2);
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--bd2);font-size:13px;font-weight:600;
  cursor:pointer;transition:all .12s;
}
.md-dm:hover{border-color:var(--t);color:var(--t);}
.md-tabs{display:flex;border-bottom:1px solid var(--bd);padding:0 14px;}
.md-tab{
  padding:12px 13px;font-size:13px;font-weight:500;
  color:var(--t3);cursor:pointer;position:relative;transition:color .12s;
}
.md-tab:hover{color:var(--t2);}
.md-tab.active{color:var(--t);font-weight:700;}
.md-tab.active::after{
  content:'';position:absolute;bottom:0;left:0;right:0;
  height:2px;background:var(--t);border-radius:2px;
}

/* ── INBOX ── */
.unread-bar{
  display:flex;align-items:center;justify-content:space-between;
  padding:11px 16px;background:var(--panel2);border-bottom:1px solid var(--bd);
}
.unread-txt{font-size:12.5px;color:var(--t);font-weight:700;}
.unread-action{font-size:12.5px;color:var(--t);cursor:pointer;font-weight:800;}
.notice-ico{
  width:40px;height:40px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  position:relative;background:var(--panel2);color:var(--t2);
}
.notice-ico svg{width:18px;height:18px;}
.notice-dot{
  width:7px;height:7px;border-radius:50%;background:var(--t);
  position:absolute;top:2px;right:2px;border:2px solid #0A0A0A;
}
.notice-card{cursor:pointer;position:relative;}
.notice-card.menu-open{z-index:30;}
.notice-card:hover{background:var(--hover);}
.notice-meta{align-items:flex-start;gap:8px;flex-wrap:nowrap;}
.notice-actions{
  margin-left:auto;display:flex;align-items:center;gap:7px;
  position:relative;flex-shrink:0;
}
.notice-more{
  width:28px;height:28px;border-radius:50%;border:none;background:transparent;
  color:var(--t3);display:inline-flex;align-items:center;justify-content:center;
  font-size:17px;font-weight:900;line-height:1;cursor:pointer;transition:all .12s;
}
.notice-more:hover,.notice-more.active{background:var(--hover);color:var(--t);}
.notice-menu{
  position:absolute;right:0;top:31px;z-index:80;min-width:96px;
  border:1px solid var(--bd);border-radius:10px;background:var(--w);
  box-shadow:var(--shadow);padding:5px;
}
.notice-menu button{
  width:100%;height:31px;border:none;background:transparent;border-radius:7px;
  color:var(--t);font-size:12px;font-weight:750;text-align:left;padding:0 9px;cursor:pointer;
}
.notice-menu button:hover{background:var(--hover);}
.notice-menu button.danger{color:#E11D48;}
.notice-body{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.55;color:var(--t2);}
.notice-body-line{display:block;white-space:pre-wrap;}
.notice-event-link{
  display:inline;border:none;background:transparent;padding:0;margin:0;
  color:#2563EB;font-size:14px;font-weight:900;line-height:1.55;
  cursor:pointer;text-align:left;
}
.notice-event-link:hover{text-decoration:underline;}
.notice-inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
.notice-inline-actions button,
.demand-apply-btn{
  height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--bd2);
  background:var(--bg2);color:var(--t2);font-size:13px;font-weight:800;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
}
.notice-inline-actions button.primary,
.demand-apply-btn.primary{background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-t);}
.notice-inline-actions button:hover,
.demand-apply-btn:hover{border-color:var(--t);color:var(--t);}
.demand-apply-btn.primary{
  min-width:74px;height:30px;padding:0 13px;
  background:transparent;border-color:var(--t);color:var(--t);
  transition:background .12s,color .12s,border-color .12s,transform .12s;
}
.demand-apply-btn.primary:hover{
  background:#E5E7EB;border-color:#E5E7EB;color:#111827;
}
.demand-apply-btn.primary:active{
  background:#FFFFFF;border-color:#FFFFFF;color:#111827;transform:translateY(1px);
}
html[data-theme="light"] .demand-apply-btn.primary:hover{
  background:#F3F4F6;border-color:#D1D5DB;color:#111827;
}
html[data-theme="light"] .demand-apply-btn.primary:active{
  background:#111827;border-color:#111827;color:#FFFFFF;
}
.demand-card-actions{display:flex;align-items:center;gap:8px;margin:8px 0 2px;}
.demand-apply-sheet{width:min(520px,calc(100vw - 28px));}
.demand-apply-form{display:grid;gap:12px;padding:18px 22px 22px;}