/* Morpheus PD Central V135.9.2 — compact thumbs-up and mobile liker viewer */
.mpd-comment-feedback{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  margin-top:8px;
  vertical-align:middle;
}
.mpd-comment-feedback:empty{min-height:0;margin:0}
.mpd-like-control{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:3px;
  padding:2px;
  overflow:visible;
  border:1px solid color-mix(in srgb,var(--border,#cbd5e1) 70%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--surface,#fff) 88%,transparent);
  box-shadow:0 4px 12px rgba(15,23,42,.07);
}
.mpd-like-button{
  width:29px;
  min-width:29px;
  min-height:27px;
  padding:4px;
  display:inline-grid;
  place-items:center;
  overflow:visible;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--muted,#64748b);
  cursor:pointer;
  touch-action:manipulation;
  transition:background .15s ease,color .15s ease,transform .15s ease;
}
.mpd-like-button svg{
  width:15px;
  height:15px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .17s ease,fill .17s ease;
}
.mpd-like-button:hover{background:color-mix(in srgb,#2563eb 8%,transparent);color:#2563eb}
.mpd-like-button:active{transform:scale(.94)}
.mpd-like-button.is-liked{background:color-mix(in srgb,#2563eb 11%,transparent);color:#2563eb}
.mpd-like-button.is-liked svg{fill:currentColor;stroke:currentColor;transform:rotate(-7deg) scale(1.04)}
.mpd-like-button:disabled{opacity:.58;cursor:wait}
.mpd-like-count{
  position:relative;
  min-width:25px;
  height:25px;
  padding:0 7px;
  display:grid;
  place-items:center;
  overflow:visible;
  appearance:none;
  -webkit-appearance:none;
  border:0;
  border-radius:999px;
  background:var(--surface-2,var(--surface2,#eef2f7));
  color:var(--muted,#64748b);
  font:850 9px/1 system-ui,sans-serif;
  cursor:default;
  outline:none;
  touch-action:manipulation;
}
.mpd-like-count:disabled{opacity:.72}
.mpd-like-count.has-value{
  background:#2563eb;
  color:#fff;
  box-shadow:0 4px 10px rgba(37,99,235,.24);
  cursor:pointer;
}
.mpd-like-count.has-value:is(:hover,:focus-visible,.is-open):before{
  content:"";
  position:absolute;
  left:50%;
  bottom:calc(100% + 5px);
  width:9px;
  height:9px;
  background:#101827;
  transform:translateX(-50%) rotate(45deg);
  z-index:10001;
  pointer-events:none;
}
.mpd-like-count.has-value:is(:hover,:focus-visible,.is-open):after{
  content:attr(data-liked-by);
  position:absolute;
  left:50%;
  bottom:calc(100% + 9px);
  z-index:10002;
  width:max-content;
  max-width:min(260px,70vw);
  padding:8px 10px;
  border-radius:9px;
  background:#101827;
  color:#fff;
  box-shadow:0 12px 28px rgba(2,8,23,.28);
  font:700 10px/1.35 system-ui,sans-serif;
  white-space:normal;
  text-align:left;
  transform:translateX(-50%);
  pointer-events:none;
}
.mpd-update-like-feedback{margin:0 2px 0 0;align-self:center}
.update-dash-actions .mpd-like-control{background:color-mix(in srgb,var(--surface,#fff) 94%,transparent)}
.task-comment-bubble>.mpd-comment-feedback,
.update-comment-card>.mpd-comment-feedback,
.editable-comment-row>.mpd-comment-feedback{display:flex;width:max-content}
.task-history-row-v1316>.mpd-comment-feedback{margin:5px 10px 9px 52px}
.mpd-like-toast{
  position:fixed;
  left:50%;
  bottom:28px;
  z-index:2147483000;
  max-width:min(420px,calc(100vw - 24px));
  padding:11px 15px;
  border-radius:12px;
  background:#7f1d1d;
  color:#fff;
  font:750 11px/1.35 system-ui,sans-serif;
  box-shadow:0 16px 38px rgba(2,8,23,.34);
  opacity:0;
  transform:translate(-50%,8px);
  transition:opacity .17s ease,transform .17s ease;
}
.mpd-like-toast.is-visible{opacity:1;transform:translate(-50%,0)}
html[data-theme=dark] .mpd-like-control{background:rgba(15,27,43,.86);border-color:rgba(148,163,184,.2);box-shadow:0 5px 14px rgba(0,0,0,.22)}
html[data-theme=dark] .mpd-like-count{background:#1d2d43;color:#aebdd0}
html[data-theme=dark] .mpd-like-count.has-value{background:#3b82f6;color:#fff}
@media(max-width:720px){
  .mpd-like-button{width:31px;min-width:31px;min-height:31px;padding:5px}
  .mpd-like-button svg{width:16px;height:16px}
  .mpd-like-count{height:29px;min-width:29px;padding:0 8px}
  .task-history-row-v1316>.mpd-comment-feedback{margin-left:42px}
  .mpd-like-count.has-value:is(:hover,:focus-visible,.is-open):after{max-width:min(230px,calc(100vw - 48px));font-size:10.5px}
}
@media(prefers-reduced-motion:reduce){.mpd-like-button,.mpd-like-button svg,.mpd-like-toast{transition:none!important}}