/* Ejaaba Official Control Center · October 2026
   Admin-only visual system. Original brand / masthead / other pages unchanged.
   All functional controls are still the legacy server-side CSRF/audit forms. */
.columns:has(.ejaaba-admin-hub){
  display:block!important;
  max-width:1220px!important;
  width:100%!important;
  margin-inline:auto!important;
}
.columns:has(.ejaaba-admin-hub)>.right-sidebar,
.columns:has(.ejaaba-admin-hub)>.left-sidebar{display:none!important}
.columns:has(.ejaaba-admin-hub)>.main-area{width:100%!important;max-width:none!important;min-width:0!important}
.ejaaba-admin-hub{
  --ejaaba-midnight:#0c1e37;
  --ejaaba-navy:#112a4b;
  --ejaaba-gold:#e9c77e;
  --ejaaba-glacier:#eaf2ff;
  --ejaaba-brd:#dce5f0;
  direction:rtl!important;
  width:100%!important;
  max-width:1200px!important;
  margin:0 auto 32px!important;
  padding:0 0 20px!important;
  color:#21334b;
  overflow-wrap:anywhere;
}
.ejaaba-admin-hub *{box-sizing:border-box}
.ejaaba-admin-hub :is(a,button,input,textarea,select,summary):focus-visible{
  outline:3px solid #4692ea!important;
  outline-offset:2px!important;
}
.ejaaba-admin-hero{
  position:relative;
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  isolation:isolate;
  min-height:225px;
  overflow:hidden;
  border:1px solid #153557;
  border-radius:16px;
  background:
    radial-gradient(ellipse at 88% 10%,rgba(49,112,168,.34),transparent 46%),
    linear-gradient(125deg,#0b1c34 0%,#132e50 66%,#0b223c 100%);
  color:#f7f9ff;
  box-shadow:0 9px 26px rgba(15,39,74,.13);
}
.ejaaba-admin-hero:before{
  content:"";position:absolute;inset:0;z-index:-1;
  pointer-events:none;
  background:repeating-linear-gradient(120deg,transparent 0,transparent 23px,
    rgba(233,199,126,.024) 24px,transparent 25px);
}
.ejaaba-admin-hero:after{
  content:"";position:absolute;top:0;right:36px;width:105px;height:3px;
  background:linear-gradient(90deg,transparent,#f2c97a,transparent);
}
.ejaaba-admin-hero-copy{padding:27px 29px;flex:1;min-width:0;max-width:780px}
.ejaaba-admin-eyebrow{
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  color:#cbdcf1;font-size:12px;letter-spacing:.04em;line-height:1.7;
}
.ejaaba-admin-eyebrow>span:first-child{color:#edc780;font-size:19px}
.ejaaba-admin-hero-separator{color:#6384a7}
.ejaaba-admin-hero h1{
  font-size:clamp(25px,3vw,36px)!important;
  font-weight:800!important;
  line-height:1.5!important;
  color:#fff!important;
  margin:6px 0 7px!important;
}
.ejaaba-admin-hero h1 em{
  font-style:normal;color:#f2ce89;
  text-shadow:0 0 19px rgba(237,197,116,.14);
}
.ejaaba-admin-hero p{
  font-size:13px!important;color:#c8d8e9!important;
  margin:0 0 19px!important;line-height:1.95!important;
  max-width:595px;
}
.ejaaba-admin-hero-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.ejaaba-admin-hero-actions a{
  display:inline-flex;align-items:center;justify-content:center;
  gap:6px;min-height:37px;padding:7px 13px;
  border:1px solid rgba(192,213,236,.32);
  border-radius:7px;background:rgba(232,242,252,.075);
  color:#f1f6fc!important;text-decoration:none!important;
  font-size:12px!important;font-weight:700;
  transition:background .12s ease,border-color .12s ease;
}
.ejaaba-admin-hero-actions a:hover{background:rgba(232,242,252,.19)}
.ejaaba-admin-hero-actions .ejaaba-admin-hero-primary{
  background:#e9c77e;color:#1e3048!important;border-color:#f1d494;
}
.ejaaba-admin-hero-actions .ejaaba-admin-hero-primary:hover{background:#f6db9b}
.ejaaba-admin-hero-insignia{
  position:relative;display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  min-width:215px;padding:22px 21px;
  border-inline-start:1px solid rgba(232,209,163,.13);
  color:#d6e6fa;
}
.ejaaba-admin-hero-insignia:before,
.ejaaba-admin-hero-insignia:after{
  content:"";position:absolute;width:182px;height:182px;
  border:1px solid rgba(236,198,118,.27);border-radius:50%;
}
.ejaaba-admin-hero-insignia:after{
  width:143px;height:143px;border-color:rgba(236,198,118,.13);
}
.ejaaba-admin-insignia-mark{font-size:34px;color:var(--ejaaba-gold);line-height:1.2}
.ejaaba-admin-hero-insignia strong{font-size:23px;color:#fff;line-height:1.6}
.ejaaba-admin-hero-insignia>span{font-size:10px;letter-spacing:.04em;color:#b4cce4}
.ejaaba-admin-insignia-dots{display:flex;gap:6px;margin-top:12px}
.ejaaba-admin-insignia-dots i{
  width:7px;height:7px;border-radius:50%;background:#ecce8c;opacity:.8;
}
.ejaaba-admin-insignia-dots i:nth-child(2){background:#70badb}
.ejaaba-admin-insignia-dots i:nth-child(3){background:#75aa85}
.ejaaba-admin-insignia-dots i:nth-child(4){background:#e6a09c}

/* Navigation retains every original destination; it now reads as concise chips. */
.ejaaba-admin-hub .ejaaba-staff-nav{
  display:flex!important;flex-wrap:wrap!important;
  gap:6px!important;align-items:center;
  overflow:visible!important;white-space:normal!important;
  margin:14px 0 12px!important;padding:11px!important;
  border:1px solid var(--ejaaba-brd)!important;
  border-radius:11px;background:#f5f8fd!important;
  box-shadow:none;
}
.ejaaba-admin-hub .ejaaba-staff-nav a{
  display:inline-flex!important;align-items:center;gap:5px;
  padding:7px 11px!important;border:1px solid #dce5ef!important;
  border-radius:6px;background:#fff!important;
  color:#274f7d!important;font-size:12px!important;
  font-weight:650;line-height:1.45;min-height:35px;
  text-decoration:none!important;
  transition:background .12s,border-color .12s;
}
.ejaaba-admin-hub .ejaaba-staff-nav a:hover{
  background:#e8f0fc!important;border-color:#a9c5e4!important
}
.ejaaba-admin-hub .ejaaba-staff-nav b{
  display:inline-flex;min-width:20px;height:20px;align-items:center;
  justify-content:center;background:#e5eef9;border-radius:5px;
  color:#1c517f;font-size:11px;padding:0 4px;
}
.ejaaba-admin-hub .ejaaba-staff-kpis{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px!important;background:transparent!important;
  margin:0 0 14px!important;padding:0!important;border:0!important;
}
.ejaaba-admin-hub .ejaaba-staff-kpis span{
  display:flex;flex-direction:column;justify-content:center;gap:2px;
  text-align:center;min-width:0;min-height:78px;
  padding:9px 8px!important;border:1px solid var(--ejaaba-brd)!important;
  border-radius:10px;background:#fff;
  box-shadow:0 3px 10px rgba(36,74,120,.035);
  font-size:11px!important;color:#5b6e83;
}
.ejaaba-admin-hub .ejaaba-staff-kpis strong{
  color:#1d537f!important;font-size:26px!important;
  font-weight:800;line-height:1.2;letter-spacing:-.03em;
}
.ejaaba-admin-hub .ejaaba-staff-kpis span:nth-child(2) strong,
.ejaaba-admin-hub .ejaaba-staff-kpis span:nth-child(3) strong{color:#9e7130!important}
.ejaaba-admin-situation{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  align-items:stretch;gap:12px;margin:0 0 18px;
}
.ejaaba-admin-situation-main,.ejaaba-admin-situation-activity{
  border:1px solid var(--ejaaba-brd);background:#fff;
  border-radius:12px;padding:19px 20px;
  box-shadow:0 4px 14px rgba(24,60,92,.035);
}
.ejaaba-admin-section-eyebrow{
  font-size:11px;color:#8a692c;font-weight:700;letter-spacing:.05em;
}
.ejaaba-admin-situation h2,.ejaaba-admin-situation h3{
  color:#1b3f67!important;font-size:17px!important;
  margin:3px 0 5px!important;line-height:1.55;
}
.ejaaba-admin-situation-main>p{
  font-size:11px!important;line-height:1.8!important;
  color:#71849a;margin:0 0 12px!important;
}
.ejaaba-admin-priority-links{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;
}
.ejaaba-admin-priority-links>a{
  display:flex;flex-direction:column;align-items:flex-start;
  min-height:87px;gap:4px;
  padding:10px 11px;text-decoration:none!important;
  color:#335877!important;background:#f5f8fd;
  border:1px solid #e3eaf2;border-radius:8px;
}
.ejaaba-admin-priority-links>a:hover{background:#e8f1fd;border-color:#bdcfdf}
.ejaaba-admin-priority-links b{
  font-size:22px;font-weight:800;line-height:1.1;color:#265e91;
}
.ejaaba-admin-priority-links span:nth-child(2){font-size:11px;line-height:1.6}
.ejaaba-admin-priority-links span:last-child{align-self:end;font-weight:bold;color:#698aaf}
.ejaaba-admin-situation-activity{background:linear-gradient(165deg,#f9fbff,#f1f6fd)}
.ejaaba-admin-situation-activity h3 small{
  display:block;font-weight:400;color:#7990a6;
  font-size:10px!important;line-height:1.7;
}
.ejaaba-admin-activity-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:14px}
.ejaaba-admin-activity-metrics div{text-align:center;border-inline-end:1px solid #dce5f0;padding:4px}
.ejaaba-admin-activity-metrics div:last-child{border:0}
.ejaaba-admin-activity-metrics span{display:block;font-size:11px;line-height:1.65;color:#61778b}
.ejaaba-admin-activity-metrics b{display:block;font-size:24px;color:#265e92;margin-top:4px}
.ejaaba-admin-situation-activity>a{
  display:inline-block;color:#286ca8!important;
  font-size:12px!important;text-decoration:none;
  padding:10px 0 0;margin-top:10px;
}
.ejaaba-admin-hub .ejaaba-staff-panel{
  border:1px solid var(--ejaaba-brd)!important;
  border-radius:12px!important;overflow:hidden;
  margin:15px 0!important;padding:0 0 8px!important;
  background:#fff;box-shadow:0 4px 12px rgba(26,66,109,.035);
}
.ejaaba-admin-hub .ejaaba-staff-panel>.panel-title{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  border-bottom:1px solid #dbe6f2!important;
  background:linear-gradient(90deg,#edf3ff,#e8edf9)!important;
  color:#264e77!important;font-size:16px!important;
  line-height:1.7!important;font-weight:700!important;
  padding:11px 16px!important;margin:0 0 5px!important;
}
.ejaaba-admin-hub .ejaaba-staff-panel>.panel-title:before{
  content:"";width:3px;height:19px;border-radius:3px;
  background:#bb8a45;flex:0 0 3px;
}
.ejaaba-admin-hub .ejaaba-staff-panel .panel-title small{
  font-size:10px;color:#6f8298;font-weight:400;
}
.ejaaba-admin-hub .ejaaba-staff-row{
  padding:11px 15px!important;border-bottom:1px solid #edf1f5;
  font-size:12px!important;gap:13px!important;
}
.ejaaba-admin-hub .ejaaba-staff-row:last-child{border-bottom:0}
.ejaaba-admin-hub .ejaaba-staff-row strong{color:#234a73}
.ejaaba-admin-hub .ejaaba-staff-row a:not(.soft-button){color:#286fb0}
.ejaaba-admin-hub .ejaaba-staff-actions{gap:7px!important;align-items:center}
.ejaaba-admin-hub .soft-button{
  display:inline-flex;align-items:center;justify-content:center;
  padding:7px 12px!important;min-height:34px;
  border-radius:7px!important;font-weight:650;
  background:#eef5fd!important;color:#265b89!important;
  border:1px solid #bfd3e9!important;
  font-size:11px!important;line-height:1.5!important;
  text-align:center;cursor:pointer;
}
.ejaaba-admin-hub .soft-button.good{
  color:#246b50!important;background:#ebf8f1!important;
  border-color:#b7dbc7!important
}
.ejaaba-admin-hub .soft-button.ejaaba-danger{
  color:#a33d3d!important;background:#fff0f0!important;
  border-color:#e6c7c7!important
}
.ejaaba-admin-hub .soft-button:hover{filter:brightness(.965)}
.ejaaba-admin-hub .ejaaba-staff-hint{
  font-size:11px!important;line-height:1.9!important;color:#6d8096!important;
  padding-inline:14px;
}
.ejaaba-admin-hub .ejaaba-member-search{
  padding:12px 15px!important;border-bottom:1px solid #e7edf4;
}
.ejaaba-admin-hub .ejaaba-staff-photo{
  border:1px solid #dfebf6;border-radius:9px;background:#fcfdff;
  padding:8px;min-width:0
}
.ejaaba-admin-hub .ejaaba-staff-photo img{border-radius:6px;background:#eef2f8}
.ejaaba-admin-hub .ejaaba-staff-subform{
  margin-inline:10px;padding:7px 12px!important;border-radius:7px;
  border-bottom:1px solid #e7edf4!important
}
.ejaaba-admin-hub .ejaaba-staff-subform>summary{
  padding:7px 0!important;color:#245e92;font-size:12px!important
}
.ejaaba-admin-hub .ejaaba-member-row{align-items:center!important}
.ejaaba-admin-hub .ejaaba-setting-row{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto;
  align-items:center!important;gap:14px;
  margin:7px 13px!important;padding:14px 17px!important;
  border:1px solid #e1eaf3!important;border-radius:9px;background:#fff;
}
.ejaaba-admin-hub .ejaaba-setting-row:hover{background:#fbfdff}
.ejaaba-admin-hub .ejaaba-setting-row b{
  display:block;color:#203f62;font-size:14px;line-height:1.6;
}
.ejaaba-admin-hub .ejaaba-setting-row small{
  max-width:680px;font-size:11px!important;line-height:1.85!important;
  color:#687d92!important;
}
.ejaaba-admin-hub .ejaaba-setting-row form{margin:0}
.ejaaba-admin-hub .ejaaba-setting-row button{
  min-width:120px;white-space:nowrap;
}
.ejaaba-setting-state-dot{display:inline-block;width:7px;height:7px;
  background:#8da1b3;border-radius:50%;margin-inline-end:6px;
}
.ejaaba-admin-hub .ejaaba-setting-row button.good .ejaaba-setting-state-dot{background:#28865c}
.ejaaba-admin-notice-editor{
  margin:15px 13px;padding:16px;border:1px solid #d9e7f3;
  border-radius:11px;background:linear-gradient(135deg,#f7fbff,#fff)
}
.ejaaba-admin-feature-heading{display:flex;justify-content:space-between;
  gap:12px;align-items:center;flex-wrap:wrap}
.ejaaba-admin-feature-heading h3{
  margin:0!important;font-size:16px!important;color:#224b72!important;
}
.ejaaba-admin-feature-heading small{
  font-size:11px;color:#6c8395;background:#edf3f9;
  border:1px solid #dce5f0;border-radius:5px;padding:4px 8px
}
.ejaaba-admin-notice-editor>p{
  font-size:12px;line-height:1.9;color:#6d8094;margin:8px 0 10px
}
.ejaaba-admin-notice-form{display:grid;gap:9px}
.ejaaba-admin-notice-form label{font-size:12px;color:#345777;font-weight:700}
.ejaaba-admin-hub .ejaaba-admin-notice-form textarea{
  padding:12px 14px;min-height:92px;line-height:1.8;
  border:1px solid #bfd2e6!important;border-radius:8px!important;
  background:#fff;font-size:13px!important;
}
.ejaaba-admin-notice-form-footer{display:flex;justify-content:space-between;
  align-items:center;gap:10px;flex-wrap:wrap}
.ejaaba-admin-notice-form-footer small{color:#69819a;font-size:11px}
.ejaaba-admin-notice-preview{
  display:flex;align-items:flex-start;gap:10px;margin-top:13px;
  background:#edf4ff;border:1px solid #ccdbef;border-radius:7px;
  padding:11px 12px;font-size:12px;line-height:1.8;color:#27527c;
}
.ejaaba-admin-notice-preview b{white-space:nowrap}
.ejaaba-admin-audit-panel{scroll-margin-top:16px}
.ejaaba-admin-audit-row{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;gap:10px;margin:0 15px;padding:10px 3px;
  border-bottom:1px solid #eef2f7;font-size:12px
}
.ejaaba-admin-audit-row:last-child{border-bottom:0}
.ejaaba-admin-audit-icon{
  width:27px;height:27px;display:grid;place-items:center;
  border-radius:50%;color:#3e6a92;background:#edf4fc;
}
.ejaaba-admin-audit-row strong{display:block;color:#2f5373}
.ejaaba-admin-audit-row div>span{display:block;color:#7790a4;font-size:10px;
  font-family:inherit;overflow-wrap:anywhere;direction:ltr;text-align:right}
.ejaaba-admin-audit-row time{font-size:11px;color:#7b8fa0;white-space:nowrap}
.ejaaba-admin-hub .ejaaba-staff-panel h3{color:#25517b;margin:14px 15px 5px}
.ejaaba-admin-hub .ejaaba-levels-editor{padding:12px 16px;gap:11px}
.ejaaba-admin-hub .ejaaba-levels-editor label{
  border:1px solid #dfebf6;border-radius:8px;padding:11px
}
.ejaaba-admin-hub .ejaaba-staff-panel :is(input:not([type=checkbox]):not([type=hidden]),textarea,select){
  border-radius:7px!important;border:1px solid #c3d5e8!important;
  min-height:36px;background:#fff;
}
.ejaaba-admin-hub .ejaaba-staff-footnote{
  font-size:11px!important;color:#6e849a;line-height:2;padding:10px 4px
}
/* Existing base.css uses left:-10000px for screen-reader-only search labels.
   That expands a desktop RTL document width. Keep those labels accessible
   but clipped in-place on the admin page, without modifying the site-wide UI. */
body:has(.ejaaba-admin-hub) .sr{
  left:0!important;right:auto!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}
/* Public announcement is escaped and appears only after admin explicitly
   saves real text AND enables the notice flag. Not an ad or mock message. */
.ejabat-public-notice{
  display:flex;align-items:center;gap:11px;
  padding:12px 15px;margin:10px 0 12px;
  background:#edf3fc;border-inline-start:4px solid #307bb6;
  border-radius:6px;color:#274d75;font-size:13px;line-height:1.85;
}
.ejabat-public-notice-icon{
  display:grid;place-items:center;
  flex:0 0 28px;width:28px;height:28px;
  border-radius:7px;color:#fff;background:#2e71a9
}
.ejabat-public-notice-body{display:flex;flex-direction:column;min-width:0}
.ejabat-public-notice-body strong{font-size:12px;line-height:1.4}
.ejabat-public-notice-body span{overflow-wrap:anywhere}
.ejabat-answer-paused{
  background:#f5f8fd;border-inline-start:3px solid #7298bc;
  color:#2d5279;padding:12px;line-height:1.85;border-radius:3px;
  font-size:13px;
}
@media(max-width:860px){
 .ejaaba-admin-hero-insignia{min-width:156px}
 .ejaaba-admin-hero-insignia:before{width:142px;height:142px}
 .ejaaba-admin-hero-insignia:after{width:110px;height:110px}
 .ejaaba-admin-situation{grid-template-columns:1fr}
}
@media(max-width:620px){
 .columns:has(.ejaaba-admin-hub){padding:0 7px!important}
 .ejaaba-admin-hub{margin:7px auto 25px!important}
 .ejaaba-admin-hero{min-height:0;border-radius:11px}
 .ejaaba-admin-hero-copy{padding:20px 16px 19px}
 .ejaaba-admin-hero-insignia{display:none}
 .ejaaba-admin-eyebrow{font-size:10px}
 .ejaaba-admin-hero h1{font-size:26px!important;margin-top:7px!important}
 .ejaaba-admin-hero p{font-size:12px!important;line-height:1.85!important}
 .ejaaba-admin-hero-actions{gap:6px}
 .ejaaba-admin-hero-actions a{min-height:36px;font-size:11px!important;padding:7px 10px}
 .ejaaba-admin-hub .ejaaba-staff-nav{
   gap:6px!important;overflow-x:auto!important;
   flex-wrap:nowrap!important;white-space:nowrap!important;
   padding:9px!important;scroll-snap-type:x proximity;
   -webkit-overflow-scrolling:touch;border-radius:9px
 }
 .ejaaba-admin-hub .ejaaba-staff-nav a{
   flex:0 0 auto!important;font-size:11px!important;
   padding:7px 9px!important;scroll-snap-align:start
 }
 .ejaaba-admin-hub .ejaaba-staff-kpis{
   grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important;
 }
 .ejaaba-admin-hub .ejaaba-staff-kpis span{min-height:68px;padding:8px 5px!important}
 .ejaaba-admin-hub .ejaaba-staff-kpis span:last-child{grid-column:1/-1}
 .ejaaba-admin-hub .ejaaba-staff-kpis strong{font-size:23px!important}
 .ejaaba-admin-situation{gap:9px;margin-bottom:11px}
 .ejaaba-admin-situation-main,.ejaaba-admin-situation-activity{padding:15px 12px}
 .ejaaba-admin-situation h2{font-size:15px!important}
 .ejaaba-admin-priority-links{gap:5px}
 .ejaaba-admin-priority-links>a{min-height:89px;padding:8px}
 .ejaaba-admin-priority-links b{font-size:18px}
 .ejaaba-admin-priority-links span:nth-child(2){font-size:10px}
 .ejaaba-admin-activity-metrics b{font-size:20px}
 .ejaaba-admin-hub .ejaaba-staff-panel>.panel-title{font-size:14px!important;padding:9px 11px!important}
 .ejaaba-admin-hub .ejaaba-staff-row{padding:10px 10px!important}
 .ejaaba-admin-hub .ejaaba-staff-actions{align-items:stretch}
 .ejaaba-admin-hub .ejaaba-staff-actions .soft-button{min-height:33px}
 .ejaaba-admin-hub .ejaaba-setting-row{
   grid-template-columns:minmax(0,1fr)!important;
   margin:7px 8px!important;padding:11px 12px!important;gap:7px
 }
 .ejaaba-admin-hub .ejaaba-setting-row b{font-size:13px}
 .ejaaba-admin-hub .ejaaba-setting-row form{justify-self:start}
 .ejaaba-admin-hub .ejaaba-member-search{display:block}
 .ejaaba-admin-hub .ejaaba-member-search label{display:block;margin-bottom:8px}
 .ejaaba-admin-notice-editor{margin:11px 8px;padding:12px}
 .ejaaba-admin-notice-preview{flex-direction:column;gap:3px}
 .ejaaba-admin-audit-row{margin:0 9px}
 .ejaaba-admin-situation-activity>a{font-size:11px!important}
 .ejabat-public-notice{margin:8px 0;padding:9px 11px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .ejaaba-admin-hub *{transition:none!important;scroll-behavior:auto!important}
}