/* RIAYAH Schools (std.riayahhub.com) — signed-in portal in the daylight school look of the RIAYAH Schools mock-ups:
   navy sidebar, white top bar, light content area with white cards. Loaded only by the std.riayahhub.com site. */
html[data-site=riayahschools][data-view=portal]{
  --pt-bg:#eef3f9;--pt-bg-2:#e3ebf6;--pt-surface:#ffffff;--pt-surface-2:#f5f8fc;--pt-surface-solid:#ffffff;--pt-field:#f4f7fb;
  --pt-line:#dbe4f0;--pt-line-soft:#e8eef6;--pt-text:#10233f;--pt-muted:#5b6b85;--pt-faint:#8593a8;--pt-accent:#12a874;--pt-accent-2:#1d6fe0;--pt-accent-ink:#ffffff;
  --std-glass:#ffffff;--std-glass-line:#dfe7f2;--L-card:#ffffff;--L-line:#e1e8f2;--L-text:#10233f;--L-muted:#5b6b85;--L-soft:#f4f7fb;--L-shadow:0 6px 22px rgba(16,35,63,.07)
}
html[data-site=riayahschools][data-view=portal] body{background:#eef3f9;color:#10233f}
html[data-site=riayahschools][data-view=portal] .topbar{background:#ffffff;border-bottom:1px solid #e1e8f2;box-shadow:0 2px 14px rgba(16,35,63,.05)}
html[data-site=riayahschools][data-view=portal] .topbar .brand,html[data-site=riayahschools][data-view=portal] .topbar .brand b,html[data-site=riayahschools][data-view=portal] .topbar a{color:#0b2b57}
html[data-site=riayahschools][data-view=portal] .topbar button{color:#0b2b57;border-color:#cfe0f0;background:#f4f8fc}
html[data-site=riayahschools][data-view=portal] .std-brand-sub{color:#12a874}

/* navy sidebar keeps the dark tokens */
html[data-site=riayahschools][data-view=portal] .sidebar{
  --pt-surface:rgba(255,255,255,.06);--pt-surface-2:rgba(255,255,255,.1);--pt-line:#1f4b82;--pt-text:#eef6ff;--pt-muted:#a9c3e2;--pt-accent:#2fd29a;--pt-accent-ink:#04261a;
  background:linear-gradient(180deg,#0b2550,#071a3a);color:#eef6ff;border-inline-end:0}
html[data-site=riayahschools][data-view=portal] .sidebar .portal-brand{background:rgba(255,255,255,.06);border-color:rgba(160,210,255,.18)}

/* workspace */
html[data-site=riayahschools][data-view=portal] .workspace{background:transparent;color:#10233f}
html[data-site=riayahschools][data-view=portal] .workspace-head{background:linear-gradient(120deg,#0b2b57,#12407e);border:0;color:#fff;box-shadow:0 14px 34px rgba(11,43,87,.22)}
html[data-site=riayahschools][data-view=portal] .workspace-head h2,html[data-site=riayahschools][data-view=portal] .workspace-head .eyebrow{color:#fff}
html[data-site=riayahschools][data-view=portal] #moduleContent{color:#10233f}
:where(html[data-site=riayahschools][data-view=portal]) :where(#moduleContent) :where(h1,h2,h3,h4,h5,b,strong){color:#10233f}
:where(html[data-site=riayahschools][data-view=portal]) :where(#moduleContent) :where(p,small,label){color:#5b6b85}
html[data-site=riayahschools][data-view=portal] #moduleContent input,html[data-site=riayahschools][data-view=portal] #moduleContent select,html[data-site=riayahschools][data-view=portal] #moduleContent textarea{background:#f7f9fc;color:#10233f;border:1px solid #d5dfec}
html[data-site=riayahschools][data-view=portal] #moduleContent input::placeholder,html[data-site=riayahschools][data-view=portal] #moduleContent textarea::placeholder{color:#8a99b0}
:where(html[data-site=riayahschools][data-view=portal]) :where(#moduleContent) a{color:#1d6fe0}
html[data-site=riayahschools][data-view=portal] #moduleContent table{background:#fff;color:#10233f}
html[data-site=riayahschools][data-view=portal] #moduleContent th{background:#f1f5fb;color:#41536f}
html[data-site=riayahschools][data-view=portal] #moduleContent td{color:#1e304d;border-color:#e6edf5}
html[data-site=riayahschools][data-view=portal] #moduleContent tr:nth-child(even) td{background:#fafcfe}
html[data-site=riayahschools][data-view=portal] #moduleContent button:not(.sx-chip):not(.link-button):not(:is(.sx-mod *)){color:#0b2b57;background:#fff;border:1px solid #cfdcec;box-shadow:none;background-image:none}
html[data-site=riayahschools][data-view=portal] #moduleContent :is(.module-action,button.primary,.primary-action,[type=submit]):not(:is(.sx-mod *)){background:linear-gradient(110deg,#12a874,#1d8fe0)!important;color:#fff!important;border:0!important}

/* panels of the module tools, made white by std-light.js */
html[data-site=riayahschools][data-view=portal] #moduleContent .L-panel{background:#ffffff!important;background-image:none!important;border-color:#e1e8f2!important;box-shadow:0 6px 22px rgba(16,35,63,.06)!important;color:#10233f}
html[data-site=riayahschools][data-view=portal] #moduleContent .L-panel .L-panel{background:#f6f9fc!important;box-shadow:none!important}
html[data-site=riayahschools][data-view=portal] #moduleContent .L-panel .L-panel .L-panel{background:#ffffff!important}

/* ===================== RIAYAH Schools pages (mock-up layout) ===================== */
html[data-site=riayahschools][data-view=portal] .workspace-head{display:none}
html[data-site=riayahschools][data-view=portal] .workspace>.px-live{display:none}
html[data-site=riayahschools][data-view=portal] #moduleContent>.std-panel{display:none}
html[data-site=riayahschools][data-view=portal] .sidebar{background:linear-gradient(180deg,#0b2550,#061a3a)!important;background-image:linear-gradient(180deg,#0b2550,#061a3a)!important}
html[data-site=riayahschools][data-view=portal] .sidebar *{--pt-text:#eef6ff}
html[data-site=riayahschools][data-view=portal] .sidebar #menu button{color:#e6efff}
html[data-site=riayahschools][data-view=portal] .sidebar .portal-brand h3,html[data-site=riayahschools][data-view=portal] .sidebar .portal-brand small{color:#fff}
.sx-mod{gap:16px}
/* banner */
.sx-banner{position:relative;min-height:150px;border-radius:22px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;background:#0b2b57;box-shadow:0 14px 34px rgba(11,43,87,.18)}
.sx-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sx-banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,30,66,.92) 0%,rgba(8,30,66,.72) 36%,rgba(8,30,66,.12) 70%,rgba(8,30,66,.55) 100%)}
html[dir=rtl] .sx-banner-shade{background:linear-gradient(270deg,rgba(8,30,66,.92) 0%,rgba(8,30,66,.72) 36%,rgba(8,30,66,.12) 70%,rgba(8,30,66,.55) 100%)}
.sx-banner-copy,.sx-banner-meta{position:relative;z-index:1}
.sx-banner-copy .sx-eye{color:#7ff0c4}
.sx-banner-copy h2{margin:6px 0 4px;font:800 clamp(26px,2.6vw,38px)/1.15 var(--pt-font-head,inherit);color:#fff!important}
html[dir=rtl] .sx-banner-copy h2{font-family:"IBM Plex Sans Arabic","Noto Kufi Arabic",var(--pt-font-head);line-height:1.35}
.sx-banner-copy p{margin:0;color:#dbe8fb!important;font-size:15.5px}
.sx-banner-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:#fff;text-align:end;font-size:13.5px}
.sx-banner-meta b{color:#fff!important;font-size:14px}.sx-banner-meta>span:last-child{font:800 22px var(--pt-font-head,inherit)}
.sx-live{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:#fff;color:#0f7a54;font-weight:800;font-size:12.5px}
.sx-live i{width:8px;height:8px;border-radius:50%;background:#16b37f;animation:sx-ping 1.8s infinite}
/* stat cards */
.sx-kpis.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}
.sx-kpis.cards .sx-kpi{padding:14px}
.sx-stat{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:#fff;border:1px solid #e3eaf4;box-shadow:0 6px 18px rgba(16,35,63,.06);min-width:0}
.sx-stat .ic .sx-ico{width:58px;height:58px;border-radius:16px}.sx-stat .ic .sx-ico svg{width:30px;height:30px}
.sx-stat small{display:block;font-size:13.5px;font-weight:700;color:#41536f!important}.sx-stat b{display:block;font:800 28px/1.1 var(--pt-font-head,inherit);color:#10233f!important}
.sx-stat em{display:block;font-style:normal;font-size:12px;color:#7a889e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-stat.critical{background:#fff3f4;border-color:#ffd3d8}.sx-stat.critical .sx-ico{background:linear-gradient(145deg,#ff4d5e,#e0283f)}
.sx-stat.high{background:#fff6ef;border-color:#ffdcc4}.sx-stat.high .sx-ico{background:linear-gradient(145deg,#ff8a3d,#f05a16)}
.sx-stat.follow{background:#fffaee;border-color:#ffe7b0}.sx-stat.follow .sx-ico{background:linear-gradient(145deg,#ffc53d,#f39c12)}
.sx-stat.normal{background:#effbf6;border-color:#c5efdc}.sx-stat.normal .sx-ico{background:linear-gradient(145deg,#2fd29a,#129a6a)}
.sx-stat.total .sx-ico{background:linear-gradient(145deg,#2fd29a,#129a6a)}
.sx-stat.critical em{color:#c01f35}.sx-stat.high em{color:#c2500d}.sx-stat.follow em{color:#a26a00}.sx-stat.normal em{color:#0f7a54}
/* boxes, rows */
.sx-row{display:grid;gap:16px}.sx-row.r3{grid-template-columns:repeat(3,minmax(0,1fr))}.sx-row.r2{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-row.r3.case{grid-template-columns:1.1fr 1fr .8fr}
.sx-row.tight{gap:12px}.sx-col{display:grid;gap:16px;align-content:start}
.sx-box{padding:16px 18px;border-radius:18px;background:#fff;border:1px solid #e3eaf4;box-shadow:0 6px 18px rgba(16,35,63,.05);min-width:0}
.sx-box>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.sx-box>header h3{margin:0;font:800 17px/1.3 var(--pt-font-head,inherit);color:#0b2b57!important}
html[dir=rtl] .sx-box>header h3{font-family:"IBM Plex Sans Arabic","Noto Kufi Arabic",var(--pt-font-head)}
.sx-box>header small{color:#7a889e}
#moduleContent .sx-link{border:0!important;background:none!important;color:#1d6fe0!important;font-weight:700;padding:0;min-height:0;cursor:pointer}
.lv-pill{display:inline-flex;align-items:center;padding:3px 11px;border-radius:999px;font-size:12.5px;font-weight:800;color:#fff;white-space:nowrap;vertical-align:middle}
.lv-pill.critical{background:#e8283f}.lv-pill.high{background:#f36b21}.lv-pill.follow{background:#f5a524}.lv-pill.normal{background:#16b37f}
.sx-av{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff;background:linear-gradient(145deg,#3b7be0,#1f4fa8);box-shadow:0 0 0 3px #fff,0 2px 8px rgba(16,35,63,.15)}
.sx-av.f{background:linear-gradient(145deg,#e0609a,#b03a78)}.sx-av.big{width:84px;height:84px;font-size:26px}
/* donut */
.sx-box .sx-donut{position:relative;width:160px;margin:0 auto 10px}.sx-donut svg{display:block;width:160px;height:160px}
.sx-donut .c{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.sx-donut .c b{font:800 26px var(--pt-font-head,inherit);color:#10233f!important}.sx-donut .c small{color:#5b6b85!important;font-size:12px}
.sx-donut-legend{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.sx-donut-legend li{display:grid;grid-template-columns:12px 1fr auto auto;gap:8px;align-items:center;font-size:13.5px;color:#41536f}
.sx-donut-legend i{width:11px;height:11px;border-radius:50%}.sx-donut-legend b{color:#10233f!important}.sx-donut-legend em{font-style:normal;color:#7a889e;font-size:12px;min-width:4.5ch;text-align:end}
/* vitals tiles with sparklines */
.sx-vt{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sx-vti{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:4px 10px;padding:12px;border-radius:14px;border:1px solid #e3eaf4;background:#fbfcfe}
.sx-vti .sx-ico{width:34px;height:34px;border-radius:10px}.sx-vti .sx-ico svg{width:18px;height:18px}
.sx-vti small{display:block;font-size:12px;color:#5b6b85!important}.sx-vti b{font:800 22px/1.1 var(--pt-font-head,inherit);color:#10233f!important}.sx-vti b em{font-size:12px;font-weight:600;font-style:normal;color:#7a889e}
.sx-vti b.ok{color:#0f9e6c!important}.sx-vti .sp{grid-column:1/-1;width:100%;height:30px}
/* zones + map */
.sx-zones{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.sx-zones span{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:12px;font-size:12px;color:#41536f}
.sx-zones b{font:800 20px var(--pt-font-head,inherit)}.sx-zones .in{background:#effbf6}.sx-zones .in b{color:#0f9e6c!important}.sx-zones .out{background:#fff3f4}.sx-zones .out b{color:#e0283f!important}.sx-zones .ns{background:#f1f4f8}.sx-zones .ns b{color:#5b6b85!important}
.sx-map{height:190px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#e3f0e6,#dbe9f6);border:1px solid #e3eaf4}.sx-map.tall{height:230px}
.sx-map:empty{background:url("../images/schools/m-partners.webp") center/cover;opacity:.9}
/* line chart */
.sx-line{width:100%;height:auto;display:block}.sx-line text{font-size:11px;fill:#7a889e;font-family:inherit}
.sx-line-legend{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:6px;font-size:12.5px;color:#41536f}.sx-line-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:5px;vertical-align:-1px}
/* alert rows, people */
.sx-arows,.sx-people,.sx-team{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sx-arows li{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid #edf1f7;border-inline-start:4px solid var(--c);cursor:pointer;background:#fff}
.sx-arows li:hover,.sx-arows li.sel{background:#f3f8ff}
.sx-arows li.critical{--c:#e8283f}.sx-arows li.high{--c:#f36b21}.sx-arows li.follow{--c:#f5a524}
.sx-arows b{display:block;font-size:14px;color:#10233f!important}.sx-arows small{display:block;font-size:12px;color:#7a889e!important}
.sx-arows .ty{display:flex;align-items:center;gap:4px;font-size:12.5px}.sx-arows .ty b.critical{color:#d01c33!important}.sx-arows .ty b.high{color:#d4540f!important}.sx-arows .ty b.follow{color:#b07700!important}
.sx-arows time{text-align:end;font-weight:700;font-size:13px;color:#41536f}
.sx-people li,.sx-team li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid #edf1f7;cursor:pointer}
.sx-people b,.sx-team b{display:block;color:#10233f!important;font-size:14px}.sx-people small,.sx-team small{color:#7a889e!important;font-size:12px}
.sx-people em{font-style:normal;font-weight:800;font-size:13px}.sx-people em.critical{color:#d01c33}.sx-people em.high{color:#d4540f}.sx-people em.follow{color:#b07700}
.sx-team a{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef5ff}
/* quick actions */
.sx-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
#moduleContent .sx-qa{display:flex!important;align-items:center;gap:12px;padding:14px!important;border-radius:16px!important;background:#fff!important;border:1px solid #e3eaf4!important;box-shadow:0 6px 18px rgba(16,35,63,.05)!important;text-align:start;cursor:pointer;color:#10233f!important;min-height:0;font:inherit}
#moduleContent .sx-qa:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,35,63,.1)!important}
.sx-qa .ic{flex:none;width:50px;height:50px;border-radius:14px;display:grid;place-items:center}.sx-qa .ic .sx-ico{background:none!important;box-shadow:none;width:30px;height:30px}
.sx-qa b{display:block;font-size:15px;color:#10233f!important}.sx-qa small{display:block;font-size:12px;color:#7a889e!important}
.sx-box .sx-quick{grid-template-columns:1fr 1fr}.sx-box .sx-qa{padding:10px!important}.sx-box .sx-qa .ic{width:40px;height:40px}.sx-box .sx-qa b{font-size:13px}
/* split: list + detail */
.sx-split{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}.sx-split.wide{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.sx-plist ul{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px}
.sx-plist li{display:grid;grid-template-columns:auto 1fr auto auto;gap:9px;align-items:center;padding:8px;border-radius:12px;border:1px solid #edf1f7;cursor:pointer}
.sx-plist li.sel{border-color:#1d6fe0;background:#f2f7ff;box-shadow:0 0 0 2px rgba(29,111,224,.15)}.sx-plist li b{display:block;font-size:14px;color:#10233f!important}.sx-plist li small{font-size:12px;color:#7a889e!important}
.sx-plist li.none{display:block;text-align:center;color:#7a889e;cursor:default}
.sx-plist .sig{width:8px;height:8px;border-radius:50%;background:#c3ccd8}.sx-plist .sig.on{background:#16b37f}
.sx-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sx-filters input{grid-column:1/-1}
#moduleContent .sx-filters input,#moduleContent .sx-filters select{min-height:38px;border-radius:10px;padding:0 10px;font-size:13px}
.sx-pager{display:flex;align-items:center;justify-content:center;gap:12px;color:#5b6b85;font-size:13px}
#moduleContent .sx-pager button{min-width:34px;min-height:32px;padding:0;border-radius:9px}
.sx-pdetail,[data-adetail],[data-case-file]{display:grid;gap:16px;min-width:0}
.sx-who{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sx-who>div{flex:1;min-width:200px}
.sx-who h3{margin:0 0 4px;display:flex;align-items:center;gap:10px;font:800 21px var(--pt-font-head,inherit);color:#0b2b57!important}.sx-who p{margin:0;color:#5b6b85!important}.sx-who p.warn{color:#b06a00!important;font-weight:700;margin-top:4px}
.sx-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sx-facts li{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:8px 12px;border-radius:12px;background:#f5f8fc;border:1px solid #e8eef6}
.sx-facts .sx-ico{grid-row:1/3}.sx-facts b{font-size:13.5px;color:#10233f!important}.sx-facts small{font-size:11.5px;color:#7a889e!important}
.sx-vcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sx-vcards.six{grid-template-columns:repeat(6,minmax(0,1fr))}.sx-vcards.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sx-vc{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;padding:12px;border-radius:16px;background:#fff;border:1px solid #e3eaf4;box-shadow:0 4px 14px rgba(16,35,63,.04)}
.sx-vc .sx-ico{width:38px;height:38px;border-radius:11px}.sx-vc .sx-ico svg{width:20px;height:20px}
.sx-vc small{display:block;font-size:12.5px;font-weight:700;color:#41536f!important}.sx-vc b{font:800 24px/1.15 var(--pt-font-head,inherit);color:#10233f!important}.sx-vc b em{font-size:12px;font-weight:600;font-style:normal;color:#7a889e}
.sx-vc .rng{display:inline-block;margin-top:2px;padding:2px 8px;border-radius:999px;background:#eef8f3;color:#0f7a54;font-style:normal;font-size:11.5px;font-weight:700}
.sx-vc.bad .rng{background:#fff0f1;color:#c01f35}.sx-vc.bad b{color:#d01c33!important}
.sx-vc>.sp,.sx-vc>em{grid-column:1/-1}.sx-vc .sp{width:100%;height:32px}
.sx-vc>em{font-style:normal;font-size:12px;font-weight:700}.sx-vc>em.up{color:#d01c33}.sx-vc>em.down{color:#1d6fe0}.sx-vc>em.ok{color:#0f9e6c}
.sx-vc.risk{background:#fff4f5;border-color:#ffd3d8}.sx-vc.risk.normal,.sx-vc.risk.follow{background:#fffaee;border-color:#ffe7b0}.sx-vc.risk i{grid-column:2;font-style:normal;font-size:12px;color:#5b6b85}
.sx-vcards.four .sx-vc{padding:9px}.sx-vcards.four .sx-vc b{font-size:19px}
/* alerts page */
.sx-chipbar{display:flex;flex-wrap:wrap;gap:10px}
#moduleContent .sx-chipbar button{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 16px;border-radius:12px;font-weight:800}
#moduleContent .sx-chipbar button b{padding:1px 9px;border-radius:999px;background:#eef2f8;color:#10233f!important}
#moduleContent .sx-chipbar button.on{background:#1d6fe0!important;color:#fff!important;border-color:#1d6fe0!important}#moduleContent .sx-chipbar button.on b{background:#fff;color:#1d6fe0!important}
#moduleContent .sx-chipbar button.critical b{background:#ffe1e4;color:#c01f35!important}#moduleContent .sx-chipbar button.high b{background:#ffe9da;color:#c2500d!important}#moduleContent .sx-chipbar button.follow b{background:#fff1cf;color:#9a6a00!important}
.sx-atable table{width:100%;border-collapse:collapse}.sx-atable th{text-align:start;font-size:12.5px;padding:8px;background:#f5f8fc!important;color:#5b6b85!important}
.sx-atable td{padding:9px 8px;border-top:1px solid #eef2f7;font-size:13.5px;vertical-align:middle;background:#fff!important}
.sx-atable tr{cursor:pointer}.sx-atable tr:hover td,.sx-atable tr.sel td{background:#f2f7ff!important}
.sx-atable td small{display:block;color:#7a889e!important;font-size:11.5px}.sx-atable td small.done{color:#0f9e6c!important}
.sx-atable .who{display:flex;align-items:center;gap:8px}.sx-atable .who .sx-av{width:34px;height:34px;font-size:11px}.sx-atable .ty{display:inline-flex;align-items:center;gap:4px}
.sx-apanel{border-top:4px solid var(--c);display:grid;gap:12px}.sx-apanel.critical{--c:#e8283f}.sx-apanel.high{--c:#f36b21}.sx-apanel.follow{--c:#f5a524}
.sx-ahead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:-16px -18px 0;padding:10px 16px;background:var(--c);border-radius:14px 14px 0 0}
.sx-ahead b{display:flex;align-items:center;gap:6px;color:#fff!important}.sx-ahead .sx-ico{background:rgba(255,255,255,.2)!important}
#moduleContent .sx-act{min-height:34px;padding:0 14px;border-radius:999px;background:#fff!important;color:var(--c)!important;border:0!important;font-weight:800;cursor:pointer}
.sx-who.in{gap:12px}.sx-who.in .sx-av.big{width:64px;height:64px;font-size:20px}
.sx-apanel h4{margin:4px 0 0;font-size:14px;color:#0b2b57!important}
.sx-ai{padding:12px;border-radius:14px;background:#fff4f5;border:1px solid #ffd9dd}.sx-ai.flat{background:#f7f9fd;border-color:#e6edf7}
.sx-ai header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ai{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0b2b57;color:#fff;font-weight:800;font-size:11px}
.sx-ai header b{color:#0b2b57!important}.sx-ai header small{margin-inline-start:auto;color:#7a889e!important}
.sx-ai-text{margin:0 0 8px;font-size:13.5px;line-height:1.6;color:#41536f!important}.sx-ai h5{margin:6px 0;font-size:13px;color:#0b2b57}
.sx-ai ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.sx-ai li{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:10px;background:#fff;font-size:13px;color:#1e304d;border:1px solid #edf1f7}
.sx-ai li i{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;background:#e7edf6;color:#41536f}.sx-ai li.done i{background:#16b37f;color:#fff}
/* cases page */
.sx-casepick{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
#moduleContent .sx-casepick button{flex:none;display:flex;align-items:center;gap:10px;padding:8px 12px!important;border-radius:14px!important;border:1px solid #e3eaf4!important;border-top:3px solid var(--c)!important;background:#fff!important;text-align:start;cursor:pointer;min-height:0}
#moduleContent .sx-casepick button.on{background:#f2f7ff!important;border-color:#1d6fe0!important;border-top-color:var(--c)!important}
.sx-casepick button.critical{--c:#e8283f}.sx-casepick button.high{--c:#f36b21}.sx-casepick button.follow{--c:#f5a524}
.sx-casepick b{display:block;font-size:13.5px;color:#10233f!important}.sx-casepick small{color:#7a889e!important;font-size:11.5px}.sx-casepick .sx-av{width:34px;height:34px;font-size:11px}
.sx-casehead{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(100deg,#fff 0%,#fff 45%,rgba(255,255,255,.75) 70%),url("../images/schools/school-morning-900.webp") right 30%/cover}
html[dir=rtl] .sx-casehead{background:linear-gradient(260deg,#fff 0%,#fff 45%,rgba(255,255,255,.75) 70%),url("../images/schools/school-morning-900.webp") left 30%/cover}
.sx-casehead>div{flex:1;min-width:220px}.sx-casehead h3{margin:0 0 4px;display:flex;align-items:center;gap:10px;font:800 22px var(--pt-font-head,inherit);color:#0b2b57!important}.sx-casehead p{margin:0;color:#5b6b85!important}
.sx-sum{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:12px;border-radius:14px;background:#fff4f5;border:1px solid #ffd9dd}
.sx-sum.follow{background:#fffaee;border-color:#ffe7b0}.sx-sum b{display:block;color:#c01f35!important;font-size:15px}.sx-sum.follow b{color:#9a6a00!important}.sx-sum small{color:#7a889e!important}.sx-sum p{margin:6px 0 0;font-size:13px;color:#41536f!important}
.sx-tl{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.sx-tl li{display:grid;grid-template-columns:48px auto 1fr auto;gap:10px;align-items:center;padding:8px;border-radius:12px;border-bottom:1px solid #f0f3f8}
.sx-tl time{font-weight:800;font-size:13px;color:#41536f}.sx-tl b{display:block;font-size:13.5px;color:#10233f!important}.sx-tl small{display:block;font-size:11.5px;color:#7a889e!important}
.sx-tl .st{padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:800;background:#e6f8f0;color:#0f7a54;white-space:nowrap}.sx-tl li.alert .st{background:#ffe7ea;color:#c01f35}.sx-tl li.wait .st{background:#e8f0ff;color:#1d5fc0}
/* daylight for the remaining school blocks */
.sx-hero{display:none}
@media (max-width:1280px){.sx-vcards.six{grid-template-columns:repeat(3,minmax(0,1fr))}.sx-row.r3,.sx-row.r3.case{grid-template-columns:1fr 1fr}.sx-split.wide{grid-template-columns:1fr}}
@media (max-width:900px){.sx-kpis.cards{grid-template-columns:1fr 1fr}.sx-row.r3,.sx-row.r2,.sx-row.r3.case,.sx-split{grid-template-columns:1fr}.sx-vcards{grid-template-columns:1fr 1fr}.sx-vcards.six{grid-template-columns:1fr 1fr}
  .sx-banner{min-height:130px;padding:18px;flex-direction:column;align-items:flex-start}.sx-banner-meta{align-items:flex-start;text-align:start}.sx-banner-shade{background:linear-gradient(180deg,rgba(8,30,66,.55),rgba(8,30,66,.92))!important}
  .sx-stat .ic .sx-ico{width:44px;height:44px}.sx-stat b{font-size:22px}.sx-atable{overflow-x:auto}.sx-atable table{min-width:560px}}
.sx-arows li{grid-template-columns:auto 1fr auto}
.sx-arows .nm{min-width:0}.sx-arows .nm>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-arows .nm .ty{margin-top:3px}
.sx-arows time small{white-space:nowrap}
.qa-box .sx-quick{grid-template-columns:1fr}
.sx-apanel .sx-vcards.four{grid-template-columns:1fr 1fr}
.sx-apanel .sx-row.r2{grid-template-columns:1fr 1fr}
@media (max-width:1400px){.sx-apanel .sx-row.r2{grid-template-columns:1fr}}

html[data-site=riayahschools][data-view=portal] .portal{align-items:stretch}
html[data-site=riayahschools][data-view=portal] .sidebar{height:calc(100vh - 68px)!important;min-height:0!important;align-self:start!important}
html[data-site=riayahschools][data-view=portal] .portal{background:linear-gradient(to right,#071a3a 0 268px,transparent 268px)}
html[data-site=riayahschools][data-view=portal][dir=rtl] .portal,html[data-site=riayahschools][data-view=portal] .rtl .portal{background:linear-gradient(to left,#071a3a 0 268px,transparent 268px)}
@media (max-width:900px){html[data-site=riayahschools][data-view=portal] .portal{background:none}html[data-site=riayahschools][data-view=portal] .sidebar{height:auto!important}}
.sx-pdetail>.sx-row.r3{grid-template-columns:.9fr 1.4fr 1fr}
html[data-site=riayahschools][data-view=portal] .sidebar .pi-menu-toggle{background:rgba(255,255,255,.1)!important;color:#fff!important;border:1px solid rgba(160,210,255,.35)!important}
/* case file */
#moduleContent .sx-back{justify-self:start;border:0!important;background:none!important;color:#1d6fe0!important;font-weight:700;padding:0!important;min-height:0;cursor:pointer}
.sx-tabs{display:flex;gap:6px;overflow-x:auto;padding:6px;border-radius:16px;background:#fff;border:1px solid #e3eaf4}
#moduleContent .sx-tabs button{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 14px!important;border-radius:12px!important;border:0!important;background:transparent!important;color:#41536f!important;font-weight:700;white-space:nowrap;cursor:pointer}
#moduleContent .sx-tabs button[aria-selected=true]{background:#1d6fe0!important;color:#fff!important;box-shadow:0 6px 16px rgba(29,111,224,.3)!important}
.sx-tabs .sx-ico.mini{background:rgba(29,111,224,.12)!important;box-shadow:none}.sx-tabs .sx-ico.mini svg{stroke:#1d6fe0}
.sx-tabs button[aria-selected=true] .sx-ico.mini{background:rgba(255,255,255,.2)!important}.sx-tabs button[aria-selected=true] .sx-ico.mini svg{stroke:#fff}
.sx-pane{display:grid;gap:16px}
.sx-mini{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sx-mini.wide{grid-template-columns:repeat(2,1fr)}
.sx-mini li{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:12px;background:#f7f9fc;border:1px solid #edf1f7;text-align:center}
.sx-mini.wide li{align-items:flex-start;text-align:start}.sx-mini small{font-size:11.5px;color:#7a889e!important}.sx-mini b{font-size:13.5px;color:#10233f!important}.sx-mini em{font-style:normal;font-size:11px;color:#7a889e}
.sx-conf{padding:3px 10px;border-radius:999px;background:#dff7ed;color:#0f7a54;font-size:12px;font-weight:800}
.sx-note{display:flex;align-items:center;gap:10px}.sx-note b{display:block;color:#10233f!important}.sx-note small{color:#7a889e!important}
.sx-note-text{margin:10px 0 0;font-size:13.5px;line-height:1.6;color:#41536f!important}
.sx-team li{grid-template-columns:auto 1fr auto}.sx-team .acts{display:flex;gap:6px}
.sx-team .acts a{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef5ff;border:1px solid #dbe8fb}.sx-team .acts .sx-ico{background:none!important;box-shadow:none}.sx-team .acts svg{stroke:#1d6fe0}
.sx-mtable{margin-top:12px;max-height:340px;overflow:auto;border-radius:12px;border:1px solid #edf1f7}
.sx-mtable table{width:100%;border-collapse:collapse;font-size:13px}.sx-mtable th{position:sticky;top:0;background:#f5f8fc!important;text-align:start;padding:8px}.sx-mtable td{padding:7px 8px;border-top:1px solid #f0f3f8;background:#fff!important}.sx-mtable td.bad{color:#d01c33!important;font-weight:800}
.sx-notes{list-style:none;margin:0;padding:0;display:grid;gap:10px}.sx-notes li{padding:12px;border-radius:12px;background:#f7f9fc;border:1px solid #edf1f7}.sx-notes b{color:#0b2b57!important}.sx-notes small{display:block;color:#7a889e!important}.sx-notes p{margin:6px 0 0;color:#41536f!important}
.sx-h4{margin:14px 0 8px;font-size:14px;color:#0b2b57!important}
.sx-quick.cases{grid-template-columns:repeat(5,minmax(0,1fr))}
#moduleContent .sx-quick.cases .sx-qa{justify-content:center}.sx-quick.cases .sx-qa .ic{width:42px;height:42px}
.sx-arows li>.sx-ico.mini:first-child{margin:0}
@media (max-width:900px){.sx-quick.cases{grid-template-columns:1fr 1fr}.sx-mini{grid-template-columns:1fr 1fr}}
/* reports */
.sx-kpis.cards:has(.sx-k5){display:block}.sx-k5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sx-reptools{display:flex;justify-content:flex-end;align-items:center;gap:10px}
.sx-reptools label{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;background:#fff;border:1px solid #e3eaf4}
#moduleContent .sx-reptools select{border:0!important;background:transparent!important;min-height:34px}
#moduleContent .sx-dl,#moduleContent .sx-full{min-height:42px;padding:0 18px!important;border-radius:12px!important;border:0!important;background:#1d6fe0!important;color:#fff!important;font-weight:800;cursor:pointer}
#moduleContent .sx-full{width:100%;margin-top:12px}
.sx-report2{display:grid;gap:16px}
.sx-gbars{display:flex;align-items:flex-end;justify-content:space-around;gap:10px;height:170px;padding-top:10px}
.sx-gbars>div{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end;flex:1}
.sx-gbars .col{display:flex;flex-direction:column-reverse;width:30px;height:100%;justify-content:flex-start;border-radius:6px;overflow:hidden;background:#f1f5fa}
.sx-gbars .col i{display:block;width:100%}.sx-gbars span{font-size:11.5px;color:#5b6b85;white-space:nowrap}
.sx-perf{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sx-perf>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px;border-radius:14px;background:#f7f9fc;border:1px solid #edf1f7}
.sx-perf .ic{grid-row:1/3;width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.sx-perf .ic .sx-ico{background:none!important;box-shadow:none;width:26px;height:26px}
.sx-perf small{font-size:12px;color:#5b6b85!important}.sx-perf b{font:800 22px var(--pt-font-head,inherit);color:#10233f!important}
.sx-rbars{display:grid;gap:10px}.sx-rbars>div{display:grid;grid-template-columns:auto 1fr 1.2fr auto;gap:8px;align-items:center;font-size:13px;color:#1e304d}
.sx-rbars i{height:9px;border-radius:99px;background:#edf2f8;overflow:hidden}.sx-rbars i b{display:block;height:100%;border-radius:99px}.sx-rbars em{font-style:normal;font-weight:800;color:#10233f;min-width:3.5ch;text-align:end}
.sx-ew{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sx-ew li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:9px 10px;border-radius:12px;border:1px solid #edf1f7}
.sx-ew .sx-ico{width:36px;height:36px;border-radius:10px}.sx-ew b{display:block;color:#10233f!important;font-size:14px}.sx-ew small{color:#7a889e!important}.sx-ew em{font-style:normal;font-weight:800;color:#d01c33}
.sx-ttable{width:100%;border-collapse:collapse;font-size:13px}.sx-ttable th{text-align:start;padding:8px;background:#f5f8fc!important;color:#5b6b85!important;font-size:12px}
.sx-ttable td{padding:8px;border-top:1px solid #f0f3f8;background:#fff!important}.sx-ttable tr{cursor:pointer}.sx-ttable tr:hover td{background:#f2f7ff!important}
.sx-ttable .who{display:flex;align-items:center;gap:8px}.sx-ttable .sx-av{width:30px;height:30px;font-size:10.5px}
.sx-row.r2.rep{grid-template-columns:1.4fr 1fr}.sx-quick.rep{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.sx-k5{grid-template-columns:repeat(3,1fr)}.sx-row.r2.rep{grid-template-columns:1fr}}
@media (max-width:700px){.sx-k5{grid-template-columns:1fr 1fr}.sx-quick.rep{grid-template-columns:1fr 1fr}.sx-ttable{min-width:520px}}
@media print{body.sx-printing #stdReport{background:#fff!important}body.sx-printing #stdReport .sx-box{break-inside:avoid;box-shadow:none!important}}
/* the same coloured status cards in every module */
.sx-kpis.cards .sx-kpi{grid-template-columns:58px 1fr;gap:14px;padding:14px 16px;border-radius:18px;box-shadow:0 6px 18px rgba(16,35,63,.06)}
.sx-kpis.cards .sx-kpi .sx-ico{width:58px;height:58px;border-radius:16px}.sx-kpis.cards .sx-kpi .sx-ico svg{width:30px;height:30px}
.sx-kpis.cards .sx-kpi small{font-size:13.5px;font-weight:700;color:#41536f!important}
html[data-site=riayahschools][data-view=portal] .sx-mod .sx-kpis.cards .sx-kpi b{font-size:28px}
.sx-kpis.cards .sx-kpi.green{background:#effbf6;border-color:#c5efdc}.sx-kpis.cards .sx-kpi.red{background:#fff3f4;border-color:#ffd3d8}
.sx-kpis.cards .sx-kpi.amber{background:#fffaee;border-color:#ffe7b0}.sx-kpis.cards .sx-kpi.sky{background:#eef5ff;border-color:#cfe1fb}
/* the module tools in the school colours */
html[data-site=riayahschools][data-view=portal] #moduleContent :is(.module-action,button.primary,.primary-action,[type=submit]):not(:is(.sx-mod *)){background:#1d6fe0!important;background-image:none!important;box-shadow:0 6px 16px rgba(29,111,224,.25)!important}
html[data-site=riayahschools][data-view=portal] #moduleContent .module-section-navigation{background:#fff!important;border:1px solid #e3eaf4!important;box-shadow:0 4px 14px rgba(16,35,63,.05)!important}
html[data-site=riayahschools][data-view=portal] #moduleContent .module-section-navigation :is(a,button){color:#41536f!important;background:transparent!important;border:0!important}
html[data-site=riayahschools][data-view=portal] #moduleContent .module-section-navigation :is(a,button):is(.active,[aria-current=page],[aria-selected=true]){background:#1d6fe0!important;color:#fff!important}
html[data-site=riayahschools][data-view=portal] #moduleContent :is(.ticket-kpis,.user-admin-kpis,.status-grid,.ri-kpi-grid)>*{border-inline-start:4px solid #1d6fe0!important;border-radius:16px!important}
html[data-site=riayahschools][data-view=portal] #moduleContent :is(.ticket-kpis,.user-admin-kpis,.status-grid,.ri-kpi-grid)>*:nth-child(4n+2){border-inline-start-color:#f5a524!important}
html[data-site=riayahschools][data-view=portal] #moduleContent :is(.ticket-kpis,.user-admin-kpis,.status-grid,.ri-kpi-grid)>*:nth-child(4n+3){border-inline-start-color:#16b37f!important}
html[data-site=riayahschools][data-view=portal] #moduleContent :is(.ticket-kpis,.user-admin-kpis,.status-grid,.ri-kpi-grid)>*:nth-child(4n){border-inline-start-color:#e8283f!important}
html[data-site=riayahschools][data-view=portal] #moduleContent details>summary{color:#0b2b57!important;font-weight:700}
html[data-site=riayahschools][data-view=portal] #moduleContent :is(.state-pill,.badge){background:#eef5ff!important;color:#1d5fc0!important;border-color:#cfe1fb!important}
html[data-site=riayahschools][data-view=portal] #moduleContent .school-tabs button{background:#fff!important;color:#41536f!important;border:1px solid #dbe4f0!important}
html[data-site=riayahschools][data-view=portal] #moduleContent .school-tabs button[aria-selected=true]{background:#1d6fe0!important;color:#fff!important;border-color:#1d6fe0!important}
html[data-site=riayahschools][data-view=portal] #moduleContent .school-page .module-toolbar{background:#fff!important;border:1px solid #e3eaf4!important}
html[data-site=riayahschools][data-view=portal] #moduleContent .health-flag{color:#fff!important}
html[data-site=riayahschools][data-view=portal] #clinicalOverlay{--pt-text:#eef6ff}
html[data-site=riayahschools][data-view=portal] #clinicalOverlay .L-panel{background:#ffffff!important;background-image:none!important;border-color:#e1e8f2!important;color:#10233f}
html[data-site=riayahschools][data-view=portal] #clinicalOverlay .L-panel .L-panel{background:#f6f9fc!important}
html[data-site=riayahschools][data-view=portal] #clinicalOverlay{background:rgba(16,35,63,.45)!important}
html[data-site=riayahschools][data-view=portal] #moduleContent .L-pad{padding:20px 24px!important;border-radius:18px!important}
html[data-site=riayahschools][data-view=portal] #moduleContent .account-section{margin:0 0 14px!important;padding:20px 24px!important;background:#fff!important;border:1px solid #e3eaf4!important;border-radius:18px!important}
html[data-site=riayahschools][data-view=portal] #moduleContent .account-card{padding:0!important}
/* sidebar: Rayan assistant card instead of the empty art box */
html[data-site=riayahschools][data-view=portal] .pi-sidebar-art{pointer-events:auto}
.std-rayan-card{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:10px;width:100%;padding:12px;border-radius:18px;border:1px solid rgba(160,210,255,.3);cursor:pointer;text-align:start;font:inherit;color:#fff;
  background:radial-gradient(160px 110px at 20% 80%,rgba(47,210,154,.25),transparent 70%),linear-gradient(160deg,#12407e,#0a2552);box-shadow:0 10px 26px rgba(0,0,0,.25);transition:transform .15s}
.std-rayan-card:hover,.std-rayan-card:focus-visible{transform:translateY(-2px)}
.std-rayan-card img{width:72px;height:88px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.std-rayan-card b{display:block;font-size:15px;color:#fff}.std-rayan-card small{display:block;margin:2px 0 8px;font-size:12px;line-height:1.4;color:#c7d8f0}
.std-rayan-card em{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:linear-gradient(110deg,#2fd29a,#49b8ff);color:#041522;font-style:normal;font-weight:800;font-size:12px}
html[data-site=riayahschools][data-view=portal] #moduleContent :is(.pilot-data-status,.command-panel,.monitor-panel,.aw-guide,.ticket-list,.lifecycle-centre,.permission-matrix,.account-section){padding:20px 24px!important;border-radius:18px!important;background:#fff!important;border:1px solid #e3eaf4!important;box-shadow:0 6px 18px rgba(16,35,63,.05)!important}
/* Rayan panel on the daylight school portal: readable text everywhere */
html[data-site=riayahschools] #assistantPanel .assistant-message{color:#10233f!important}
html[data-site=riayahschools] #assistantPanel .assistant-message.bot{background:#eef5ff!important;border:1px solid #d6e4f7!important;color:#10233f!important}
html[data-site=riayahschools] #assistantPanel .assistant-message.user{background:#1d6fe0!important;color:#fff!important}
html[data-site=riayahschools] #assistantPanel .assistant-message :is(b,strong,small,p,li,span,label){color:inherit!important}
html[data-site=riayahschools] #assistantPanel .assistant-source{color:#5b6b85!important}
html[data-site=riayahschools] #assistantPanel input,html[data-site=riayahschools] #assistantPanel textarea{background:#fff!important;color:#10233f!important;border:1px solid #cfdcec!important}
html[data-site=riayahschools] #assistantPanel input::placeholder,html[data-site=riayahschools] #assistantPanel textarea::placeholder{color:#7a889e!important}
html[data-site=riayahschools] #assistantPanel .assistant-live{background:#e2f7ee!important;color:#0f7a54!important}
html[data-site=riayahschools] #assistantPanel .assistant-disclaimer{color:#5b6b85!important}
html[data-site=riayahschools] #assistantPanel #assistantMessages{background:#f4f7fb!important}
html[data-site=riayahschools][data-view=portal] #moduleContent .xai-score{color:#b2500d!important}
html[data-site=riayahschools][data-view=portal] #moduleContent :is(strong,small):is([class*=high],[style*="ff"]) {filter:none}
html[data-site=riayahschools][data-view=portal] #moduleContent .xai-levels :is(strong,small){color:#9a4a0a}
/* module title banners (school artwork) */
.sx-banner{min-height:160px}
.sx-banner-shade{background:linear-gradient(90deg,rgba(8,30,66,.82) 0%,rgba(8,30,66,.6) 26%,rgba(8,30,66,0) 46%,rgba(8,30,66,0) 74%,rgba(8,30,66,.6) 100%)!important}
html[dir=rtl] .sx-banner-shade{background:linear-gradient(270deg,rgba(8,30,66,.82) 0%,rgba(8,30,66,.6) 26%,rgba(8,30,66,0) 46%,rgba(8,30,66,0) 74%,rgba(8,30,66,.6) 100%)!important}
html[dir=rtl] .sx-banner>img{transform:none}
@media (max-width:900px){.sx-banner>img{object-position:62% 50%!important}}
/* banners: the artwork already has its own navy side panel — keep the picture clear */
.sx-banner-shade{background:linear-gradient(90deg,rgba(8,30,66,.55) 0%,rgba(8,30,66,.25) 30%,rgba(8,30,66,0) 48%,rgba(8,30,66,0) 76%,rgba(8,30,66,.45) 100%)!important}
html[dir=rtl] .sx-banner-shade{background:linear-gradient(270deg,rgba(8,30,66,.7) 0%,rgba(8,30,66,.45) 34%,rgba(8,30,66,0) 52%,rgba(8,30,66,0) 74%,rgba(8,30,66,.55) 100%)!important}
.sx-banner-copy h2,.sx-banner-copy p,.sx-banner-meta b,.sx-banner-meta>span:last-child{text-shadow:0 2px 12px rgba(4,16,40,.55)}