/* =====================================================================
   RIAYAH Schools (std.riayahhub.com) — student interface.
   Loaded only by the std.riayahhub.com site. RIAYAH (pilgrims) never loads it.
   Daylight school identity: navy glass panels, sky-blue glow, health green, alert red.
   ===================================================================== */
html[data-site=riayahschools][data-portal=riayah],html[data-site=riayahschools]{
  --pt-font-head:"Poppins","Inter","Segoe UI",sans-serif;--pt-head-weight:700;--pt-head-track:-.01em;
  --pt-bg:#061a36;--pt-bg-2:#0b3168;--pt-glow:#2f8cff;
  --pt-surface:rgba(10,40,84,.74);--pt-surface-2:rgba(13,52,104,.92);--pt-surface-solid:#0b2b57;
  --pt-field:#051730;--pt-line:#1f4b82;--pt-line-soft:rgba(160,210,255,.1);
  --pt-accent:#2fd29a;--pt-accent-2:#49b8ff;--pt-accent-ink:#04261a;--pt-warm:#ffb84d;
  --pt-text:#eef6ff;--pt-muted:#a9c3e2;--pt-faint:#7f9cc0;
  --pt-radius:20px;--pt-radius-sm:12px;
  --pt-pattern:none;--pt-banner:none;--pt-hero-art:none;
  --platform-primary:#2fd29a;--platform-deep:#0b3d63;
  --identity-primary:#2fd29a;--identity-secondary:#49b8ff;
  --std-glass:linear-gradient(155deg,rgba(18,58,118,.78),rgba(8,30,66,.86));
  --std-glass-line:rgba(120,190,255,.32);
  --std-green:#2fd29a;--std-sky:#49b8ff;--std-red:#ff4d5e;--std-amber:#ffb84d;
}
html[data-site=riayahschools] body{background:radial-gradient(1200px 700px at 80% -10%,rgba(73,184,255,.18),transparent 60%),radial-gradient(900px 600px at -10% 30%,rgba(47,210,154,.10),transparent 60%),var(--pt-bg)}
html[data-site=riayahschools] .topbar{background:rgba(6,26,54,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--std-glass-line)}
.std-brand-sub{display:block;font-size:12px;font-weight:600;color:var(--std-green);letter-spacing:0;margin-top:1px}

