:root{--color-primary: #455465;--color-secondary: #007ab8;--color-tertiary: #1ea4a9;--color-state: #0074be;--color-state-hover: #006ab4;--color-state-focus: #006ab4;--color-state-active: #0059a3;--color-state-highlight: #f6f9d7;--color-state-highlight-neutral: var(--color-neutral-3);--color-state-disabled: var(--color-neutral-5);--color-neutral-1: #fff;--color-neutral-2: #fafafa;--color-neutral-3: #f7f7f7;--color-neutral-4: #e6e4e4;--color-neutral-5: #c7c7c7;--color-neutral-6: #767676;--color-neutral-7: #262626;--color-background: var(--color-neutral-1);--color-border: var(--color-neutral-5);--color-text: var(--color-neutral-7);--color-text-disabled: var(--color-neutral-5);--color-text-hint: var(--color-neutral-6);--link-color: var(--color-state);--link-color-hover: var(--color-state-hover);--nav-bg-color: #fafafa;--nav-text-color: var(--color-text);--nav-selected-color: var(--color-state);--nav-border-colour: rgba(128, 128, 128, 0.2);--nav-width: 15rem;--nav-collapsed-width: 5rem;--nav-button-size: 1.25rem;--nav-logo-width: 7.5rem;--nav-logo-height: 7.5rem;--nav-logomark-width: 2.5rem;--nav-logomark-height: 2.5rem;--footer-bg-color: #fff;--footer-text-color: var(--color-text);--footer-text-color-hover: var(--footer-text-color);--btn-accent-color: var(--color-state);--btn-accent-color-active: var(--color-state-active);--btn-accent-color-hover: var(--color-state-hover);--btn-accent-color-disabled: var(--color-state-disabled);--page-content-padding-desktop: calc(var(--gap-base) * 8)}.tui-theme_inspire-navItem{--tui-theme_inspire-navItem-height: 2.75rem;--tui-theme_inspire-navItem-indicator-height: 2rem;--tui-theme_inspire-navItem-top-level-nav-item-padding: 10px;--tui-theme_inspire-navItem-nav-item-padding: 6px;display:flex;flex-grow:1;flex-wrap:wrap;height:var(--tui-theme_inspire-navItem-height);padding-top:calc(var(--gap-base) * 1);color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem--navExpanded{height:100%}.tui-theme_inspire-navItem__icon{width:1.2em;height:1.2em;margin:auto}.tui-theme_inspire-navItem__icon--navExpanded{margin:calc(var(--gap-base) * 3) auto auto calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem .tui-theme_inspire-navItem{padding-top:0}.tui-theme_inspire-navItem--selected{color:var(--nav-selected-color)}.tui-theme_inspire-navItem--selected:before{height:var(--tui-theme_inspire-navItem-indicator-height);margin-top:calc(var(--gap-base) * 1);border-right:calc(var(--gap-base) * 1) solid var(--nav-selected-color);border-top-right-radius:calc(var(--gap-base) * 1);border-bottom-right-radius:calc(var(--gap-base) * 1);content:""}.tui-theme_inspire-navItem .tui-theme_inspire-navItem--selected:before{margin-top:0}.tui-theme_inspire-navItem--link{flex-wrap:nowrap}.tui-theme_inspire-navItem__heading{display:flex;flex-grow:1;align-items:flex-start;padding:0;background-color:inherit;border:none;border-radius:var(--btn-radius)}.tui-theme_inspire-navItem__heading--childSelected{color:var(--nav-selected-color)}.tui-theme_inspire-navItem__heading--depth-0{margin-left:calc(var(--gap-base) * 5);font-weight:600}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--navExpanded{margin-left:calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 4)}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--selected.tui-theme_inspire-navItem__heading--navExpanded{margin-left:calc(var(--gap-base) * 2)}.tui-theme_inspire-navItem__heading--depth-0 .tui-theme_inspire-navItem__headingAction{margin:calc(var(--gap-base) * 2)}.tui-theme_inspire-navItem__heading--depth-1{margin-left:calc(var(--gap-base) * 10);font-weight:400}.tui-theme_inspire-navItem__heading--depth-1.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 9)}.tui-theme_inspire-navItem__heading--depth-2{margin-left:calc(var(--gap-base) * 13)}.tui-theme_inspire-navItem__heading--depth-2.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 12)}.tui-theme_inspire-navItem__heading--link{color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem__heading--link:hover,.tui-theme_inspire-navItem__heading--link:focus{color:var(--nav-tab-text-color);text-decoration:none}.tui-theme_inspire-navItem__heading--link.tui-theme_inspire-navItem__heading--selected{color:var(--nav-selected-color)}@media (hover:hover){.tui-theme_inspire-navItem__heading:hover{background-color:color-mix(in srgb, var(--nav-tab-text-color) 10%, transparent)}}.tui-theme_inspire-navItem__heading:focus-visible{outline:2px solid var(--nav-tab-text-color)}.tui-theme_inspire-navItem__headingText{flex-grow:1;margin:auto;padding:var(--tui-theme_inspire-navItem-nav-item-padding) calc(var(--gap-base) * 1) var(--tui-theme_inspire-navItem-nav-item-padding) calc(var(--gap-base) * 3);text-align:left;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.tui-theme_inspire-navItem__headingText--depth-0{padding:var(--tui-theme_inspire-navItem-top-level-nav-item-padding) calc(var(--gap-base) * 1) var(--tui-theme_inspire-navItem-top-level-nav-item-padding) calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem__headingAction{flex-basis:1.5rem;flex-shrink:0;height:1.5rem;margin:calc(var(--gap-base) * 1) calc(var(--gap-base) * 2);padding:var(--tui-theme_inspire-navItem-nav-item-padding);color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem__children{flex-basis:100%;margin-bottom:calc(var(--gap-base) * 2);margin-left:0;list-style:none}.tui-theme_inspire-navigation__toggle{position:absolute;z-index:1;width:var(--nav-button-size);height:var(--nav-button-size);margin:calc(var(--gap-base) * 4);color:var(--color-text)}.tui-theme_inspire-navigation__toggle--overlay{display:block}.tui-theme_inspire-navigation__toggle--expand{display:none}@media (min-width:992px){.tui-theme_inspire-navigation__toggle{left:var(--nav-collapsed-width);margin-left:calc(var(--gap-base) * 5)}.tui-theme_inspire-navigation__toggle--overlay{display:none}.tui-theme_inspire-navigation__toggle--expand{display:block}.tui-theme_inspire-navigation__toggle--navExpanded{left:var(--nav-width)}}.tui-theme_inspire-navigation__toggle--navHidden{left:0}.tui-theme_inspire-navigation{position:relative;z-index:var(--zindex-navbar);display:none;flex-direction:column;overflow:visible}@media (min-width:992px){.tui-theme_inspire-navigation{display:flex;width:var(--nav-collapsed-width)}}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__nav{position:fixed;display:flex;flex-direction:column;width:var(--nav-collapsed-width);height:100%;background-color:var(--nav-bg-color);border-right:1px inset var(--nav-border-colour)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__heading{margin:auto;border-bottom:1px inset var(--nav-border-colour)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logomark-width);max-height:var(--nav-logomark-height);margin:calc(var(--gap-base) * 8) 0}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__collapse{float:right;width:var(--nav-button-size);height:var(--nav-button-size);margin-top:calc(var(--gap-base) * 4);margin-right:calc(var(--gap-base) * -3);color:var(--nav-tab-text-color)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__collapse:focus-visible{outline:2px solid var(--nav-tab-text-color)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__items{display:flex;flex-direction:column;gap:calc(var(--gap-base) * 1);height:100%;margin:0;padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 5) calc(var(--gap-base) * 5) 0;overflow-y:auto;list-style:none}.tui-theme_inspire-navigation--overlaid{position:fixed;z-index:var(--zindex-nav-overlay);display:flex;width:var(--nav-width)}@media (min-width:992px){.tui-theme_inspire-navigation--overlaid{position:relative;width:var(--nav-collapsed-width)}}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__nav{width:var(--nav-width)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__heading{margin:0 calc(var(--gap-base) * 6)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logo-width);max-height:var(--nav-logo-height)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__items{padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 3) calc(var(--gap-base) * 5) 0}.tui-theme_inspire-navigation--desktopExpanded{display:none}@media (min-width:992px){.tui-theme_inspire-navigation--desktopExpanded{display:flex;width:var(--nav-width)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__nav{width:var(--nav-width)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__heading{margin:0 calc(var(--gap-base) * 6)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logo-width);max-height:var(--nav-logo-height)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__items{padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 3) calc(var(--gap-base) * 5) 0}}.tui-theme_inspire-navigation--hidden{display:none}.tui-settingsFormBrand__testEmailInfoButton{align-self:center}.tui-themeSettings__content{margin-top:var(--gap-8)}.tui-themeSettings__forms>*+*{margin-top:var(--gap-8)}:root{--nav-bg-color: #fafafa;--nav-text-color: #262626;--nav-selected-color: #0074be;}
#page-mod-quiz-attempt .clearfix:after, #page-mod-quiz-review .clearfix:after, #page-question-bank-previewquestion-preview .clearfix:after, #page-filter-embedquestion-showquestion .clearfix:after {
display: inline;
}

