/* Scoped to EXISTING archived home activity heading. Rows, icons, dates,
   pin showcase and original 2021 colour/spacing are deliberately untouched. */
.arch-home .arch-activity>.arch-section-bar{
 display:flex!important;
 flex-direction:row!important;
 flex-wrap:nowrap!important;
 justify-content:space-between!important;
 align-items:center!important;
 gap:3px!important;
 min-width:0!important;
}
.arch-home .arch-activity .ejabat-home-activity-tabs{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:flex-start!important;
 flex:0 1 auto!important;
 gap:2px!important;
 min-width:0!important;
 margin:0!important;
 padding:0!important;
 background:transparent!important;
 direction:rtl!important;
 border:0!important;
}
.arch-home .arch-activity .ejabat-home-activity-tab{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 flex:0 0 auto!important;
 gap:3px!important;
 padding:3px 6px!important;
 margin:0!important;
 min-height:29px!important;
 height:29px!important;
 border:0!important;
 border-bottom:2px solid transparent!important;
 border-radius:0!important;
 background:transparent!important;
 box-shadow:none!important;
 color:#3775ae!important;
 font:normal 13px/1.35 Tahoma,Arial,sans-serif!important;
 cursor:pointer!important;
 white-space:nowrap!important;
 position:relative!important;
}
.arch-home .arch-activity .ejabat-home-activity-tab .arch-icon{
 width:18px!important;
 height:18px!important;
 stroke:currentColor!important;
 flex-shrink:0!important;
}
.arch-home .arch-activity .ejabat-home-activity-tab.is-active{
 color:#205c91!important;
 border-bottom-color:#5591cb!important;
 font-weight:700!important;
}
.arch-home .arch-activity .ejabat-home-activity-tab:hover:not(:disabled){
 background:#f7f9ff!important;
}
.arch-home .arch-activity .ejabat-home-activity-tab:focus-visible{
 outline:2px solid #5084b7!important;
 outline-offset:-1px!important;
}
/* "النخبة الإبداعية" tab label stays 100% sharp and clickable. Only the
   content pane below it receives blur + centered "قريبًا". */
.arch-home .arch-activity .ejabat-home-elite-preview{
 position:relative!important;
 display:block!important;
 width:100%!important;
 min-width:0!important;
 min-height:165px!important;
 padding:0!important;
 margin:0!important;
 background:#fff!important;
 overflow:hidden!important;
 isolation:isolate!important;
}
.arch-home .arch-activity .ejabat-home-elite-preview-content{
 filter:blur(4px)!important;
 opacity:.55!important;
 user-select:none!important;
 pointer-events:none!important;
 min-height:165px!important;
}
.arch-home .arch-activity .ejabat-home-elite-preview-overlay{
 position:absolute!important;
 z-index:1!important;
 inset:0!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 background:rgba(255,255,255,.14)!important;
 pointer-events:none!important;
}
.arch-home .arch-activity .ejabat-home-elite-preview-overlay strong{
 display:inline-block!important;
 margin:0!important;
 padding:8px 23px!important;
 background:rgba(255,255,255,.93)!important;
 color:#3674a6!important;
 border:1px solid #d9e4f3!important;
 border-radius:3px!important;
 box-shadow:0 1px 4px rgba(55,97,146,.08)!important;
 font:700 16px/1.6 Tahoma,Arial,sans-serif!important;
 white-space:nowrap!important;
}
.arch-home .arch-activity .arch-section-bar>a{
 flex:0 0 auto!important;
 margin-right:auto!important;
 padding-inline:2px!important;
}
.arch-home .arch-activity>.arch-activity-rows[aria-busy='true']{
 opacity:.8!important;
}
.ejabat-following-activity-note{
 background:#f7f9fd!important;
 color:#667586!important;
 padding:6px 8px!important;
 font-size:12px!important;
 border-bottom:1px solid #e9edf5!important;
}
.ejabat-following-activity-note a{
 color:#2c6faa!important;
 margin-left:14px!important;
}
@media(max-width:500px){
 .arch-home .arch-activity>.arch-section-bar{
  padding-inline:3px!important;
  gap:1px!important;
 }
 .arch-home .arch-activity .ejabat-home-activity-tabs{
  gap:1px!important;
 }
 .arch-home .arch-activity .ejabat-home-activity-tab{
  padding:3px 3px!important;
  gap:2px!important;
  font-size:11px!important;
  min-height:28px!important;
  height:28px!important;
 }
 .arch-home .arch-activity .ejabat-home-activity-tab .arch-icon{
  width:15px!important;
  height:15px!important;
 }
 .arch-home .arch-activity .arch-section-bar>a{
  font-size:10px!important;
 }
}
@media(max-width:355px){
 .arch-home .arch-activity .ejabat-home-activity-tab{
  font-size:10px!important;
  padding-inline:2px!important;
 }
}