/* ITPlugg v19.24 – sammanhängande teman, lugn quizrytm och säker adminyta */

html[data-v1919-theme="nordic"]{
  color-scheme:light;--bg:#eef4f7;--bg2:#ffffff;--line:#c9d9e3;--txt:#10283a;--mut:#5f7587;
  --theme-sidebar:#e4eef3;--theme-sidebar-2:#f4f8fa;--theme-hero:#dcecf1;--theme-hero-2:#f8fbfc;--theme-shadow:rgba(30,68,90,.12);--accent-ink:#06252a
}
html[data-v1919-theme="midnight"]{
  color-scheme:dark;--bg:#071827;--bg2:#0d263a;--line:#24445b;--txt:#edf7fb;--mut:#91aabd;
  --theme-sidebar:#061522;--theme-sidebar-2:#0b2638;--theme-hero:#10324d;--theme-hero-2:#091c2e;--theme-shadow:rgba(0,0,0,.28);--accent-ink:#05262b
}
html[data-v1919-theme="slate"]{
  color-scheme:dark;--bg:#171b24;--bg2:#232a36;--line:#414c5c;--txt:#f1f4f8;--mut:#a8b2c0;
  --theme-sidebar:#121721;--theme-sidebar-2:#252d3a;--theme-hero:#303948;--theme-hero-2:#1d232d;--theme-shadow:rgba(0,0,0,.3);--accent-ink:#101a1b
}
html[data-v1919-theme="contrast"]{
  color-scheme:dark;--bg:#020407;--bg2:#0a0d12;--line:#8b9caf;--txt:#fff;--mut:#d8e0e8;
  --theme-sidebar:#000;--theme-sidebar-2:#10151c;--theme-hero:#111820;--theme-hero-2:#020407;--theme-shadow:rgba(0,0,0,.5);--accent-ink:#001613
}
html[data-v1919-theme="ocean"]{
  color-scheme:dark;--bg:#06192b;--bg2:#0b2a45;--line:#285674;--txt:#eff9ff;--mut:#9dbbd0;
  --theme-sidebar:#041523;--theme-sidebar-2:#0a3554;--theme-hero:#0d4b72;--theme-hero-2:#071f35;--theme-shadow:rgba(0,13,28,.34);--accent-ink:#051e29
}
html[data-v1919-theme="forest"]{
  color-scheme:dark;--bg:#0b1a16;--bg2:#142b24;--line:#355548;--txt:#eff9f4;--mut:#a1baaf;
  --theme-sidebar:#071510;--theme-sidebar-2:#17372c;--theme-hero:#21523f;--theme-hero-2:#0d2019;--theme-shadow:rgba(0,16,10,.34);--accent-ink:#071e15
}
html[data-v1919-theme="sand"]{
  color-scheme:light;--bg:#f3eee4;--bg2:#fffaf1;--line:#d8cbbb;--txt:#302a24;--mut:#73685d;
  --theme-sidebar:#ebe0cf;--theme-sidebar-2:#fff7e9;--theme-hero:#ead9bd;--theme-hero-2:#fffaf1;--theme-shadow:rgba(79,56,32,.14);--accent-ink:#062621
}
html[data-v1919-theme="aurora"]{
  color-scheme:dark;--bg:#151326;--bg2:#231f3b;--line:#4d4669;--txt:#faf6ff;--mut:#b9afcc;
  --theme-sidebar:#100e20;--theme-sidebar-2:#2c2548;--theme-hero:#42315f;--theme-hero-2:#1a1730;--theme-shadow:rgba(8,5,20,.38);--accent-ink:#10201d
}

