.siah-sp {
  --siah-navy: #082f49;
  --siah-blue: #0b5ea8;
  --siah-sky: #dff2ff;
  --siah-teal: #0f766e;
  --siah-gold: #f2b84b;
  --siah-ink: #122033;
  --siah-muted: #5f6f82;
  --siah-line: #dbe5ef;
  box-sizing: border-box;
  width: 100vw;
  max-width: 100vw;
  margin: 0 0 34px 50%;
  transform: translateX(-50%);
  color: var(--siah-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* The Experience System intentionally constrains most SIAH modules. The Staff
 * Portal is the exception: its application shell must touch the viewport edge. */
body.siah-experience-surface main.siah-sp {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-right: 0 !important;
  margin-left: 50% !important;
  transform: translateX(-50%) !important;
}

.siah-sp *, .siah-sp *::before, .siah-sp *::after { box-sizing: inherit; }
.siah-sp a { text-decoration: none; }

.siah-sp__shell {
  display: grid;
  grid-template-columns: 248px minmax(0, 1fr);
  min-height: min(900px, calc(100vh - 36px));
  overflow: hidden;
  border: 1px solid rgba(8, 47, 73, .12);
  border-radius: 0 0 24px 0;
  background: #f4f7f3;
  box-shadow: 0 24px 64px rgba(8, 47, 73, .13);
}

.siah-sp__sidebar {
  position: relative;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  height: auto;
  max-height: none;
  padding: 24px 16px 18px;
  overflow-y: visible;
  color: #eaf2ec;
  background: linear-gradient(180deg, #07383c 0%, #0d4a43 38%, #123f36 72%, #163a30 100%);
  box-shadow: inset -1px 0 rgba(255,255,255,.06);
}

.siah-sp__sidebar::after {
  position: absolute;
  top: 0;
  right: -14px;
  width: 14px;
  height: 100%;
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, rgba(7,56,60,.11), rgba(7,56,60,0));
}

.siah-sp__portal-brand {
  display: flex;
  gap: 11px;
  align-items: center;
  margin: 0 5px 20px;
  color: white;
}

.siah-sp__portal-mark {
  display: grid;
  flex: 0 0 auto;
  width: 39px;
  height: 39px;
  place-items: center;
  border-radius: 12px;
  color: #fff8e2;
  background: linear-gradient(145deg, #d8a437, #9b6b20);
  box-shadow: 0 8px 22px rgba(0,0,0,.17);
}

.siah-sp__portal-mark .siah-sp__icon { width: 22px; height: 22px; }
.siah-sp__portal-brand strong, .siah-sp__portal-brand small { display: block; }
.siah-sp__portal-brand strong { font-size: 16px; letter-spacing: .01em; }
.siah-sp__portal-brand small { margin-top: 1px; color: #adc1b5; font-size: 11px; }
.siah-sp__nav { display: grid; gap: 3px; }
.siah-sp__nav-label { margin: 15px 9px 5px; color: #8fa89b; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.siah-sp__nav-item {
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 42px;
  padding: 9px 10px;
  border-radius: 10px;
  color: #d5e1d8;
  font-size: 13px;
  font-weight: 650;
  transition: background .16s ease, color .16s ease, transform .16s ease;
}

.siah-sp__nav-item:hover, .siah-sp__nav-item:focus-visible { color: white; background: rgba(255,255,255,.09); outline: none; transform: translateX(2px); }
.siah-sp__nav-item.is-active { color: white; background: rgba(255,255,255,.13); box-shadow: inset 3px 0 #f2b84b; }
.siah-sp__nav-icon { display: grid; flex: 0 0 auto; width: 25px; height: 25px; place-items: center; border-radius: 8px; color: #bdd4c4; background: rgba(255,255,255,.06); }
.siah-sp__nav-item.is-active .siah-sp__nav-icon { color: #ffe7a8; }
.siah-sp__nav-icon .siah-sp__icon { width: 16px; height: 16px; }

.siah-sp__sidebar-account {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin-top: 20px;
  padding: 17px 6px 0;
  border-top: 1px solid rgba(255,255,255,.12);
}

.siah-sp__sidebar-avatar { display: grid; width: 37px; height: 37px; place-items: center; border-radius: 12px; background: #567664; color: white; font-size: 12px; font-weight: 850; }
.siah-sp__sidebar-account strong, .siah-sp__sidebar-account small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.siah-sp__sidebar-account strong { color: white; font-size: 12px; }
.siah-sp__sidebar-account small { margin-top: 2px; color: #9fb2a6; font-size: 10px; }
.siah-sp__content { min-width: 0; padding: 23px clamp(20px, 3vw, 40px) 0; }

.siah-sp__topbar {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  align-items: center;
  margin-bottom: 20px;
  padding: 0 2px 18px;
  border-bottom: 1px solid #d9e2dc;
}

.siah-sp__topbar .siah-sp__eyebrow { margin: 0 0 3px; color: var(--siah-teal); font-size: 9px; }
.siah-sp__topbar h1 { margin: 0; color: var(--siah-navy); font-size: clamp(24px, 3vw, 32px); letter-spacing: -.03em; }
.siah-sp__topbar-actions { display: flex; gap: 10px; align-items: center; }
.siah-sp__signout { padding: 8px 11px; border: 1px solid #cfd9d3; border-radius: 9px; background: white; color: #7c2e2e; font-size: 12px; font-weight: 800; }

.siah-sp__welcome {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .48fr);
  gap: clamp(24px, 4vw, 54px);
  align-items: center;
  margin-bottom: 29px;
  padding: clamp(25px, 4vw, 42px);
  overflow: hidden;
  border-radius: 21px;
  color: white;
  background: radial-gradient(circle at 90% 0%, rgba(242,184,75,.25), transparent 26%), linear-gradient(135deg, #082f49, #0b5ea8 66%, #0f766e);
  box-shadow: 0 18px 38px rgba(8,47,73,.15);
}

.siah-sp__welcome .siah-sp__eyebrow { color: #ffe1a0; }
.siah-sp__welcome h2 { margin: 0 0 8px; color: white; font-size: clamp(28px, 4vw, 42px); letter-spacing: -.035em; }
.siah-sp__welcome p { max-width: 720px; margin: 0; color: rgba(255,255,255,.82); line-height: 1.65; }
.siah-sp__welcome-meta { display: grid; grid-template-columns: minmax(100px, .7fr) minmax(150px, 1fr); gap: 10px; margin: 0; }
.siah-sp__welcome-meta div { min-width: 0; padding: 15px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: rgba(255,255,255,.10); backdrop-filter: blur(8px); }
.siah-sp__welcome-meta dt { color: rgba(255,255,255,.68); font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .05em; }
.siah-sp__welcome-meta dd { margin: 5px 0 0; color: white; font-size: 16px; font-weight: 850; line-height: 1.25; overflow-wrap: anywhere; }
.siah-sp__service-group { margin-top: 29px; }
.siah-sp__group-heading { display: flex; justify-content: space-between; gap: 18px; align-items: end; margin-bottom: 13px; }
.siah-sp__group-heading h2 { margin: 0 0 3px; color: var(--siah-navy); font-size: 20px; }
.siah-sp__group-heading p { margin: 0; color: var(--siah-muted); font-size: 13px; }
.siah-sp__group-heading > span { flex: 0 0 auto; color: #718178; font-size: 11px; font-weight: 750; }
.siah-sp__module-areas { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 6px; margin: -5px 0 17px; }
.siah-sp__module-areas > span { padding: 4px 7px; border: 1px solid #cfe0ea; border-radius: 999px; background: #f1f7fa; color: #315b72; font-size: 10px; font-weight: 750; }

.siah-sp__login {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
  min-height: 650px;
  overflow: hidden;
  border: 1px solid rgba(8, 47, 73, .12);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 26px 70px rgba(8, 47, 73, .16);
}

.siah-sp__login-copy {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(38px, 7vw, 84px);
  overflow: hidden;
  color: white;
  background:
    radial-gradient(circle at 86% 16%, rgba(242, 184, 75, .28) 0 7%, transparent 28%),
    radial-gradient(circle at 15% 84%, rgba(71, 186, 210, .27) 0 8%, transparent 36%),
    linear-gradient(145deg, #06263d 0%, #0b5ea8 64%, #0f766e 115%);
}

.siah-sp__login-copy::after {
  content: "SIAH";
  position: absolute;
  right: -34px;
  bottom: -48px;
  font-size: clamp(110px, 20vw, 260px);
  font-weight: 900;
  line-height: .8;
  letter-spacing: -.08em;
  color: rgba(255, 255, 255, .045);
}

.siah-sp__eyebrow {
  display: block;
  margin-bottom: 10px;
  color: #c9efff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
}

.siah-sp__login-copy h1 { margin: 0 0 18px; color: white; font-size: clamp(42px, 6vw, 76px); line-height: .98; letter-spacing: -.045em; }
.siah-sp__login-copy p { max-width: 590px; margin: 0 0 30px; color: rgba(255,255,255,.84); font-size: clamp(17px, 2vw, 21px); line-height: 1.65; }
.siah-sp__login-copy ul { position: relative; z-index: 1; display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; }
.siah-sp__login-copy li { display: flex; gap: 11px; align-items: center; color: rgba(255,255,255,.9); }
.siah-sp__login-copy li::before { content: "✓"; display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: rgba(255,255,255,.13); color: #ffe7a8; font-weight: 900; }

.siah-sp__login-card { align-self: center; padding: clamp(34px, 6vw, 70px); }
.siah-sp__brand { display: grid; width: 58px; height: 58px; margin-bottom: 26px; place-items: center; border-radius: 18px; background: linear-gradient(145deg, var(--siah-blue), var(--siah-teal)); box-shadow: 0 12px 30px rgba(11,94,168,.25); color: white; font-size: 29px; font-weight: 900; }
.siah-sp__login-card h2 { margin: 0 0 8px; color: var(--siah-navy); font-size: 31px; letter-spacing: -.025em; }
.siah-sp__muted { margin: 0 0 26px; color: var(--siah-muted); line-height: 1.55; }
.siah-sp__login-alert { margin: 0 0 18px; padding: 12px 14px; border: 1px solid #efb6b6; border-radius: 10px; background: #fff1f1; color: #8e2424; font-size: 14px; line-height: 1.45; }
.siah-sp__login-card form p { margin: 0 0 18px; }
.siah-sp__login-card label { display: block; margin-bottom: 7px; color: #32465a; font-size: 14px; font-weight: 750; }
.siah-sp__login-card input[type="text"], .siah-sp__login-card input[type="password"] { width: 100%; min-height: 50px; padding: 11px 14px; border: 1px solid #cbd8e5; border-radius: 11px; background: #fbfdff; color: var(--siah-ink); font: inherit; transition: border-color .18s, box-shadow .18s; }
.siah-sp__login-card input:focus { outline: 0; border-color: var(--siah-blue); box-shadow: 0 0 0 4px rgba(11,94,168,.12); }
.siah-sp__login-card .login-remember label { display: flex; gap: 8px; align-items: flex-start; font-weight: 600; }
.siah-sp__login-card .button-primary { width: 100%; min-height: 50px; border: 0; border-radius: 11px; background: linear-gradient(135deg, var(--siah-blue), #087c8c); color: white; font: inherit; font-weight: 800; cursor: pointer; box-shadow: 0 12px 22px rgba(11,94,168,.18); }
.siah-sp__login-links { display: flex; justify-content: space-between; gap: 16px; margin-top: 18px; font-size: 14px; }
.siah-sp__login-links a { color: var(--siah-blue); font-weight: 700; }
.siah-sp__privacy-note { margin: 28px 0 0; padding-top: 20px; border-top: 1px solid var(--siah-line); color: var(--siah-muted); font-size: 12px; line-height: 1.55; }

.siah-sp__header {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  align-items: center;
  margin-bottom: 24px;
  padding: clamp(28px, 5vw, 50px);
  border-radius: 24px;
  color: white;
  background: radial-gradient(circle at 85% 5%, rgba(242,184,75,.32), transparent 23%), linear-gradient(135deg, #06263d, #0b5ea8 68%, #0f766e);
  box-shadow: 0 20px 48px rgba(8,47,73,.17);
}

.siah-sp__header h1 { margin: 0 0 8px; color: white; font-size: clamp(30px, 4vw, 48px); letter-spacing: -.04em; }
.siah-sp__header p { margin: 0; color: rgba(255,255,255,.8); }
.siah-sp__account { display: grid; grid-template-columns: auto minmax(120px, 1fr); gap: 4px 11px; align-items: center; min-width: 270px; padding: 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 16px; background: rgba(255,255,255,.1); backdrop-filter: blur(8px); }
.siah-sp__avatar { grid-row: 1 / 3; display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: white; color: var(--siah-blue); font-weight: 900; }
.siah-sp__account strong, .siah-sp__account small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.siah-sp__account small { color: rgba(255,255,255,.7); }
.siah-sp__account a { grid-column: 1 / 3; margin-top: 7px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.14); color: #ffe7a8; font-size: 13px; font-weight: 800; text-align: right; }

.siah-sp__intro { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin: 34px 0 18px; }
.siah-sp__intro h2 { margin: 0 0 4px; color: var(--siah-navy); font-size: 27px; }
.siah-sp__intro p { margin: 0; color: var(--siah-muted); }
.siah-sp__secure { padding: 8px 12px; border-radius: 999px; background: #e6f7f3; color: var(--siah-teal); font-size: 12px; font-weight: 800; }
.siah-sp__secure::before { content: "●"; margin-right: 7px; color: #20a77a; }
.siah-sp__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.siah-sp__module { position: relative; min-height: 248px; padding: 25px; overflow: hidden; border: 1px solid var(--siah-line); border-radius: 19px; background: white; box-shadow: 0 8px 24px rgba(18,32,51,.06); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.siah-sp__module:hover, .siah-sp__module:focus-visible { transform: translateY(-3px); border-color: #9fc8e8; box-shadow: 0 17px 34px rgba(8,47,73,.12); outline: none; }
.siah-sp__module::after { content: ""; position: absolute; right: -45px; bottom: -45px; width: 120px; height: 120px; border-radius: 50%; background: var(--siah-sky); opacity: .55; }
.siah-sp__module-icon, .siah-sp__module-page-icon { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; background: linear-gradient(145deg, #e4f4ff, #e8f8f4); color: var(--siah-blue); }
.siah-sp__icon { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.siah-sp__module-state { position: absolute; top: 26px; right: 23px; padding: 5px 8px; border-radius: 999px; font-size: 10px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.siah-sp__module-state--connected { background: #e6f7f3; color: var(--siah-teal); }
.siah-sp__module-state--foundation { background: #fff4d9; color: #8a5a00; }
.siah-sp__module h3 { margin: 20px 0 8px; color: var(--siah-navy); font-size: 21px; }
.siah-sp__module p { min-height: 64px; margin: 0 0 18px; color: var(--siah-muted); font-size: 14px; line-height: 1.55; }
.siah-sp__module-link { position: relative; z-index: 1; color: var(--siah-blue); font-size: 14px; font-weight: 800; }

.siah-sp__back { margin: 30px 0 16px; }
.siah-sp__back a { color: var(--siah-blue); font-weight: 800; }
.siah-sp__module-page, .siah-sp__notice { max-width: 860px; margin: 0 auto; padding: clamp(28px, 6vw, 58px); border: 1px solid var(--siah-line); border-radius: 22px; background: white; box-shadow: 0 16px 42px rgba(8,47,73,.09); }
.siah-sp__module-page .siah-sp__eyebrow { margin-top: 22px; color: var(--siah-blue); }
.siah-sp__module-page h2, .siah-sp__notice h1, .siah-sp__notice h2 { margin: 0 0 12px; color: var(--siah-navy); }
.siah-sp__module-page > p, .siah-sp__notice p { color: var(--siah-muted); line-height: 1.65; }
.siah-sp__readiness { margin-top: 28px; padding: 20px; border-left: 4px solid var(--siah-gold); border-radius: 4px 13px 13px 4px; background: #fffaf0; }
.siah-sp__readiness strong { color: #6e4900; }
.siah-sp__readiness p { margin: 7px 0 0; color: #725f3d; line-height: 1.6; }
.siah-sp__scope { margin-top: 22px; padding: 20px; border-radius: 13px; background: #f3f8fc; }
.siah-sp__scope h3 { margin: 0 0 12px; color: var(--siah-navy); }
.siah-sp__scope ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.siah-sp__button { display: inline-block; padding: 11px 17px; border-radius: 10px; background: var(--siah-blue); color: white; font-weight: 800; }
.siah-sp__button--secondary { color: var(--siah-blue) !important; border: 1px solid #b9d5e9; background: #eef7fd; }
.siah-sp__footer { display: flex; justify-content: space-between; gap: 20px; margin-top: 24px; padding: 18px 5px; border-top: 1px solid var(--siah-line); color: var(--siah-muted); font-size: 12px; }

.siah-sp__alert { margin: 0 0 18px; padding: 14px 17px; border: 1px solid; border-radius: 12px; font-weight: 700; }
.siah-sp__alert--success { border-color: #9bd9c8; background: #ecfaf5; color: #0d655e; }
.siah-sp__alert--error { border-color: #efb6b6; background: #fff1f1; color: #8e2424; }
.siah-sp__connector-token { display: grid; gap: 7px; margin-top: 12px; padding: 13px; border: 1px solid #b9d5e9; border-radius: 11px; background: #f6fbff; color: var(--siah-ink); }
.siah-sp__connector-token code { display: block; overflow-wrap: anywhere; padding: 10px; border-radius: 8px; background: #082f49; color: #fff; font-size: 13px; }
.siah-sp__connector-token small { color: var(--siah-muted); }
.siah-sp__workspace { display: grid; gap: 20px; }
.siah-sp__workspace-header { display: flex; gap: 18px; align-items: flex-start; padding: 28px; border: 1px solid var(--siah-line); border-radius: 20px; background: linear-gradient(135deg, #f7fbff, #f0faf7); }
.siah-sp__workspace-header .siah-sp__eyebrow { margin: 2px 0 5px; color: var(--siah-blue); }
.siah-sp__workspace-header h2 { margin: 0 0 7px; color: var(--siah-navy); font-size: clamp(27px, 4vw, 38px); }
.siah-sp__workspace-header p { margin: 0; color: var(--siah-muted); }
.siah-sp__panel { padding: 24px; border: 1px solid var(--siah-line); border-radius: 17px; background: #fff; box-shadow: 0 7px 22px rgba(18,32,51,.045); }
.siah-sp__panel h3 { margin: 0 0 17px; color: var(--siah-navy); font-size: 21px; }
.siah-sp__panel-title { display: flex; justify-content: space-between; gap: 15px; align-items: center; margin-bottom: 16px; }
.siah-sp__panel-title h3 { margin: 0; }
.siah-sp__text-link { color: var(--siah-blue); font-weight: 800; }
.siah-sp__empty { padding: 24px; border: 1px dashed #b9cadb; border-radius: 13px; background: #f8fbfe; color: var(--siah-muted); }
.siah-sp__empty h3 { margin: 0 0 7px; color: var(--siah-navy); }
.siah-sp__empty p { margin: 0; }
.siah-sp__form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.siah-sp__form label, .siah-sp__filters label, .siah-sp__mini label { display: grid; gap: 7px; color: #32465a; font-size: 13px; font-weight: 750; }
.siah-sp__form input, .siah-sp__form select, .siah-sp__form textarea, .siah-sp__filters input, .siah-sp__filters select, .siah-sp__decision input, .siah-sp__mini input, .siah-sp__mini select, .siah-sp__mini textarea { width: 100%; min-height: 43px; padding: 9px 11px; border: 1px solid #cbd8e5; border-radius: 9px; background: #fbfdff; color: var(--siah-ink); font: inherit; }
.siah-sp__form textarea, .siah-sp__mini textarea { resize: vertical; }
.siah-sp__form input:focus, .siah-sp__form select:focus, .siah-sp__form textarea:focus, .siah-sp__filters input:focus, .siah-sp__filters select:focus, .siah-sp__decision input:focus { outline: 0; border-color: var(--siah-blue); box-shadow: 0 0 0 3px rgba(11,94,168,.11); }
.siah-sp__form-wide { grid-column: 1 / -1; }
.siah-sp__device-preset { grid-column: 1 / -1; display: grid; gap: 5px; padding: 14px 16px; border: 1px solid #b9d5e9; border-radius: 12px; background: linear-gradient(135deg, #eef7fd, #effaf6); }
.siah-sp__device-preset strong { color: var(--siah-navy); }
.siah-sp__device-preset span { color: var(--siah-muted); font-size: 13px; line-height: 1.5; }
.siah-sp__disclosure > summary { cursor: pointer; color: var(--siah-navy); font-size: 18px; font-weight: 850; }
.siah-sp__disclosure[open] > summary { margin-bottom: 20px; }
.siah-sp__metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.siah-sp__metrics > div { display: grid; gap: 5px; padding: 19px; border: 1px solid var(--siah-line); border-radius: 15px; background: #fff; }
.siah-sp__metrics strong { color: var(--siah-navy); font-size: 25px; }
.siah-sp__metrics span { color: var(--siah-muted); font-size: 12px; font-weight: 750; }
.siah-sp__detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.siah-sp__detail { display: grid; gap: 6px; padding: 18px; border: 1px solid var(--siah-line); border-radius: 13px; background: #fff; }
.siah-sp__detail span { color: var(--siah-muted); font-size: 12px; font-weight: 750; text-transform: uppercase; letter-spacing: .04em; }
.siah-sp__detail strong { color: var(--siah-navy); overflow-wrap: anywhere; }
.siah-sp__filters { display: flex; gap: 12px; align-items: end; margin-bottom: 18px; padding: 14px; border-radius: 12px; background: #f5f9fc; }
.siah-sp__filters button, .siah-sp__decision button, .siah-sp__mini button { min-height: 42px; padding: 9px 13px; border: 0; border-radius: 8px; background: var(--siah-blue); color: white; font-weight: 800; cursor: pointer; }
.siah-sp__decision { display: grid; gap: 7px; min-width: 185px; }
.siah-sp__decision .is-danger { background: #a93636; }
.siah-sp__table-wrap { width: 100%; overflow-x: auto; }
.siah-sp__table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 13px; }
.siah-sp__table th { padding: 11px 12px; border-bottom: 2px solid var(--siah-line); color: #405267; text-align: left; white-space: nowrap; }
.siah-sp__table td { padding: 13px 12px; border-bottom: 1px solid #e7eef5; vertical-align: top; color: #33475c; }
.siah-sp__table tbody tr:hover { background: #f8fbfe; }
.siah-sp__table small { color: var(--siah-muted); }
.siah-sp__badge { display: inline-flex; padding: 5px 8px; border-radius: 999px; background: #edf2f7; color: #405267; font-size: 10px; font-weight: 850; white-space: nowrap; text-transform: uppercase; letter-spacing: .035em; }
.siah-sp__badge--approved, .siah-sp__badge--present, .siah-sp__badge--remote { background: #e5f7ef; color: #0c6a4f; }
.siah-sp__badge--pending, .siah-sp__badge--late, .siah-sp__badge--partial { background: #fff3d7; color: #875800; }
.siah-sp__badge--rejected, .siah-sp__badge--absent { background: #ffeded; color: #992e2e; }
.siah-sp__badge--excused { background: #e8f1ff; color: #285d9b; }
.siah-sp__mini { min-width: 170px; }
.siah-sp__mini summary { cursor: pointer; color: var(--siah-blue); font-weight: 800; }
.siah-sp__mini form { display: grid; gap: 9px; margin-top: 10px; padding: 12px; border: 1px solid var(--siah-line); border-radius: 10px; background: #f9fcff; }

.siah-sp__ops { --siah-ops-green: #0c7a55; }
.siah-sp__ops .siah-sp__workspace-header { position: relative; padding-right: 210px; }
.siah-sp__live { position: absolute; top: 24px; right: 24px; display: inline-flex; gap: 8px; align-items: center; max-width: 180px; padding: 9px 12px; border: 1px solid #b9decf; border-radius: 999px; background: #effaf6; color: #0b6649; font-size: 11px; font-weight: 850; text-align: right; }
.siah-sp__live i { flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: #16a36d; box-shadow: 0 0 0 5px rgba(22,163,109,.11); animation: siah-live-pulse 2s ease-in-out infinite; }
.siah-sp__metrics--ops > div { background: linear-gradient(150deg, #fff, #f5fbf9); }
.siah-sp__health-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.siah-sp__health-card { padding: 17px; border: 1px solid var(--siah-line); border-radius: 13px; background: #fbfdff; }
.siah-sp__health-card > div { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.siah-sp__health-card strong { color: var(--siah-navy); }
.siah-sp__health-card p { margin: 10px 0 8px; color: var(--siah-muted); font-size: 13px; line-height: 1.5; }
.siah-sp__health-card small { color: #788898; }
.siah-sp__actions { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; min-width: 180px; }
.siah-sp__actions form { margin: 0; }
.siah-sp__actions button { min-height: 31px; padding: 6px 9px; border: 0; border-radius: 7px; background: #e8f2fb; color: var(--siah-blue); font: inherit; font-size: 11px; font-weight: 850; cursor: pointer; }
.siah-sp__actions button.is-danger { background: #ffeded; color: #992e2e; }
.siah-sp__ops-form { margin-top: 20px; padding: 18px; border: 1px solid var(--siah-line); border-radius: 13px; background: #f9fcff; }
.siah-sp__ops-form > summary { cursor: pointer; color: var(--siah-navy); font-size: 17px; font-weight: 850; }
.siah-sp__ops-form[open] > summary { margin-bottom: 18px; }
.siah-sp__ops-form:target { scroll-margin-top: 34px; border-color: #70add5; box-shadow: 0 0 0 4px rgba(11,94,168,.08); }
.siah-sp__editor-status { display: flex; justify-content: space-between; gap: 18px; align-items: center; margin: 0 0 18px; padding: 14px 16px; border: 1px solid #b9d5e9; border-radius: 12px; background: linear-gradient(135deg, #eef7fd, #effaf6); }
.siah-sp__editor-status > div { display: grid; gap: 4px; }
.siah-sp__editor-status strong { color: var(--siah-navy); }
.siah-sp__editor-status span { color: var(--siah-muted); font-size: 13px; line-height: 1.45; }
.siah-sp__form-note { margin: 14px 0 0; color: var(--siah-muted); font-size: 12px; line-height: 1.6; }
.siah-sp__form-note code { padding: 2px 5px; border-radius: 5px; background: #edf3f8; color: #214461; }
.siah-sp__ops-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; margin-bottom: 20px; }
.siah-sp__ops-split .siah-sp__ops-form { margin-top: 0; }
.siah-sp__security-boundary { border-left: 5px solid var(--siah-gold); background: #fffaf0; }
.siah-sp__security-boundary p { margin: 0; color: #6f6045; line-height: 1.65; }

/* Digital Skills & Compliance */
.siah-sp__metrics--learning > div { background: linear-gradient(145deg, #fff, #f4fbf8); }
.siah-sp__course-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.siah-sp__course { display: flex; min-width: 0; padding: 22px; flex-direction: column; border: 1px solid var(--siah-line); border-radius: 17px; background: #fff; box-shadow: 0 8px 23px rgba(18,32,51,.05); }
.siah-sp__course-top { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.siah-sp__course-number { color: #6b7b8c; font-size: 11px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.siah-sp__course-category { color: var(--siah-blue); font-size: 10px; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.siah-sp__course > .siah-sp__course-category { margin-top: 16px; }
.siah-sp__course h3 { margin: 7px 0; color: var(--siah-navy); font-size: 20px; }
.siah-sp__course > p { min-height: 61px; margin: 0; color: var(--siah-muted); font-size: 13px; line-height: 1.55; }
.siah-sp__course-meta { display: flex; gap: 8px; margin: 14px 0; flex-wrap: wrap; }
.siah-sp__course-meta span { padding: 5px 8px; border-radius: 999px; background: #f0f5f8; color: #506174; font-size: 10px; font-weight: 750; }
.siah-sp__course-outcomes { margin: 0 0 17px; padding: 14px; border-radius: 12px; background: #f4f8f7; }
.siah-sp__course-outcomes strong { color: #31485b; font-size: 12px; }
.siah-sp__course-outcomes ul { display: grid; gap: 6px; margin: 9px 0 0; padding-left: 18px; color: #536474; font-size: 12px; line-height: 1.45; }
.siah-sp__course-open { display: flex !important; width: 100%; margin-top: auto; justify-content: space-between; text-decoration: none !important; }
.siah-sp__resource-links { display: grid; gap: 7px; }
.siah-sp__resource-links a { color: var(--siah-blue); font-size: 12px; font-weight: 800; }
.siah-sp__completed-note { margin-top: 9px; padding: 9px 11px; border: 1px solid #9bd9c8; border-radius: 10px; background: #ecfaf5; color: #0d655e; font-size: 11px; font-weight: 800; }
.siah-sp__badge--completed { background: #e5f7ef; color: #0c6a4f; }
.siah-sp__badge--in_progress { background: #e8f1ff; color: #285d9b; }
.siah-sp__badge--not_started { background: #edf2f7; color: #536274; }
.siah-sp__learning-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(330px,.9fr); gap: 26px; align-items: center; border: 0; background: linear-gradient(135deg,#073c32,#0b5e69); color: #fff; }
.siah-sp__learning-intro h3 { margin: 5px 0 8px; color: #fff; font-size: 24px; }
.siah-sp__learning-intro p { margin: 0; color: #d7ebe5; line-height: 1.65; }
.siah-sp__learning-intro .siah-sp__eyebrow { color: #f2c65d; }
.siah-sp__learning-intro ol { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; counter-reset: learning-steps; }
.siah-sp__learning-intro li { display: grid; grid-template-columns: 34px 1fr; gap: 2px 11px; align-items: center; padding: 10px 12px; border: 1px solid rgba(255,255,255,.15); border-radius: 12px; background: rgba(255,255,255,.07); counter-increment: learning-steps; }
.siah-sp__learning-intro li::before { content: counter(learning-steps); grid-row: 1/3; display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #f2b84b; color: #173247; font-weight: 900; }
.siah-sp__learning-intro li strong { color: #fff; font-size: 13px; }
.siah-sp__learning-intro li span { color: #cde3de; font-size: 11px; }
.siah-sp__course-hero { display: flex; gap: 24px; justify-content: space-between; align-items: flex-start; margin-bottom: 18px; padding: 30px; border-radius: 20px; background: linear-gradient(135deg,#072f3f,#0b5ea8 62%,#0c817e); color: #fff; box-shadow: 0 18px 42px rgba(8,47,73,.16); }
.siah-sp__course-hero h2 { margin: 5px 0 10px; color: #fff; font-size: clamp(28px,4vw,42px); line-height: 1.08; }
.siah-sp__course-hero p { max-width: 760px; margin: 0; color: #d8ebf6; line-height: 1.65; }
.siah-sp__course-hero .siah-sp__eyebrow { color: #f2c65d; }
.siah-sp__course-hero .siah-sp__course-meta span { background: rgba(255,255,255,.12); color: #fff; }
.siah-sp__course-hero > .siah-sp__badge { flex: 0 0 auto; }
.siah-sp__start-module { display: flex; gap: 14px; align-items: center; margin: 0 0 18px; padding: 15px 17px; border: 1px solid #b9d5e9; border-radius: 14px; background: #eef7fd; }
.siah-sp__start-module button { flex: 0 0 auto; border: 0; }
.siah-sp__start-module span { color: #52677a; font-size: 12px; }
.siah-sp__course-goals h3, .siah-sp__practice h3, .siah-sp__official-resources h3, .siah-sp__knowledge h3 { margin: 5px 0 10px; color: var(--siah-navy); }
.siah-sp__course-goals ul { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 14px 0 0; padding: 0; list-style: none; }
.siah-sp__course-goals li { padding: 13px 14px 13px 38px; border-radius: 12px; background: #eef8f4; color: #294d46; font-size: 12px; font-weight: 700; line-height: 1.5; position: relative; }
.siah-sp__course-goals li::before { content: '✓'; position: absolute; left: 14px; color: #0c817e; font-weight: 900; }
.siah-sp__lesson-list { display: grid; gap: 14px; margin: 18px 0; }
.siah-sp__lesson { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 18px; padding: 22px; border: 1px solid var(--siah-line); border-radius: 17px; background: #fff; box-shadow: 0 8px 23px rgba(18,32,51,.045); }
.siah-sp__lesson-index { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 14px; background: linear-gradient(145deg,#0b5ea8,#0c817e); color: #fff; font-size: 20px; font-weight: 900; }
.siah-sp__lesson h3 { margin: 3px 0 5px; color: var(--siah-navy); font-size: 20px; }
.siah-sp__lesson p { margin: 0 0 12px; color: var(--siah-muted); line-height: 1.6; }
.siah-sp__lesson ol { display: grid; gap: 9px; margin: 0; padding-left: 22px; color: #334b5f; font-size: 13px; line-height: 1.55; }
.siah-sp__lesson li::marker { color: var(--siah-blue); font-weight: 900; }
.siah-sp__practice { border-left: 5px solid #7fbd3c; background: linear-gradient(135deg,#f8fcf1,#eef8f4); }
.siah-sp__practice > p, .siah-sp__official-resources > p, .siah-sp__knowledge > p { color: var(--siah-muted); line-height: 1.6; }
.siah-sp__practice ul { display: grid; gap: 8px; margin: 14px 0 0; padding: 0; list-style: none; }
.siah-sp__practice li { display: flex; gap: 10px; padding: 10px 12px; border-radius: 10px; background: #fff; color: #314c43; font-size: 13px; }
.siah-sp__practice li span { color: #5f9e22; font-weight: 900; }
.siah-sp__official-resources { margin-top: 18px; }
.siah-sp__official-resources .siah-sp__resource-links { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 13px; }
.siah-sp__official-resources a { display: flex; justify-content: space-between; padding: 12px 14px; border: 1px solid #cfe0eb; border-radius: 11px; background: #f5fafd; text-decoration: none; }
.siah-sp__knowledge { margin-top: 18px; border-top: 5px solid var(--siah-blue); }
.siah-sp__assessment { display: grid; gap: 16px; margin-top: 16px; }
.siah-sp__assessment fieldset { margin: 0; padding: 16px; border: 1px solid #d5e2ea; border-radius: 13px; background: #fbfdfe; }
.siah-sp__assessment legend { display: flex; gap: 10px; align-items: center; padding: 0 6px; color: var(--siah-navy); font-size: 14px; font-weight: 850; }
.siah-sp__assessment legend span { display: grid; width: 27px; height: 27px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: #e5f2fa; color: var(--siah-blue); }
.siah-sp__assessment fieldset label { display: flex; gap: 10px; align-items: flex-start; margin-top: 9px; padding: 10px 12px; border: 1px solid #e0e9ee; border-radius: 10px; background: #fff; color: #3c5164; cursor: pointer; }
.siah-sp__assessment fieldset label:has(input:checked) { border-color: var(--siah-blue); background: #eef7fd; box-shadow: 0 0 0 2px rgba(11,94,168,.08); }
.siah-sp__assessment input { margin-top: 3px; accent-color: var(--siah-blue); }
.siah-sp__assessment-confirm { display: flex; gap: 10px; align-items: flex-start; padding: 14px; border-radius: 12px; background: #fff8e6; color: #594d31; font-size: 12px; line-height: 1.5; }
.siah-sp__assessment > button { justify-self: start; min-width: 240px; border: 0; }
.siah-sp__completion-certificate { display: grid; gap: 4px; padding: 17px; border: 1px solid #9bd9c8; border-radius: 13px; background: #ecfaf5; }
.siah-sp__completion-certificate strong { color: #0d655e; font-size: 17px; }
.siah-sp__completion-certificate span { color: #466a61; font-size: 12px; }

/* Approved Software Centre */
.siah-sp__software-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.siah-sp__software-card { position: relative; min-width: 0; padding: 20px; border: 1px solid var(--siah-line); border-radius: 15px; background: linear-gradient(145deg, #fff, #f8fbfc); }
.siah-sp__software-icon { display: grid; width: 44px; height: 44px; margin-bottom: 14px; place-items: center; border-radius: 13px; background: linear-gradient(145deg, #e4f4ff, #e8f8f4); color: var(--siah-blue); }
.siah-sp__software-card h4 { margin: 7px 0; color: var(--siah-navy); font-size: 18px; }
.siah-sp__software-card > p { min-height: 58px; margin: 0 0 7px; color: var(--siah-muted); font-size: 12px; line-height: 1.55; }
.siah-sp__software-card > small { display: block; color: #627285; font-weight: 750; }
.siah-sp__software-card details { margin-top: 14px; padding-top: 13px; border-top: 1px solid #dfe8ee; }
.siah-sp__request-form { display: grid; gap: 11px; margin-top: 13px; }
.siah-sp__request-form label { display: grid; gap: 6px; color: #32465a; font-size: 12px; font-weight: 750; }
.siah-sp__request-form input, .siah-sp__request-form textarea, .siah-sp__decision select { width: 100%; min-height: 42px; padding: 9px 10px; border: 1px solid #cbd8e5; border-radius: 8px; background: #fff; color: var(--siah-ink); font: inherit; }
.siah-sp__request-form textarea { resize: vertical; }
.siah-sp__request-form input:focus, .siah-sp__request-form textarea:focus, .siah-sp__decision select:focus { outline: 0; border-color: var(--siah-blue); box-shadow: 0 0 0 3px rgba(11,94,168,.11); }
.siah-sp__request-form button { min-height: 42px; border: 0; border-radius: 8px; background: var(--siah-blue); color: #fff; font-weight: 850; cursor: pointer; }
.siah-sp__vendor-link { display: inline-block; margin-top: 12px; color: var(--siah-blue); font-size: 11px; font-weight: 800; }
.siah-sp__badge--scheduled { background: #e8f1ff; color: #285d9b; }
.siah-sp__badge--rejected { background: #ffeded; color: #992e2e; }

/* Staff QR Studio */
.siah-sp__qr-layout { display: grid; grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr); gap: 20px; align-items: start; }
.siah-sp__qr-form { display: grid; gap: 17px; }
.siah-sp__qr-form label { display: grid; gap: 7px; color: #32465a; font-size: 13px; font-weight: 800; }
.siah-sp__qr-form > label input { width: 100%; min-height: 47px; padding: 10px 12px; border: 1px solid #cbd8e5; border-radius: 10px; background: #fbfdff; color: var(--siah-ink); font: inherit; }
.siah-sp__qr-form > label input:focus { outline: 0; border-color: var(--siah-blue); box-shadow: 0 0 0 3px rgba(11,94,168,.11); }
.siah-sp__qr-form small { color: var(--siah-muted); font-size: 11px; font-weight: 600; line-height: 1.5; }
.siah-sp__qr-designs { min-width: 0; margin: 0; padding: 0; border: 0; }
.siah-sp__qr-designs legend { margin: 0 0 9px; padding: 0; color: #32465a; font-size: 13px; font-weight: 800; }
.siah-sp__qr-design-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.siah-sp__qr-design-grid label { position: relative; min-width: 0; cursor: pointer; }
.siah-sp__qr-design-grid input { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.siah-sp__qr-design-card { display: grid; grid-template-columns: 22px minmax(0, 1fr); min-height: 64px; padding: 11px 12px; border: 1px solid #d5e0e8; border-radius: 12px; background: #fff; box-shadow: 0 4px 13px rgba(10,44,63,.04); transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.siah-sp__qr-design-card i { grid-row: 1 / 3; align-self: center; width: 16px; height: 38px; border-radius: 8px; background: var(--qr-swatch, #7fbd3c); box-shadow: inset 0 0 0 1px rgba(255,255,255,.28); }
.siah-sp__qr-design-card strong { overflow: hidden; color: #173247; font-size: 12px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.siah-sp__qr-design-card small { overflow: hidden; margin-top: 2px; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.siah-sp__qr-design-card--sprout { --qr-swatch: linear-gradient(180deg, #7fbd3c, #d5a21b); }
.siah-sp__qr-design-card--heritage { --qr-swatch: linear-gradient(180deg, #073c32, #f2b84b); }
.siah-sp__qr-design-card--classic { --qr-swatch: linear-gradient(180deg, #071b2f, #0b5ea8); }
.siah-sp__qr-design-card--ocean { --qr-swatch: linear-gradient(180deg, #063f5d, #4db8c2); }
.siah-sp__qr-design-card--event { --qr-swatch: linear-gradient(180deg, #d99b17, #f2c65d); }
.siah-sp__qr-design-card--mono { --qr-swatch: linear-gradient(180deg, #111820, #7d8993); }
.siah-sp__qr-design-grid input:checked + .siah-sp__qr-design-card { border-color: var(--siah-blue); box-shadow: 0 0 0 3px rgba(11,94,168,.1), 0 8px 19px rgba(10,44,63,.08); transform: translateY(-1px); }
.siah-sp__qr-design-grid input:focus-visible + .siah-sp__qr-design-card { outline: 3px solid rgba(11,94,168,.22); outline-offset: 2px; }
.siah-sp__qr-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.siah-sp__qr-actions button { min-height: 44px; padding: 10px 16px; border: 0; border-radius: 9px; background: var(--siah-blue); color: #fff; font: inherit; font-weight: 850; cursor: pointer; }
.siah-sp__qr-actions button.siah-sp__button--secondary { border: 1px solid #b9d5e9; background: #eef7fd; color: var(--siah-blue) !important; }
.siah-sp__qr-actions button:disabled { cursor: not-allowed; opacity: .48; }
.siah-sp__qr-status { min-height: 42px; margin: 0; padding: 11px 13px; border-radius: 10px; background: #f2f6f8; color: #536474; font-size: 12px; line-height: 1.5; }
.siah-sp__qr-status.is-success { background: #eaf8f2; color: #0b6950; }
.siah-sp__qr-status.is-error { background: #fff0f0; color: #912c2c; }
.siah-sp__qr-form + .siah-sp__security-boundary { margin-top: 20px; padding: 15px 17px; border-radius: 0 12px 12px 0; }
.siah-sp__qr-preview .siah-sp__panel-title span { color: var(--siah-muted); font-size: 11px; font-weight: 750; }
.siah-sp__qr-canvas-wrap { display: grid; padding: 18px; place-items: center; border-radius: 15px; background: linear-gradient(135deg, #edf3f1, #e8f3f6); }
.siah-sp__qr-canvas-wrap canvas { display: block; width: min(100%, 520px); height: auto; border-radius: 12px; box-shadow: 0 13px 34px rgba(8,47,73,.18); }
.siah-sp__qr-preview > p { margin: 14px 0 0; color: var(--siah-muted); font-size: 12px; text-align: center; }

/* Assets & Inventory */
.siah-sp__assets details { border: 1px solid #dbe7e0; border-radius: 13px; background: #fbfdfb; }
.siah-sp__assets details > summary { padding: 14px 16px; color: #123f33; font-weight: 850; cursor: pointer; }
.siah-sp__assets details[open] > summary { border-bottom: 1px solid #e1ebe5; }
.siah-sp__assets details > form, .siah-sp__assets details > p { margin: 0; padding: 17px; }
.siah-sp__asset-report { border-left: 4px solid #d6a326 !important; }
.siah-sp__signature { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 20px; padding: 14px 16px; border: 1px dashed #8aab9b; border-radius: 11px; background: #f2f8f4; color: #153f34; }
.siah-sp__signature span { color: var(--siah-muted); font-size: 12px; }
.siah-sp__asset-record .siah-sp__detail-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.siah-sp__asset-record .siah-sp__detail-list > div { padding: 12px 14px; border: 1px solid #e0e9e3; border-radius: 10px; background: #fbfdfc; }
.siah-sp__asset-record dt { color: var(--siah-muted); font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.siah-sp__asset-record dd { margin: 4px 0 0; color: var(--siah-ink); font-weight: 750; }

@keyframes siah-live-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .55; transform: scale(.82); }
}

@media (max-width: 920px) {
  .siah-sp__shell { grid-template-columns: minmax(0, 1fr); overflow: visible; background: #f4f7f3; }
  .siah-sp__sidebar { position: static; align-self: stretch; min-width: 0; min-height: 0; height: auto; max-height: none; padding: 16px; overflow: visible; }
  .siah-sp__sidebar::after { display: none; }
  .siah-sp__portal-brand { margin-bottom: 12px; }
  .siah-sp__nav { display: flex; gap: 7px; width: 100%; max-width: 100%; padding-bottom: 4px; overflow-x: auto; scrollbar-width: thin; }
  .siah-sp__nav-label, .siah-sp__sidebar-account { display: none; }
  .siah-sp__nav-item { flex: 0 0 auto; min-height: 39px; white-space: nowrap; }
  .siah-sp__nav-item:hover, .siah-sp__nav-item:focus-visible { transform: none; }
  .siah-sp__nav-item.is-active { box-shadow: inset 0 -3px #f2b84b; }
  .siah-sp__content { padding-top: 20px; }
  .siah-sp__welcome { grid-template-columns: 1fr; }
  .siah-sp__login { grid-template-columns: 1fr; }
  .siah-sp__login-copy { min-height: 340px; }
  .siah-sp__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .siah-sp__header { align-items: flex-start; flex-direction: column; }
  .siah-sp__account { width: 100%; }
  .siah-sp__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .siah-sp__health-grid, .siah-sp__ops-split, .siah-sp__course-grid, .siah-sp__software-grid, .siah-sp__qr-layout { grid-template-columns: 1fr; }
  .siah-sp__learning-intro { grid-template-columns: 1fr; }
  .siah-sp__ops .siah-sp__workspace-header { padding-right: 28px; }
  .siah-sp__live { position: static; max-width: none; margin-left: auto; }
}

@media (max-width: 600px) {
  .siah-sp { width: 100vw; margin-top: 0; margin-bottom: 20px; }
  .siah-sp__shell { border-radius: 0 0 18px 0; }
  .siah-sp__sidebar { border-radius: 0; }
  .siah-sp__content { padding: 17px 13px 0; }
  .siah-sp__topbar { align-items: flex-start; }
  .siah-sp__topbar-actions { align-items: flex-end; flex-direction: column; }
  .siah-sp__welcome { padding: 24px 20px; border-radius: 17px; }
  .siah-sp__welcome-meta { grid-template-columns: 1fr 1.3fr; }
  .siah-sp__group-heading { align-items: flex-start; flex-direction: column; gap: 6px; }
  .siah-sp__login { border-radius: 19px; }
  .siah-sp__login-copy, .siah-sp__login-card { padding: 30px 24px; }
  .siah-sp__login-copy h1 { font-size: 44px; }
  .siah-sp__login-links, .siah-sp__intro, .siah-sp__footer { align-items: flex-start; flex-direction: column; }
  .siah-sp__header { padding: 28px 23px; border-radius: 19px; }
  .siah-sp__grid { grid-template-columns: 1fr; }
  .siah-sp__module { min-height: 226px; }
  .siah-sp__workspace-header { padding: 22px; }
  .siah-sp__form, .siah-sp__detail-grid, .siah-sp__metrics { grid-template-columns: 1fr; }
  .siah-sp__filters, .siah-sp__panel-title, .siah-sp__editor-status { align-items: stretch; flex-direction: column; }
  .siah-sp__filters button { width: 100%; }
  .siah-sp__panel { padding: 19px; }
  .siah-sp__live { width: 100%; justify-content: center; margin: 14px 0 0; }
  .siah-sp__qr-design-grid { grid-template-columns: 1fr; }
  .siah-sp__course-goals ul, .siah-sp__official-resources .siah-sp__resource-links { grid-template-columns: 1fr; }
  .siah-sp__course-hero, .siah-sp__start-module { align-items: flex-start; flex-direction: column; }
  .siah-sp__lesson { grid-template-columns: 1fr; }
  .siah-sp__asset-record .siah-sp__detail-list { grid-template-columns: 1fr; }
  .siah-sp__lesson-index { width: 42px; height: 42px; }
  .siah-sp__assessment > button { width: 100%; min-width: 0; }
}

@media print {
  .siah-sp__sidebar, .siah-sp__topbar, .siah-sp__asset-record > a, .siah-sp__asset-record > .siah-sp__panel:last-child, .siah-sp__footer { display: none !important; }
  .siah-sp, .siah-sp__shell, .siah-sp__content, .siah-sp__asset-record { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: #fff !important; box-shadow: none !important; }
  .siah-sp__asset-record .siah-sp__panel { border: 1px solid #777; box-shadow: none; }
}

@media (prefers-reduced-motion: reduce) {
  .siah-sp__module, .siah-sp__login-card input, .siah-sp__nav-item { transition: none; }
  .siah-sp__live i { animation: none; }
}