/* RIAYAH Schools (std.riayahhub.com) — module pages. Loaded only by the std.riayahhub.com site. */
html[data-site=riayahschools] #moduleContent>.module-stage{display:none}
.sx-mod{display:grid;gap:18px;margin:0 0 22px}
.sx-mod *{box-sizing:border-box}

/* hero */
.sx-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:0;border-radius:24px;overflow:hidden;border:1px solid #e1e8f2;
  background:radial-gradient(520px 300px at 0% 0%,rgba(18,168,116,.08),transparent 70%),#ffffff;box-shadow:0 10px 30px rgba(16,35,63,.08)}
.sx-hero-copy{padding:26px 28px 24px;display:flex;flex-direction:column;gap:10px;z-index:1}
.sx-eye{display:inline-flex;align-items:center;gap:8px;font:700 12px/1 var(--pt-font-head,inherit);letter-spacing:.14em;text-transform:uppercase;color:#12a874}
.sx-eye::before{content:"";width:22px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--std-green),var(--std-sky))}
html[dir=rtl] .sx-eye{letter-spacing:0}
.sx-hero h2{margin:0;font:800 clamp(24px,2.4vw,34px)/1.15 var(--pt-font-head,inherit);color:#0b2b57;letter-spacing:-.01em}
html[dir=rtl] .sx-hero h2{font-family:"IBM Plex Sans Arabic","Noto Kufi Arabic",var(--pt-font-head);line-height:1.4;letter-spacing:0}
.sx-hero p{margin:0;max-width:62ch;color:#4d5e78;font-size:15.5px;line-height:1.6}
.sx-hero-art{position:relative;margin:0;min-height:230px}
.sx-hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.sx-hero-art::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.6) 16%,rgba(255,255,255,0) 42%)}
html[dir=rtl] .sx-hero-art::before{background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,.6) 16%,rgba(255,255,255,0) 42%)}
.sx-hero-art figcaption{position:absolute;z-index:2;inset-inline-end:14px;inset-block-end:14px;display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;font-size:12.5px;font-weight:700;color:#fff;
  background:rgba(6,26,54,.72);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px)}
.sx-hero-art .dot{width:8px;height:8px;border-radius:50%;background:var(--std-green);box-shadow:0 0 0 0 rgba(47,210,154,.6);animation:sx-ping 1.8s infinite}
@keyframes sx-ping{0%{box-shadow:0 0 0 0 rgba(47,210,154,.6)}80%,100%{box-shadow:0 0 0 10px rgba(47,210,154,0)}}