/* ---------- Sign-in page = landing ---------- */
html[data-site=riayahschools] #login{display:block;padding:0}
html[data-site=riayahschools] #login .login-wrap{max-width:1280px;margin:0 auto;padding:34px clamp(16px,3vw,40px) 26px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr);gap:28px;align-items:stretch;min-height:auto}
html[data-site=riayahschools] #login .pi-login-art.std-hero{position:relative;display:block;width:100%;justify-self:stretch;max-width:none;min-height:560px;margin:0;padding:0;border-radius:28px;overflow:hidden;border:1px solid var(--std-glass-line);background:#0b2b57;box-shadow:0 30px 70px rgba(0,0,0,.35)}
html[data-site=riayahschools] #login .std-hero>.std-hero-inner{position:absolute;inset:0;max-width:none;z-index:1}
html[data-site=riayahschools] #login .std-hero>.px-motion,html[data-site=riayahschools] #login .std-hero::after,html[data-site=riayahschools] #login .std-hero::before{display:none}
.std-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 30%}
.std-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,46,.86) 0%,rgba(4,20,46,.55) 38%,rgba(4,20,46,0) 70%),linear-gradient(0deg,rgba(4,20,46,.75),rgba(4,20,46,0) 45%)}
[dir=rtl] .std-hero-shade{background:linear-gradient(270deg,rgba(4,20,46,.86) 0%,rgba(4,20,46,.55) 38%,rgba(4,20,46,0) 70%),linear-gradient(0deg,rgba(4,20,46,.75),rgba(4,20,46,0) 45%)}
.std-hero-copy{position:absolute;inset-inline-start:34px;inset-block-start:34px;max-width:min(400px,54%);color:#fff;z-index:2}
.std-hero-logo{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.std-hero-logo img{width:64px;height:64px;border-radius:50%;background:#fff;padding:4px;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.std-hero-logo b{display:block;font:700 22px/1.1 var(--pt-font-head)}.std-hero-logo span{display:block;font-size:15px;color:#b9f5dc;margin-top:3px}
.std-hero-copy h2{font:700 clamp(26px,2.7vw,38px)/1.14 var(--pt-font-head);margin:0 0 12px;letter-spacing:-.01em;text-shadow:0 4px 24px rgba(0,0,0,.35)}
[lang=ar] .std-hero-copy h2,[dir=rtl] .std-hero-copy h2{font-family:var(--pt-font-ar);line-height:1.35}
.std-hero-copy p{font-size:15.5px;max-width:330px;line-height:1.55;color:#e6f0ff;margin:0}
.std-glass-stack{position:absolute;inset-inline-end:26px;inset-block-start:50%;transform:translateY(-50%);display:grid;gap:10px;width:min(236px,33%);z-index:2}
.std-tile{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:11px 14px;border-radius:16px;background:var(--std-glass);border:1px solid var(--std-glass-line);box-shadow:0 10px 30px rgba(0,10,40,.35),inset 0 0 0 1px rgba(255,255,255,.04);backdrop-filter:blur(10px);color:#fff;animation:std-float 6s ease-in-out infinite}
.std-tile:nth-child(2){animation-delay:.6s}.std-tile:nth-child(3){animation-delay:1.2s}.std-tile:nth-child(4){animation-delay:1.8s}.std-tile:nth-child(5){animation-delay:2.4s}
.std-ico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.1)}
.std-ico svg{width:28px;height:28px}
.std-ico.heart{background:linear-gradient(145deg,#ff6a7a,#e0283f)}.std-ico.temp{background:linear-gradient(145deg,#ffcd55,#ff8a1f)}
.std-ico.run{background:linear-gradient(145deg,#2fd29a,#139a6c)}.std-ico.pin{background:linear-gradient(145deg,#38c8e8,#1683b8)}.std-ico.batt{background:linear-gradient(145deg,#38d39a,#178a62)}
.std-tile small{display:block;font-size:12.5px;color:#cfe3ff}.std-tile b{display:block;font:700 21px/1.15 var(--pt-font-head)}.std-tile b em{font-style:normal;font-size:12px;font-weight:500;color:#cfe3ff;margin-inline-start:4px}
.std-tile .ok{color:#7cf2c4}
.std-hero-strip{position:absolute;inset-inline:0;inset-block-end:0;z-index:2;display:flex;gap:6px;flex-wrap:wrap;padding:16px 26px;background:linear-gradient(0deg,rgba(4,20,46,.9),rgba(4,20,46,0))}
.std-hero-strip span{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font-size:13.5px;color:#fff}
.std-hero-strip i{width:8px;height:8px;border-radius:50%;background:var(--std-green);box-shadow:0 0 0 4px rgba(47,210,154,.18)}
html[data-site=riayahschools] #login .login-card{align-self:center;background:var(--std-glass);border:1px solid var(--std-glass-line);border-radius:24px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
html[data-site=riayahschools] #login .login-card .primary,html[data-site=riayahschools] #signBtn{background:linear-gradient(110deg,var(--std-green),var(--std-sky));color:#04203a}
.std-login-roles{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0}
.std-login-roles span{font-size:12.5px;padding:5px 10px;border-radius:999px;background:rgba(73,184,255,.12);color:#cfe7ff;border:1px solid rgba(73,184,255,.25)}
.std-app-note{margin-top:12px;font-size:13px;color:var(--pt-muted)}

/* landing sections below the sign-in */
.std-landing{max-width:1280px;margin:0 auto;padding:0 clamp(16px,3vw,40px) 60px;color:var(--pt-text)}
.std-section{margin-top:56px}
.std-section>header{text-align:center;max-width:760px;margin:0 auto 26px}
.std-kicker{display:inline-block;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--std-green);font-weight:700;margin-bottom:8px}
[dir=rtl] .std-kicker{letter-spacing:0}
.std-section h2{font:700 clamp(26px,3vw,36px)/1.2 var(--pt-font-head);margin:0 0 10px}
[dir=rtl] .std-section h2{font-family:var(--pt-font-ar);line-height:1.4}
.std-section header p{color:var(--pt-muted);font-size:17px;line-height:1.6;margin:0}
.std-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;position:relative;padding:26px 18px;border-radius:24px;background:linear-gradient(180deg,rgba(13,52,104,.75),rgba(6,26,54,.9));border:1px solid var(--std-glass-line)}
.std-flow li{list-style:none;text-align:center;position:relative;padding:0 4px}
.std-flow li:not(:last-child)::after{content:"";position:absolute;inset-block-start:34px;inset-inline-end:-14px;width:22px;height:2px;background:linear-gradient(90deg,var(--std-sky),transparent)}
[dir=rtl] .std-flow li:not(:last-child)::after{background:linear-gradient(270deg,var(--std-sky),transparent)}
.std-flow .ring{width:70px;height:70px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;border:2px solid currentColor;box-shadow:0 0 24px currentColor inset,0 0 18px rgba(0,0,0,.2);background:rgba(0,0,0,.18)}
.std-flow .ring svg{width:32px;height:32px;color:#fff}
.std-flow b{display:block;font-size:15.5px;line-height:1.3}.std-flow small{display:block;font-size:13px;color:var(--pt-muted);margin-top:4px;line-height:1.4}
.std-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:34px;align-items:center;margin-top:40px}
.std-feature.flip{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.std-feature.flip figure{order:2}
.std-feature figure{margin:0;border-radius:24px;overflow:hidden;border:1px solid var(--std-glass-line);box-shadow:0 26px 60px rgba(0,0,0,.35);background:#0b2b57}
.std-feature img{display:block;width:100%;height:auto}
.std-feature h3{font:700 26px/1.25 var(--pt-font-head);margin:0 0 10px}[dir=rtl] .std-feature h3{font-family:var(--pt-font-ar);line-height:1.45}
.std-feature p{color:var(--pt-muted);font-size:16.5px;line-height:1.65;margin:0 0 14px}
.std-checks{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.std-checks li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.5}
.std-checks li::before{content:"";flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--std-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304261a' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center/15px no-repeat}
.std-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}
.std-levels span{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;font-weight:700;font-size:14.5px;border:1px solid}
.std-levels i{width:12px;height:12px;border-radius:50%}
.lv-normal{background:rgba(47,210,154,.14);border-color:rgba(47,210,154,.45)}.lv-normal i{background:#2fd29a}
.lv-moderate{background:rgba(255,184,77,.14);border-color:rgba(255,184,77,.45)}.lv-moderate i{background:#ffb84d}
.lv-high{background:rgba(255,99,99,.14);border-color:rgba(255,99,99,.45)}.lv-high i{background:#ff6363}
.lv-critical{background:rgba(214,40,70,.2);border-color:rgba(255,77,94,.6)}.lv-critical i{background:#ff2d4b;box-shadow:0 0 0 4px rgba(255,45,75,.25)}
.std-roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.std-role{padding:22px;border-radius:20px;background:var(--std-glass);border:1px solid var(--std-glass-line)}
.std-role .ring{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:14px;background:rgba(73,184,255,.14);color:var(--std-sky)}
.std-role .ring svg{width:28px;height:28px}
.std-role h4{margin:0 0 8px;font-size:18px}.std-role p{margin:0;color:var(--pt-muted);font-size:14.5px;line-height:1.55}
.std-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:center;padding:30px;border-radius:26px;background:linear-gradient(120deg,rgba(47,210,154,.18),rgba(73,184,255,.16)),var(--pt-surface-solid);border:1px solid var(--std-glass-line)}
.std-cta h3{font:700 28px/1.25 var(--pt-font-head);margin:0 0 8px}.std-cta p{color:var(--pt-muted);margin:0 0 6px;line-height:1.6}
.std-cta form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.std-cta input,.std-cta select{width:100%;box-sizing:border-box;min-height:46px;padding:10px 12px;border-radius:12px;border:1px solid var(--pt-line);background:var(--pt-field);color:var(--pt-text);font:inherit}
.std-cta button{grid-column:1/-1;min-height:48px;border:0;border-radius:12px;font-weight:700;font-size:16px;background:linear-gradient(110deg,var(--std-green),var(--std-sky));color:#04203a;cursor:pointer}
.std-cta .msg{grid-column:1/-1;margin:0;font-size:14px}.std-cta .msg.ok{color:#7cf2c4}.std-cta .msg.err{color:#ffb3b3}
.std-foot{margin-top:40px;padding-top:20px;border-top:1px solid var(--pt-line-soft);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;color:var(--pt-faint);font-size:14px}
.std-foot a{color:var(--pt-muted)}
@keyframes std-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.std-tile{animation:none}}
@media(max-width:1020px){
  html[data-site=riayahschools] #login .login-wrap{grid-template-columns:1fr}
  html[data-site=riayahschools] #login .pi-login-art.std-hero{min-height:620px}
  .std-flow{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}.std-flow li:nth-child(3)::after{display:none}
  .std-feature,.std-feature.flip{grid-template-columns:1fr}.std-feature.flip figure{order:0}
  .std-roles{grid-template-columns:repeat(2,minmax(0,1fr))}.std-cta{grid-template-columns:1fr}
}
@media(max-width:620px){
  html[data-site=riayahschools] #login .pi-login-art.std-hero{min-height:auto;display:flex;flex-direction:column}
  html[data-site=riayahschools] #login .std-hero>.std-hero-inner{position:relative;inset:auto;display:flex;flex-direction:column}
  .std-hero-photo{position:relative;height:300px}
  .std-hero-shade{display:none}
  .std-hero-copy{position:relative;inset:auto;max-width:none;padding:20px 18px 6px;order:-1;background:linear-gradient(180deg,#0b2b57,#0b2b57)}
  .std-glass-stack{position:relative;inset:auto;transform:none;width:auto;grid-template-columns:1fr 1fr;padding:14px 16px}
  .std-glass-stack .std-tile:last-child{grid-column:1/-1}
  .std-tile{grid-template-columns:40px 1fr;padding:10px}.std-ico{width:40px;height:40px}
  .std-hero-strip{position:relative;background:none;padding:6px 16px 18px}
  .std-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.std-flow li::after{display:none}
  .std-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.std-roles{grid-template-columns:1fr}.std-cta form{grid-template-columns:1fr}
}

/* ---------- Inside the portal: school health panel on the dashboard ---------- */
.std-panel{margin:0 0 22px;padding:20px;border-radius:24px;background:linear-gradient(160deg,rgba(13,52,104,.85),rgba(6,26,54,.92));border:1px solid var(--std-glass-line);color:var(--pt-text)}
.std-panel>header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.std-panel h3{margin:0;font:700 22px/1.2 var(--pt-font-head)}.std-panel header p{margin:4px 0 0;color:var(--pt-muted);font-size:14px}
.std-panel-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.9fr) minmax(0,1.15fr);gap:16px}
.std-panel .std-glass-stack{position:static;transform:none;width:auto;display:grid;gap:9px}
.std-panel .std-tile{animation:none}
.std-card{padding:16px;border-radius:18px;background:rgba(4,18,40,.45);border:1px solid var(--std-glass-line)}
.std-card h4{margin:0 0 12px;font-size:16px;display:flex;align-items:center;gap:8px}
.std-risk{display:grid;gap:8px}
.std-risk div{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid;font-weight:700}
.std-risk div b{font-size:20px}.std-risk .ico{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:14px}
.std-risk .lv-normal .ico{background:#2fd29a}.std-risk .lv-moderate .ico{background:#ffb84d;color:#3a2600}.std-risk .lv-high .ico{background:#ff6363}.std-risk .lv-critical .ico{background:#ff2d4b}
.std-risk-bar{height:10px;border-radius:999px;overflow:hidden;display:flex;margin-top:12px;background:rgba(255,255,255,.06)}
.std-risk-bar i{display:block;height:100%}
.std-alert{border-radius:18px;overflow:hidden;border:1px solid rgba(255,77,94,.55);background:#fff;color:#16213a;box-shadow:0 14px 40px rgba(255,45,75,.18)}
.std-alert>.head{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(110deg,#e8283f,#ff5a4e);color:#fff}
.std-alert>.head svg{width:30px;height:30px;flex:none}.std-alert>.head b{display:block;font-size:18px}.std-alert>.head small{display:block;font-size:13px;opacity:.92}
.std-alert .body{display:grid;grid-template-columns:62px 1fr;gap:12px;padding:14px 16px}
.std-avatar{width:62px;height:62px;border-radius:14px;display:grid;place-items:center;font:700 22px var(--pt-font-head);color:#fff;background:linear-gradient(145deg,#2f6fb3,#163c6e)}
.std-alert .body b{display:block;font-size:17px}.std-alert .body small{display:block;color:#53627d;font-size:13.5px}
.std-alert .issue{color:#d3203a;font-weight:700;margin-top:4px;font-size:14.5px}
.std-alert .vit{display:flex;gap:14px;margin-top:6px;font-weight:700;font-size:15px}.std-alert .vit span{display:flex;gap:5px;align-items:center}
.std-actions{padding:6px 16px 14px;display:grid;gap:7px}
.std-actions h5{margin:4px 0 2px;font-size:14.5px;color:#16213a}
.std-actions div{display:flex;align-items:center;gap:9px;font-size:14px;color:#16213a}
.std-actions .tick{width:20px;height:20px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:12px;color:#fff;background:#b8c2d3}
.std-actions .done .tick{background:#1fb47e}
.std-actions .done{color:#0d6b4a}
.std-alert .btns{display:flex;gap:8px;padding:0 16px 16px;flex-wrap:wrap}
.std-alert .btns button,.std-alert .btns a,#moduleContent .std-panel .std-alert .btns button,#moduleContent .std-panel .std-alert .btns a{flex:1 1 auto;white-space:nowrap;box-shadow:none;background-image:none;min-height:40px;border-radius:10px;border:1px solid #c9d3e4;background:#f2f5fb;color:#16213a;font-weight:700;font-size:14px;display:grid;place-items:center;text-decoration:none;cursor:pointer;padding:0 10px}
.std-alert .btns .main,#moduleContent .std-panel .std-alert .btns .main{background:#1d6fe0;border-color:#1d6fe0;color:#fff}
.std-allclear{display:grid;place-items:center;text-align:center;gap:8px;padding:26px;border-radius:18px;border:1px solid rgba(47,210,154,.45);background:rgba(47,210,154,.1)}
.std-allclear b{font-size:19px;color:#7cf2c4}
.std-mini-flow{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.std-mini-flow span{font-size:12.5px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#dbe8ff}
.std-profile-banner{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:0 0 18px;padding:14px 18px;border-radius:16px;border:1px solid rgba(255,184,77,.5);background:rgba(255,184,77,.12)}
.std-profile-banner b{color:#ffd28a}
@media(max-width:1100px){.std-panel-grid{grid-template-columns:1fr 1fr}.std-panel-grid>.std-alert-wrap{grid-column:1/-1}}
@media(max-width:700px){.std-panel-grid{grid-template-columns:1fr}}

/* ---------- students pages (school-mode.js) ---------- */
.school-tabs{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}
.school-tabs button{padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:transparent;color:inherit;font-weight:700;cursor:pointer}
.school-tabs button[aria-selected=true],#moduleContent .school-tabs button[aria-selected=true]{background-image:none;box-shadow:none;background:linear-gradient(110deg,var(--std-green),var(--std-sky));color:#041522;border-color:transparent}
.school-form h4.wide{grid-column:1/-1;margin:14px 0 0;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--std-green)}
.school-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:6px 0 10px}
.school-filters select,.school-filters input[type=search]{min-height:42px}
.school-filters input[type=search]{flex:1;min-width:220px}
.school-filters label.inline{display:flex;align-items:center;gap:6px}
.school-summary{opacity:.85;margin:4px 0 10px}
.school-table td small{display:block;opacity:.75;font-size:12px;margin-top:2px}
.school-table small.ok{color:#3ddc97}.school-table small.off{color:#ff8a80}
.school-table .row-actions{display:flex;gap:6px;flex-wrap:wrap}
.school-table .link-button{background:none;border:0;color:inherit;padding:0;cursor:pointer;text-align:start}
.health-flag{display:inline-block;margin:2px 4px 2px 0;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700}
.health-flag.allergy{background:rgba(255,176,32,.18);color:#ffcf70}.health-flag.chronic{background:rgba(255,84,112,.16);color:#ff9aa9}
.registration-message.ok{color:#3ddc97}.registration-message.error{color:#ff8a80}
.import-errors{max-height:260px;overflow:auto;font-size:14px}
.trip-live{border-color:rgba(61,220,151,.45)!important}
.trip-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.trip-head h4{margin:6px 0 2px}
.headcount{text-align:center;padding:10px 18px;border-radius:16px;background:rgba(61,220,151,.14)}.headcount b{display:block;font-size:34px}.headcount.missing{background:rgba(255,84,112,.16)}
.trip-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;margin-top:12px}
.trip-map{min-height:320px;border-radius:14px;overflow:hidden}
.trip-list{list-style:none;margin:0;padding:0;max-height:330px;overflow:auto}
.trip-list li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:9px 6px;border-bottom:1px solid rgba(255,255,255,.08)}
.trip-list li span{font-size:13px;opacity:.8}.trip-list li em{grid-column:2;grid-row:1/span 2;align-self:center;font-style:normal;color:#3ddc97;font-weight:700}
.trip-list li.warn em{color:#ff8a80}
.profile-field.flag b{color:#ffcf70}
@media(max-width:800px){.trip-grid{grid-template-columns:1fr}}

html[data-site=riayahschools] #login .std-glass-stack .std-tile{grid-template-columns:40px 1fr;gap:10px;padding:9px 12px}
html[data-site=riayahschools] #login .std-glass-stack .std-ico{width:40px;height:40px;border-radius:11px}
html[data-site=riayahschools] #login .std-glass-stack .std-ico svg{width:23px;height:23px}
@media (max-width:620px){html[data-site=riayahschools] #login .std-glass-stack{width:auto}.std-hero-copy p{max-width:none}}
/* students page polish */
#moduleContent .school-page .module-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;margin:0 0 16px;border-radius:20px;border:1px solid var(--std-glass-line);background:linear-gradient(135deg,rgba(47,210,154,.10),rgba(73,184,255,.06)),var(--std-glass)}
#moduleContent .school-page .module-toolbar h3{margin:0 0 6px;font-size:22px}
#moduleContent .school-page .module-toolbar p{margin:0;color:var(--pt-muted);font-size:14.5px}
#moduleContent .school-table .link-button{background:none;border:0;padding:0;box-shadow:none;color:#fff;text-align:start;cursor:pointer;font:inherit}
#moduleContent .school-table .link-button:hover b{color:var(--std-green);text-decoration:underline}
#moduleContent .school-table td small{display:block;margin-top:3px;color:var(--pt-muted)}
#moduleContent .school-filters select,#moduleContent .school-filters input[type=search]{min-height:42px;border-radius:12px;padding:0 12px}
#moduleContent .trip-live .trip-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px}
#moduleContent .trip-live .trip-head h4{margin:8px 0 4px;font-size:19px}
#moduleContent .trip-live .headcount{padding:12px 20px;border-radius:16px;text-align:center}
#moduleContent .trip-live .headcount.all{background:rgba(47,210,154,.16);color:#bff5df}
#moduleContent .trip-live .headcount.missing{background:rgba(255,77,94,.14);color:#ffd0d6}
#moduleContent details.data-panel>summary{padding:14px 18px;cursor:pointer}
html[data-site=riayahschools] #moduleContent:has(> .school-page) > .module-stage{display:none}