/* E-KESISWAAN V4.9.4.0 - Dynamic Theme, Core Value, Multilanguage */
:root{--ek-primary:#0F7657;--ek-secondary:#0A5A43;--ek-accent:#D9A521;--ek-surface:#fff;--ek-bg:#F4F8F6;--ek-text:#10251F}
body.sia-body{background:var(--ek-bg)!important;color:var(--ek-text)}
.sia-topbar{border-top:3px solid var(--ek-accent)}
.sia-top-brand b,.sia-school-card strong,.sim-page-title{color:var(--ek-secondary)!important}
.sia-context-card,.sim-btn-primary,.btn-primary,.sia-nav-link.active,.sia-nav-link.featured.active{background:var(--ek-primary)!important;border-color:var(--ek-primary)!important}
.sia-nav-link:hover{color:var(--ek-primary)}
.sia-values-pill,.ek-core-mini{border-color:color-mix(in srgb,var(--ek-primary) 24%,white);color:var(--ek-primary)}
.ek-global-core{background:linear-gradient(90deg,color-mix(in srgb,var(--ek-primary) 9%,white),white,color-mix(in srgb,var(--ek-accent) 9%,white));border-bottom:1px solid color-mix(in srgb,var(--ek-primary) 14%,white)}
.ek-global-core .ek-core-inner{max-width:1220px;margin:auto;padding:7px 18px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-size:.73rem;font-weight:700;color:var(--ek-secondary)}
.ek-global-core .ek-core-inner span+span:before{content:'•';margin-right:14px;color:var(--ek-accent)}
.ek-language-switcher{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #dce8e3;border-radius:999px;background:#fff}.ek-language-switcher a{padding:5px 8px;border-radius:999px;font-size:.7rem;font-weight:800;color:#53645e;text-decoration:none}.ek-language-switcher a.active{background:var(--ek-primary);color:#fff}
html[dir=rtl] body{text-align:right}html[dir=rtl] .dropdown-menu{text-align:right}html[dir=rtl] .sia-nav-link{flex-direction:row-reverse}
.ek-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--ek-primary);margin-bottom:4px}.ek-core-mini{padding:8px 12px;border:1px solid;border-radius:999px;font-size:.72rem;font-weight:800;background:#fff}
.ek-setting-tabs{gap:8px}.ek-setting-tabs .nav-link{border:1px solid #dfe9e5;color:#4d5f58;background:#fff;border-radius:12px;padding:10px 14px;font-weight:700}.ek-setting-tabs .nav-link.active{background:var(--ek-primary)!important;border-color:var(--ek-primary)!important;color:#fff!important}
.ek-brand-preview,.ek-live-card,.ek-language-note{height:100%;min-height:260px;border-radius:20px;padding:26px;background:linear-gradient(145deg,var(--ek-secondary),var(--ek-primary));color:#fff;box-shadow:0 16px 36px rgba(16,61,47,.14)}.ek-brand-preview h3{font-weight:850;margin:10px 0 4px}.ek-preview-school{font-weight:700;margin-top:24px}.ek-preview-slogan{border-top:1px solid rgba(255,255,255,.2);margin-top:14px;padding-top:14px;font-size:.86rem}.ek-theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px}.ek-theme-option{cursor:pointer}.ek-theme-option input{position:absolute;opacity:0}.ek-theme-option b{display:block;margin-top:7px;font-size:.78rem}.ek-theme-swatch{height:58px;border-radius:14px;display:block;background:linear-gradient(135deg,var(--p) 0 62%,var(--s) 62% 82%,var(--a) 82%);border:3px solid transparent;box-shadow:0 3px 10px rgba(0,0,0,.07)}.ek-theme-option input:checked+.ek-theme-swatch{border-color:var(--ek-accent);outline:2px solid color-mix(in srgb,var(--ek-primary) 30%,white)}.ek-color-field{display:flex;gap:7px}.ek-color-field input[type=color]{width:48px;height:38px;padding:2px;border:1px solid #d5e3dd;border-radius:9px}.ek-live-card{background:var(--ek-surface);color:var(--ek-text);border:1px solid #dfe9e5}.ek-live-top{height:7px;background:linear-gradient(90deg,var(--ek-primary),var(--ek-accent));border-radius:9px;margin-bottom:25px}.ek-live-card h4{color:var(--ek-primary);font-weight:850}.ek-live-card button{border:0;background:var(--ek-primary);color:#fff;border-radius:10px;padding:10px 16px;font-weight:700;display:block;margin:20px 0}.ek-live-card small{color:#6c7d76}
.ek-value-editor{display:flex;gap:14px;padding:18px;border:1px solid #e0ebe6;border-radius:16px;background:#fbfdfc}.ek-value-no{width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--ek-primary) 11%,white);color:var(--ek-primary);display:grid;place-items:center;font-weight:900}.ek-value-editor label{font-size:.72rem;font-weight:700;color:#65766f;margin-bottom:4px}.ek-language-options{display:flex;gap:10px;flex-wrap:wrap}.ek-language-options label input{display:none}.ek-language-options label span{display:block;padding:10px 14px;border:1px solid #dce7e2;border-radius:12px;cursor:pointer;font-weight:700}.ek-language-options label input:checked+span{background:color-mix(in srgb,var(--ek-primary) 9%,white);border-color:var(--ek-primary);color:var(--ek-primary)}.ek-language-note i{font-size:2rem;color:#fff1b8}.ek-language-note div{display:flex;gap:8px;margin-top:18px}.ek-language-note span{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 10px;font-weight:800}.ek-save-bar{position:sticky;bottom:14px;z-index:20;margin-top:22px;padding:13px 16px;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);border:1px solid #dce8e3;border-radius:16px;box-shadow:0 12px 32px rgba(20,54,43,.12);display:flex;align-items:center;justify-content:space-between;gap:15px}.ek-save-bar b{display:block;color:var(--ek-primary);font-size:.78rem}.ek-save-bar small{display:block;color:#718078}
@media(max-width:768px){.ek-core-mini{display:none}.ek-setting-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:6px}.ek-setting-tabs .nav-link{white-space:nowrap}.ek-save-bar{bottom:6px}.ek-save-bar>div{display:none}.ek-save-bar button{width:100%;justify-content:center}.ek-global-core .ek-core-inner{font-size:.65rem;gap:7px}.ek-global-core .ek-core-inner span+span:before{margin-right:7px}}

/* V4.9.4.1 - Personal Appearance & Language */
.ek-ui-pref-trigger{align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--ek-primary) 22%,white);background:#fff;color:var(--ek-primary);border-radius:12px;padding:8px 11px;font-weight:800;font-size:.76rem;transition:.18s ease}.ek-ui-pref-trigger:hover{background:color-mix(in srgb,var(--ek-primary) 7%,white);transform:translateY(-1px)}
.ek-pref-dialog{max-width:720px}.ek-pref-modal{border:0;border-radius:24px;overflow:hidden;box-shadow:0 28px 70px rgba(15,46,37,.2)}.ek-pref-modal:before{content:"";height:6px;display:block;background:linear-gradient(90deg,var(--ek-primary),var(--ek-accent),var(--ek-secondary))}.ek-pref-kicker{display:inline-flex;align-items:center;gap:7px;font-size:.7rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--ek-primary);margin-bottom:5px}.ek-pref-section{padding:18px;border:1px solid #e1ebe7;border-radius:18px;background:#fbfdfc}.ek-pref-label{display:block;font-size:.76rem;font-weight:900;color:#455a52;margin-bottom:12px;text-transform:uppercase;letter-spacing:.04em}.ek-personal-theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.ek-personal-theme-option{cursor:pointer;min-width:0}.ek-personal-theme-option input{position:absolute;opacity:0;pointer-events:none}.ek-personal-theme-swatch{display:block;height:52px;border-radius:13px;background:linear-gradient(135deg,var(--p) 0 64%,var(--s) 64% 82%,var(--a) 82%);border:3px solid transparent;box-shadow:0 5px 14px rgba(0,0,0,.07)}.ek-personal-theme-option b{display:block;font-size:.7rem;margin-top:6px;color:#40544c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ek-personal-theme-option input:checked+.ek-personal-theme-swatch{border-color:var(--ek-accent);outline:2px solid color-mix(in srgb,var(--ek-primary) 25%,white)}.ek-personal-language-grid{display:flex;flex-wrap:wrap;gap:9px}.ek-personal-language-grid label{cursor:pointer}.ek-personal-language-grid input{position:absolute;opacity:0}.ek-personal-language-grid span{display:block;border:1px solid #dce7e2;background:#fff;border-radius:12px;padding:10px 14px;font-weight:800;font-size:.8rem}.ek-personal-language-grid input:checked+span{border-color:var(--ek-primary);background:color-mix(in srgb,var(--ek-primary) 8%,white);color:var(--ek-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--ek-primary) 10%,transparent)}.ek-pref-values{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--ek-primary) 10%,white),color-mix(in srgb,var(--ek-accent) 10%,white));border:1px solid color-mix(in srgb,var(--ek-primary) 16%,white)}.ek-pref-values i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--ek-primary);color:#fff}.ek-pref-values small{display:block;color:#60736b;font-weight:700}.ek-pref-values b{display:block;color:var(--ek-secondary);font-size:.8rem;margin-top:2px}.ek-pref-save{background:var(--ek-primary)!important;color:#fff!important;border-color:var(--ek-primary)!important;font-weight:800;border-radius:11px;padding:9px 15px}
@media(max-width:768px){.ek-personal-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ek-pref-dialog{margin:12px}.ek-pref-modal{border-radius:18px}.ek-pref-section{padding:14px}.ek-ui-pref-trigger{padding:8px}.ek-ui-pref-trigger span{display:none}}

/* V4.9.4.2 - Theme Coverage + Readability Fix */
:root{
  --sim-primary:var(--ek-primary)!important;
  --sim-primary-dark:var(--ek-secondary)!important;
  --sim-bg:var(--ek-bg)!important;
  --sim-card:var(--ek-surface)!important;
  --sim-text:var(--ek-text)!important;
  --wk:var(--ek-primary)!important;
  --wk2:var(--ek-secondary)!important;
  --gold:var(--ek-accent)!important;
}
body.sia-body,#layoutSidenav_content{background:var(--ek-bg)!important;color:var(--ek-text)!important}
.sia-topbar,.sia-sidebar,.sia-panel,.card,.modal-content,.dropdown-menu,.sia-school-card{--bs-success:var(--ek-primary);--bs-primary:var(--ek-primary)}
.btn-success,.btn-primary,.sim-btn-primary,.sia-btn.primary,.dss-hero,.sim-hero,.wk360-hero,.wk360-profile-head,.wk-coach-hero,.sia-context-card,.sia-nav-link.active,.sia-nav-link.featured.active,.mobile-wali-nav .student360-main i{background:var(--ek-primary)!important;border-color:var(--ek-primary)!important;color:#fff!important}
.btn-outline-success,.btn-outline-primary{color:var(--ek-primary)!important;border-color:var(--ek-primary)!important}.btn-outline-success:hover,.btn-outline-primary:hover{background:var(--ek-primary)!important;color:#fff!important}
.text-success,.text-primary,.sia-page-title,.sia-top-brand b,.wk360-kpi strong,.wk-coach-kpis strong,.wk-coach-summary b,.wk-coach-record b,.ek-eyebrow{color:var(--ek-primary)!important}
.bg-success,.bg-primary,.badge.bg-success,.badge.bg-primary{background-color:var(--ek-primary)!important}
.sia-nav-link.active{box-shadow:inset 3px 0 var(--ek-accent)!important}
.sia-nav-link:hover,.sia-top-icon:hover,.sia-profile-btn:hover{color:var(--ek-primary)!important}
.sia-sidebar .sia-period-card,.sia-period-card{background:linear-gradient(135deg,var(--ek-primary),var(--ek-secondary))!important;color:#fff!important}
.sia-panel,.card,.ek-pref-section,.ek-live-card{background:var(--ek-surface)!important;color:var(--ek-text)!important}
.form-control:focus,.form-select:focus{border-color:var(--ek-primary)!important;box-shadow:0 0 0 .2rem color-mix(in srgb,var(--ek-primary) 16%,transparent)!important}
/* readability: never let text disappear on colored surfaces */
.dss-hero *,.sim-hero *,.wk360-hero *,.wk360-profile-head *,.wk-coach-hero *,.sia-context-card *,.sia-period-card *,.btn-success *,.btn-primary *,.sia-btn.primary *{color:inherit!important}
.sia-nav-link.active,.sia-nav-link.active i,.sia-nav-link.active span{color:#fff!important}
.ek-global-core,.ek-pref-values{color:var(--ek-text)!important}
/* Keep Arabic readable without mirroring the whole application shell */
html[dir=rtl] body{direction:ltr!important;text-align:left!important}
html[dir=rtl] .sia-topbar,html[dir=rtl] #layoutSidenav,html[dir=rtl] .sia-sidebar,html[dir=rtl] .dropdown-menu{direction:ltr!important;text-align:left!important}
html[dir=rtl] [data-i18n-text],html[dir=rtl] .sim-i18n-ar,html[dir=rtl] .sia-page-title,html[dir=rtl] .sia-page-desc,html[dir=rtl] .dss-page,html[dir=rtl] .sim-page{unicode-bidi:plaintext}
@media(max-width:1100px){.sia-topbar-actions{gap:6px}.ek-ui-pref-trigger{max-width:102px}.sia-top-brand small{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* ==========================================================
   E-KESISWAAN V4.9.4.3 - TOTAL THEME COVERAGE + READABILITY
   ========================================================== */
:root{
  --sia-primary:var(--ek-primary)!important;
  --sia-primary2:var(--ek-secondary)!important;
  --sia-bg:var(--ek-bg)!important;
  --sia-ink:var(--ek-text)!important;
  --campus:var(--ek-primary)!important;
  --campus-2:var(--ek-secondary)!important;
  --campus-bg:var(--ek-bg)!important;
  --m-green:var(--ek-primary)!important;
  --m-green-2:var(--ek-primary)!important;
  --m-green2:var(--ek-primary)!important;
  --m-green-deep:var(--ek-secondary)!important;
  --m-bg:var(--ek-bg)!important;
  --m-card:var(--ek-surface)!important;
  --m-gold:var(--ek-accent)!important;
  --iv-emerald:var(--ek-primary)!important;
  --iv-emerald-dark:var(--ek-secondary)!important;
  --iv-gold:var(--ek-accent)!important;
  --sim-green:var(--ek-primary)!important;
  --sim-green-dark:var(--ek-secondary)!important;
  --sim-gold:var(--ek-accent)!important;
  --att-green:var(--ek-primary)!important;
  --sd-green:var(--ek-primary)!important;
  --sd-green2:var(--ek-secondary)!important;
  --sl-green:var(--ek-primary)!important;
  --sl-green2:var(--ek-secondary)!important;
  --sr-green:var(--ek-primary)!important;
  --sr-green-dark:var(--ek-secondary)!important;
  --wk:var(--ek-primary)!important;
  --wk2:var(--ek-secondary)!important;
  --gold:var(--ek-accent)!important;
  --bs-primary:var(--ek-primary)!important;
}

/* Shell / header / sidebar / footer */
body.sia-body{background:var(--ek-bg)!important;color:var(--ek-text)!important}
.sia-topbar{background:var(--ek-surface)!important;border-top-color:var(--ek-accent)!important;border-bottom-color:color-mix(in srgb,var(--ek-primary) 14%,#fff)!important}
.sia-top-brand,.sia-top-brand b,.sia-topbar a,.sia-topbar button{color:var(--ek-text)}
.sia-top-brand b{color:var(--ek-secondary)!important}
.sia-menu-toggle,.sia-top-icon,.sia-global-search,.sia-profile-btn,.ek-ui-pref-trigger{background:var(--ek-surface)!important;border-color:color-mix(in srgb,var(--ek-primary) 18%,#fff)!important}
.sia-profile-btn>span,.sia-user-mini>span{background:color-mix(in srgb,var(--ek-primary) 10%,#fff)!important;color:var(--ek-primary)!important}
.sia-body #layoutSidenav_nav,.sia-sidebar,.sia-sidebar-footer{background:var(--ek-surface)!important;border-color:color-mix(in srgb,var(--ek-primary) 12%,#fff)!important}
.sia-context-card,.sia-period-card{background:linear-gradient(135deg,var(--ek-primary),var(--ek-secondary))!important;color:#fff!important}
.sia-context-card *, .sia-period-card *{color:#fff!important}
.sia-menu-section{color:color-mix(in srgb,var(--ek-primary) 40%,#66756e)!important}
.sia-nav-link{color:color-mix(in srgb,var(--ek-text) 76%,#fff)!important}
.sia-nav-link>i,.sia-nav-link>svg{color:color-mix(in srgb,var(--ek-primary) 50%,#819089)!important}
.sia-nav-link:hover{background:color-mix(in srgb,var(--ek-primary) 8%,#fff)!important;color:var(--ek-secondary)!important}
.sia-nav-link.active,.sia-nav-link.featured.active{background:linear-gradient(90deg,var(--ek-primary),color-mix(in srgb,var(--ek-primary) 88%,var(--ek-secondary)))!important;border-left:4px solid var(--ek-accent)!important;color:#fff!important}
.sia-nav-link.active *, .sia-nav-link.active>i,.sia-nav-link.active>svg,.sia-nav-link.active span,.sia-nav-link.active b,.sia-nav-link.featured.active *{color:#fff!important;fill:currentColor!important}
.sia-nav-link.featured b{background:color-mix(in srgb,var(--ek-accent) 23%,#fff)!important;color:var(--ek-secondary)!important}
.sia-nav-link.featured.active b{background:rgba(255,255,255,.18)!important;color:#fff!important}
.sia-submenu a.active,.sia-submenu a:hover{background:color-mix(in srgb,var(--ek-primary) 8%,#fff)!important;color:var(--ek-primary)!important}
.sia-footer{background:var(--ek-surface)!important;border-top:1px solid color-mix(in srgb,var(--ek-primary) 14%,#fff)!important;color:var(--ek-text)!important}
.sia-footer .footer-version{color:var(--ek-secondary)!important}

/* Main content / middle area */
.sia-body #layoutSidenav_content{background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--ek-primary) 7%,#fff) 0,transparent 30%),var(--ek-bg)!important}
.sia-panel,.card,.modal-content,.sia-kpi,.sia-quick,.workflow-guide,.att-dashboard-strip{background:var(--ek-surface)!important;border-color:color-mix(in srgb,var(--ek-primary) 12%,#fff)!important}
.workflow-guide-head,.campus-welcome,.role-hero,.dss-hero,.sim-hero,.wk360-hero,.wk360-profile-head,.wk-coach-hero{background:linear-gradient(135deg,var(--ek-secondary),var(--ek-primary))!important;color:#fff!important}
.workflow-guide-head *,.campus-welcome *,.role-hero *,.dss-hero *,.sim-hero *,.wk360-hero *,.wk360-profile-head *,.wk-coach-hero *{color:#fff!important}
.workflow-guide-badge,.campus-welcome-meta span{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important}
.workflow-step .num,.sia-kpi-icon,.sia-quick>i{background:color-mix(in srgb,var(--ek-primary) 10%,#fff)!important;color:var(--ek-primary)!important}
.workflow-step .go{color:color-mix(in srgb,var(--ek-primary) 44%,#8fa099)!important}
.sia-btn.primary,.sim-btn-primary,.btn-primary,.btn-success,.ek-pref-save{background:var(--ek-primary)!important;border-color:var(--ek-primary)!important;color:#fff!important}
.sia-btn.primary *,.sim-btn-primary *,.btn-primary *,.btn-success *,.ek-pref-save *{color:#fff!important}

/* Core value surfaces now follow personal theme */
.ek-corebar,.islamic-value-banner,.sia-values-mini,.ek-pref-values{
  background:linear-gradient(110deg,color-mix(in srgb,var(--ek-primary) 8%,#fff),#fff 55%,color-mix(in srgb,var(--ek-accent) 10%,#fff))!important;
  border-color:color-mix(in srgb,var(--ek-primary) 18%,#fff)!important;
}
.ek-corebar-greeting strong,.islamic-value-banner strong,.sia-values-mini b{color:var(--ek-secondary)!important}
.ek-corebar-values b,.ivb-values span,.sia-values-mini i{color:var(--ek-primary)!important}
.ek-corebar-values span,.ivb-values span{border-color:color-mix(in srgb,var(--ek-primary) 16%,#fff)!important;background:#fff!important}

/* Tables, forms, badges and components */
.table thead th,.sia-table thead th{background:color-mix(in srgb,var(--ek-primary) 5%,#fff)!important;color:var(--ek-secondary)!important}
.form-control:focus,.form-select:focus{border-color:var(--ek-primary)!important;box-shadow:0 0 0 .2rem color-mix(in srgb,var(--ek-primary) 15%,transparent)!important}
.nav-pills .nav-link.active,.pagination .page-item.active .page-link{background:var(--ek-primary)!important;border-color:var(--ek-primary)!important;color:#fff!important}
.badge.bg-success,.text-bg-success{background:var(--ek-primary)!important}
.text-success{color:var(--ek-primary)!important}
.border-success{border-color:var(--ek-primary)!important}

/* Readability fix: never let active/menu/hero text disappear */
.sia-nav-link.active,.sia-nav-link.active:visited,.sia-nav-link.active:hover,.sia-nav-link.active:focus{color:#fff!important;text-shadow:none!important}
.sia-nav-link.active span,.sia-nav-link.active i,.sia-nav-link.active svg{opacity:1!important;visibility:visible!important}
.workflow-guide-head h1,.workflow-guide-head h2,.workflow-guide-head h3,.workflow-guide-head p,.workflow-guide-head .eyebrow,
.campus-welcome h1,.campus-welcome h2,.campus-welcome h3,.campus-welcome p,.campus-welcome small{color:#fff!important;opacity:1!important}

/* Keep Arabic stable: translate text without flipping the whole application shell */
html[lang="ar"],html[lang="ar"] body{direction:ltr!important}
html[lang="ar"] [data-i18n-text],html[lang="ar"] .ek-translated{unicode-bidi:plaintext}
html[lang="ar"] .sia-nav-link span,html[lang="ar"] .sia-menu-section,html[lang="ar"] .sia-page h1,html[lang="ar"] .sia-page h2,html[lang="ar"] .sia-page h3,html[lang="ar"] .sia-page p,html[lang="ar"] .sia-page small{direction:rtl;text-align:right}
html[lang="ar"] .sia-topbar,html[lang="ar"] .sia-sidebar,html[lang="ar"] .sia-footer{direction:ltr}

@media(max-width:768px){
  .sia-nav-link.active{border-left-width:3px!important}
  .workflow-guide-head,.campus-welcome{background:linear-gradient(135deg,var(--ek-secondary),var(--ek-primary))!important}
}