/* The exact compact 2021 Arabic Q&A answer sort bar requested in the old
   screenshot. Styling ONLY the question's answer toolbar; preserve logic and
   unrelated pinned-carousel/mobile dock and all existing answer card styles. */
.ejabat-answers-toolbar{
 direction:rtl!important;
 display:flex!important;
 flex-direction:row!important;
 justify-content:space-between!important;
 align-items:center!important;
 flex-wrap:nowrap!important;
 gap:3px!important;
 padding:1px 6px!important;
 min-height:38px!important;
 background:#ebeffb!important;
 border-top:1px solid #dbe3f1!important;
 border-bottom:1px solid #b9cbe1!important;
}
.ejabat-answers-toolbar .answer-head{
 flex:0 0 auto!important;
 min-width:0!important;
 margin:0!important;
 padding:0!important;
}
.ejabat-answers-toolbar .answer-head h2{
 font:700 16px/1.45 Tahoma,Arial,sans-serif!important;
 margin:0!important;
 color:#376e9e!important;
 white-space:nowrap!important;
}
.ejabat-answers-toolbar .ejabat-archive-sortbar.ejabat-retro-answer-order{
 direction:ltr!important;
 display:inline-flex!important;
 flex:0 1 auto!important;
 justify-content:flex-start!important;
 align-items:center!important;
 width:auto!important;
 min-width:0!important;
 max-width:100%!important;
 gap:4px!important;
 height:34px!important;
 min-height:34px!important;
 margin:0!important;
 padding:0!important;
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
}
.ejabat-answers-toolbar .ejabat-retro-answer-order>.ejabat-answer-sort-caption{
 position:absolute!important;
 width:1px!important;
 height:1px!important;
 padding:0!important;
 margin:-1px!important;
 overflow:hidden!important;
 clip-path:inset(50%)!important;
 white-space:nowrap!important;
 border:0!important;
}
.ejabat-answers-toolbar .ejabat-retro-answer-order .ejabat-answer-sort-select{
 display:inline-flex!important;
 align-items:center!important;
 position:relative!important;
 flex:0 0 155px!important;
 width:155px!important;
 min-width:155px!important;
 height:32px!important;
 max-width:155px!important;
 box-sizing:border-box!important;
 margin:0!important;
 background:#fff!important;
 border:1px solid #d1d9e5!important;
}
.ejabat-answers-toolbar .ejabat-retro-answer-order select[data-answer-sort]{
 appearance:none!important;
 -webkit-appearance:none!important;
 display:block!important;
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
 height:30px!important;
 min-height:30px!important;
 box-sizing:border-box!important;
 padding:2px 8px 2px 26px!important;
 margin:0!important;
 background:#fff!important;
 border:0!important;
 border-radius:0!important;
 color:#365f88!important;
 direction:rtl!important;
 text-align:right!important;
 font:normal 14px/1.45 Tahoma,Arial,sans-serif!important;
 cursor:pointer!important;
}
.ejabat-answers-toolbar .ejabat-retro-answer-order .ejabat-answer-sort-select
>.ejabat-sort-double-chevron{
 position:absolute!important;
 left:4px!important;
 top:4px!important;
 width:19px!important;
 height:23px!important;
 color:#315d8e!important;
 pointer-events:none!important;
}
.ejabat-answers-toolbar .ejabat-retro-answer-order
>button.ejabat-answer-order-toggle[data-answer-sort-direction]{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 flex:0 0 28px!important;
 width:28px!important;
 min-width:28px!important;
 max-width:28px!important;
 height:32px!important;
 min-height:32px!important;
 max-height:32px!important;
 margin:0!important;
 padding:2px!important;
 background:transparent!important;
 border:1px solid transparent!important;
 border-radius:0!important;
 box-shadow:none!important;
 color:#376596!important;
 cursor:pointer!important;
 line-height:1!important;
}
.ejabat-answers-toolbar .ejabat-retro-answer-order
>button.ejabat-answer-order-toggle .ejabat-sort-double-chevron{
 display:block!important;
 width:21px!important;
 height:25px!important;
 color:inherit!important;
}
.ejabat-answers-toolbar .ejabat-retro-answer-order
>button.ejabat-answer-order-toggle.ascending{
 background:transparent!important;
 color:#1b578f!important;
 border-color:transparent!important;
}
.ejabat-answers-toolbar .ejabat-retro-answer-order
>button.ejabat-answer-order-toggle:not(.ascending) .ejabat-sort-up{
 opacity:.53!important;
}
.ejabat-answers-toolbar .ejabat-retro-answer-order
>button.ejabat-answer-order-toggle.ascending .ejabat-sort-down{
 opacity:.53!important;
}
.ejabat-answers-toolbar .ejabat-retro-answer-order
>button.ejabat-answer-order-toggle:focus-visible,
.ejabat-answers-toolbar .ejabat-retro-answer-order select:focus-visible{
 outline:2px solid #3377ba!important;
 outline-offset:0!important;
}
@media(max-width:390px){
 .ejabat-answers-toolbar{
  padding:1px 4px!important;
  gap:1px!important;
 }
 .ejabat-answers-toolbar .answer-head h2{
  font-size:14px!important;
 }
 .ejabat-answers-toolbar .ejabat-retro-answer-order .ejabat-answer-sort-select{
  flex:0 0 145px!important;
  width:145px!important;
  min-width:145px!important;
  max-width:145px!important;
 }
 .ejabat-answers-toolbar .ejabat-retro-answer-order select[data-answer-sort]{
  font-size:12px!important;
 }
 .ejabat-answers-toolbar .ejabat-retro-answer-order>button.ejabat-answer-order-toggle{
  min-width:25px!important;
  width:25px!important;
  flex-basis:25px!important;
 }
}

