/* =========================================================
   MCP PHASE 2 CSS (COLLAB GATE)
========================================================= */

/* Kill any legacy floating collab button if it exists anywhere */
#mcp-collab-fixed,
.mcp-request-collab,
a.mcp-request-collab{
  display:none !important;
}

/* Action row */
#mcp-profile-actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  flex-wrap:wrap;
  margin:12px 0 10px;
}

/* ✅ FORCE UM Follow button to NOT be huge inside our row */
#mcp-profile-actions a.um-follow-btn,
#mcp-profile-actions a.um-unfollow-btn,
#mcp-profile-actions .um-follow-btn,
#mcp-profile-actions .um-unfollow-btn{
  width:auto !important;
  min-width:unset !important;
  max-width:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:10px 16px !important;
  border-radius:12px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

/* Some themes force anchor buttons to block */
#mcp-profile-actions a.um-follow-btn,
#mcp-profile-actions a.um-unfollow-btn{
  float:none !important;
  margin:0 !important;
}

/* Hide UM message button unless accepted */
.um .um-message-btn,
.um .um-messaging-btn,
.um a.um-message-btn,
.um a.um-messaging-btn{
  display:none !important;
}
body.mcp-collab-accepted .um .um-message-btn,
body.mcp-collab-accepted .um .um-messaging-btn,
body.mcp-collab-accepted .um a.um-message-btn,
body.mcp-collab-accepted .um a.um-messaging-btn{
  display:inline-flex !important;
}

/* Modal */
#mcp-collab-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
}
#mcp-collab-modal.is-open{ display:block; }
#mcp-collab-modal .mcp-collab-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.55);
}
#mcp-collab-modal .mcp-collab-panel{
  position:relative;
  max-width:640px;
  margin:8vh auto;
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
}
#mcp-collab-modal .mcp-collab-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 20px;
  border-bottom:1px solid rgba(0,0,0,.08);
}
#mcp-collab-modal .mcp-collab-title{
  font-weight:800;
  font-size:20px;
}
#mcp-collab-modal .mcp-collab-close{
  border:0;
  background:transparent;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}

#mcp-collab-form{
  padding:18px 20px;
}
#mcp-collab-form .mcp-label{
  display:block;
  margin:14px 0 8px;
  font-weight:700;
  font-size:15px;
}
#mcp-collab-form .mcp-input,
#mcp-collab-form .mcp-textarea{
  width:100%;
  padding:12px 14px;
  border:1px solid rgba(0,0,0,.18);
  border-radius:12px;
  font-size:16px;
}
#mcp-collab-form .mcp-send{
  margin-top:18px;
  width:100%;
  padding:14px;
  border:0;
  border-radius:12px;
  background:#111;
  color:#fff;
  font-weight:800;
  font-size:16px;
  cursor:pointer;
}
#mcp-collab-form .mcp-msg{
  margin-top:12px;
  font-size:14px;
}

/* Inbox tab */
.mcp-row{
  border:1px solid rgba(0,0,0,.10);
  border-radius:12px;
  padding:12px;
  margin:12px 0;
}
.mcp-row.is-busy{ opacity:.6; pointer-events:none; }
.mcp-row-actions{
  display:flex;
  gap:10px;
  margin-top:10px;
}
.mcp-row-actions button{
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.18);
  background:#fff;
  cursor:pointer;
  font-weight:700;
}
.mcp-row-actions .mcp-accept{
  background:#111;
  color:#fff;
  border-color:#111;
}