/* Scroll LMS — adapter for the supplied Scrolltool product design system.
   The imported tokens are the source of truth; legacy names remain API aliases. */
@import url('/static/scrolltool/tokens/fonts.css');
@import url('/static/scrolltool/tokens/colors.css');
@import url('/static/scrolltool/tokens/elevation.css');
@import url('/static/scrolltool/tokens/themes.css');
@import url('/static/scrolltool/tokens/typography.css');
@import url('/static/scrolltool/tokens/motion.css');

:root, body.unika-shell, body.unika-shell .workbench {
  --font-display:var(--st-font-display);--font-heading:var(--st-font-display);
  --font-ui:var(--st-font-sans);--font-body:var(--st-font-sans);--font-outlier:var(--st-font-sans);
  --color-paper:#fff;--color-paper-2:#F6F8FA;--color-paper-3:#EFF2F5;--color-surface:#fff;
  --color-bg:#fff;--color-ink:#000;--color-ink-2:#000;--color-text:#000;--color-neutral:#40465B;--color-muted:#565E75;
  --color-rule:#E4E9F0;--color-rule-2:#727A92;--color-border:#E4E9F0;
  --color-primary:#000;--color-accent:#000;--color-accent-2:#F5FFD0;--color-accent-ink:#000;--color-focus:#A8D400;
  --color-sidebar:#fff;--color-sidebar-active:#F5FFD0;--color-sidebar-ink:#000;
  --color-action:#CEFF15;--color-action-hover:#DDFF5C;--color-action-ink:#000;
  --color-success:#1E8E57;--color-warning:#95651A;--color-danger:#C7362C;--color-light:#EFF2F5;
  --purple-950:#000;--purple-900:#000;--purple-800:#000;--purple-700:#000;--purple-600:#000;
  --purple-500:#A8D400;--purple-400:#A8D400;--purple-300:#E4E9F0;--purple-200:#EFF2F5;--purple-100:#F5FFD0;--purple-50:#F6F8FA;
  --terracotta-700:#A8D400;--terracotta-600:#CEFF15;--terracotta-100:#F5FFD0;
  --cream-50:#fff;--cream-100:#F6F8FA;--cream-200:#EFF2F5;--cream-300:#E4E9F0;
  --stone-500:#727A92;--stone-700:#40465B;--plum-900:#000;--sage-500:#1E8E57;
  --admin-ink:#000;--admin-muted:#565E75;--admin-purple:#000;--admin-purple-dark:#000;--admin-purple-soft:#A8D400;
  --admin-clay:#fff;--admin-clay-dark:#EFF2F5;--admin-cream:#fff;--admin-soft:#F6F8FA;--admin-line:#E4E9F0;--admin-green:#1E8E57;
  --radius:14px;--radius-card:14px;--radius-input:999px;--radius-sm:999px;--radius-lg:20px;--admin-radius:14px;
  --shadow-card:0 1px 3px rgb(0 0 0 / .04);--shadow:0 1px 3px rgb(0 0 0 / .04);--shadow-lg:0 16px 40px rgb(0 0 0 / .12);
  --admin-navigation-top:88px;
  font-family:var(--st-font-sans);color:var(--st-fg-1);background:var(--st-bg-canvas);
}
body.unika-shell :is(h1,h2,h3,h4,h5,h6){font-family:var(--st-font-display);font-weight:700;letter-spacing:-.025em}
body.unika-shell :is(button,input,textarea,select){font-family:var(--st-font-sans)}
body.unika-shell :is(input,select,textarea,button,a):focus-visible{outline:2px solid #A8D400;outline-offset:3px}
body.unika-shell :is(input[type=checkbox],input[type=radio]){accent-color:#000}
body.unika-shell :is(.work-rail,.sidebar){background:#fff;color:#000;border-right:1px solid #E4E9F0}
body.unika-shell .work-brand.work-brand--logo{min-height:88px;height:88px;padding:20px 16px;justify-content:flex-start;margin:0 0 16px}
body.unika-shell .work-brand__logo{width:156px;height:36px;max-height:36px;max-width:100%;object-fit:contain;filter:none}
body.unika-shell .work-nav__label{color:#565E75;font-size:12px;letter-spacing:.06em}
body.unika-shell .work-nav a{color:#000;min-height:44px;border:1px solid transparent;border-radius:999px;font-weight:500}
body.unika-shell .work-nav a:hover{color:#000;background:#F6F8FA}
body.unika-shell .work-nav a.active{background:#F5FFD0;color:#000;border-color:#A8D400;box-shadow:none}
body.unika-shell .work-nav a.active::before{content:none}
body.unika-shell .work-nav a.active .ui-icon{background-color:currentColor;color:#000}
body.unika-shell :is(.work-nav a small,.work-switch,.work-user,.work-logout,.work-rail-chevron){color:#40465B}
body.unika-shell :is(.work-rail__footer,.work-nav__divider){border-color:#E4E9F0}
body.unika-shell :is(.sidebar-profile__trigger,.sidebar-profile__name,.sidebar-profile__role){color:#000}
body.unika-shell :is(.work-topbar,.admin-topbar){background:#fff;border-bottom:1px solid #E4E9F0}
body.unika-shell :is(.work-search,.admin-search){background:#F6F8FA;border-color:#E4E9F0;box-shadow:none}
body.unika-shell :is(.admin-avatar,.work-avatar){background:#EFF2F5;color:#000}
body.unika-shell :is(.btn-primary,.admin-primary,.auth-v2__button,.le-btn-primary,.student-button--primary,.exam-button--primary,.sales-button){background:#CEFF15;color:#000;border-color:#CEFF15;box-shadow:none;border-radius:999px;font-weight:700}
body.unika-shell :is(.btn-primary,.admin-primary,.auth-v2__button,.le-btn-primary,.student-button--primary,.exam-button--primary,.sales-button):hover{background:#DDFF5C;color:#000;border-color:#DDFF5C}
body.unika-shell .continue-strip .btn{background:#CEFF15!important;color:#000!important}
body.unika-shell :is(.ui-tooltip,.toast){background:#000;color:#fff;border-color:#000}
body.unika-shell .mobile-tabs{background:#fff;border-color:#E4E9F0}
body.unika-shell .mobile-tabs a{color:#40465B;min-height:44px}
body.unika-shell .mobile-tabs a.active{background:#F5FFD0;color:#000;border-radius:14px}
body.unika-shell :is(.learning-card,.student-panel,.admin-card,.lr-course-card,.mr-card){box-shadow:var(--shadow-card);border-color:#E4E9F0}
body.unika-shell .progress-track{height:6px;background:#E4E9F0;border-radius:999px}
body.unika-shell .progress-track :is(span,.progress-track__fill){background:#CEFF15;border-radius:999px;transition:width 360ms cubic-bezier(.16,.9,.2,1)}
body.unika-shell progress{appearance:none;-webkit-appearance:none;background:#E4E9F0;accent-color:#CEFF15;border:0;border-radius:999px;overflow:hidden}
body.unika-shell progress::-webkit-progress-bar{background:#E4E9F0;border-radius:999px;box-shadow:none}
body.unika-shell progress::-webkit-progress-value{background:#CEFF15;border-radius:999px;box-shadow:none;transition:width 360ms cubic-bezier(.16,.9,.2,1)}
body.unika-shell progress::-moz-progress-bar{background:#CEFF15;border-radius:999px;box-shadow:none}
body.unika-shell :is(.lr-progress-title>strong,.library-progress-copy b){color:#000;font-variant-numeric:tabular-nums}

/* Authentication shares the UI font and fixed original brand assets. */
body.unika-shell .auth-v2{background:#fff;color:#000;font-family:var(--st-font-sans)}
body.unika-shell .auth-v2__brand{background:#F6F8FA;color:#000;border-right:1px solid #E4E9F0}
body.unika-shell .auth-v2__brand::before,body.unika-shell .auth-v2__brand::after{display:none}
body.unika-shell .auth-v2__logo{width:220px;max-width:100%;height:auto;max-height:60px;object-fit:contain;filter:none}
body.unika-shell .auth-v2__story{color:#000}
body.unika-shell .auth-v2__story :is(h1,p){color:inherit}
body.unika-shell :is(.auth-v2__lead,.auth-v2__note){color:#565E75}
body.unika-shell .auth-v2__eyebrow{color:#40465B}
body.unika-shell .auth-v2__main{background:#fff}
body.unika-shell .auth-v2__card{width:min(100%,460px)}
body.unika-shell .auth-v2__card h1{font-size:34px;font-weight:700}
body.unika-shell .auth-v2__field input{border-color:#D9DFE8;border-radius:999px;background:#fff;color:#000;min-height:48px}
.scroll-auth__story{margin:auto 0;padding:64px 0}
.scroll-auth__story h2{font-size:clamp(36px,4.1vw,62px);line-height:1.08;margin:20px 0 28px}
.scroll-auth__story>p:last-child{max-width:390px;font-size:18px;line-height:1.6;color:#40465B}
.scroll-eyebrow{display:inline-block;padding:8px 14px;border-radius:999px;background:#F5FFD0;border:1px solid #A8D400;font-weight:600;font-size:13px}
.scroll-auth__footer{color:#565E75;font-size:13px}
.auth-intro__password{position:relative}
.auth-intro__password input{padding-right:54px!important;width:100%!important}
.auth-intro__password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;background:none;border:0;border-radius:999px;color:#40465B;cursor:pointer}
.auth-intro__password-toggle[hidden]{display:none}
.auth-intro__password-slash{display:none}
.auth-intro__password-toggle[data-visible=true] .auth-intro__password-slash{display:block}
@media(max-width:800px){body.unika-shell .auth-v2{grid-template-columns:minmax(0,1fr)}body.unika-shell .auth-v2__brand{padding:24px;border-right:0;border-bottom:1px solid #E4E9F0;min-height:0}.scroll-auth__story,.scroll-auth__footer{display:none}body.unika-shell .auth-v2__logo{width:170px}body.unika-shell .auth-v2__main{padding:36px 24px}body.unika-shell .auth-v2__card h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){body.unika-shell *,body.unika-shell *::before,body.unika-shell *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body.unika-shell .admin-button:not(.admin-button--ghost):not(.admin-button--danger),body.unika-shell .le-btn--primary{background:#CEFF15;color:#000;border-color:#CEFF15;border-radius:999px;font-weight:700}
body.unika-shell .admin-button--ghost{background:#fff;color:#000;border-color:#D9DFE8}
body.unika-shell .sidebar-profile{border-color:#E4E9F0;border-radius:14px;background:#F6F8FA;color:#000}
body.unika-shell .is-rail-collapsed .work-brand{justify-content:center;padding:0}
body.unika-shell .student-search .btn-primary{background:#fff;border-color:#D9DFE8;color:#000}

body.unika-shell .admin-material-card__cover--empty{background:#F6F8FA}
body.unika-shell .admin-material-card__cover--empty::after{background:none;opacity:0}
body.unika-shell .admin-toolbar .admin-button{background:#fff;color:#000;border-color:#D9DFE8}
body.unika-shell .learning-tabs a.active,body.unika-shell .learning-tabs a[aria-current=page]{background:#F5FFD0;color:#000;border-color:#A8D400}

.scroll-product-label{font-size:11px;font-weight:700;letter-spacing:.08em;color:#40465B}.is-rail-collapsed .scroll-product-label{display:none}

body.unika-shell .admin-learning-tabs a.active{background:#F5FFD0;color:#000;border:1px solid #A8D400;border-radius:999px}
body.unika-shell .le-add-section{background:#F6F8FA;color:#000;border-color:#D9DFE8;box-shadow:none;border-radius:14px}
body.unika-shell .library-toolbar .admin-button{background:#fff;color:#000;border-color:#D9DFE8}
body.unika-shell .library-type-icon{color:#000}

body.unika-shell progress{background:#E4E9F0!important;accent-color:#CEFF15!important}
body.unika-shell progress::-webkit-progress-bar{background:#E4E9F0!important;box-shadow:none!important}
body.unika-shell progress::-webkit-progress-value{background:#CEFF15!important;box-shadow:none!important}
body.unika-shell progress::-moz-progress-bar{background:#CEFF15!important;box-shadow:none!important}
body.unika-shell .student-priority{background:#F6F8FA;border-color:#E4E9F0}