/* kpis */
.sx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:8px}
@media (max-width:1280px){.sx-hero .sx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sx-kpis.wide{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:4px 0 16px}
.sx-kpi{display:grid;grid-template-columns:44px 1fr;gap:11px;align-items:center;padding:12px;border-radius:16px;background:#fff;border:1px solid #e3eaf4;box-shadow:0 4px 14px rgba(16,35,63,.05);min-width:0}
.sx-kpi small{display:block;color:#5b6b85;font-size:12px;line-height:1.25}
.sx-kpi b{display:block;font:800 23px/1.15 var(--pt-font-head,inherit);color:#10233f;white-space:nowrap}
.sx-kpi b small{display:inline;font-size:13px;font-weight:600;color:#7a889e}
.sx-kpi em{display:block;font-style:normal;font-size:11.5px;color:#7a889e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-kpi.green b{color:#0f9e6c}.sx-kpi.red b{color:#e0283f}.sx-kpi.amber b{color:#d98a0b}.sx-kpi.sky b{color:#1d6fe0}

/* icons */
.sx-ico{flex:none;width:40px;height:40px;border-radius:12px;display:inline-grid;place-items:center;background:linear-gradient(145deg,#38c8e8,#1683b8);box-shadow:0 6px 16px rgba(0,0,0,.22)}
.sx-ico svg{width:21px;height:21px}
.sx-ico.heart,.sx-ico.bell{background:linear-gradient(145deg,#ff6a7a,#e0283f)}.sx-ico.temp{background:linear-gradient(145deg,#ffcd55,#ff8a1f)}
.sx-ico.run,.sx-ico.check,.sx-ico.shield,.sx-ico.batt{background:linear-gradient(145deg,#2fd29a,#139a6c)}.sx-ico.pin,.sx-ico.clock,.sx-ico.link{background:linear-gradient(145deg,#38c8e8,#1683b8)}
.sx-ico.o2,.sx-ico.users,.sx-ico.brain{background:linear-gradient(145deg,#7aa7ff,#4a5fe0)}.sx-ico.chart,.sx-ico.book,.sx-ico.key{background:linear-gradient(145deg,#a98bff,#6c49e0)}
.sx-ico.gov,.sx-ico.bus{background:linear-gradient(145deg,#ffcd55,#e88a12)}.sx-ico.hosp,.sx-ico.phone{background:linear-gradient(145deg,#ff8aa0,#e04a6a)}.sx-ico.print{background:rgba(255,255,255,.14)}
.sx-ico.mini{width:22px;height:22px;border-radius:7px;box-shadow:none;vertical-align:middle;margin-inline-end:6px}.sx-ico.mini svg{width:13px;height:13px}

/* cards */
.sx-card{padding:20px 22px;border-radius:22px;border:1px solid var(--std-glass-line);background:var(--std-glass);box-shadow:0 18px 44px rgba(0,8,30,.28)}
.sx-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.sx-head h3{margin:0;font:800 19px/1.25 var(--pt-font-head,inherit);color:#fff}
html[dir=rtl] .sx-head h3{font-family:"IBM Plex Sans Arabic","Noto Kufi Arabic",var(--pt-font-head)}
.sx-head p{margin:4px 0 0;color:#a9c3e2;font-size:14px}
.sx-empty{margin:0;padding:18px;border-radius:14px;background:rgba(255,255,255,.04);color:#a9c3e2;text-align:center}
.sx-loading{height:140px;border-radius:22px;background:linear-gradient(100deg,rgba(255,255,255,.03) 30%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.03) 70%);background-size:300% 100%;animation:sx-sh 1.4s infinite linear}
@keyframes sx-sh{from{background-position:100% 0}to{background-position:-100% 0}}
.sx-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12.5px;color:#cfe0f6}
.sx-legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:6px;vertical-align:-1px;background:var(--c)}
.sx-legend .ok,.sx-dots .ok{--c:#2fd29a}.sx-legend .warn,.sx-dots .warn{--c:#ffb84d}.sx-legend .alert,.sx-dots .alert{--c:#ff4d5e}.sx-legend .nosignal,.sx-dots .nosignal{--c:#6d84a6}
.sx-clear{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;background:rgba(47,210,154,.1);border:1px solid rgba(47,210,154,.4)}
.sx-clear b{display:block;color:#bff5df}.sx-clear small{color:#a9c3e2}

/* classes */
.sx-classes{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.sx-classes.compact{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.sx-class{padding:14px;border-radius:18px;background:rgba(4,20,46,.42);border:1px solid rgba(160,210,255,.18);border-top:3px solid var(--tone)}
.sx-class.ok{--tone:#2fd29a}.sx-class.warn{--tone:#ffb84d}.sx-class.alert{--tone:#ff4d5e}
.sx-class header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.sx-class header b{font:800 16px/1.2 var(--pt-font-head,inherit);color:#fff}.sx-class header span{font-size:12.5px;color:#a9c3e2}
.sx-class-stats{display:flex;gap:12px;margin:10px 0;font-weight:700;font-size:14px;color:#e6f0ff}
.sx-class-stats span{display:inline-flex;align-items:center;gap:6px}.sx-class-stats .sx-ico{width:24px;height:24px;border-radius:8px;box-shadow:none}.sx-class-stats .sx-ico svg{width:14px;height:14px}
.sx-dots{display:flex;flex-wrap:wrap;gap:6px}.sx-dots i{width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px rgba(255,255,255,.05)}
.sx-dots i.alert{animation:sx-ping 1.6s infinite}
.sx-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:8px}
.sx-chip{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:start;padding:8px;border-radius:13px;cursor:pointer;color:#fff;font:inherit;
  background:rgba(255,255,255,.05);border:1px solid rgba(160,210,255,.16);border-inline-start:3px solid var(--c);transition:transform .15s,background .15s}
.sx-chip:hover,.sx-chip:focus-visible{transform:translateY(-2px);background:rgba(255,255,255,.1)}
.sx-chip.ok{--c:#2fd29a}.sx-chip.warn{--c:#ffb84d}.sx-chip.alert{--c:#ff4d5e;background:rgba(255,77,94,.12)}.sx-chip.nosignal{--c:#6d84a6;opacity:.8}
.sx-chip .av{grid-row:1/3;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:12.5px;background:linear-gradient(145deg,#2c5fa8,#173b74)}
.sx-chip .nm{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-chip .vv{font-size:11.5px;color:#a9c3e2;white-space:nowrap}

/* alert cards */
.sx-alerts{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin-bottom:16px}
.sx-alert{border-radius:18px;overflow:hidden;background:#fff;color:#16213a;box-shadow:0 18px 40px rgba(0,0,0,.3)}
.sx-alert header{display:flex;align-items:center;gap:10px;padding:11px 14px;color:#fff;background:linear-gradient(110deg,#e8283f,#ff5a5f)}
.sx-alert header .sx-ico{background:rgba(255,255,255,.18);width:34px;height:34px;box-shadow:none}.sx-alert header small{display:block;font-size:12px;opacity:.92}
.sx-alert-body{display:flex;gap:12px;padding:12px 14px 4px}
.sx-alert-body .av{flex:none;width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(145deg,#2c5fa8,#173b74)}
.sx-alert-body b{display:block;font-size:16px}.sx-alert-body small{display:block;color:#7a879c;font-size:12.5px}
.sx-alert-body em{display:flex;align-items:center;font-style:normal;font-weight:700;color:#e0283f;margin:4px 0 2px}.sx-alert-body i{display:block;font-style:normal;font-weight:700;font-size:13.5px}
.sx-steps{list-style:none;margin:6px 0 0;padding:6px 14px}.sx-steps li{display:flex;align-items:center;gap:9px;padding:3px 0;font-size:13.5px;color:#4b5870}
.sx-steps i{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#c8d0dd;color:#fff;font-size:11px;font-style:normal}
.sx-steps .done{color:#138a5c}.sx-steps .done i{background:#2fd29a}
.sx-alert footer{display:flex;flex-wrap:wrap;gap:7px;padding:8px 14px 14px}
#moduleContent .sx-alert footer button,#moduleContent .sx-alert footer a{flex:1 1 auto;min-height:38px;border-radius:10px;border:1px solid #c9d3e4;background:#f2f5fb;color:#16213a;font-weight:700;font-size:13px;display:grid;place-items:center;padding:0 10px;text-decoration:none;cursor:pointer;box-shadow:none;background-image:none;white-space:nowrap}
#moduleContent .sx-alert footer .main{background:#1d6fe0;border-color:#1d6fe0;color:#fff}
.sx-flow{list-style:none;margin:0;padding:12px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;border-radius:18px;background:rgba(4,20,46,.42);border:1px solid rgba(160,210,255,.16)}
.sx-flow li{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;font-size:12.5px;font-weight:700;color:#e6f0ff}
.sx-flow li:not(:last-child)::after{content:"";position:absolute;top:20px;inset-inline-start:calc(50% + 26px);width:calc(100% - 52px);height:2px;background:linear-gradient(90deg,rgba(73,184,255,.7),rgba(73,184,255,.1))}

/* case types, levels, grid */
.sx-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.sx-type{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(160,210,255,.16)}
.sx-type .sx-ico{grid-row:1/3}.sx-type b{font:800 22px/1.1 var(--pt-font-head,inherit);color:#fff}.sx-type span{font-size:13px;color:#cfe0f6}
.sx-levels{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.sx-levels .lv{padding:12px;border-radius:14px;border:1px solid;background:rgba(255,255,255,.04)}.sx-levels b{display:block;font-size:14px;margin-bottom:4px}.sx-levels span{font-size:13px;color:#cfe0f6;line-height:1.45}
.lv.ok{border-color:rgba(47,210,154,.5)}.lv.ok b{color:#7ff0c4}.lv.obs{border-color:rgba(73,184,255,.5)}.lv.obs b{color:#9fd8ff}.lv.warn{border-color:rgba(255,205,85,.5)}.lv.warn b{color:#ffe08a}
.lv.high{border-color:rgba(255,138,61,.55)}.lv.high b{color:#ffb27a}.lv.crit{border-color:rgba(255,77,94,.6);background:rgba(255,77,94,.08)}.lv.crit b{color:#ff8f9a}
.sx-grid{width:100%;border-collapse:separate;border-spacing:6px}.sx-grid th{text-align:start;font-size:13px;color:#a9c3e2;font-weight:700}.sx-grid tbody th{color:#fff}
.sx-grid td{text-align:center;padding:10px;border-radius:10px;background:rgba(255,255,255,.04);font-weight:800;color:#6d84a6}
.sx-grid td.on.h0{background:rgba(47,210,154,.22);color:#bff5df}.sx-grid td.on.h1{background:rgba(255,205,85,.25);color:#ffe9b0}.sx-grid td.on.h2{background:rgba(255,138,61,.3);color:#ffd2b3}.sx-grid td.on.h3{background:rgba(255,77,94,.38);color:#fff}.sx-grid td.on.w{background:rgba(73,184,255,.25);color:#d8efff}

/* students to watch */
.sx-watch{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.sx-w{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:start;padding:14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(160,210,255,.16);border-inline-start:4px solid var(--c)}
.sx-w.warn{--c:#ffb84d}.sx-w.alert{--c:#ff4d5e}
.sx-w .av{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:800;background:linear-gradient(145deg,#2c5fa8,#173b74);color:#fff}
.sx-w b{display:block;color:#fff}.sx-w small{color:#a9c3e2}.sx-w .why{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sx-w .why span{display:inline-flex;align-items:center;padding:4px 9px 4px 4px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12.5px;font-weight:700;color:#fff}
html[dir=rtl] .sx-w .why span{padding:4px 4px 4px 9px}
.sx-w .notes{margin:8px 0 0;font-size:12.5px;color:#ffd28a}
#moduleContent .sx-w>button,#moduleContent .sx-fleet-list button,#moduleContent .sx-partner>button,#moduleContent .sx-actions button,#moduleContent .sx-actions select{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(160,210,255,.35);background:rgba(255,255,255,.06);color:#fff;font-weight:700;cursor:pointer;box-shadow:none;background-image:none}
#moduleContent .sx-partner>button{background:linear-gradient(110deg,var(--std-green),var(--std-sky));color:#041522;border:0}

/* wristband fleet */
.sx-fleet{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:16px}
.sx-bars{display:grid;gap:9px}.sx-bar{display:grid;grid-template-columns:minmax(90px,1fr) 2fr auto;gap:10px;align-items:center;font-size:13px;color:#cfe0f6}
.sx-bar i{height:10px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.sx-bar i b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#49b8ff,#2fd29a)}
.sx-bar i b.r{background:linear-gradient(90deg,#ff8a5a,#ff4d5e)}.sx-bar i b.a{background:linear-gradient(90deg,#ffd06b,#ffb84d)}.sx-bar i b.s{background:linear-gradient(90deg,#7aa7ff,#49b8ff)}
.sx-bar em{font-style:normal;font-weight:800;color:#fff;min-width:2ch;text-align:end}
.sx-fleet-list h4{margin:0 0 8px;font-size:14px;color:#fff;display:flex;justify-content:space-between}.sx-fleet-list h4 b{color:#ffd28a}
.sx-fleet-list ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:260px;overflow:auto}
.sx-fleet-list li{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.05)}
#moduleContent .sx-fleet-list li button{grid-column:1;justify-self:start;min-height:0;padding:0;border:0;background:none;color:#fff}
.sx-fleet-list li span{grid-column:1;font-size:12px;color:#a9c3e2}.sx-fleet-list li em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-weight:800;color:#ffd28a}
.sx-fleet-list p{margin:0;color:#7ff0c4}

/* partners, roles */
.sx-partners{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.sx-partner{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(160,210,255,.16)}
.sx-partner .sx-ico{width:44px;height:44px}.sx-partner b{color:#fff}.sx-partner p{margin:3px 0;font-size:13px;color:#cfe0f6;line-height:1.45}.sx-partner small{font-size:12px;color:#8fb0d6}
.sx-on{padding:6px 12px;border-radius:999px;background:rgba(47,210,154,.16);color:#7ff0c4;font-weight:700;font-size:12.5px;white-space:nowrap}
.sx-roles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sx-role{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(160,210,255,.16)}
.sx-role b{font:800 16px/1.2 var(--pt-font-head,inherit);color:#fff}.sx-role .pill{padding:3px 10px;border-radius:999px;background:rgba(73,184,255,.16);color:#9fd8ff;font-size:12px;font-weight:700}
.sx-role p{margin:0;font-size:13.5px;color:#cfe0f6;line-height:1.5}

/* timeline */
.sx-timeline{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sx-timeline li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05);border-inline-start:3px solid var(--c)}
.sx-timeline li.open{--c:#ff4d5e}.sx-timeline li.done{--c:#2fd29a}.sx-timeline b{display:block;color:#fff;font-size:14px}.sx-timeline small{color:#a9c3e2}

/* stakeholder report */
.sx-actions{display:flex;gap:8px;align-items:center}
#moduleContent .sx-actions button{display:inline-flex;align-items:center;gap:6px}
#moduleContent .sx-actions select{appearance:auto;padding:0 12px}
.sx-report-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}
.sx-panel{padding:16px;border-radius:18px;background:rgba(4,20,46,.42);border:1px solid rgba(160,210,255,.16)}
.sx-panel h4{margin:0 0 12px;font-size:14.5px;color:#fff}
.sx-cols{display:flex;align-items:flex-end;gap:6px;height:170px;padding-top:16px}
.sx-cols>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
.sx-cols i{position:relative;display:block;width:100%;max-width:34px;min-height:3px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#49b8ff,#2fd29a)}
.sx-cols i b{position:absolute;top:-17px;left:0;right:0;text-align:center;font-size:11.5px;color:#fff}
.sx-cols span{font-size:10.5px;color:#8fb0d6;white-space:nowrap}
.sx-foot{margin:14px 0 0;font-size:12.5px;color:#8fb0d6}

@media (max-width:1100px){.sx-fleet{grid-template-columns:1fr 1fr}.sx-roles{grid-template-columns:1fr 1fr}.sx-levels{grid-template-columns:1fr 1fr}.sx-report-grid{grid-template-columns:1fr}}
@media (max-width:760px){
  .sx-hero{grid-template-columns:1fr}.sx-hero-art{order:-1;min-height:170px}.sx-hero-art::before{background:linear-gradient(0deg,#0a2853 0%,rgba(10,40,83,0) 55%)!important}
  .sx-hero-copy{padding:18px}.sx-kpis{grid-template-columns:1fr 1fr}.sx-fleet,.sx-roles,.sx-levels{grid-template-columns:1fr}
  .sx-flow{grid-template-columns:repeat(3,1fr)}.sx-flow li::after{display:none}.sx-card{padding:16px}.sx-grid{font-size:12px}.sx-grid td{padding:8px 4px}
  .sx-partner{grid-template-columns:44px 1fr}.sx-partner>button,.sx-partner .sx-on{grid-column:1/-1;justify-self:start}
}
@media (prefers-reduced-motion:reduce){.sx-hero-art .dot,.sx-dots i.alert,.sx-loading{animation:none}}

/* print: only the stakeholder summary */
@media print{
  body.sx-printing *{visibility:hidden}
  body.sx-printing #stdReport,body.sx-printing #stdReport *{visibility:visible}
  body.sx-printing #stdReport{position:absolute;inset:0 0 auto 0;background:#fff!important;color:#111!important;border:0;box-shadow:none}
  body.sx-printing #stdReport .sx-actions{display:none}
  body.sx-printing #stdReport h3,body.sx-printing #stdReport h4,body.sx-printing #stdReport b,body.sx-printing #stdReport .sx-kpi b{color:#0b2b57!important}
  body.sx-printing #stdReport .sx-panel,body.sx-printing #stdReport .sx-kpi{background:#f4f7fb!important;border-color:#d6e0ee!important}
  body.sx-printing #stdReport small,body.sx-printing #stdReport span,body.sx-printing #stdReport p,body.sx-printing #stdReport em{color:#334!important}
  body.sx-printing #stdReport .sx-bar i{background:#e3e9f2!important}
  body.sx-printing #stdReport *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* the module's own tools: a calmer section heading under the school block */
html[data-site=riayahschools] #moduleContent>.module-toolbar{background:none;border:0;box-shadow:none;padding:6px 2px 0;margin-top:6px}
html[data-site=riayahschools] #moduleContent>.module-toolbar h3{font-size:18px;display:flex;align-items:center;gap:10px}
html[data-site=riayahschools] #moduleContent>.module-toolbar h3::before{content:"";width:6px;height:22px;border-radius:4px;background:linear-gradient(180deg,var(--std-green),var(--std-sky))}
html[data-site=riayahschools] #moduleContent>.module-toolbar p{font-size:13.5px;color:#a9c3e2}
#moduleContent .sx-alert .sx-steps li{color:#4b5870}#moduleContent .sx-alert .sx-steps li.done{color:#138a5c}#moduleContent .sx-alert-body b{color:#16213a}

/* ===================== daylight (mock-up) look of the school blocks ===================== */
.sx-ico{width:44px;height:44px;border-radius:13px;box-shadow:0 6px 14px rgba(16,35,63,.12)}
.sx-hero-art figcaption{background:rgba(255,255,255,.88);color:#0b2b57;border-color:#e1e8f2}
.sx-card{background:#fff;border:1px solid #e1e8f2;box-shadow:0 8px 26px rgba(16,35,63,.06)}
.sx-head h3{color:#0b2b57}.sx-head p{color:#5b6b85}
.sx-empty{background:#f4f7fb;color:#5b6b85}
.sx-loading{background:linear-gradient(100deg,#f1f5fa 30%,#e6edf6 50%,#f1f5fa 70%);background-size:300% 100%}
.sx-legend{color:#41536f}
.sx-clear{background:#e9faf3;border-color:#b8ecd6}.sx-clear b{color:#0f7a54}.sx-clear small{color:#4d5e78}
.sx-class{background:#f7f9fc;border-color:#e3eaf4}.sx-class header b{color:#0b2b57}.sx-class header span{color:#5b6b85}
.sx-class-stats{color:#1e304d}
.sx-dots i{box-shadow:0 0 0 3px #fff}
.sx-chip{background:#fff;border-color:#e3eaf4;color:#10233f;box-shadow:0 2px 8px rgba(16,35,63,.04)}
.sx-chip:hover,.sx-chip:focus-visible{background:#f3f8ff}
.sx-chip.alert{background:#fff1f2}.sx-chip .vv{color:#5b6b85}
#moduleContent .sx-chip{color:#10233f;background:#fff;border:1px solid #e3eaf4;border-inline-start:3px solid var(--c)}
#moduleContent .sx-chip.alert{background:#fff1f2}
.sx-flow{background:#f4f8fd;border-color:#e1e8f2}.sx-flow li{color:#1e304d}
.sx-type{background:#f7f9fc;border-color:#e3eaf4}.sx-type b{color:#10233f}.sx-type span{color:#41536f}
.sx-levels .lv{background:#fff}.sx-levels span{color:#41536f}
.lv.ok b{color:#0f9e6c}.lv.obs b{color:#1d6fe0}.lv.warn b{color:#b98400}.lv.high b{color:#d4600f}.lv.crit b{color:#e0283f}.lv.crit{background:#fff4f5}
.sx-grid th{color:#5b6b85}.sx-grid tbody th{color:#0b2b57}
.sx-grid td{background:#f4f7fb;color:#9aa7ba}
.sx-grid td.on.h0{background:#dff7ed;color:#0f7a54}.sx-grid td.on.h1{background:#fff3d6;color:#9a6a00}.sx-grid td.on.h2{background:#ffe6d6;color:#b2500d}.sx-grid td.on.h3{background:#ffd9de;color:#c01f35}.sx-grid td.on.w{background:#e1efff;color:#1d5fc0}
.sx-w{background:#fff;border-color:#e3eaf4;box-shadow:0 2px 10px rgba(16,35,63,.04)}.sx-w b{color:#10233f}.sx-w small{color:#5b6b85}
.sx-w .why span{background:#f1f5fb;color:#1e304d}.sx-w .notes{color:#b06a00}
#moduleContent .sx-w>button,#moduleContent .sx-fleet-list button,#moduleContent .sx-actions button,#moduleContent .sx-actions select{background:#fff;color:#0b2b57;border:1px solid #cfdcec}
.sx-bar{color:#41536f}.sx-bar i{background:#edf2f8}.sx-bar em{color:#10233f}
.sx-fleet-list h4{color:#0b2b57}.sx-fleet-list h4 b{color:#d98a0b}.sx-fleet-list li{background:#f7f9fc}
#moduleContent .sx-fleet-list li button{color:#10233f}.sx-fleet-list li span{color:#5b6b85}.sx-fleet-list li em{color:#d98a0b}.sx-fleet-list p{color:#0f9e6c}
.sx-partner{background:#f7f9fc;border-color:#e3eaf4}.sx-partner b{color:#10233f}.sx-partner p{color:#41536f}.sx-partner small{color:#7a889e}
.sx-on{background:#dff7ed;color:#0f7a54}
.sx-role{background:#f7f9fc;border-color:#e3eaf4}.sx-role b{color:#0b2b57}.sx-role .pill{background:#e1efff;color:#1d5fc0}.sx-role p{color:#41536f}
.sx-timeline li{background:#f7f9fc}.sx-timeline b{color:#10233f}.sx-timeline small{color:#5b6b85}
.sx-panel{background:#f7f9fc;border-color:#e3eaf4}.sx-panel h4{color:#0b2b57}
.sx-cols i b{color:#10233f}.sx-cols span{color:#7a889e}.sx-foot{color:#7a889e}
html[data-site=riayahschools][data-view=portal] .sx-mod b,html[data-site=riayahschools][data-view=portal] .sx-mod h3{color:inherit}
html[data-site=riayahschools][data-view=portal] .sx-mod .sx-kpi b{color:#10233f}
html[data-site=riayahschools][data-view=portal] .sx-mod .sx-kpi.green b{color:#0f9e6c}html[data-site=riayahschools][data-view=portal] .sx-mod .sx-kpi.red b{color:#e0283f}
html[data-site=riayahschools][data-view=portal] .sx-mod .sx-kpi.amber b{color:#d98a0b}html[data-site=riayahschools][data-view=portal] .sx-mod .sx-kpi.sky b{color:#1d6fe0}
html[data-site=riayahschools][data-view=portal] .sx-mod .sx-alert header b{color:#fff}
html[data-site=riayahschools][data-view=portal] .sx-mod .sx-head h3,html[data-site=riayahschools][data-view=portal] .sx-mod h4{color:#0b2b57}

/* intro popup */
.std-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:radial-gradient(800px 600px at 50% 40%,rgba(29,111,224,.35),rgba(4,16,38,.88));opacity:0;transition:opacity .35s}
.std-intro.on{opacity:1}
.std-intro-card{display:flex;flex-direction:column;align-items:center;gap:14px;transform:scale(.94);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.std-intro.on .std-intro-card{transform:none}
.std-intro-media{width:min(78vmin,420px);aspect-ratio:1;border-radius:28px;object-fit:cover;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.15)}
.std-intro-text{text-align:center;color:#fff}.std-intro-text b{display:block;font:800 24px/1.2 var(--pt-font-head,inherit)}.std-intro-text span{display:block;margin-top:4px;color:#bff5df;font-size:16px}
.std-intro-skip{min-width:140px;min-height:44px;border:0;border-radius:999px;background:linear-gradient(110deg,#2fd29a,#49b8ff);color:#041522;font-weight:800;font-size:15px;cursor:pointer}
@media (prefers-reduced-motion:reduce){.std-intro,.std-intro-card{transition:none}}