html[data-v1919-accent="teal"]{--teal:#36d8c4;--teal-d:#1b9f92}
html[data-v1919-accent="blue"]{--teal:#68a8ff;--teal-d:#397edc}
html[data-v1919-accent="violet"]{--teal:#aa91ff;--teal-d:#7656df}
html[data-v1919-accent="amber"]{--teal:#f5b83f;--teal-d:#bd7f13}
html[data-v1919-accent="coral"]{--teal:#ff8176;--teal-d:#c95048}
html[data-v1919-accent="lime"]{--teal:#9bd650;--teal-d:#679b2e}

/* Temat äger hela elevytan – inte bara korten i mitten. */
html[data-v1919-theme] body.v1919-nav-active{
  background:
    radial-gradient(circle at 82% -8%,color-mix(in srgb,var(--teal) 15%,transparent),transparent 30%),
    linear-gradient(180deg,color-mix(in srgb,var(--bg) 96%,var(--theme-hero)),var(--bg))!important;
  color:var(--txt)
}
html[data-v1919-theme] body.v1919-nav-active .site-header,
html[data-v1919-theme] body.v1919-nav-active .portal-topbar,
html[data-v1919-theme] body.v1919-nav-active #portalShell>nav{background:color-mix(in srgb,var(--bg) 94%,transparent)!important}
html[data-v1919-theme] .v1919-dev-sidebar{
  color:var(--txt)!important;
  background:linear-gradient(180deg,var(--theme-sidebar),var(--theme-sidebar-2) 56%,var(--theme-sidebar))!important;
  border-color:var(--line)!important;box-shadow:18px 0 50px var(--theme-shadow)!important
}
html[data-v1919-theme] .v1919-dev-sidebar>header,
html[data-v1919-theme] .v1919-dev-sidebar>footer{border-color:var(--line)!important}
html[data-v1919-theme] .v1919-dev-sidebar nav button,
html[data-v1919-theme] .v1919-dev-sidebar footer>button{color:color-mix(in srgb,var(--txt) 82%,var(--mut))!important}
html[data-v1919-theme] .v1919-dev-sidebar nav button:hover,
html[data-v1919-theme] .v1919-dev-sidebar footer>button:hover{color:var(--txt)!important;background:color-mix(in srgb,var(--teal) 10%,var(--bg2))!important}
html[data-v1919-theme] .v1919-dev-sidebar button[data-active="1"]{
  color:var(--txt)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--teal) 18%,var(--bg2)),color-mix(in srgb,var(--teal) 5%,var(--bg2)))!important;box-shadow:inset 3px 0 var(--teal)!important
}
html[data-v1919-theme] .v1919-dev-sidebar button>span,
html[data-v1919-theme] .v1919-dev-sidebar button>small,
html[data-v1919-theme] .v1919-nav-group,
html[data-v1919-theme] .v1919-dev-brand small{color:var(--mut)!important}
html[data-v1919-theme] .v1919-dev-brand>span{background:var(--teal)!important;color:var(--accent-ink)!important}
html[data-v1919-theme] .v1919-dev-lock,
html[data-v1919-theme] .v1919-sidebar-pulse{background:color-mix(in srgb,var(--bg2) 88%,var(--teal) 12%)!important;border-color:var(--line)!important}
html[data-v1919-theme] .v1919-dev-lock span{color:var(--txt)!important}
html[data-v1919-theme] .v1919-dev-lock small{color:var(--mut)!important}
html[data-v1919-theme] .v1919-mobile-menu{background:var(--bg2)!important;color:var(--txt)!important;border-color:var(--teal)!important}

html[data-v1919-theme] body.v1919-refreshed .home-hero{
  color:var(--txt)!important;
  border-color:color-mix(in srgb,var(--teal) 32%,var(--line))!important;
  background:
    radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--teal) 24%,transparent),transparent 27%),
    linear-gradient(135deg,var(--theme-hero),var(--theme-hero-2))!important;
  box-shadow:0 24px 70px var(--theme-shadow)!important
}
html[data-v1919-theme] body.v1919-refreshed .home-hero h2{color:var(--txt)!important}
html[data-v1919-theme] body.v1919-refreshed .home-hero p,
html[data-v1919-theme] body.v1919-refreshed .continue-context{color:var(--mut)!important}
html[data-v1919-theme] .student-home-panel,
html[data-v1919-theme] .v1919-course-drawer,
html[data-v1919-theme] .course-overview-hub,
html[data-v1919-theme] .panel,
html[data-v1919-theme] .qcard,
html[data-v1919-theme] .card,
html[data-v1919-theme] .study-plan,
html[data-v1919-theme] .course-map,
html[data-v1919-theme] .lab-shell,
html[data-v1919-theme] .tool-shell,
html[data-v1919-theme] details{background:var(--bg2)!important;color:var(--txt)!important;border-color:var(--line)!important}
html[data-v1919-theme] .mission,
html[data-v1919-theme] .home-course,
html[data-v1919-theme] .lab-card,
html[data-v1919-theme] .tool-card,
html[data-v1919-theme] .result-next-step{background:color-mix(in srgb,var(--bg) 78%,var(--bg2))!important;color:var(--txt)!important;border-color:var(--line)!important}
html[data-v1919-theme] details p,
html[data-v1919-theme] .model-answer p{color:var(--mut)!important}
html[data-v1919-theme] input.blank,
html[data-v1919-theme] input[type="search"],
html[data-v1919-theme] .answer-area,
html[data-v1919-theme] .note-area,
html[data-v1919-theme] .command,
html[data-v1919-theme] kbd{background:color-mix(in srgb,var(--bg) 86%,black 4%)!important;color:var(--txt)!important}
html[data-v1919-theme] .btn.p,
html[data-v1919-theme] .tab[aria-selected="true"],
html[data-v1919-theme] .plan-step .num{color:var(--accent-ink)!important}