/* EXACT owner reference, final pass.
   Original screenshot has the white 'ترتيب بالتاريخ' box flush LEFT, its
   stacked up/down chevron ON THE RIGHT of the Arabic label, and ONE small
   borderless double-chevron to its right, on a thin lavender strip. */
.ejabat-answers-toolbar{
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0 5px!important;
  gap:0!important;
  border-top:1px solid #e0e6f1!important;
  border-bottom:1px solid #b8cadf!important;
  box-sizing:border-box!important;
  background:#edf0fc!important;
}
.ejabat-answers-toolbar>.answer-head{
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
.ejabat-answers-toolbar>.answer-head>div{
  padding:0!important;
  margin:0!important;
}
.ejabat-answers-toolbar>.ejabat-retro-answer-order{
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  gap:11px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.ejabat-answers-toolbar .ejabat-retro-answer-order
 .ejabat-answer-sort-select{
  width:140px!important;
  min-width:140px!important;
  max-width:140px!important;
  flex:0 0 140px!important;
  height:33px!important;
  min-height:33px!important;
  max-height:33px!important;
  border:1px solid #d8e0ed!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.ejabat-answers-toolbar .ejabat-retro-answer-order
 .ejabat-answer-sort-select select[data-answer-sort]{
  height:31px!important;
  min-height:31px!important;
  max-height:31px!important;
  padding:2px 24px 2px 4px!important;
  direction:rtl!important;
  text-align:left!important;
  text-align-last:left!important;
  font:normal 14px/1.5 Tahoma,Arial,sans-serif!important;
}
.ejabat-answers-toolbar .ejabat-retro-answer-order
 .ejabat-answer-sort-select>.ejabat-sort-double-chevron{
  left:auto!important;
  right:3px!important;
  top:4px!important;
  width:18px!important;
  height:24px!important;
  color:#416796!important;
  stroke-width:2.4!important;
}
.ejabat-answers-toolbar .ejabat-retro-answer-order
 >button.ejabat-answer-order-toggle[data-answer-sort-direction]{
  flex:0 0 26px!important;
  width:26px!important;
  min-width:26px!important;
  max-width:26px!important;
  height:33px!important;
  min-height:33px!important;
  max-height:33px!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ejabat-answers-toolbar .ejabat-retro-answer-order
 >button.ejabat-answer-order-toggle .ejabat-sort-double-chevron{
  width:19px!important;
  height:24px!important;
}
@media(max-width:390px){
  .ejabat-answers-toolbar{
    padding:0 3px!important;
  }
  .ejabat-answers-toolbar .ejabat-retro-answer-order
   .ejabat-answer-sort-select{
    width:136px!important;
    min-width:136px!important;
    max-width:136px!important;
    flex-basis:136px!important;
  }
  .ejabat-answers-toolbar .ejabat-retro-answer-order
   .ejabat-answer-sort-select select[data-answer-sort]{
    font-size:13px!important;
  }
  .ejabat-answers-toolbar>.ejabat-retro-answer-order{
    gap:9px!important;
  }
}
@media(max-width:345px){
  .ejabat-answers-toolbar .ejabat-retro-answer-order
   .ejabat-answer-sort-select{
    width:126px!important;
    min-width:126px!important;
    max-width:126px!important;
    flex-basis:126px!important;
  }
  .ejabat-answers-toolbar>.ejabat-retro-answer-order{
    gap:6px!important;
  }
}
/* Numeric question IDs are already available in the top breadcrumb.
   Avoid recreating a blank 'number-only' action row under the question. */
.ejabat-clean-question .ejabat-archive-actionminor:empty{
  display:none!important;
}


/* Smaller second chevron: purely toggles ascending/descending, visually
   secondary to the single scoring selector. Saves horizontal mobile space. */
.ejabat-answers-toolbar .ejabat-retro-answer-order
 >button.ejabat-answer-order-toggle[data-answer-sort-direction]{
 flex:0 0 21px!important;
 width:21px!important;
 min-width:21px!important;
 max-width:21px!important;
}
.ejabat-answers-toolbar>.ejabat-retro-answer-order{
 gap:5px!important;
}
.ejabat-answers-toolbar .ejabat-retro-answer-order
 >button.ejabat-answer-order-toggle .ejabat-sort-double-chevron{
 width:17px!important;
 height:21px!important;
}