/*
/* =============================================================
   SPS (MyLO) — Totara Dashboard SPS-Look Overrides

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/* 1. Brand tokens — THE ONLY BLOCK YOU SHOULD NEED TO EDIT
   ⚠ Every value below is a placeholder. Replace with the real
   SPS values (DevTools eyedropper / Computed panel).
   ---------------------------------------------------------------- */
:root {
  --sps-primary:        #004295;   /* ⚠ SPS teal/petrol — header bars, buttons   */
  --sps-primary-dark:   #004f51;   /* ⚠ darker shade for hovers                  */
  --sps-accent:         #df017c;   /* ⚠ accent line     */
  --sps-text:           #1a1a1a;   /* ⚠ body text                                */
  --sps-bg:             #ffffff;   /* ⚠ page background                          */
  --sps-surface:        #ffffff;   /* card surface                               */
  --sps-border:         #e2e6e8;   /* hairline borders                           */
  --sps-link:           #00696b;   /* ⚠ usually = primary                        */
  --sps-link-hover:     #004f51;
  --font-heading:       'Roboto', 'Helvetica Neue', Arial, sans-serif;  /* ⚠ confirm */
  --font-body:          'Roboto', 'Helvetica Neue', Arial, sans-serif;  /* ⚠ confirm */
}

