/* Premium timeline: compact action menus and gently nested replies. */
.mv-item-head{display:flex;align-items:flex-start;gap:10px}
.mv-item-head-main{flex:1;min-width:0}
.mv-menu{position:relative;flex:0 0 auto;margin-left:auto}
.mv-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;cursor:pointer;color:#687589;font-size:22px;line-height:1;letter-spacing:1px;user-select:none}
.mv-menu summary::-webkit-details-marker{display:none}
.mv-menu summary:hover,.mv-menu[open] summary{background:#edf1f6;color:#17263e}
.mv-menu-panel{position:absolute;right:0;top:40px;z-index:20;width:min(260px,calc(100vw - 48px));padding:7px;background:#fff;border:1px solid #e5eaf0;border-radius:14px;box-shadow:0 12px 36px rgba(15,30,55,.18)}
.mv-menu-panel form{margin:0}
.mv-menu-panel button,.mv-menu-panel a{display:flex;width:100%;align-items:center;gap:11px;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:#19263b;text-decoration:none;text-align:left;font:inherit;font-size:.93rem;cursor:pointer}
.mv-menu-panel button:hover,.mv-menu-panel a:hover{background:#f2f5f9}
.mv-menu-panel .mv-danger{color:#b42332}
.mv-menu-divider{height:1px;background:#e8edf2;margin:5px 4px}
.mv-hidden-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mv-inline-edit{margin-top:10px}
.mv-inline-edit textarea{width:100%;min-height:80px;border:1px solid #d6e0e7;border-radius:11px;padding:10px;font:inherit}
.mv-inline-edit .button{margin-top:7px}
.mv-comment{position:relative;min-width:0;background:#f7f9fb;border-radius:13px;padding:11px 12px}
.mv-comment + .mv-comment{margin-top:9px}
.mv-comment-children{margin:10px 0 0 18px;padding-left:13px;border-left:2px solid #dbe4f0;display:grid;gap:9px}
.mv-comment .mv-item-head{gap:8px}
.mv-comment .mv-menu summary{width:30px;height:30px;font-size:19px}
.mv-comment-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;margin-top:5px}
.mv-comment-tools{display:flex;align-items:center;gap:14px;margin-top:7px;flex-wrap:wrap}
.mv-text-action{padding:0;border:0;background:transparent;color:#61728a;font:inherit;font-size:.82rem;font-weight:650;cursor:pointer}
.mv-text-action:hover{color:#176b9b;text-decoration:underline}
.mv-reply-context{font-size:.78rem;color:#4776a8;margin-top:2px}
.mv-reply-context strong{font-weight:650}
.mv-reply-form{margin:9px 0 0 18px;display:flex;gap:8px;align-items:flex-end}
.mv-reply-form textarea{flex:1;min-width:0;min-height:40px;max-height:130px;resize:vertical;border:1px solid #d6e0e7;border-radius:11px;padding:9px 11px;font:inherit}
.mv-reply-form button{white-space:nowrap}
.mv-report-form{padding:6px 9px 10px}
.mv-report-form label{display:block;font-size:.82rem;color:#536176;margin:5px 2px}
.mv-report-form select,.mv-report-form textarea{width:100%;border:1px solid #d6e0e7;border-radius:9px;padding:8px;font:inherit;font-size:.9rem}
.mv-report-form textarea{min-height:60px;margin-top:7px}
.mv-report-form button{margin-top:7px;background:#f2f5f9}
@media(max-width:560px){.mv-comment-children{margin-left:9px;padding-left:9px}.mv-reply-form{margin-left:8px;flex-direction:column;align-items:stretch}.mv-reply-form button{align-self:flex-end}.mv-menu-panel{width:min(250px,calc(100vw - 36px))}}

/* Timeline follow-up: compact comment likes and post sharing */
.mv-comment-tools { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:8px; }
.mv-comment-like-form { display:inline-flex; margin:0; }
.mv-comment-like-form button { border:0; background:transparent; padding:0; cursor:pointer; font:inherit; color:var(--muted, #667085); }
.mv-comment-like-form button.is-active { color:var(--primary, #2458a6); font-weight:600; }
.mv-comment-like-form button span { margin-left:3px; }
.mv-share-action { border:0; background:transparent; cursor:pointer; font:inherit; }

/* Keep reply forms genuinely hidden until the Reply control opens them. */
.mv-reply-form[hidden],
.mv-inline-edit[hidden],
.mv-report-form[hidden] { display: none !important; }
.mv-share-action { display:inline-flex; align-items:center; gap:7px; }
.mv-share-icon { width:17px; height:17px; flex:0 0 17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.mv-share-action.is-copied .mv-share-icon { stroke:var(--primary, #2458a6); }

/* Clear visual hierarchy: top-level comments vs nested replies. */
.comment-list > .mv-comment {
  border: 1px solid #e1e8f0;
  background: #f6f8fb;
}
.mv-comment-children {
  margin: 11px 0 0 18px;
  padding: 2px 0 2px 13px;
  border-left: 2px solid #cbd8e8;
  display: grid;
  gap: 9px;
}
.mv-comment-children > .mv-comment {
  background: #fff;
  border: 1px solid #e7edf4;
  box-shadow: 0 1px 2px rgba(20, 40, 70, .035);
}
.mv-comment-children .mv-comment-children > .mv-comment {
  background: #f8fbff;
  border-left: 2px solid #dbe7f5;
}
.mv-edited-label {
  color: #78869a;
  font-size: .88em;
  font-style: italic;
  white-space: nowrap;
}
@media(max-width:560px) {
  .mv-comment-children { margin-left: 9px; padding-left: 9px; }
}

/* Compact, clear reply attribution and tighter timeline rhythm. */
.mv-reply-context { margin: 2px 0 0; font-size: .76rem; line-height: 1.2; color: #78869a; }
.mv-reply-context a, .mv-reply-to a { color: var(--primary, #2458a6); font-weight: 650; text-decoration: none; }
.mv-reply-context a:hover, .mv-reply-to a:hover { text-decoration: underline; }
.mv-reply-to { flex: 0 0 100%; font-size: .82rem; line-height: 1.25; color: #687589; margin-bottom: -2px; }
.mv-reply-form { flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.mv-comment { padding: 9px 10px; }
.mv-comment + .mv-comment { margin-top: 6px; }
.mv-comment-children { margin-top: 7px; gap: 6px; }
.mv-comment-text { line-height: 1.38; margin-top: 3px; }
.mv-comment-tools { gap: 12px; margin-top: 5px; }
.comments-area { padding-top: 8px; }
.comment-list { gap: 6px; }
.mv-action-error { display: block; margin-top: 5px; color: #b42332; font-size: .82rem; }
.post-body { line-height: 1.45; }
@media(max-width:560px) {
  .mv-comment { padding: 8px 9px; }
  .mv-comment-children { margin-top: 6px; }
  .mv-reply-form { margin-left: 8px; gap: 6px; }
}

/* Reply composer controls and Facebook-style inline reply attribution. */
.mv-inline-reply-context { display:inline; white-space:normal; }
.mv-inline-reply-context a { color:var(--primary, #2458a6); font-weight:650; text-decoration:none; }
.mv-inline-reply-context a:hover { text-decoration:underline; }
.mv-reply-to { flex:1 1 auto; margin:0; color:#687589; }
.mv-reply-to strong { color:#26364b; font-weight:650; }
.mv-reply-form-actions { display:flex; gap:8px; align-items:center; flex:0 0 auto; }
.mv-reply-cancel { border:0; background:transparent; color:#687589; font:inherit; font-size:.88rem; padding:8px 10px; cursor:pointer; }
.mv-reply-cancel:hover { color:#24364b; text-decoration:underline; }
.mv-reply-form[hidden] { display:none !important; }
@media(max-width:560px) {
  .mv-reply-form-actions { width:100%; justify-content:flex-end; }
}

/* Keep reply recipient inside the composer and above the text field. */
.mv-reply-form { display:grid !important; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:7px; width:calc(100% - 18px); box-sizing:border-box; }
.mv-reply-form .mv-reply-to { grid-column:1 / -1; min-width:0; width:100%; margin:0; flex:none; }
.mv-reply-form textarea { grid-column:1 / 2; width:100%; box-sizing:border-box; }
.mv-reply-form .mv-reply-form-actions { grid-column:2 / 3; width:auto; }
@media(max-width:560px) {
  .mv-reply-form { grid-template-columns:minmax(0,1fr); margin-left:8px; width:calc(100% - 8px); }
  .mv-reply-form .mv-reply-to, .mv-reply-form textarea, .mv-reply-form .mv-reply-form-actions { grid-column:1 / -1; width:100%; }
  .mv-reply-form .mv-reply-form-actions { justify-content:flex-end; }
}