/* Ejaaba — owner-selected vintage typography, airy icon tabs and inline jail.
   Member PROFILES only. No site-wide layout/brand/dock or app behavior changes.
   Existing hosted Noto Naskh Arabic is the classical readable typeface. */
@layer ejaaba-global-arabic-font {
 .classic-member-profile {
  font-family:"Ejaaba Noto Naskh Arabic",Tahoma,Arial,sans-serif!important;
 }
}
.classic-member-profile{
 --ej-classic-text:#30333a;
 font-size:14px!important;
 line-height:1.78!important;
}
.classic-member-profile .ejabat-profile-core{gap:5px!important}
.classic-member-profile .ejabat-profile-heading{
 padding:5px 2px!important;
 gap:5px 10px!important;
 align-items:center!important;
 min-height:0!important;
 border:0!important;
}
.classic-member-profile .ejabat-profile-heading h1{
 display:flex!important;flex-wrap:wrap!important;
 justify-content:flex-start!important;align-items:baseline!important;
 gap:3px 8px!important;width:100%!important;min-width:0!important;
 color:var(--ej-classic-text)!important;
 font-size:20px!important;font-weight:600!important;
 line-height:1.65!important;
}
.classic-member-profile .ejabat-profile-heading .ejabat-canonical-name{
 overflow-wrap:anywhere;color:#292d37!important;
}
.classic-member-profile .ejabat-profile-heading .ejabat-secondary-name{
 font-weight:400!important;color:#666a73!important;
}
.classic-member-profile .ejabat-profile-heading h1>.ejabat-name-jail{
 display:inline-flex!important;align-items:baseline!important;
 flex:0 1 auto;max-width:100%;margin:0 3px!important;
 font-size:15px!important;font-weight:700!important;
 color:#bd2931!important;line-height:1.55!important;
 white-space:nowrap!important;overflow-wrap:normal;
 text-shadow:none!important;
}
.classic-member-profile .ejabat-profile-heading .ejabat-jail-until{
 font-size:12px!important;font-weight:600!important;
 color:inherit!important;white-space:nowrap!important;
}
/* The sole public jail status is next to the name, never a second card
   underneath the profile. The tooltip retains exact expiry/accessibility. */
.classic-member-profile .ejabat-profile-heading h1>.arch-profile-level-badge{
 align-self:center!important;
}
.classic-member-profile .ejabat-username{
 font-size:12px!important;line-height:1.5!important;color:#697889!important;
}
.classic-member-profile .ejabat-profile-member-number{
 font-size:12px!important;line-height:1.6!important;
}
/* Legacy bitmap is 47x47; this selected existing 200-unit SVG is crisp.
   Never replace uploaded profile portraits or official staff artwork. */