/* Lärarstudion följer också temat; statusfärgerna behåller sin betydelse. */
html[data-v1919-theme] #adminModal .admin-panel,
html[data-v1919-theme] #adminModal .v1919-admin-workspace{color:var(--txt)!important;background:var(--bg)!important}
html[data-v1919-theme] #adminModal .admin-head,
html[data-v1919-theme] #adminModal>.admin-panel>.admin-actions,
html[data-v1919-theme] #adminModal .v1919-admin-workspace .admin-card,
html[data-v1919-theme] #adminModal .v1919-admin-workspace .cloud-sync-box,
html[data-v1919-theme] #adminModal .v1919-admin-workspace .admin-warning,
html[data-v1919-theme] #adminModal .v1919-admin-stats article,
html[data-v1919-theme] #adminModal .v1919-admin-quick button{
  color:var(--txt)!important;background:var(--bg2)!important;border-color:var(--line)!important
}
html[data-v1919-theme] #adminModal .v1919-admin-nav{background:color-mix(in srgb,var(--bg2) 72%,var(--bg))!important;border-color:var(--line)!important}
html[data-v1919-theme] #adminModal .v1919-admin-nav button{color:var(--mut)!important}
html[data-v1919-theme] #adminModal .v1919-admin-nav button[data-active="1"]{color:var(--txt)!important;background:var(--bg2)!important}
html[data-v1919-theme] #adminModal .admin-help,
html[data-v1919-theme] #adminModal small,
html[data-v1919-theme] #adminModal .v1919-admin-stats span{color:var(--mut)!important}

/* Ingen nedräkning, inga konkurrerande nästa-knappar. */
.v1924-manual-next{color:var(--mut)!important}
.v1924-manual-next input{accent-color:var(--teal)}
.v1924-learning-pause{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:12px;padding:12px 13px;border:1px dashed color-mix(in srgb,var(--teal) 48%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--teal) 6%,var(--bg2))}
.v1924-learning-pause h3{margin:0 0 3px;font-size:13px}.v1924-learning-pause p{margin:0;color:var(--mut);font-size:10.5px;line-height:1.45}
.v1924-confidence{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.v1924-confidence button{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--txt);background:var(--bg);font:700 9.5px var(--f);cursor:pointer}.v1924-confidence button:hover,.v1924-confidence button[data-active="1"]{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,var(--bg))}
.v1924-student #quizRun #nextBtn.ready-next{min-width:215px}

/* Kontobaserad adminåtkomst. */
.v1924-admin-account-state{margin:14px 0 12px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;color:var(--mut);background:var(--bg2);font-size:12px}
.v1924-admin-account-state[data-state="ok"]{border-color:color-mix(in srgb,var(--teal) 55%,var(--line));color:var(--txt)}
.v1924-admin-account-state[data-state="bad"]{border-color:color-mix(in srgb,var(--rose) 55%,var(--line));color:var(--rose)}
.v1924-admin-security{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}
.v1924-admin-security-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:end}.v1924-admin-security-form label{margin:0!important}.v1924-admin-security-form .btn{min-height:39px}.v1924-admin-security-status{grid-column:1/-1;min-height:18px;margin:0!important;color:var(--mut)!important;font-size:11px!important}

@media(max-width:760px){
  .v1924-learning-pause{grid-template-columns:1fr}.v1924-confidence{justify-content:flex-start}
  .v1924-admin-security-form{grid-template-columns:1fr}.v1924-admin-security-status{grid-column:1}
}