/* 2026-10-21 | Ejaaba classic votes, approved visual refinement.
   Keep the ORIGINAL score-over-buttons column, forms, AJAX, and penalties.
   Styling only: soft beveled score, outlined buttons, blue/red selected states. */

/* Score displays: identical geometry in questions and each answer. */
html body .archive-question-detail.ejabat-clean-question .archive-question-score>strong.vote-total,
html body .answers-list .archive-answer .archive-answer-author-score>strong[data-answer-score]{
 box-sizing:border-box!important;
 display:grid!important;place-items:center!important;
 width:100%!important;
 min-width:0!important;
 border:1px solid #d1dff0!important;
 border-radius:7px!important;
 background:linear-gradient(180deg,#f4f8ff 0%,#e9f1fd 100%)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 3px rgba(31,75,129,.07)!important;
 font-family:Georgia,"Times New Roman",serif!important;
 font-size:21px!important;
 font-weight:700!important;
 font-variant-numeric:tabular-nums!important;
 letter-spacing:-.5px!important;
 line-height:1!important;
 color:#165da3!important;
 text-shadow:0 1px rgba(255,255,255,.6)!important;
 margin:0!important;
 overflow:hidden;
}
html body .archive-question-detail.ejabat-clean-question .archive-question-score>strong.vote-total{
 height:45px!important;min-height:45px!important;
}
html body .answers-list .archive-answer .archive-answer-author-score>strong[data-answer-score]{
 height:40px!important;min-height:40px!important;
 font-size:20px!important;
}
html body .archive-question-detail.ejabat-clean-question .archive-question-score>strong.vote-total.is-negative,
html body .answers-list .archive-answer .archive-answer-author-score>strong[data-answer-score].is-negative{
 background:linear-gradient(180deg,#fff5f5,#ffe7e9)!important;
 border-color:#efc8cd!important;
 color:#b82d3b!important;
}

/* Tight, perfectly matched pair directly beneath the score. */
html body .archive-question-detail.ejabat-clean-question .archive-question-score .vote-arrows,
html body .answers-list .archive-answer .archive-answer-rating-icons{
 box-sizing:border-box!important;
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 align-items:stretch!important;
 justify-content:stretch!important;
 gap:4px!important;
 margin:4px 0 0!important;
 padding:0!important;
 width:100%!important;
 height:auto!important;
 min-height:27px!important;
 direction:ltr!important;
}
html body .archive-question-detail.ejabat-clean-question .archive-question-score .vote-arrows>form,
html body .answers-list .archive-answer .archive-answer-rating-icons>form{
 box-sizing:border-box!important;
 display:block!important;
 flex:initial!important;
 min-width:0!important;
 width:100%!important;
 height:100%!important;
 margin:0!important;
 padding:0!important;
}

/* Same geometry for working buttons, guest login links and self-vote restrictions. */
html body .archive-question-detail.ejabat-clean-question .archive-question-score .vote-arrows :is(form button,a.disabled-arrow,span.disabled-arrow),
html body .answers-list .archive-answer .archive-answer-rating-icons :is(form button,a,span){
 box-sizing:border-box!important;
 display:grid!important;
 place-items:center!important;
 width:100%!important;
 min-width:0!important;
 max-width:100%!important;
 height:27px!important;
 min-height:27px!important;
 padding:2px!important;
 margin:0!important;
 border:1px solid #d7e1ee!important;
 border-radius:6px!important;
 background:linear-gradient(180deg,#fff,#f5f8fd)!important;
 color:#8b9bae!important;
 box-shadow:inset 0 1px 0 #fff,0 1px 3px rgba(33,71,114,.08)!important;
 text-decoration:none!important;
 transition:background .17s ease,border-color .17s ease,box-shadow .17s ease,color .17s ease!important;
 cursor:pointer;
}
html body .archive-question-detail.ejabat-clean-question .archive-question-score .vote-arrows form button.ejabat-vote-positive,
html body .answers-list .archive-answer .archive-answer-rating-icons form button.ejabat-vote-positive{
 color:#195ba2!important;
 background:linear-gradient(180deg,#f2f7ff,#e3efff)!important;
 border-color:#b9d4f1!important;
}
html body .archive-question-detail.ejabat-clean-question .archive-question-score .vote-arrows :is(form button,a.disabled-arrow,span.disabled-arrow) svg,
html body .answers-list .archive-answer .archive-answer-rating-icons :is(form button,a,span) svg{
 width:17px!important;height:17px!important;
 max-width:100%!important;max-height:100%!important;
 flex:none!important;
 color:inherit!important;stroke:currentColor!important;
 stroke-width:2.15!important;
 background:none!important;
 filter:none!important;
}
/* Positive hovered: a gentle highlight; selected: stronger filled blue. */
html body .archive-question-detail.ejabat-clean-question .archive-question-score .vote-arrows form button.ejabat-vote-positive:not(.selected):hover,
html body .answers-list .archive-answer .archive-answer-rating-icons form button.ejabat-vote-positive:not(.voted):hover{
 color:#155ab1!important;
 background:linear-gradient(180deg,#e8f3ff,#d0e5ff)!important;
 border-color:#84b6ea!important;
 box-shadow:0 2px 7px rgba(39,115,201,.13)!important;
}
html body .archive-question-detail.ejabat-clean-question .archive-question-score .vote-arrows form button.ejabat-vote-positive.selected,
html body .answers-list .archive-answer .archive-answer-rating-icons form button.ejabat-vote-positive.voted{
 color:#fff!important;
 background:linear-gradient(180deg,#408fea 0%,#1563cb 100%)!important;
 border-color:#155fb9!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 2px 6px rgba(28,101,196,.18)!important;
}
/* Negative hovered: soft blush; selected: recognizable filled red. */
html body .archive-question-detail.ejabat-clean-question .archive-question-score .vote-arrows form button.ejabat-vote-negative:not(.selected):hover,
html body .answers-list .archive-answer .archive-answer-rating-icons form button.ejabat-vote-negative:not(.voted):hover{
 color:#b83b4a!important;
 background:linear-gradient(180deg,#fff7f7,#ffe9ea)!important;
 border-color:#efc4c9!important;
}
html body .archive-question-detail.ejabat-clean-question .archive-question-score .vote-arrows form button.ejabat-vote-negative.selected,
html body .answers-list .archive-answer .archive-answer-rating-icons form button.ejabat-vote-negative.voted{
 color:#fff!important;
 background:linear-gradient(180deg,#f36b75,#cd2939)!important;
 border-color:#c32837!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 2px 6px rgba(170,38,56,.15)!important;
}
html body .archive-question-detail.ejabat-clean-question .archive-question-score .vote-arrows form button.ejabat-vote-positive.selected svg,
html body .answers-list .archive-answer .archive-answer-rating-icons form button.ejabat-vote-positive.voted svg,
html body .archive-question-detail.ejabat-clean-question .archive-question-score .vote-arrows form button.ejabat-vote-negative.selected svg,
html body .answers-list .archive-answer .archive-answer-rating-icons form button.ejabat-vote-negative.voted svg{
 color:#fff!important;stroke:#fff!important;background:none!important;
}
html body .archive-question-detail.ejabat-clean-question .archive-question-score .vote-arrows :is(form button,a.disabled-arrow):focus-visible,
html body .answers-list .archive-answer .archive-answer-rating-icons :is(form button,a):focus-visible{
 outline:2px solid #286ea9!important;outline-offset:2px!important;
}
/* Self-voting remains unavailable: do not make restrictions look clickable. */
html body .archive-question-detail.ejabat-clean-question .archive-question-score .vote-arrows>span.disabled-arrow,
html body .answers-list .archive-answer .archive-answer-rating-icons>span{
 cursor:not-allowed!important;color:#a4b0c1!important;
 background:linear-gradient(#fafbfd,#f2f5f9)!important;
}

/* Phones: keep the established narrow right-side column (42px), never
   expand the score over member details or disturb the original text flow. */
@media(max-width:640px){
 html body .archive-question-detail.ejabat-clean-question .archive-question-score>strong.vote-total{
  height:42px!important;min-height:42px!important;font-size:20px!important;
 }
 html body .answers-list .archive-answer .archive-answer-author-score>strong[data-answer-score]{
  height:39px!important;min-height:39px!important;font-size:19px!important;
 }
 html body .archive-question-detail.ejabat-clean-question .archive-question-score .vote-arrows,
 html body .answers-list .archive-answer .archive-answer-rating-icons{
  gap:3px!important;margin-top:3px!important;min-height:26px!important;
 }
 html body .archive-question-detail.ejabat-clean-question .archive-question-score .vote-arrows :is(form button,a.disabled-arrow,span.disabled-arrow),
 html body .answers-list .archive-answer .archive-answer-rating-icons :is(form button,a,span){
  height:26px!important;min-height:26px!important;border-radius:5px!important;padding:1px!important;
 }
 html body .archive-question-detail.ejabat-clean-question .archive-question-score .vote-arrows :is(form button,a.disabled-arrow,span.disabled-arrow) svg,
 html body .answers-list .archive-answer .archive-answer-rating-icons :is(form button,a,span) svg{
  width:15px!important;height:15px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html body .archive-question-detail.ejabat-clean-question .archive-question-score .vote-arrows button,
 html body .answers-list .archive-answer .archive-answer-rating-icons button{
  transition:none!important;
 }
}
@media(forced-colors:active){
 html body .archive-question-detail.ejabat-clean-question .archive-question-score .vote-arrows button.selected,
 html body .answers-list .archive-answer .archive-answer-rating-icons button.voted{
  outline:2px solid Highlight!important;
 }
}