/* 2. Tui colour tokens (theme_inspire is Vue/Tui-based) — setting
   these recolours encapsulated Tui components that external CSS
   can't otherwise reach.
   ⚠ Verify the exact token names in DevTools (:root computed
   styles) — Totara renames these occasionally between releases.
   ---------------------------------------------------------------- */
:root {
  --color-primary:        var(--sps-primary);
  --color-primary-active: var(--sps-primary-dark);
  --color-state:          var(--sps-primary);
  --color-state-active:   var(--sps-primary-dark);
  --color-prompt-focus:   var(--sps-primary);
}

/* 3. Global typography (dashboard only)
   ---------------------------------------------------------------- */
.path-totara-dashboard {
  font-family: var(--font-body);
  color: var(--sps-text);
  background-color: var(--sps-bg);
}

.path-totara-dashboard h1, .path-totara-dashboard h2,
.path-totara-dashboard h3, .path-totara-dashboard h4 {
  font-family: var(--font-heading);
}

.path-totara-dashboard a            { color: var(--sps-link); }
.path-totara-dashboard a:hover,
.path-totara-dashboard a:focus       { color: var(--sps-link-hover); }

/* 4. Left navigation (vertical sidebar)
   ---------------------------------------------------------------- */
.path-totara-dashboard .tui-theme_inspire-navItem__headingText {
  font-family: var(--font-body);
  color: var(--sps-text);
}
.path-totara-dashboard .tui-theme_inspire-navItem__icon { color: var(--sps-primary); }

.path-totara-dashboard .tui-theme_inspire-navItem__heading--link:hover
  .tui-theme_inspire-navItem__headingText { color: var(--sps-primary); }

/* Active item — ⚠ confirm the actual active/current class in
   DevTools; theme_inspire doesn't expose it in static markup. */
.path-totara-dashboard .tui-theme_inspire-navItem--active
  .tui-theme_inspire-navItem__headingText {
  color: var(--sps-primary);
  font-weight: 700;
  box-shadow: inset 3px 0 0 var(--sps-primary);   /* SPS-style active rail */
}

/* 5. Top toolbar
   ---------------------------------------------------------------- */
.path-totara-dashboard .userToolbar_prim { background-color: var(--sps-surface); }
.path-totara-dashboard .usermenu .usertext { color: var(--sps-text); }
.path-totara-dashboard .totara_core__QuickAccess_icon .flex-icon { color: var(--sps-primary); }