.classic-member-profile .ejabat-portrait{
 box-shadow:0 2px 7px rgba(42,58,83,.10)!important;
 border-color:#d9e1eb!important;
}
.classic-member-profile .ejabat-portrait img[data-vector-avatar]{
 image-rendering:auto!important;object-fit:cover!important;
 background:#e9f0f7!important;
}
.classic-member-profile .ejabat-earned-badges{
 justify-content:flex-start!important;
 gap:5px 8px!important;
 margin:4px 0!important;padding:3px 0!important;
}
.classic-member-profile .ejabat-earned-badges>.ejabat-earned-badge{
 background:linear-gradient(#fff,#eaf3ff)!important;
 border:1px solid #b6cce4!important;
 box-shadow:0 1px 2px rgba(42,85,135,.12)!important;
 font-size:12px!important;
}
.classic-member-profile .ejabat-profile-actions{
 gap:6px 17px!important;justify-content:flex-start!important;
 padding:7px 1px!important;
}
.classic-member-profile .ejabat-classic-profile-action{
 font-size:13px!important;line-height:1.65!important;
 min-height:28px!important;
}
.classic-member-profile .ejabat-member-directed-ask-action{
 font-size:13px!important;line-height:1.65!important;
}
.classic-member-profile .ejabat-classic-empty-bio,
.classic-member-profile .archive-member-bio{
 font-size:15px!important;line-height:1.95!important;
}
.classic-member-profile .ejabat-classic-member-card>header>span{
 font-size:14px!important;
}
.classic-member-profile .ejabat-classic-member-card .ejabat-profile-balances>div>span{
 font-size:14px!important;
}
.classic-member-profile .ejabat-classic-member-card .ejabat-profile-balances>div>b{
 font-size:16px!important;
}
.classic-member-profile .ejabat-profile-weekly-best .ejabat-profile-diamond svg{
 filter:drop-shadow(0 3px 3px rgba(39,100,155,.18));
}
/* All six/seven/eight tabs still exist and keep their old route identities.
   Add vintage breathing room without forcing horizontal scrolling on phones. */
.classic-member-profile .archive-member-toolbar.ejabat-profile-icons-expanded{
 display:grid!important;box-sizing:border-box!important;
 column-gap:3px!important;row-gap:0!important;
 padding:3px!important;margin:9px 0 10px!important;
 min-height:47px!important;max-height:none!important;
 background:#ecf0fb!important;
 overflow:hidden!important;
 border:1px solid #d7e0ed!important;
 border-bottom:1px solid #abc3e1!important;
}
.classic-member-profile .archive-member-toolbar.ejabat-profile-icons-expanded>a{
 box-sizing:border-box!important;min-width:0!important;
 min-height:39px!important;height:39px!important;max-height:none!important;
 padding:5px 2px!important;
 border:1px solid transparent!important;
 border-left-color:#d7e0ed!important;
 border-radius:0!important;
}
.classic-member-profile .archive-member-toolbar.ejabat-profile-icons-expanded>a:hover,
.classic-member-profile .archive-member-toolbar.ejabat-profile-icons-expanded>a:focus-visible{
 background:#f8fbff!important;color:#1d69ae!important;
}
.classic-member-profile .archive-member-toolbar.ejabat-profile-icons-expanded>a.active,
.classic-member-profile .archive-member-toolbar.ejabat-profile-icons-expanded>a[aria-current=page]{
 background:#fff!important;
 border-bottom:3px solid #367bbd!important;
}
.classic-member-profile .archive-member-toolbar.ejabat-profile-icons-expanded>a svg{
 width:21px!important;height:21px!important;max-width:21px!important;
}
@media(max-width:610px){
 .classic-member-profile .ejabat-profile-heading h1{
  font-size:18px!important;gap:3px 7px!important;
 }
 .classic-member-profile .ejabat-profile-heading h1>.ejabat-name-jail{
  font-size:13px!important;
 }
 .classic-member-profile .ejabat-profile-heading .ejabat-jail-until{
  display:none!important;
 }
 .classic-member-profile .ejabat-profile-actions{
  gap:7px 13px!important;
 }
 .classic-member-profile .archive-member-toolbar.ejabat-profile-icons-expanded{
  margin:8px 0 10px!important;padding:3px 2px!important;
  column-gap:2px!important;
  min-height:44px!important;
 }
 .classic-member-profile .archive-member-toolbar.ejabat-profile-icons-expanded>a{
  height:37px!important;min-height:37px!important;
  padding:5px 0!important;
 }
 .classic-member-profile .archive-member-toolbar.ejabat-profile-icons-expanded>a svg{
  width:19px!important;height:19px!important;max-width:19px!important;
 }
 .classic-member-profile .ejabat-classic-empty-bio,
 .classic-member-profile .archive-member-bio{
  font-size:14px!important;line-height:1.85!important;
 }
}
@media(max-width:355px){
 .classic-member-profile .archive-member-toolbar.ejabat-profile-icons-expanded>a svg{
  width:17px!important;height:17px!important;max-width:17px!important;
 }
 .classic-member-profile .ejabat-profile-heading h1{
  font-size:17px!important;
 }
}
/* Direct subtab visits retain their compact hero, while existing AJAX
   data-profile-stable-header continues to preserve the original full header. */
.classic-member-profile.is-section-view:not([data-profile-stable-header="full"])
 .ejabat-profile-heading h1{font-size:17px!important}


/* 2026-10-16 owner correction:
   Full jail expiry is VISIBLE next to the name on the phone too.
   No tooltip-only truncation or fake one-word status. The inline context
   lets a long status naturally wrap WITHOUT a separate notification card. */
.classic-member-profile .ejabat-profile-heading h1>.ejabat-main-identity {
 display:inline!important;min-width:0!important;max-width:100%!important;
 flex:0 1 auto!important;width:auto!important;
 white-space:normal!important;line-height:1.6!important;
}
.classic-member-profile .ejabat-profile-heading .ejabat-main-identity>.ejabat-canonical-name{
 display:inline!important;color:#292d37!important;
}
.classic-member-profile .ejabat-profile-heading .ejabat-main-identity>.ejabat-name-jail{
 display:inline!important;white-space:normal!important;
 font-size:13px!important;font-weight:700!important;
 line-height:1.55!important;overflow-wrap:anywhere!important;
 margin:0 5px!important;max-width:none!important;
 color:#b9202d!important;
}
.classic-member-profile .ejabat-profile-heading .ejabat-jail-until {
 display:inline!important;white-space:normal!important;
 font-size:12px!important;font-weight:600!important;
 line-height:1.5!important;color:inherit!important;
}
/* The 2026-10-16 first pass used a stretched 6/7/8 COLUMN GRID. This
   produced empty 50px gaps between tiny icons. Group icons from the RTL
   start like vintage Ejaaba, while preserving ALL routes and badges. */
.classic-member-profile .archive-member-toolbar.ejabat-profile-icons-expanded{
 display:flex!important;flex-direction:row!important;
 justify-content:flex-start!important;align-items:center!important;
 flex-wrap:nowrap!important;direction:rtl!important;
 gap:0 6px!important;box-sizing:border-box!important;
 width:100%!important;min-width:0!important;
 padding:4px 7px!important;margin:6px 0 8px!important;
 min-height:47px!important;max-height:none!important;height:auto!important;
 overflow:hidden!important;background:#e9edf8!important;
}
.classic-member-profile .archive-member-toolbar.ejabat-profile-icons-expanded>a{
 flex:0 0 42px!important;width:42px!important;
 min-width:0!important;max-width:42px!important;
 box-sizing:border-box!important;
 padding:6px 2px!important;
 height:40px!important;min-height:40px!important;max-height:none!important;
 border:1px solid transparent!important;border-left-color:#dce4f0!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
}
.classic-member-profile .archive-member-toolbar.ejabat-profile-icons-six>a{
 flex-basis:46px!important;width:46px!important;max-width:46px!important;
}
.classic-member-profile .archive-member-toolbar.ejabat-profile-icons-seven>a{
 flex-basis:44px!important;width:44px!important;max-width:44px!important;
}
.classic-member-profile .archive-member-toolbar.ejabat-profile-icons-eight>a{
 flex-basis:40px!important;width:40px!important;max-width:40px!important;
}
.classic-member-profile .archive-member-toolbar.ejabat-profile-icons-expanded>a.active,
.classic-member-profile .archive-member-toolbar.ejabat-profile-icons-expanded>a[aria-current=page]{
 border-bottom:3px solid #367bbd!important;background:#fff!important;
}
@media(max-width:610px){
 .classic-member-profile .ejabat-profile-heading .ejabat-jail-until{
  display:inline!important;visibility:visible!important;
  font-size:12px!important;
 }
 .classic-member-profile .ejabat-profile-heading .ejabat-main-identity>.ejabat-name-jail{
  display:inline!important;white-space:normal!important;font-size:14px!important;
 }
 .classic-member-profile .archive-member-toolbar.ejabat-profile-icons-expanded{
  gap:0 4px!important;padding:3px 4px!important;
  min-height:44px!important;
 }
 .classic-member-profile .archive-member-toolbar.ejabat-profile-icons-expanded>a{
  height:38px!important;min-height:38px!important;padding:5px 1px!important;
 }
 .classic-member-profile .archive-member-toolbar.ejabat-profile-icons-six>a{
  flex-basis:43px!important;width:43px!important;max-width:43px!important;
 }
 .classic-member-profile .archive-member-toolbar.ejabat-profile-icons-seven>a{
  flex-basis:40px!important;width:40px!important;max-width:40px!important;
 }
 .classic-member-profile .archive-member-toolbar.ejabat-profile-icons-eight>a{
  flex-basis:36px!important;width:36px!important;max-width:36px!important;
 }
 .classic-member-profile .archive-member-toolbar.ejabat-profile-icons-expanded>a svg{
  width:19px!important;height:19px!important;max-width:19px!important;
 }
}
@media(max-width:355px){
 .classic-member-profile .archive-member-toolbar.ejabat-profile-icons-expanded{
  gap:0 2px!important;padding:3px 3px!important;
 }
 .classic-member-profile .archive-member-toolbar.ejabat-profile-icons-six>a{
  flex-basis:40px!important;width:40px!important;max-width:40px!important;
 }
 .classic-member-profile .archive-member-toolbar.ejabat-profile-icons-seven>a{
  flex-basis:37px!important;width:37px!important;max-width:37px!important;
 }
 .classic-member-profile .archive-member-toolbar.ejabat-profile-icons-eight>a{
  flex-basis:34px!important;width:34px!important;max-width:34px!important;
 }
 .classic-member-profile .ejabat-profile-heading .ejabat-main-identity>.ejabat-name-jail{
  font-size:11px!important;
 }
}