/* Owner's archival 2021 Ejaaba mobile reference: user photo immediately after
   approved brand, black bar with bell/plus/search/menu; real old blue action
   text and simple answer sorting. No changes to approved logo or existing tabs. */
.ejabat-dark-inner>.ejabat-nav-photo{
 display:flex!important;align-items:stretch;justify-content:center;
 flex:0 0 47px;width:47px;min-width:47px;
 height:47px;overflow:hidden;box-sizing:border-box;
 background:#151d26;border-inline-start:1px solid #394652;
 border-inline-end:1px solid #343e49;
 text-decoration:none!important;border-radius:0!important;
 box-shadow:none!important;
}
.ejabat-dark-inner>.ejabat-nav-photo img{
 width:100%!important;height:100%!important;max-height:100%!important;
 display:block!important;object-fit:cover!important;object-position:center center;
 border:0!important;border-radius:0!important;background:#263d4f;
}
.ejabat-dark-inner>.ejabat-nav-photo:hover,
.ejabat-dark-inner>.ejabat-nav-photo:focus-visible{
 outline:2px solid #4b93d2!important;outline-offset:-2px!important;
 background:#26394d;
}
.ejabat-dark-inner>.ejabat-nav-photo:hover img{opacity:.91}
.ejabat-archive-actionbar.ejabat-clean-question .detail-tools,
.ejabat-clean-question .detail-tools.ejabat-archive-actionbar{
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 gap:4px!important;justify-content:flex-start!important;
 padding:6px 4px 4px!important;margin:0!important;background:#fff!important;
 border-top:1px solid #e5e9ed!important;
}
.ejabat-archive-actionbar .ejabat-archive-actionlinks{
 display:flex;align-items:center;flex-wrap:wrap;
 flex-direction:row;gap:7px 19px;direction:rtl;
 padding:2px 0 5px;min-height:31px;
}
.ejabat-archive-actionbar .ejabat-archive-actionlinks>form{
 margin:0!important;padding:0!important;display:inline-flex;align-items:center;
}
.ejabat-archive-actionbar .ejabat-archive-action{
 display:inline-flex;align-items:center;justify-content:center;gap:5px;
 margin:0!important;padding:4px 2px!important;min-height:27px!important;
 border:0!important;border-radius:0!important;background:transparent!important;
 box-shadow:none!important;text-decoration:none!important;
 font-family:Tahoma,Arial,sans-serif!important;
 font-weight:normal!important;font-size:13px!important;line-height:1.4!important;
 color:#3279b4!important;white-space:nowrap;cursor:pointer;
 transition:color .14s ease,background .14s ease;
}
.ejabat-archive-actionbar .ejabat-archive-action .arch-icon{
 width:17px;height:17px;stroke:#397eb9;stroke-width:1.9;flex:0 0 17px;
}
.ejabat-archive-actionbar .ejabat-archive-action:hover{
 color:#135b92!important;text-decoration:underline!important;
 background:#f7fbff!important;
}
.ejabat-archive-actionbar .ejabat-archive-action:focus-visible{
 outline:2px solid #468abd!important;outline-offset:1px!important;
}
.ejabat-archive-actionbar .ejabat-archive-action.active{
 color:#176ca6!important;font-weight:bold!important;
}
.ejabat-archive-actionbar .ejabat-archive-action.active .arch-icon-heart{
 fill:#377db7;stroke:#377db7;
}
.ejabat-archive-actionbar .ejabat-archive-action.active .arch-icon-bell{
 fill:#deedf8;stroke:#2f79b4;
}
.ejabat-archive-actionbar .ejabat-archive-action:disabled,
.ejabat-archive-actionbar .ejabat-archive-action.ejabat-archive-disabled{
 color:#a1aab3!important;cursor:default;
}
.ejabat-archive-actionbar .ejabat-archive-action:disabled .arch-icon,
.ejabat-archive-actionbar .ejabat-archive-disabled .arch-icon{
 stroke:#9ca7b2;
}
.ejabat-archive-actionbar .ejabat-archive-actionminor{
 display:flex;align-items:center;justify-content:space-between;
 flex-wrap:wrap;gap:5px 12px;padding:2px 3px;
 color:#9da5b0;font-size:10px;
 border-top:1px dotted #e8ebf0;
}
.ejabat-archive-actionbar .ejabat-archive-actionminor>span{color:#9ba3ae;font-size:10px}
.ejabat-archive-actionbar .report-box{margin:0!important}
.ejabat-archive-actionbar .report-box>summary{
 color:#7893ad!important;font-size:10px!important;
 text-decoration:none!important;cursor:pointer!important;
 padding:2px 4px!important;
}
.ejabat-archive-actionbar .report-box>form{
 display:flex;flex-direction:column;align-items:flex-start;
 gap:5px;padding:6px;max-width:320px;
 background:#fbfdff;border:1px solid #e3ebf3;
}
.ejabat-archive-actionbar .report-box textarea{
 font-size:12px;min-width:200px;width:100%;max-width:100%;
 border:1px solid #c5d6e5;padding:6px;
}
.ejabat-archive-actionbar [data-inline-feedback]{
 font-size:10px!important;color:#2b8d51!important;
 padding:2px 3px!important;display:inline-block;
}
.ejabat-archive-sortbar{
 min-height:36px;display:flex;align-items:center;justify-content:flex-start;
 flex-wrap:wrap;gap:4px;padding:3px 7px;direction:rtl;
 margin:0!important;background:#e9edf8;
 border-top:1px solid #d8e2ef;border-bottom:1px solid #c5d9f1;
}
.ejabat-archive-sortbar>label{
 font-size:11px;color:#3c70aa;font-weight:normal;
 margin:0 3px 0 0;
}
.ejabat-archive-sortbar select{
 color:#3371b2!important;font-size:12px!important;
 font-family:Tahoma,Arial,sans-serif!important;
 height:27px!important;min-height:27px!important;
 max-width:177px;border:1px solid #cad8e9!important;
 padding:3px 6px!important;border-radius:0!important;
 box-shadow:none!important;
 background:#fff!important;cursor:pointer;line-height:1.2!important;
}
.ejabat-archive-sortbar button{
 display:grid;place-items:center;min-width:28px;height:27px;
 padding:3px!important;border:1px solid #d3e0ee!important;
 border-radius:0!important;background:#fff!important;
 color:#3379b6!important;cursor:pointer;
}
.ejabat-archive-sortbar button:hover{background:#f0f8ff!important;border-color:#8cb2d2!important}
.ejabat-archive-sortbar button.ascending{background:#e8f3ff!important;border-color:#8dbddd!important}
.ejabat-archive-sortbar button .arch-icon{
 width:17px;height:17px;stroke:#3679b8;stroke-width:1.8;
}
.ejabat-archive-sortbar button:focus-visible,
.ejabat-archive-sortbar select:focus-visible{
 outline:2px solid #4885bc;outline-offset:1px;
}

/* The phone toolbar matches the archive screenshot:
   Ejaaba on the far right, user's actual square picture beside it,
   then bell, old plus for Ask, search, menu. */
@media(max-width:640px){
 .ejabat-dark-nav .ejabat-dark-inner{
  min-height:47px!important;height:47px!important;
  display:flex!important;flex-direction:row!important;
  align-items:center!important;justify-content:flex-start!important;
  gap:0!important;padding:0 3px!important;
 }
 .ejabat-dark-nav .ejabat-dark-logo{
  order:0!important;flex:0 0 101px!important;
  width:101px!important;min-width:101px!important;max-width:101px!important;
  margin:0!important;transform:none!important;
  align-self:stretch!important;justify-content:center!important;
 }
 .ejabat-dark-nav .ejabat-dark-logo .brand-text{
  font-size:26px!important;letter-spacing:-1px!important;
 }
 .ejabat-dark-nav .ejabat-nav-photo{
  order:1!important;flex:0 0 45px!important;
  width:45px!important;min-width:45px!important;
  height:47px!important;margin:0!important;
 }
 .ejabat-dark-nav .archive-nav-ask{display:none!important}
 .ejabat-dark-nav .ejabat-dark-add{
  display:grid!important;place-items:center!important;
  font:normal 26px/1 Arial,sans-serif!important;
  text-decoration:none!important;color:#b8c9d4!important;
  min-width:33px!important;width:33px!important;height:44px!important;
  padding:0!important;border:0!important;border-radius:0!important;
 }
 .ejabat-dark-nav .ejabat-dark-add:hover{color:#fff!important;background:#30353d!important}
 .ejabat-dark-nav .ejabat-dark-actions{
  order:3!important;flex:0 1 auto!important;
  margin:0 0 0 auto!important;gap:0!important;
  direction:ltr!important;justify-content:flex-start!important;
 }
 .ejabat-dark-nav .ejabat-dark-actions .ejabat-dark-menu{order:1!important}
 .ejabat-dark-nav .ejabat-dark-actions .ejabat-dark-search{order:2!important}
 .ejabat-dark-nav .ejabat-dark-actions .ejabat-dark-add{order:3!important}
 .ejabat-dark-nav .ejabat-dark-actions .ejabat-notify-popover{order:4!important}
 .ejabat-dark-nav .ejabat-dark-actions .ejabat-notify-popover>summary{
  min-width:33px!important;width:33px!important;height:44px!important;padding:0!important;
 }
 .ejabat-dark-nav .ejabat-dark-actions .ejabat-notify-bell-svg{
  width:20px!important;height:20px!important;
 }
 .ejabat-dark-nav .ejabat-dark-actions .ejabat-dark-search>summary,
 .ejabat-dark-nav .ejabat-dark-actions .ejabat-dark-menu>summary{
  min-width:33px!important;width:33px!important;height:44px!important;padding:0!important;
 }
 .ejabat-dark-nav .ejabat-dark-actions .ejabat-dark-search svg{
  width:21px!important;height:21px!important;
 }
 .ejabat-dark-nav .archive-nav-register{
  order:1!important;flex:0 0 auto!important;
  display:flex!important;padding:2px 5px!important;margin-inline-start:2px;
 }
 .ejabat-archive-actionbar .ejabat-archive-actionlinks{
  gap:6px 15px;min-height:29px;padding:2px 0 3px;
 }
 .ejabat-archive-actionbar .ejabat-archive-action{
  font-size:12px!important;gap:3px!important;min-height:25px!important;
 }
 .ejabat-archive-actionbar .ejabat-archive-action .arch-icon{
  width:16px;height:16px;flex-basis:16px;
 }
 .ejabat-archive-sortbar{gap:3px;min-height:33px;padding:3px 6px}
 .ejabat-archive-sortbar>label{font-size:10px}
 .ejabat-archive-sortbar select{font-size:11px!important;height:25px!important;min-height:25px!important}
 .ejabat-archive-sortbar button{height:25px;min-width:26px}
}
@media(max-width:360px){
 .ejabat-dark-nav .ejabat-dark-logo{
  flex-basis:89px!important;width:89px!important;min-width:89px!important;max-width:89px!important;
 }
 .ejabat-dark-nav .ejabat-dark-logo .brand-text{font-size:23px!important}
 .ejabat-dark-nav .ejabat-nav-photo{width:41px!important;min-width:41px!important;flex-basis:41px!important}
 .ejabat-dark-nav .ejabat-dark-actions .ejabat-dark-menu>summary,
 .ejabat-dark-nav .ejabat-dark-actions .ejabat-dark-search>summary,
 .ejabat-dark-nav .ejabat-dark-actions .ejabat-notify-popover>summary{
  width:29px!important;min-width:29px!important;
 }
 .ejabat-dark-nav .ejabat-dark-add{min-width:29px!important;width:29px!important}
}