/* 6. Breadcrumb
   ---------------------------------------------------------------- */
.path-totara-dashboard .breadcrumb a       { color: var(--sps-link); }
.path-totara-dashboard .breadcrumb a:hover  { color: var(--sps-link-hover); }

/* 7. Block cards + headers
   The dashboard already gives blocks a coloured header bar; this
   re-skins it to SPS primary with a clean accent underline.
   ---------------------------------------------------------------- */
.path-totara-dashboard .block {
  background: var(--sps-surface);
  border: 1px solid var(--sps-border);
  border-radius: 8px;
  overflow: hidden;
}

.path-totara-dashboard .block .block-header {
  background: var(--sps-primary) !important;   /* beats existing navy rule */
  border-bottom: 3px solid var(--sps-accent);  /* delete border if no accent */
  padding: 12px 16px;
}

.path-totara-dashboard .block .block-title h2 {
  color: #fff;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: .02em;
  margin: 0;
}

.path-totara-dashboard .block .block-content { padding: 16px; }

/* 8. MENU featured-links tiles
   Tile artwork is a baked-in background image — CSS can't recolour
   it. We can only round + lift on hover. (To re-skin the imagery,
   re-export the tile backgrounds in the SPS palette and re-upload.)
   ---------------------------------------------------------------- */
.path-totara-dashboard .block-totara-featured-links-tile {
  border-radius: 8px;
  overflow: hidden;
  transition: transform .15s ease, box-shadow .15s ease;
}
.path-totara-dashboard .block-totara-featured-links-tile:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,.14);
}

/* 9. My Active Learning tiles + progress bars
   ---------------------------------------------------------------- */
.path-totara-dashboard .block_current_learning-tile {
  border: 1px solid var(--sps-border);
  border-radius: 8px;
  overflow: hidden;
  transition: box-shadow .15s ease;
}
.path-totara-dashboard .block_current_learning-tile:hover {
    box-shadow: 0 4px 16px rgb(23 161 174);
}
.path-totara-dashboard .block_current_learning-tile__link_title {
  font-family: var(--font-heading);
  color: var(--sps-primary);
}
.path-totara-dashboard .block_current_learning-tile__content_component {
  color: #5a6b6c;
  font-size: .8125rem;
}

/* Progress fill → SPS primary. Overdue/expired stays red on
   purpose (semantic), so it's deliberately not touched here. */
.path-totara-dashboard .progressbar_container .bar {
  background-color: var(--sps-primary) !important;
}
.path-totara-dashboard .progressbar_container.progress-success .bar {
  background-color: var(--sps-primary-dark) !important;
}

/* 10. Compliance report tables + links
   ⚠ Verify table class in DevTools — these blocks render via JS
   and weren't in the static capture. Common Totara classes below.
   ---------------------------------------------------------------- */
.path-totara-dashboard .block_totara_report_table a,
.path-totara-dashboard table.generaltable a {
  color: var(--sps-link);
  font-weight: 500;
}
.path-totara-dashboard table.generaltable th {
  font-family: var(--font-heading);
  color: var(--sps-text);
}

/* 11. Calendar
   ---------------------------------------------------------------- */
.path-totara-dashboard .minicalendar caption .current a { color: var(--sps-primary); }
.path-totara-dashboard .minicalendar .today {
  background-color: var(--sps-primary) !important;
}
.path-totara-dashboard .minicalendar .today a { color: #fff !important; }
.path-totara-dashboard .minicalendar td.hasevent a { color: var(--sps-link); font-weight: 600; }

/* 12. Buttons + footer
   ---------------------------------------------------------------- */
.path-totara-dashboard input[type="submit"],
.path-totara-dashboard .btn-primary {
  background-color: var(--sps-primary);
  border-color: var(--sps-primary);
  color: #fff;
  font-family: var(--font-body);
  font-weight: 600;
  border-radius: 4px;
}
.path-totara-dashboard input[type="submit"]:hover,
.path-totara-dashboard .btn-primary:hover {
  background-color: var(--sps-primary-dark);
  border-color: var(--sps-primary-dark);
}

.path-totara-dashboard #page-footer {
  background-color: var(--sps-primary);
  color: #fff;
}
.path-totara-dashboard #page-footer a { color: rgba(255,255,255,.9); }
.path-totara-dashboard #page-footer a:hover { color: #fff; } */