/* V68 — compact per-article and per-gallery feedback, aligned with doctor cards */
.content-card-intro{
  position:relative;
  min-height:80px;
}
.content-card-identity{
  min-width:0;
  padding-left:132px;
}
.content-card-intro .content-card-title{margin:0}
.content-feedback-panel{
  position:absolute;
  left:0;
  top:0;
  width:124px;
  z-index:4;
}
.content-feedback-row{
  width:124px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:2px;
  direction:ltr;
}
.content-feedback-icon{
  width:19px;
  height:22px;
  flex:0 0 19px;
  display:grid;
  grid-template-rows:13px 7px;
  align-content:center;
  justify-items:center;
  row-gap:0;
  padding:0;
  overflow:visible;
  border:1px solid rgba(255,255,255,.16);
  border-radius:7px;
  background:rgba(255,255,255,.065);
  color:#fff;
  line-height:1;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.content-feedback-icon:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:rgba(255,226,146,.62);
  background:rgba(255,255,255,.13);
}
.content-feedback-icon.is-selected,
.content-feedback-icon[role="radio"][aria-checked="true"]{
  border-color:rgba(255,226,139,.94);
  background:linear-gradient(145deg,rgba(255,213,101,.30),rgba(171,110,235,.22));
  box-shadow:0 0 12px rgba(255,214,108,.21),inset 0 1px 0 rgba(255,255,255,.28);
}
.content-feedback-icon:disabled{opacity:.55;cursor:wait}
.content-feedback-symbol{display:block;height:13px;font-size:11px;line-height:13px}
.content-feedback-count{
  display:block;
  min-width:100%;
  height:7px;
  color:rgba(255,255,255,.78);
  font:800 7px/7px Inter,"Segoe UI",Tahoma,Arial,sans-serif;
  text-align:center;
}
.content-feedback-icon.is-selected .content-feedback-count{color:#fff1b5}
.content-review-button{
  width:124px;
  height:27px;
  margin-top:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:0 7px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:9px;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(141,96,218,.10));
  color:#f9f3ff;
  cursor:pointer;
  font:700 9.5px/1 Tahoma,"Segoe UI",Arial,sans-serif;
  white-space:nowrap;
}
.content-review-button:hover{border-color:rgba(255,229,159,.62);background:rgba(255,255,255,.15)}
.content-review-button span{color:#ffe18a;font-size:12px}
.content-review-button b{font:inherit;overflow:hidden;text-overflow:ellipsis}
.content-review-button em{
  min-width:18px;height:17px;display:grid;place-items:center;padding:0 4px;border-radius:999px;
  background:rgba(255,255,255,.13);color:#fff4cf;font:800 9px/1 Inter,"Segoe UI",Arial,sans-serif;font-style:normal;
}
.content-directory.is-fa .content-card-identity{text-align:right}
.content-directory.is-fa .content-feedback-panel{direction:rtl}

.content-review-dialog{
  width:min(500px,92vw);
  padding:0;
  border:1px solid rgba(225,205,255,.38);
  border-radius:25px;
  color:#fff;
  background:linear-gradient(145deg,rgba(38,22,77,.98),rgba(12,8,32,.98));
  box-shadow:0 36px 100px rgba(0,0,0,.64),inset 0 1px 0 rgba(255,255,255,.24);
  backdrop-filter:blur(22px);
}
.content-review-dialog::backdrop{background:rgba(3,1,13,.72);backdrop-filter:blur(6px)}
.content-review-dialog-shell{margin:0;padding:0}
.content-review-dialog header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 21px 15px;border-bottom:1px solid rgba(255,255,255,.12)}
.content-review-dialog header span{display:block;color:#d9c5ff;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.content-review-dialog header h3{margin:5px 0 0;font-size:19px;color:#fff}
.content-review-dialog header button{width:32px;height:32px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.07);color:#fff;font-size:21px;cursor:pointer}
#contentReviewMemberAreaV68{padding:20px 21px}
.content-membership-message{padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.055)}
.content-membership-message strong{display:block;margin-bottom:7px;color:#ffe29a;font-size:14px}
.content-membership-message p{margin:0;color:rgba(255,255,255,.70);font-size:12px;line-height:1.9}
.content-review-field{display:grid;gap:8px}
.content-review-field>span{color:#eadfff;font-size:12px;font-weight:800}
.content-review-field textarea{width:100%;min-height:125px;resize:vertical;padding:12px;border:1px solid rgba(255,255,255,.20);border-radius:14px;outline:none;background:rgba(5,2,17,.46);color:#fff;font:500 13px/1.8 Tahoma,"Segoe UI",Arial,sans-serif}
.content-review-field textarea:focus{border-color:rgba(216,175,255,.75);box-shadow:0 0 0 3px rgba(171,115,231,.14)}
.content-review-field small{justify-self:end;color:rgba(255,255,255,.48);font-size:10px}
.content-review-dialog footer{display:flex;justify-content:flex-end;gap:9px;padding:14px 21px 20px}
.content-dialog-primary,.content-dialog-secondary{min-width:112px;height:39px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:11px;text-decoration:none;font:800 11px/1 Tahoma,"Segoe UI",Arial,sans-serif;cursor:pointer}
.content-dialog-primary{border:0;background:linear-gradient(135deg,#9b70e7,#48c7df);color:#fff;box-shadow:0 11px 25px rgba(70,43,155,.30)}
.content-dialog-secondary{border:1px solid rgba(255,255,255,.20);background:rgba(255,255,255,.07);color:#f2eaff}
.content-dialog-primary:disabled{opacity:.55;cursor:wait}
.content-review-dialog.is-fa{direction:rtl;text-align:right}
.content-feedback-toast{position:fixed;left:50%;bottom:26px;z-index:3000;max-width:min(420px,88vw);padding:11px 15px;border:1px solid rgba(255,255,255,.22);border-radius:13px;background:rgba(24,13,52,.96);color:#fff;font:700 12px/1.7 Tahoma,"Segoe UI",Arial,sans-serif;box-shadow:0 18px 45px rgba(0,0,0,.40);transform:translate(-50%,22px);opacity:0;pointer-events:none;transition:.22s ease}
.content-feedback-toast.is-visible{transform:translate(-50%,0);opacity:1}
.content-feedback-toast[data-type="success"]{border-color:rgba(108,233,184,.48)}
.content-feedback-toast[data-type="error"]{border-color:rgba(255,128,166,.52)}

@media(max-width:1240px){
  .content-card-identity{padding-left:126px}
  .content-feedback-panel,.content-feedback-row,.content-review-button{width:118px}
  .content-feedback-row{gap:1px}
  .content-feedback-icon{width:18px;flex-basis:18px}
}
@media(max-width:360px){
  .content-card-identity{padding-left:120px}
  .content-feedback-panel,.content-feedback-row,.content-review-button{width:112px}
  .content-feedback-icon{width:17px;flex-basis:17px}
}
